/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/



section{
    padding: 20px 0px 20px 0px;
}

h3{
   
    margin-bottom: 0px !important;
    font-size: 1.3rem;
    font-weight: 500 !important;
    color: black;
}
body {
    background: #49494a;
    color: #000;
    font-family: "Open Sans", sans-serif;
    overflow-x: hidden;
}

a {
    color: yellow;
    transition: 0.5s;
}

a:hover,
a:active,
a:focus {
    color: rgb(253, 50, 84);
    outline: none;
    text-decoration: none;
}

p {
    padding: 0;
    margin: 0 0 30px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    margin: 0 0 20px 0;
    padding: 0;
    color: yellow;
}

.section {
    padding: 50px 0px 50px 0px;
}

.section-full {
    padding: 0px;
}

.section-full .container-fluid {
    padding: 0px;
    width: 100%;
}

.section-full .section-image {
    padding: 0px;
    margin: 0px;
}

.section-full .section-desc {
    padding: 20px;
    margin: 0px;
}

.border-top-light {
    border-top: 1px solid #e2e2e2;
}

.border-top-dark {
    border-top: 1px solid #555558;
}

.border-bottom-light {
    border-bottom: 1px solid #e2e2e2;
}

.border-bottom-dark {
    border-bottom: 1px solid #555558;
}

.section-bg h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    margin: 0 0 20px 0;
    padding: 0;
    color: white
}

    

.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.hvr-underline-from-center::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}


/* Back to top button */

.back-to-top {
    position: fixed;
    display: none;
    background: linear-gradient(45deg, #185dab, #FFDD00);
    color: #fff;
    padding: 2px 20px 8px 20px;
    font-size: 16px;
    border-radius: 4px 4px 0 0;
    right: 15px;
    bottom: 0;
    transition: none;
}

.back-to-top:focus {
    background: linear-gradient(45deg, #1de099, #1dc8cd);
    color: #fff;
    outline: none;
}

.back-to-top:hover {
    background: #185dab;
    color: #fff;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: transparent linear-gradient(180deg, #33b4ff 0, #00649e 100%) 0 0 no-repeat padding-box !important;
    color: white !important;
    font-weight: 400 !important;
    font-size: 1em;
}

.nav-pillsx .nav-link.active,
.nav-pillsx .show>.nav-link {
    font-size: 1.7rem !important;
    color: #007bff !important;
    font-weight: bold !important;
    font-size: 1em;
    line-height: 20px;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header {
    padding: 0px 0px;
    height: auto;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 997;
    /* border-top: 5px solid #185dab; */
    background: transparent;
}

#header #logo {
    width: 15%;
    float: left;
}

#header #logo h1 {
    font-size: 36px;
    margin: -4px 0 0 0;
    padding: 0;
    line-height: 1;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    letter-spacing: 3px;
    text-transform: uppercase;
}

#header #logo h1 a,
#header #logo h1 a:hover {
    color: #fff;
}

#header #logo img {
    padding: 0px 0px;
    margin: 0px;
    max-height: 85px;
    width: auto;
}

#header #logo a.black {
    display: none;
}

#header #logo a.white {
    display: block;
}

#header #logo .slogan {
    height: 35px;
    position: absolute;
    top: 67px;
    left: 44%;
}

#header #logo-left {
    float: left;
}

#header #logo-left img {
    padding: 10px 0px;
    margin: 0;
    height: 100px;
}

#header.header-fixed {
    /*  background: linear-gradient(45deg, #1de099, #1dc8cd);*/
    /*  background: linear-gradient(45deg, #96eac7, #ffffff);*/
    padding: 0px 0;
    height: auto;
    transition: all 0.5s;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(207, 207, 207, 1);
    -moz-box-shadow: 0px 4px 5px 0px rgba(207, 207, 207, 1);
    box-shadow: 0px 4px 5px 0px rgba(207, 207, 207, 1);
    background: white;
}

#header .header-container {
    background-color: #49494a;
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

.Clear{
    background-color: #00000071;
    padding: 35px;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 7px solid white;
    border-radius: 20px;
    width: 100%;
}

#study-abroad-destinations {
    background: rgb(206 213 249);
    background: linear-gradient(90deg, rgb(162 255 220) 17%, rgb(206 213 249) 77%);
}

.destinations a {}

.destinations img {
    border-radius: 15px;
    border: 10px solid #fff9f957;
}

.destinations p {
    font-size: 1.2em;
    margin-top: 0.8rem;
    color: black;
    font-weight: 600;
}

.destinations .overlay {
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0.9) 11%, rgba(14, 7, 9, 0.2) 30%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    border-radius: 10px;
}


/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/

#main {
    margin-top: 100px;
}

#intro {
    margin-top: 100px;
    width: 100%;
    height: 70vh;
    /*background: linear-gradient(45deg, rgba(29, 224, 153, 0.8), rgba(139, 195, 74, 0.77)), url(../img/global-trade.jpg) center top no-repeat;*/
    background-size: cover;
    position: relative;
    /* border-bottom: 10px solid #e11111; */
}

#intro .intro-text {
    position: absolute;
    left: 0;
    top: 10px;
    right: 0;
    height: calc(50% - 150px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

#intro h2 {
    margin: 30px 0 10px 0;
    padding: 0 15px;
    font-size: 48px;
    font-weight: 400;
    line-height: 56px;
    color: #fff;
}

#intro p {
    /* color: #fff; */
    margin-bottom: 20px;
    padding: 0 15px;
    font-size: 24px;
}

#intro .btn-get-started {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 28px;
    border-radius: 50px;
    transition: 0.5s;
    margin: 10px;
    border: 2px solid #fff;
    color: #fff;
}

#intro .btn-get-started:hover {
    color: #1dc8cd;
    background: #fff;
}

#intro .product-screens {
    /*position: absolute;*/
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    text-align: center;
    width: 100%;
    height: 100%;
}

#intro .product-screens img {
    box-shadow: 0px -2px 19px 4px rgba(0, 0, 0, 0.29);
    margin-bottom: 15px;
}

#intro .product-screens .product-screen-1 {
    position: absolute;
    z-index: 30;
    left: calc(50% + 54px);
    bottom: 0;
    top: 30px;
}

#intro .product-screens .product-screen-2 {
    position: absolute;
    z-index: 20;
    left: calc(50% - 154px);
    bottom: 0;
    top: 90px;
}

#intro .product-screens .product-screen-3 {
    position: absolute;
    z-index: 10;
    left: calc(50% - 374px);
    bottom: 0;
    top: 150px;
}

#banners {
    width: 85%;
    margin: 0 auto;
}

#banners #carousel-banner {
    border-radius: 25px;
}

.large-banners {
    display: block;
}

.mobile-banners {
    display: none;
}

.banner-book-consultation {
    margin-top: -5%;
    position: absolute;
    z-index: 9;
    font-size: 1.3em;
    text-transform: uppercase;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 3px solid white;
    border-bottom: 0px;
}

.banner-submit-enquiry {
    left: 2% !important;
    bottom: 5% !important;
    position: fixed !important;
    width: 12%;
    z-index: 99;
    border-radius: 30px;
    text-align: center;
    font-size: 0.9em !important;
    border: 3px solid #fff;
    background-color: #d50e0e !important;
}

.about-section-text {
    font-size: 1.4em;
    text-align: justify;
}

.about-section-features {
    margin-top: 2%;
}

.about-section-features li {
    padding: 5px 15px;
    background-color: #ffffff;
    width: 30%;
}

.about-section-features h2 {
    font-size: 1.8em;
    font-weight: 400;
    margin-bottom: 5px;
    color: brown;
    text-transform: capitalize;
}

.top-advt-banner-square li {
    margin-bottom: 10px;
}

.top-advt-banner-square img {
    background-color: white;
    padding: 3px;
}

.advt-sponsered-links-2x-y-banner {
    height: 100px;
    background-color: #f5ebeb;
    line-height: 5;
    margin: 10px 0px;
}

.weight-section-features {
    margin-top: 3%;
    padding: 10px !important;
}

.weight-section-features li {
    padding: 5px 15px;
    background-color: #ffffff;
    float: left;
    width: 45%;
}

.weight-section-features img {
    height: 125px;
}

.weight-section-guide {
    padding: 10px;
    padding-bottom: 40px;
}

.weight-section-guide h4 {
    font-size: 2em !important;
    font-weight: bold !important;
    margin-bottom: 10px;
}

.no-padding {
    padding: 0px !important;
}

.services-about {
    /*margin-bottom : 2%;*/
}

.services-about div {
    margin-bottom: 2%;
}

.service-header-section {
    background-color: #f9f5f5;
}

.service-home-header {
    margin-top: 50%;
}

.sitelinks {
    color: white;
}

.sitelinks a {
    color: white;
}

.header-fixed #header-contact {
    display: none;
}

#header-contact {
    color:white;
}

#header-contact a {
    color: white;
}

.header-fixed #logo img {
    /* height: 70px !important; */
}

.header-fixed #logo a.white {
    display: none !important;
}

.header-fixed #logo a.black {
    display: block !important;
}

.header-fixed #header-nav {
    padding-top: 1.5em !important;
}

#page-header {
    overflow: hidden;
    /* background: linear-gradient(rgb(255, 222, 0), rgb(11, 148, 68)), url(../img/pageimg/about-us-bg.jpg) fixed center center; */
    /* background: linear-gradient(rgb(255, 222, 0), rgba(255, 222, 0, 0.36)), url(../img/pageimg/about-us-bg.jpg) fixed center center; */
    background: linear-gradient(rgba(50, 50, 50, 0.21), rgba(60, 60, 60, 0.05)), url(../img/pageimg/about-us-bg.jpg) fixed center center;
    background-size: auto, auto;
    background-size: contain;
    padding: 40px 0;
    padding-top: 110px;
}

#page-header .section-title {
    color: white;
    font-weight: bold;
    font-size: 1.8em;
}

#page-header .section-divider {
    /* background: linear-gradient(0deg, #fff 0%, #f5fcff 100%); */
    background: linear-gradient(0deg, #ffde00 0%, #ffde00 100%);
}

#page-header .section-description {
    color: white;
}

.news-section-header {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.2em;
    padding-bottom: 5px;
    border-bottom: 1px solid #e2e2e2;
    color: #515050;
    margin-bottom: 20px;
}

.article-container {
    display: inline-block;
    margin-bottom: 2%;
}

.article-container a {
    color: #515050
}

.article-container a:hover {
    color: black;
}

.sidebar-articles .article-container {
    margin-bottom: 5%;
    padding-bottom: 10px;
    border-bottom: 1px solid #ececec;
}

.sidebar-articles .article-container .article-img-small {
    float: none;
}

.article-container .article-img-small {
    float: left;
    margin-right: 3%;
    display: flex;
    height: 150px;
}

.article-author {
    /* -webkit-box-shadow: 0 7px 20px rgba(0,0,0,0.1);
  box-shadow: 0 7px 20px rgba(0,0,0,0.1);
  padding: 15px 20px;
  border-radius: 34px; */
    padding: 20px 0px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 3%;
}

.article-author p {
    padding: 0px;
    margin: 0px;
}

.article-rating {
    padding: 20px 0px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 3%;
}

.article-share {
    padding: 20px 0px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 3%;
}

#sticky.stick {
    position: fixed;
    top: 11%;
    z-index: 10000;
    width: auto;
}

.rate-popover {
    color: #c4c4c4;
}

.live {
    color: black;
}

#rateMe i {
    font-size: 3em;
}

.para-header-category {
    font-size: 0.9em;
    text-transform: uppercase;
    margin: 5px auto;
    font-weight: bold;
    font-family: Open Sans;
    color: #1dc8cd;
}

.para-header-title {
    font-size: 1.5em;
    text-transform: uppercase;
    margin: 5px auto;
    font-family: Open Sans;
    font-weight: 600;
    line-height: 1;
}

.para-header-desc {
    font-size: 1.2em;
    margin: 5px auto;
    font-family: Open Sans;
}

.para-tags {
    margin: 0px;
    padding: 0px;
}

.para-tags-round li {
    background-color: #ececec;
    border-radius: 20px;
    padding: 5px 15px;
    margin: 0px 3px;
    font-size: 0.9em;
}

.article-header-title {
    font-size: 2.8rem;
    margin-bottom: 3%;
    text-transform: none;
    color: black;
    line-height: 1.3;
    font-weight: bold;
}

.article-subheader-title {
    font-size: 2em;
    font-weight: lighter;
    line-height: 1.1;
    color: black;
}

.article-image-subinfo {
    font-size: 0.9em;
    color: #878484;
    margin: 1% 0px;
    padding: 0px;
    font-style: italic;
}

.product-list li {
    border-top: 1px dashed #e2e2e2;
    border-bottom: 1px dashed #e2e2e2;
    padding: 10px 0px;
    font-size: 1.3em;
    margin: 10px 0px;
    text-transform: uppercase;
    text-align: left;
    color: #008dd2;
}

.page-img img {
    width: 100%;
}

.page-inlet {
    display: -webkit-flex;
    border: 1px solid #e7ecef;
    background-color: #fff;
    -webkit-box-shadow: 0 14px 30px 0 rgba(107, 107, 107, .1);
    -moz-box-shadow: 0 14px 30px 0 rgba(107, 107, 107, .1);
    box-shadow: 0 14px 30px 0 rgba(107, 107, 107, .1);
    margin-bottom: 50px;
    position: relative;
    padding-top: 5%;
}

.page-inlet h3 {
    /* padding: 10px 0px; */
    font-size: 1.3em;
    /* margin: 10px 0px; */
    text-transform: uppercase;
    text-align: left;
    color: #008dd2;
    font-weight: bold;
}

.page-inlet .content {
    padding: 5px 15px;
}

.page-content-header {
    margin-top: -20%;
    margin-bottom: 2%;
    background-color: #fffffff5;
    padding: 20px;
    position: relative;
    width: 80%;
    border: 3px solid #09519a;
}

.services-panel .item {
    background-color: white;
}

.services-panel .box {
    border-bottom: 4px solid #28b6ee;
    display: block;
    /* height: 53%; */
    padding: 20px;
    box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
    background: #fff;
    margin-bottom: 15px;
}

.services-panel img {
    height: auto;
}

.services-panel .box h4 {
    font-size: 1em;
    font-weight: bold;
    color: grey !important;
}

.clients-list {
    text-align: center;
}

.clients-list img {
    padding: 20px;
    margin-bottom: 15%;
    border: 1px solid #e2e2e2;
    border-radius: 0px;
}

#client-testimonials {
    overflow: hidden;
    background: linear-gradient(rgb(255, 255, 255), rgba(248, 252, 255, 0.63)), url(../img/pageimg/bg-testimonials.jpg) fixed center center;
    background-size: auto, auto;
    background-size: cover;
    padding: 50px 0;
}

.testimonials .item {
    width: 45%;
    margin: 0 auto;
    background-color: white;
    border-radius: 20px;
    padding: 0px 20px;
    padding-top: 20px;
    border: 2px solid #00a7da;
}

.testimonials .item img {
    height: 150px;
    width: auto;
    margin: 3% auto;
    border-radius: 50%;
}

.modal-title {
    position: absolute;
    left: 2%;
    line-height: 1 !important;
    color: #5c4242;
}

.white-box {
    background: white;
    padding: 20px 10px;
    font-size: 1.25em;
    border-radius: 10px;
    height: 100%;
}

.box {
    padding: 40px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
    background: #fff;
    transition: 0.4s;
    height: 100%;
    border-radius: 15px;
}

.btn-big {
    font-size: 1.5em;
    padding: 1rem 2.5rem !important;
    border-radius: 5rem;
}

.takeaway-jsf2022 li {
    border: 1px solid #e2e2e2;
    padding: 10px;
    border-radius: 7px;
    margin: 10px 0px;
}

#counselling-services {
    background: rgb(249, 209, 140);
    background: linear-gradient(90deg, rgba(249, 209, 140, 1) 17%, rgba(251, 242, 157, 1) 77%);
}

#counselling-services .box img {
    float: left;
    max-width: 150px;
}

#counselling-services .box .title {
    margin-left: 170px;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 1.5em;
    margin-top: 30px;
    color: black !important;
}

#counselling-services .box .description {
    font-size: 1.1em;
    margin-left: 170px;
    margin-bottom: 0;
    line-height: 24px;
}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

#style1 {
    float: left;
    width: 100%;
}

#style2 {
    float: left;
    width: 100%;
}

#style3 {
    float: left;
    width: 100%;
    background-color: rgb(116, 31, 162);
    padding: 15px 0px;
    display: flex;
}

.dark-header #nav-menu-container-right a {
    color: white !important;
}

#header-nav {
    width: 85%;
    float: left;
    padding-top: 2%;
}

#header-nav-right {
    float: right;
    padding-top: 1%;
}

#header-nav-right i {
    position: initial !important;
}

#header-nav-right a {
    font-size: 0.85em;
}

.nav-contacts i {
    position: absolute;
}

.nav-contacts p {
    margin-left: 40px;
    margin-bottom: 5px;
    font-size: 0.8em;
}

.nav-contacts h3 {
    font-size: 1.1em;
    font-weight: 600;
    text-transform: initial;
    margin-left: 40px;
    margin-top: -5px;
}


/* Nav Menu Essentials */


/* ,.nav-menu * */

.nav-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-around;
    /* max-width: 92%; */
    /* max-width: 1140px; */
    margin: 0 auto;
    text-align: center;
    margin-left: 1%;
}

.nav-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}

.nav-menu li a i {
    font-size: 0.7em;
    vertical-align: middle;
    line-height: 1.5;
    margin-left: 5px;
    margin-top: 2px;
}

.nav-menu li {
    /*position: relative;*/
    white-space: nowrap;
}

.nav-menu>li {
    float: left;
}

.nav-menu li:hover>ul,
.nav-menu li.sfHover>ul {
    display: block;
}

.nav-menu li:hover>div,
.nav-menu li.sfHover>div {
    display: block;
    opacity: 1;
}

.nav-menu ul ul {
    top: 0;
    left: 100%;
}

.nav-menu ul li {
    min-width: 180px;
}

.dark-menu {
    background: #3b8ed7 !important;
}

.dark-menu .nav-menu-toplink {
    color: #fff !important;
}

.menu-has-children>a:hover>.global-nav-megamenu {
    display: block;
    visibility: visible;
    opacity: 1;
}

.menu-has-children.sfHover>a:hover>.global-nav-megamenu {
    display: block;
    opacity: 1;
}

.gloabl-menu {
    position: relative;
}

.sectionbg {
    background: #f3f3f5;
}


/* Web MD Reference*/

.global-nav-links-container {
    float: left;
    margin: 0;
    padding: 0;
    position: static;
    width: 100%;
}

.global-nav-links-link {
    display: inline;
    float: left;
    padding: .4375rem 0 1.375rem;
    position: static;
    top: 0;
    width: 20%;
}

.global-nav-links-link:hover .global-nav-links-title::after {
    background: #222;
    bottom: -11px;
    content: '';
    height: .1875rem;
    left: .5rem;
    position: absolute;
    width: calc(100% - 2rem);
}

.global-nav-megamenu ul {
    position: relative;
    top: auto;
    left: auto;
    display: block !important;
    background: transparent !important;
    box-shadow: none !important;
}

.global-nav-megamenu .prod-col {
    width: 20%;
    padding: 15px 15px;
}

#style1 .global-nav-megamenu {
    top: auto;
    /* position: relative;
    top: 10px;     */
}

#style1 .right {
    right: 0;
}

.global-nav-auto-width {
    width: auto !important;
    left: auto !important;
}

.global-nav-megamenu ul li a {
    font-size: 15px !important;
    color: #f3ed35;
}

.global-nav-megamenu {
    /*left: 9.25rem;
    opacity: 0;*/
    position: absolute;
    top: 6rem;
    transition: .3s all ease .25s;
    z-index: 5000000;
    width: 100%;
    /* If in the Container than make this 100% */
    left: 0%;
    /* If in the Container than make this 0*/
    box-shadow: 0 2px 22px 0 rgba(0, 0, 0, .11), 0 4px 5px 0 rgba(0, 0, 0, .22);
    padding: 15px;
    display: block;
    margin-top: 10px;
    display: none;
    background-color: #ffffff !important;
    border-radius: 10px;
}

@media only screen and (max-width: 768px) {
    .global-nav-megamenu {
        padding: 0px;
    }
    #mobile-nav ul li li {
        padding-left: 0px !important;
    }
    .gets img{
        display: none;
    }
    .looking-bg{
       text-align: center;
       padding: 20px !important;
    }
    #mvp{
        height: 460px !important;
        }
        #Secure{
            min-height: 200px !important;
          }
          
         #Burrpsuite{
            min-height: 335px;
         } 
         #Burrpsuites{
            min-height: 320px !important;
        }
        
#shopify{
    min-height: 453px !important;
}
#Androids{
    min-height: 335px !important;
}
#Digital{
    min-height: 330px !important;
}
#Estate{
    min-height: 450px !important;
}
.internship-top{
    padding-top: 17px !important;
}
.pop-modal {
    max-width: 723px !important;
}
  }

.global-nav-megamenu-container {
    background-color: #fbfafa;
    /*border: 5px solid #fff;
    border-top: 0;
    overflow: auto;
    padding: 2.313em 2.875em 2.875em;
    width: 100em;
    z-index: 100;
	box-shadow: 0 2px 22px 0 rgba(0,0,0,.11),0 4px 5px 0 rgba(0,0,0,.22);
	padding:10px;*/
}

.global-menu {
    background-color:#f3ed35;
    width: 100%;
    /* display: flex; */
    border-radius: 30px;
    float: left;
    margin-top: 1.5em;
}

.header-fixed .global-menu {
    width: 75%;
    left: 20%;
    position: absolute;
    top: 0% !important;
    margin-top: 0.5em;
    background-color: transparent;
}

.global-menu-list {
    width: 100%;
    min-height: 300px;
    /*background-color: aliceblue !important;*/
    display: block;
}

.global-menu-list .alternate-col {
    background-color: white;
}

.global-menu-list h4 {
    display: inherit;
    margin: 0px;
    padding: 0px !important;
}

.global-menu-list h4 a {
    display: inherit;
    width: auto;
    font-size: 0.95rem !important;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 0px !important;
    text-align: left;
    margin: 0px;
    font-weight: lighter;
    display: block !important;
    color: #185dab;
    white-space: normal;
}

.global-menu-list ul {
    box-shadow: none;
    /*position: relative;*/
    display: block;
    /*top: 0;*/
    background-color: transparent !important;
    box-shadow: none !important;
}

.global-menu-list ul li {
    border: 0px;
    min-width: 100%;
    white-space: normal;
    display: inherit;
    max-width: 100%;
    text-align: left;
    /*border-bottom:2px solid grey;*/
    padding-bottom: 2%;
    background-color: transparent !important;
}

.global-menu-list ul li a {
    display: inherit;
    text-align: left;
    background-color: transparent !important;
    color: grey;
    font-size: 0.85em !important;
    font-weight: lighter !important;
    text-transform: uppercase;
    padding: 0px !important;
}

.global-menu-list .subheader a {
    color: #ec8502;
    padding: 10px 0px !important;
    text-transform: uppercase;
}

.global-menu-article {
    width: 100%;
    height: 150px;
    background-color: aliceblue !important;
    display: block;
    margin-top: 1%;
}

.megamenu-list {
    display: block;
    position:
}

.megamenu-list li {
    display: block;
}

.megamenu-list-header {}

.obesity-custom .modal-body {
    background-color: aliceblue;
}

.obesity-custom #contact-form {
    background-color: aliceblue;
}

.obesity-custom #contact {
    box-shadow: none;
}


/* Web MD Reference*/

.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
}


/* Nav Menu Arrows */

.sf-arrows .sf-with-ul {
    padding-right: 30px;
}

.sf-arrows .sf-with-ul:after {
    content: "\f107";
    position: absolute;
    right: 15px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
}

.sf-arrows ul .sf-with-ul:after {
    content: "\f105";
}


/* Nav Meu Container */

#nav-menu-container {
    margin: 0;
    margin-top: 0%;
    left: 0;
    right: 0;
    background: none;
    padding: 10px;
    float: left;
    width: 100%;
    /* border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2; */
}

#nav-menu-container-right {
    float: right;
    margin: 0;
    margin-top: 0%;
    right: 0;
    background: none;
}

#nav-menu-container-right a {
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    padding: 0px 15px;
}

#nav-menu-container-left {
    float: left;
    margin-top: 0%;
    padding: 10px;
    margin-left: 1%;
}

#nav-menu-container-left a {
    color: White !important;
}

.header-search-form {
    padding-top: 3%;
    display: flex;
}

.header-action-button a {
    background: white !important;
}

.header-search-form .form-row {
    flex: 2;
    margin-left: 2%;
}

.header-action-button {
    display: inline;
    margin-left: 15px;
}


/* Nav Meu Styling */

.nav-menu a {
    padding: 10px 0px 0px 0px;
    text-decoration: none;
    display: inline-block;
    color: black;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 0.72em;
    outline: none;
    text-transform: uppercase;
}

.nav-menu>li {
    /*margin-left: 10px;*/
}

.nav-menu ul {
    margin: 10px 0 0 0;
    padding: 0px;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    background: #fff;
}

.nav-menu ul li {
    transition: 0.3s;
}

.nav-menu ul li a {
    padding: 6px 0px 6px 6px;
    color: #000000 !important;
    transition: 0.3s;
    display: block;
    font-size: 0.8em;
    text-transform: none;
}

.nav-menu ul li:hover>a {
    background-color: #fff0e9;
   
    border-radius: 10px;
    border-bottom: none !important;
}



#header.header-fixed .nav-menu a {
    color: yellow;
}


/* Mobile Nav Toggle */

#mobile-nav-toggle {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
    margin: 25px 10px 0 0;
    border: 0;
    background: none;
    font-size: 24px;
    display: none;
    transition: all 0.4s;
    outline: none;
    cursor: pointer;
    border: 1px solid #1c8bcc;
    border-radius: 2px;
    padding: 0px 9px;
}

#mobile-nav-toggle i {
    color: #25aae1;
}


/* Mobile Nav Styling */

#mobile-nav {
    position: fixed;
    top: 0;
    padding-top: 0px;
    bottom: 0;
    z-index: 998;
    /*  background: rgba(52, 59, 64, 0.9);*/
    background: #fff;
    left: -100%;
    width: 100%;
    overflow-y: auto;
    transition: 0.4s;
    margin-top: 91px;
}

#mobile-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#mobile-nav ul li {
    position: relative;
    border-bottom: 0.5px solid #aeacac;
    /*border-top: 1px solid #148e48;*/
    text-transform: capitalize;
}

#mobile-nav ul li:last-child {
    border-bottom: 0px;
}

#mobile-nav ul li a {
    color: #25aae1;
    font-size: 16px;
    overflow: hidden;
    padding: 10px 22px 10px 15px;
    position: relative;
    text-decoration: none;
    width: 100%;
    display: block;
    outline: none;
}

#mobile-nav ul li a:hover {
    color: #000;
}

#mobile-nav ul li li {
    padding-left: 30px;
}

#mobile-nav ul .menu-has-children i {
    position: absolute;
    right: 0;
    z-index: 99;
    padding: 5px 15px;
    cursor: pointer;
    color: #25aae1;
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
    color: #25aae1;
}

#mobile-nav ul .menu-item-active {
    color: #000;
    display: block;
    transition: .3s all ease .25s;
    position: initial;
    box-shadow: none;
}

#mobile-body-overly {
    width: 100%;
    height: 100%;
    z-index: 997;
    top: 0;
    left: 0;
    position: fixed;
    /*  background: rgba(52, 59, 64, 0.9);*/
    background: rgba(255, 255, 255, 0.81);
    display: none;
    margin-top: 100px;
}


/* #mobile-nav .menu-item-active{
    display: block;
    transition: .3s all ease .25s;
    position: initial;
    box-shadow: none;
} */


/* Mobile Nav body classes */

body.mobile-nav-active {
    overflow: hidden;
}

body.mobile-nav-active #mobile-nav {
    left: 0;
}

body.mobile-nav-active #mobile-nav-toggle {
    color: #fff;
}

.menu-has-children ul {
    background: #fff;
}

.menu-has-children ul li {
    border-bottom: 0.5px solid #2187c1;
    border-top: 1px solid #0c4667;
}

.menu-has-children ul li a {
    color: white;
}

.menu-has-children div {
    /*background: #fff;*/
}

.menu-has-children ul li {
    border-bottom: 0.5px solid #2187c1;
    border-top: 1px solid #0c4667;
}

.menu-has-children ul li a {
    color: white;
}

.styled-list {
    background-color: #0000008f;
    padding: 20px;
    height: 100%;
}

.styled-list li {
    padding: 10px 0px;
    font-size: 1.2em;
    color: white !important;
    border-left: 8px solid #e2e2e2;
    padding-left: 6%;
}

.styled-list li i {
    margin-left: -9%;
    font-size: 1.1em;
    background-color: #08b3f4;
    padding: 1px;
    border-radius: 20px;
    height: 35px !important;
    width: 35px !important;
    margin-right: 0%;
    position: absolute;
    text-align: center;
}

.section-full-text {
    font-size: 3em;
    font-weight: bold;
    color: white;
    text-align: left;
    line-height: 1.5;
    padding: 50px 30px;
}

.section-full-text .section-divider {
    display: block;
    width: 40% !important;
    height: 2px !important;
    background: linear-gradient(0deg, #fff 0%, #fff 100%) !important;
    margin: 0 !important;
}

.partner-box {
    padding: 0px 10px;
    box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
    background: #fff;
    text-align: center;
    height: 98%;
}

.partner-box img {
    margin-bottom: 10%;
}

.partner-box li {
    padding: 5px 0px;
    display: block;
}

.para-big-text {
    font-size: 2.7em;
    color: #28b6ee;
    text-decoration: underline;
    margin-bottom: 10px;
    line-height: 1.2;
}


/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/


/* Sections Header
--------------------------------*/

hr {
    background-color : #EF738E;
    margin:0 0 30px 0;
    max-width:100px;
    border-width:0;
    border-radius: 10px;
  }
  
  hr.s1 {
    height:3px;
  }

.section-header .section-title {
    font-size: 2em !important;
    color: #283891;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: 0px;
}

.section-header .section-description {
    text-align: center;
    padding-bottom: 0px;
    color: #777;
    font-style: italic;
}

.section-header .section-divider {
    display: block;
    width: 60px;
    height: 3px;
    background: #1dc8cd;
    background: linear-gradient(0deg, #283891 0%, #25aae1 100%);
    margin: 0 auto;
    margin-bottom: 20px;
}

.content {
    display: block !important;
    background: #ffffffb3;
    font-size: 1.2em;
    padding: 40px 30px;
    border-radius: 15px;
}
.section-title h1{
    font-size: 2rem;
    font-weight: bold;
    color: #F9B554 !important;
}

/* Tags */

.tag-area-header {
    background: #ab1818;
    text-align: center;
    color: white;
    padding: 15px 5px;
    border-top-left-radius: 5px;
    margin-bottom: 0px;
    border-top-right-radius: 5px;
}

.cloud-tags li {
    background-color: #185dab !important;
    padding: 10px 15px !important;
    color: white !important;
    font-weight: 400 !important;
    font-size: 0.85em;
    box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
    border-radius: 25px;
    border: 2px solid white;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.endorsedby img {
    height: 200px;
    width: auto;
    margin: 10px;
}

.endorsedby p {
    font-weight: bold;
    font-size: 1.1em;
}


/* Section with background
--------------------------------*/

.section-bg {
    /*background: #25aae11c;*/
    background-image: radial-gradient(#f5ebeb, #fbfbfb);
}


/* About Us Section
--------------------------------*/

#about {
    padding: 0px 0;
    overflow: hidden;
    /*background-image: radial-gradient(#f5ebeb, #fbfbfb);*/
    background: linear-gradient(rgba(0, 100, 189, 0.19), rgba(37, 170, 225, 0.63)), url(../img/pageimg/factory1.jpg) fixed center center;
    background-size: cover;
    background-repeat: no-repeat;
}

#about .about-img {
    height: 510px;
    overflow: hidden;
}

#about .about-img img {
    margin-left: -15px;
    max-width: 100%;
}

#about .content .h2 {
    color: #333;
    font-weight: 300;
    font-size: 24px;
}

#about .content h3 {
    color: #777;
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    font-style: italic;
}

#about .content p {
    line-height: 26px;
}

#about .content p:last-child {
    margin-bottom: 0;
}

#about .content i {
    font-size: 20px;
    padding-right: 4px;
    color: #1dc8cd;
}

#about .content ul {
    list-style: none;
    padding: 0;
}

#about .content ul li {
    padding-bottom: 10px;
}

#transformaton-section {
    margin-top: 3%;
}


/* Product Featuress Section
--------------------------------*/

.join-event {
    background-color: red;
}

.btn-consultation {
    background-color: #185dab !important;
    padding: 10px !important;
    color: white !important;
    font-weight: 400 !important;
    font-size: 1em;
    box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
    border-radius: 25px;
    border: 2px solid white;
}

.btn-border {
    padding: 10px !important;
    color: white;
    font-weight: 400 !important;
    font-size: 1em;
    box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
    border-radius: 0px;
    border: 2px solid white;
}

.btn-border::hover {
    background-color: white !important;
    color: black !important;
}

.btn-register {
    background-color: #185dab !important;
    padding: 10px !important;
    color: white !important;
    font-weight: 400 !important;
    font-size: 1em;
    box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
    border-radius: 25px;
    border: 2px solid white;
}

.btn-register:hover {
    background-color: white !important;
    color: black !important;
    border: 2px solid #185dab;
}

.btn-primary {
    color: #fff;
    background-color: #09519a !important;
    border-color: #09519a;
}

#sidebar {
    margin: 10px 0 15px 0;
    /*controls the cutoff of the top and bottom limitations*/
    margin-left: 0px !important;
    left: auto !important;
    width: auto;
    min-width: 250px;
    padding: 15px 10px;
    /*float: left;*/
    /* float right for a right aligned sidebar */
}

.btn-submit-enquiry {
    background: white !important;
    border: 1px solid #25aae1;
    border-radius: 20px;
    padding: 7px 15px;
    color: #283891;
}

.btn-submit-enquiry:hover {
    color: #25aae1;
}


/* Owl Carousel
--------------------------------*/

.owl-carousel {
    margin: 0px;
}

.owl-carousel .item {
    max-width: 100%;
}


/* Call To Action Section
--------------------------------*/

.formloader {
    text-align: center;
    font-size: 1.5em;
    position: absolute;
    width: 100%;
    background-color: #ffffffde;
    height: 100%;
    left: 0;
    top: 0;
    padding-top: 20%;
    z-index: 9;
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
    height: 1rem;
    border-width: .2em;
}

#aboutus {
    overflow: hidden;
    background: url(../img/pageimg/bg-about.jpg) fixed center center;
    background-size: auto, auto;
    background-size: cover;
}

.bg-theme {
    overflow: hidden;
    background: url(../img/pageimg/bg-about.jpg) fixed center center;
    background-size: auto;
    background-size: auto, auto;
    background-size: cover;
}

#register {
    overflow: hidden;
    background: linear-gradient(rgba(255, 255, 255, 0.76), rgb(255, 255, 255)), url(../img/pageimg/bg-surgery.jpg) fixed center center;
    background-size: auto, auto;
    background-size: auto, auto;
    background-size: auto, auto;
    background-size: cover;
}

#sessions {
    overflow: hidden;
    background: linear-gradient(rgba(231, 231, 231, 0.7), rgba(255, 255, 255, 0.92)), url(../img/pageimg/bg-surgery.jpg) fixed center center;
    background-size: auto, auto;
    background-size: cover;
}

.sessions {
    box-shadow: 2px 4px 13px 0px rgba(145, 145, 145, 0.78);
    -webkit-box-shadow: 2px 4px 13px 0px rgba(145, 145, 145, 0.78);
    -moz-box-shadow: 2px 4px 13px 0px rgba(145, 145, 145, 0.78);
    border-radius: 10px;
    font-size: 1.3em;
    background: #ffffffc9;
    padding: 10px 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.session-title {
    color: #185dab;
    font-weight: bold;
}

.session-header {
    font-size: 1.5em;
    background: #185dab;
    color: white;
    font-weight: bold;
}

.session-sub-info {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 0.8em;
    font-weight: normal;
    color: black;
}

.session-date p {
    margin-bottom: 4px;
    font-size: 0.9em;
}

.sessionindex {
    background: #185dab;
    color: white;
    padding: 2px 5px;
    font-size: 0.8em;
    border-radius: 5px;
    display: none;
}

#cholecystectomy {
    /* overflow: hidden;
    background: linear-gradient(rgba(231, 231, 231, 0.7), rgba(255, 255, 255, 0.92)), url(../img/pageimg/bg-surgery.jpg) fixed center center;
    background-size: auto, auto;
    background-size: cover; */
}

.enquiry {
    text-align: right;
}

.enquiry .btnenquiry {
    background: #ffffff !important;
    color: #09519a;
    border-radius: 20px;
    border: 1px solid #e0d5d5;
    -webkit-box-shadow: 0 14px 30px 0 rgba(107, 107, 107, .1);
    -moz-box-shadow: 0 14px 30px 0 rgba(107, 107, 107, .1);
    box-shadow: 0 5px 20px 0 rgba(107, 107, 107, .1);
}

.call-to-action {
    overflow: hidden;
    background: linear-gradient(rgba(0, 100, 189, 0.37), rgba(37, 170, 225, 0.93)), url(../img/pageimg/bg-surgery.jpg) fixed center center;
    background-size: auto, auto;
    background-size: cover;
    padding: 50px 0;
}

.call-to-action-yarn {
    overflow: hidden;
    background: linear-gradient(rgba(222, 222, 222, 0.65), rgba(86, 86, 86, 0.2)), url(../img/pageimg/recycled-yarn-action-pic.png) fixed center center;
    background-size: cover;
    padding: 150px 0;
}

.call-to-action-aboutus {
    overflow: hidden;
    background: linear-gradient(rgba(26, 31, 31, 0.65), rgba(0, 0, 0, 0.2)), url(../img/global-trade.jpg) fixed center center;
    background-size: cover;
    padding: 110px 0;
    color: white;
    font-weight: bold !important;
    font-size: 1.5em !important;
}

.call-to-action .cta-title {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
}

.call-to-action .cta-text {
    color: #fff;
    font-size: 1em;
}

.call-to-action .cta-btn {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 30px;
    border-radius: 25px;
    transition: background 0.5s;
    margin: 0px;
    border: 2px solid #fff;
    color: #fff;
}

.call-to-action .cta-btn:hover {
    background: #1dc8cd;
    border: 2px solid #1dc8cd;
}

#channel-partners {
    overflow: hidden;
    background: linear-gradient(rgba(255, 255, 255, 0.93), rgba(245, 245, 245, 0.8)), url(../img/pageimg/channel-partner-bg.jpg) fixed center center;
    background-size: auto, auto;
    background-size: cover;
    padding: 50px 0;
}


/* Clients Section
--------------------------------*/

.clients {
    padding: 30px 0;
    background: #fff;
    overflow: hidden;
}

.clients img {
    max-width: 100%;
    opacity: 0.5;
    transition: 0.3s;
    padding: 15px 0;
}

.clients img:hover {
    opacity: 1;
}


/* Pricing Section
--------------------------------*/

#pricing {
    padding: 60px 0 60px 0;
    overflow: hidden;
}

#pricing .box {
    padding: 40px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
    background: #fff;
    text-align: center;
}

#pricing h3 {
    font-weight: 400;
    margin-bottom: 15px;
    font-size: 28px;
    color: brown;
}

#pricing h4 {
    font-size: 46px;
    color: #1dc8cd;
    font-weight: 300;
}

#pricing h4 sup {
    font-size: 20px;
    top: -20px;
}

#pricing h4 span {
    color: #bababa;
    font-size: 20px;
}

#pricing ul {
    padding: 0;
    list-style: none;
    color: #999;
    text-align: left;
    line-height: 20px;
}

#pricing ul li {
    padding-bottom: 12px;
}

#pricing ul i {
    color: #1dc8cd;
    font-size: 18px;
    padding-right: 4px;
}

#pricing .get-started-btn {
    background: #515e61;
    display: inline-block;
    padding: 6px 30px;
    border-radius: 20px;
    color: #fff;
    transition: none;
    font-size: 14px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
}

#pricing .featured {
    border: 2px solid #1dc8cd;
}

#pricing .featured .get-started-btn {
    background: linear-gradient(45deg, #1de099, #1dc8cd);
}


/* Frequently Asked Questions Section
--------------------------------*/

#faq {
    padding: 60px 0;
    overflow: hidden;
}

#faq #faq-list {
    padding: 0;
    list-style: none;
}

#faq #faq-list li {
    border-bottom: 1px solid #ddd;
}

#faq #faq-list a {
    padding: 18px 0;
    display: block;
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    line-height: 1;
    font-weight: 300;
    padding-right: 20px;
}

#faq #faq-list i {
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 16px;
}

#faq #faq-list p {
    margin-bottom: 20px;
}

#faq #faq-list a.collapse {
    color: #1dc8cd;
}

#faq #faq-list a.collapsed {
    color: #000;
}

#faq #faq-list a.collapsed i::before {
    content: "\f2c7" !important;
}


/* Our Team Section
--------------------------------*/

.faculty-section-title {
    background-color: #185dab;
    color: white;
    padding: 5px;
    margin: 5px 0px;
    border-radius: 5px;
}

.team {
    padding: 60px 0;
    overflow: hidden;
}

.team .member {
    text-align: center;
    margin-bottom: 10px;
}

.team .member .pic {
    /* margin-bottom: 15px;
    overflow: hidden;
    height: 150px; */
    height: 150px;
    width: 150px;
    border-radius: 50%;
    margin: 0 auto;
    border: 5px solid white;
    box-shadow: -1px 2px 9px 3px rgba(199, 199, 199, 0.75);
    -webkit-box-shadow: -1px 2px 9px 3px rgba(199, 199, 199, 0.75);
    -moz-box-shadow: -1px 2px 9px 3px rgba(199, 199, 199, 0.75);
}

.team .member .pic img {
    max-width: 100%;
    border-radius: 50%;
    padding: 5px;
}

.team .member h4 {
    font-weight: 700;
    margin-bottom: 2px;
    font-size: 18px;
}

.team .member span {
    font-style: italic;
    display: block;
    font-size: 0.9rem;
}

.team .member .social {
    margin-top: 15px;
}

.team .member .social a {
    color: #b3b3b3;
}

.team .member .social a:hover {
    color: #1dc8cd;
}

.team .member .social i {
    font-size: 18px;
    margin: 0 2px;
}

.speakers:hover {
    background-color: white;
    transition-duration: 1s;
    border-radius: 10px;
}

.speakers {
    padding: 5px;
}


/* Gallery Section
--------------------------------*/

#gallery {
    background: #fff;
    padding: 60px 0 0 0;
    overflow: hidden;
}

#gallery .container-fluid {
    padding: 0px;
}

#gallery .gallery-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all ease-in-out 0.4s;
}

#gallery .gallery-item {
    overflow: hidden;
    position: relative;
    padding: 0;
    vertical-align: middle;
    text-align: center;
}

#gallery .gallery-item img {
    transition: all ease-in-out 0.4s;
    width: 100%;
}

#gallery .gallery-item:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#gallery .gallery-item:hover .gallery-overlay {
    opacity: 1;
    background: rgba(0, 0, 0, 0.7);
}


/* Contact Section
--------------------------------*/

.contact-section {}

.contact-section #contact-form {
    padding: 30px 30px !important;
    background: #f4fcff !important;
}

#contact-form {
    background: white;
    padding: 20px 0px;
    text-align: center;
}

.contact-data {
    padding: 3% 20px 0 20px;
}

#contact h4,
h3 {
    color: white;
}

#contact h2 {
    padding: 15px 0px;
}

#contact {
    /* box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    padding: 0px 0;
    overflow: hidden;
    background: orange; */
    /*background: #4a4a4a;*/
}

#contact p {
    color: white;
}

#contact .contact-about h3 {
    font-size: 36px;
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 1;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: white;
}

#contact .contact-about p {
    font-size: 14px;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    color: white;
}

#contact .social-links {
    padding-bottom: 20px;
}

.social-links {
    margin-bottom: 20px;
}

#contact .social-links a {
    font-size: 18px;
    display: inline-block;
    background: #fff;
    color: #1dc8cd;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s;
    border: 1px solid #1dc8cd;
}

#contact .social-links a:hover {
    background: #1dc8cd;
    color: #fff;
}

.social-links.rounded a {
    margin: 3px 5px 0 0;
    border-radius: 50%;
    border: 2px solid #707174;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    line-height: 30px;
    padding: 3px 0px;
    text-align: center;
}

#contact .info {
    color: #333333;
}

#contact .info i {
    font-size: 32px;
    color: white;
    float: left;
    line-height: 1;
}

#contact .info p {
    padding: 0 0 0px 40px;
    line-height: 25px;
    font-size: 1em;
}

#contact .form #sendmessage {
    color: #1dc8cd;
    border: 1px solid #1dc8cd;
    display: none;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

#contact .form #errormessage {
    color: red;
    display: none;
    border: 1px solid red;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

#contact .form #sendmessage.show,
#contact .form #errormessage.show,
#contact .form .show {
    display: block;
}

#contact .form .validation {
    color: red;
    display: none;
    margin: 0 0 20px;
    font-weight: 400;
    font-size: 13px;
}

#contact .form input,
#contact .form textarea {
    /* border-radius: 0;
    box-shadow: none;
    font-size: 14px; */
}

#contact .form button[type="submit"] {
    background: linear-gradient(45deg, #283891, #25aae1);
    border: 0;
    border-radius: 20px;
    padding: 8px 30px;
    color: #fff;
}

#contact .form button[type="submit"]:hover {
    cursor: pointer;
}

.contact-form-subinfo {
    font-size: 0.8em;
    color: #7e7c7c !important;
    padding: 15px 0px;
    margin: 0px;
}


/*--------------------------------------------------------------
# Items
--------------------------------------------------------------*/

.item-list-category {
    background-color: #f9f9f9;
    padding: 0px 15px;
    margin: 10px 0px;
    border-radius: 10px;
}

.item-list-category li {
    padding: 10px 15px;
    border-bottom: 1px dashed #c6c6c6;
}

.item-list-category li a {}


/* -----------------------
#Items Grid List
----------------------- */

.item-list-grid {
    padding: 0;
    margin: 0;
}

.item-list-grid li {
    margin: 5px !important;
    padding: 5px;
}

.item-list-grid .cover {
    border: 1px solid #e2e2e2;
    padding: 10px 20px;
    margin-bottom: 10px;
}

.item-list-grid .cover a {
    display: block;
}

.item-list-grid .cover p {
    margin-bottom: 10px;
}

.item-list-grid .cover img {
    margin: 0 auto;
    height: inherit;
}

.item-list-grid .cover-img {
    height: 200px;
}

.item-list-grid .title {
    font-weight: bold;
}

.item-list-grid .description {
    font-size: 0.9em;
    color: black;
    height: 110px;
    overflow: hidden;
}


/* -----------------------
#Normal Grid List
----------------------- */

.normal-grid-list .cover {
    border: 1px solid #e2e2e2;
    padding: 10px 20px;
    margin-bottom: 10px;
    box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
    height: 95%;
}

.normal-grid-list .cover a {
    display: block;
}

.normal-grid-list .cover img {
    height: 150px;
    width: auto;
    margin: 0 auto;
}

.normal-grid-list .title {
    font-weight: bold;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 20px;
    margin-bottom: 5px;
}

.normal-grid-list .description {
    font-size: 0.9em;
    color: black;
    height: 115px;
    overflow: hidden;
    margin-bottom: 10px;
}


/* -----------------------
#Site breadcrumbs
----------------------- */

.site-breadcrumbs {}

.site-breadcrumbs li {}

.site-breadcrumbs li::after {
    content: '>';
    color: white;
    font-weight: bold;
    padding: 0px 5px;
}

.site-breadcrumbs li:last-child::after {
    content: '';
}

.site-breadcrumbs li a {
    color: white;
    font-size: 1.1em;
    font-style: italic;
    text-decoration: underline;
    text-transform: capitalize;
}

.breadcrumbs-dark li a {
    color: grey !important;
}

.breadcrumbs-dark li::after {
    color: grey !important;
}

.list-pagename h1 {
    color: #d50e0e !important;
}

.project-section .box {
    padding: 10px 0px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
    background: #fafafa;
    font-size: 1.1em;
    color: #636363;
    line-height: 2;
    border-bottom: 1px dashed #e2e2e2;
}

.project-section .box h1,
h2 {
    font-size: 1.5em;
    color: #d50e0e;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.content-list {
    border-left: 3px solid #3b8ed7;
    padding-left: 16px;
    margin-bottom: 5%;
}

.content-list li::before {
    content: '';
    height: 15px;
    width: 15px;
    border-radius: 20px;
    position: absolute;
    margin-left: -25px;
    padding: 5px;
    background-color: rgb(213, 14, 14);
    margin-top: 7px;
}

.content-list li {
    line-height: 1.5;
    font-size: 1.2em;
    margin-bottom: 10px;
    text-transform: capitalize;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer-logo {
    height: 80px;
}

#footer {
    /* background: #4a4a4a;*/
    background: #49494a;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    padding: 30px 0;
    color: #fff;
    font-size: 1em;
}

#footer .credits {
    font-size: 13px;
    color: #888;
}

#footer .footer-links a {
    color: white;
    padding-left: 15px;
}

#footer .footer-links a:first-child {
    padding-left: 0;
}

#footer .footer-links a:hover {
    color: #1dc8cd;
}

.footer-sitelink-list {
    font-size: 0.9em;
}

.footer-sitelink-list li {
    margin-bottom: 2px;
    display: inline-block;
    width: 18%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.footer-list-links {}

.footer-list-links .footer-list-header {
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: 400;
    margin-left: 0px;
}

.footer-list-links li {
    margin-bottom: 5px;
    font-size: 0.9em;
    margin-left: 5px;
}

.footer-light {
    background: #f2f2f2 !important;
    color: #666 !important;
}

.footer-light h4,
h5,
h6 {
    font-size: 1.2em;
    font-family: open sans;
    font-weight: 400;
    color: #666 !important;
    margin-bottom: 10px;
    margin-left: 0px;
    text-transform: uppercase;
}

.footer-style2-dark-links {
    /*margin-bottom: 2%;*/
    margin-top: 0%;
    font-size: 0.8em;
}

.footer-desc-text {
    font-size: 0.9em;
    margin-bottom: 1%;
    padding-bottom: 1%;
    border-bottom: 1px solid #c4c4c4;
}

.footer-style2-dark-links a {
    color: #fff !important;
}

.footer-style2-dark-links h4 {
    color: white;
    font-weight: bold;
    font-size: 1.2em;
}

.footer-lower-links {
    border-top: 1px solid #6b6a6a;
    padding-top: 15px !important;
    margin-top: 5%;
}

.mobile-device-actions {
    display: none;
}

@media (min-width: 769px) {
    #features .features-img {
        padding-top: 120px;
        margin-top: -200px;
    }
    .call-to-action .cta-btn-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

@media (min-width: 1025px) {
    #intro {
        background-attachment: fixed;
    }
    .nav-menu a {
        font-size: 0.8em;
    }
}

@media (max-width: 768px) {
    #page-header {
        padding: 20px 0px !important;
    }
    #sharebuttoncontainer {
        position: fixed;
        bottom: 65px;
        z-index: 99;
        left: 0;
        width: 100%;
        background: white;
    }
    .share-buttons {
        margin: 5px 0px;
        border-top: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
        padding: 10px 0px;
    }
    .breadcrumbs-dark {
        background: #f8f8f8;
        padding: 10px 0px;
        margin-bottom: 10px;
    }
    .breadcrumbs-dark ul {
        margin-bottom: 0;
    }
    .site-breadcrumbs li a {
        font-size: 0.9em;
        font-style: normal;
        text-decoration: none;
        text-transform: capitalize;
    }
    .list-pagename h1 {
        font-size: 1.8em !important;
        font-weight: bold;
    }
    #header #logo img {
        max-height: 90px;
    }
    #main {
        margin-top: 100px;
    }
    .banner-submit-enquiry {
        display: none;
    }
    .testimonials .item {
        width: 80%;
    }
    #sticky {
        display: none;
    }
    .article-header-title {
        font-size: 2rem;
    }
    .article-subheader-title {
        font-size: 1.5rem;
    }
    #footer {
        padding: 0px;
    }
    #faq {
        padding: 0px 0px;
    }
    .footer-sitelink-list li {
        width: 100%;
    }
    .services-about div {
        padding: 2px;
    }
    .container-fluid {
        width: 100%;
    }
    .large-banners {
        display: none;
    }
    .mobile-banners {
        display: block;
    }
    .about-section-content {
        margin-top: 10%;
    }
    .banner-book-consultation {
        margin-top: -8%;
        position: absolute;
        z-index: 9;
        font-size: 1.3em;
        border-radius: 0px;
        text-transform: uppercase;
        border: 3px solid white;
        border-bottom: 0px;
        width: 90%;
        float: left;
        text-align: center;
    }
    .about-section-features li {
        padding: 5px 15px;
        background-color: #ffffff;
        width: 100%;
        margin: 5px;
    }
    .about-section-text {
        font-size: 1em;
        text-align: justify-content;
        margin-bottom: 4%;
    }
    .counselling-services-data {
        padding: 5px;
        display: none;
    }
    #intro .product-screens img {
        height: auto;
        margin-bottom: 0px;
    }
    .owl-dots {
        display: none;
    }
    #intro {
        height: auto;
    }
    #more-features {
        padding: 0;
    }
    .more-features-data p {
        display: none;
    }
    .back-to-top {
        bottom: 69px;
    }
    .nav-contacts {
        display: none;
    }
    #border-1{
        border: none !important;
      }
    .mobile-device-actions {
        display: block;
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        background-color: #17a2b8;
        z-index: 99;
        border-top: 1px solid black;
        font-size: 0.9em;
        padding: 5px;
    }
    .mobile-device-actions i {
        color: white;
        font-size: 1.5em;
    }
    .mobile-device-actions ul {
        margin-bottom: 0px;
        width: 100%;
        display: flex;
        margin: 0px;
    }
    .mobile-device-actions li {
        padding: 5px !important;
        flex-grow: 1;
        margin: 0px !important;
    }
    .mobile-device-actions li p {
        padding: 2px !important;
        margin: 0px;
        color: white;
    }
    #header #logo {
        width: 100% !important;
    }
    #header #logo h1 {
        font-size: 28px;
        margin-top: 0;
    }
    #header #logo .slogan {
        /*    max-height: 40px;*/
        left: 6% !important;
        top: 52px !important;
    }
    #intro h2 {
        font-size: 28px;
        line-height: 36px;
    }
    #intro p {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    #nav-menu-container {
        display: none;
    }
    #nav-menu-container-right {
        display: none;
    }
    #mobile-nav-toggle {
        display: inline;
    }
    #about .about-img {
        height: auto;
    }
    #about .about-img img {
        margin-left: 0;
        padding-bottom: 30px;
    }
    #advanced-features .advanced-feature-img-right,
    #advanced-features .advanced-feature-img-left {
        max-width: 50%;
    }
    #faq #faq-list a {
        font-size: 18px;
    }
    #faq #faq-list i {
        top: 13px;
    }
    #footer {
        margin-bottom: 75px;
    }
}

@media (max-width: 767px) {
    #intro .product-screens {
        height: auto;
        width: 100%;
    }
    #intro .product-screens .product-screen-1 {
        position: static;
        padding-top: 30px;
    }
    #intro .product-screens .product-screen-2,
    #intro .product-screens .product-screen-3 {
        display: none;
    }
    #advanced-features .advanced-feature-img-right,
    #advanced-features .advanced-feature-img-left {
        max-width: 100%;
        float: none;
        padding: 0 0 30px 0;
    }
    #counselling-services .box {
        margin-bottom: 20px;
    }
    #counselling-services .icon {
        float: none;
        text-align: center;
        padding-bottom: 15px;
    }
    #counselling-services h4,
    #counselling-services p {
        margin-left: 0;
        text-align: center;
    }
    #counselling-services .box img {
        width: 80%;
        margin: 0 auto;
        float: none;
    }
    #counselling-services .box .title {
        float: left;
        font-weight: 700;
        margin-bottom: 15px;
        font-size: 1.5em;
        margin-top: 30px;
        color: black !important;
        margin: 10px auto;
        margin-left: 0px;
    }
    #counselling-services .box .description {
        float: left;
        font-size: 1.1em;
        line-height: 24px;
        margin-left: 0px;
        margin-bottom: 20px;
    }
}


.slick-slide {
    margin: 0 5px;
}

.slick-slide img {
    width: 100%;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-slide img{
    display: block;
}

.slick-initialized .slick-slide{
    display: block;
}

.slick-loding .slick-slide{
    visibility: hidden;
}

.slider{
position: relative;
}

.slider .prevArrow{
    display: none;
}

.slider .nextArrow{
  display: none;
}





  .slick-dots {
	display: flex;
	justify-content: center;
	
	margin: 0;
	padding: 1rem 0;
	
	list-style-type: none;
	
		li {
			margin: 0 0.25rem;
		}
	
		button {
			display: block;
			width: 1rem;
			height: 1rem;
			padding: 0;
			
			border: none;
			border-radius: 100%;
			background-color: transparent;
            border: 2px solid white;
			
			text-indent: -9999px;
		}
	
		li.slick-active button {
			background-color: rgb(231, 61, 89);
		}
	
}



/* [1] The container */
.img-hover-zoom {
    height: 225px; /* [1.1] Set it as per your need */
    overflow: hidden; /* [1.2] Hide the overflowing of child elements */
  }
  
  /* [2] Transition property for smooth transformation of images */
  .img-hover-zoom img {
    transition: transform .5s ease;
  }
  
  /* [3] Finally, transforming the image when container gets hovered */
  .img-hover-zoom:hover img {
    transform: scale(1.5);
  }

  .mobile li{
    list-style: none;
    color: white;
    margin-bottom: 10px;
  }

  .Casual{
    padding-left: 20px;
  }

  .Casual li{
    padding-top: 12px;
    color: white;
  }

  .mobile{
   padding: 0px;
  }

  .game{
    position: relative;
  }
  .games img{
    background-color: white;
    border-radius: 50%;
    padding: 5px;
    position: absolute;
    top: -3%;
    left: 34%;
    right: 20%;
    justify-content: center;
  }

  @media only screen and (max-width: 992px) {
    .games img{
        top: 4%;
        left: 39%;
        right: 20%;
      }
      .bord-bg{
      margin-top: 30px;
      }
      #card-info{
        margin-top: 30px;
        min-height: 200px;
      }
      .trsd_tags {
        min-height: 490px !important;
    }
    #user{
        min-height: 550px !important;
        border-radius: 20px;
    }
  }

  @media only screen and (max-width: 576px) {
    .games img{
        top: 4%;
        left: 42%;
        right: 20%;
      }
      #border{
        border: none !important;
      }
      .bord-bg{
      margin-top: 30px;
      min-height: 270px !important;
      }
      #card-info{
        margin-top: 30px;
      }
      .Simulations img{
        width: 100% !important;
        margin-bottom: 10px;
      }
      .Apptunix{
        font-weight: bold;
        font-size: 2rem !important;
        text-align: center;
    }
    .Apptunixs{
        text-align: center;
    }
    #btn{
        display: flex;
        justify-content: center;
    }
    .rounded img{
        width: 100% !important;
    }
    #Burrpsuite{
        min-height: 210px;
     } 
     .btn-fix{
        font-size: 1.1rem !important;
     }
    #ecommerce{
        min-height: 430px !important;
    }
    #shopify{
        min-height: 300px !important;
    }
    .ky_gm_box{
       margin-bottom: 30px;
    }
    #Digital{
        min-height: 200px !important;
    }
    #Estate{
        min-height: 450px !important;
    }
    #Unique{
        min-height: 290px !important;
    }
    .btn-fix{
        font-size: 16px !important;
    }
    #Medication{
        min-height: 100px !important;
    }
    #Push{
        min-height: 170px !important;
    }
    #Push_1{
        min-height: 170px !important;
    }
    .section-title h1{
        font-size: 1.3rem;
        font-weight: bold;
        color: #F9B554 !important;
    }
    .internship-top{
        font-size: 1.2rem !important;
        padding-top: 25px !important;
    }
  }

  @media only screen and (max-width: 447px) {
    .games img{
        top: 4%;
        left: 40%;
        right: 20%;
      }
      .bord-bg{
      margin-top: 30px;
      min-height: 270px !important;
      }
      #card-info{
        margin-top: 30px;
        min-height: 270px !important;
      }
    }
      
  
  .bord-bg{
    background-color: white;
    border-radius: 10px;
    padding: 12px;
    min-height: 395px;
  }

  
  .bord-bg h5{
   color: black;
   font-weight: bold;
   text-transform: none;
  }


/* Style the tab */
.tab {
  float: left;
  background-color: transparent;
  width: 100%;
  height: 100px;
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: rgb(0, 0, 0);
  padding: 10px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #fff0e9;
  border-radius: 20px;
}

/* Create an active/current "tab button" class */
.tab button.active {
    background-color: #fff0e9;
  border-radius: 10px;
  width: 100%;
}

/* Style the tab content */
.tabcontent {
    float: left;
  height: 250px;
  display: none;
}

.tabcontent a{
    color: white;
    text-align: left;
  }

  .tabcontent p:hover{
    color: yellow;
    cursor: pointer;
  }  

/* Clear floats after the tab */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

#global{
    width: 100%;
}




@media only screen and (max-width: 1200px) {
    #global{
        width: 100%;
    }
    #London{
        width: 127%;
       padding: 20px;
        height: 30vh;
    }
    
    #Paris{
        width: 127%;
        height: 35vh;
    }
    
    #Tokyo{
        width: 127%;
        height: 48vh;
    }
  }

  @media only screen and (max-width: 992px) {
    #global{
        width: 100%;
    }
    #London{
        width: 130%;
        height: 30vh;
    }
    
    #Paris{
        width: 127%;
        height: 35vh;
    }
    
    #Tokyo{
        width: 127%;
        height: 48vh;
    }
    #Medication{
        min-height: 330px !important;
    }
    #Push{
        min-height: 230px !important;
    }   
  }  

  #Dedicated{
    min-height: 0px;
  }


  #card-info{
	width: 100%;
	min-height: 290px;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 6px 61px 6px rgb(0 0 0 / 10%);
	transition: transform ease 300ms;
	overflow: hidden;
}
#card-info:hover{
	box-shadow: 0px 25px 68px 6px rgb(255 33 63 / 50%);
	background:#ff0754;	
}



    #my-icon {
	color:#ff0754;
	font-size:56px;
	line-height: 56px;
}

#icon-2{
   
    display: none
}
#card-info:hover #icon-2{
    display: block;
}
 #card-info:hover #my-icon{
     display: none;
content: "\f117";
	
}

#card-info:hover #main-title, #sub-title{
    color: white;
}
#card-info:hover #sub-title{
    color: white;
}
.cards{
    background-color: white;
    padding: 10px;
    border-radius: 5px;
    min-height: 308px;
}
#main-title{
    padding: 54px 0px 0px 0px;
	font-family: "Nunito", Sans-serif;
    font-weight: bold;
    line-height: 28px;
    font-weight: 700;
    font-style: normal;
    color: #333;
    text-transform: none;
    font-size: 20px;

}
#sub-title{
	font-family: "Open Sans";
    line-height: 26px;
    font-style: normal;
    color: #4b4b4b;
    font-size: 16px;
    margin-bottom: 10px;
}

 /* For Tablet View */
@media screen and (max-width: 768px) {
    
    #card-info{
        padding: 15px 20px 20px 20px !important;
    height: 310px;
        overflow: hidden;
    }
    .trsd_tags {
        min-height: 450px !important;
    }
}

.mpl-bg{
    margin-top: 50px !important;
    background-color: white;
    padding: 30px  10px 30px 10px;
    border-radius: 20px;
    margin: 0px 80px 0px 80px;
}

.review_right{
    padding-left: 32px;
    border-left: 1px solid #C8D3E2;
}

@media only screen and (max-width: 768px) {
    .review_right{
        border-left: none;
    }
    #Medication{
        min-height: 300px !important;
    }
    #Push{
        min-height: 230px !important;
    }
    #Push_1{
        min-height: 200px !important;
    }
    #user{
        min-height: 100px !important;
        border-radius: 20px;
    }
  }
 
  @media only screen and (max-width: 576px) {
    .review_right{
        padding-left: 15px;
        border-left: none;
    }
    .trsd_tags {
        min-height: 390px !important;
    }
    #Write{
        font-size: 15px !important;
    }
    .top{
        margin-top: 12px;
    }

  }  

  @media only screen and (max-width: 500px) {
    .mpl-bg {
        margin: 0px 20px 0px 20px;
    }
  }

  .baneer-bg{
    background-image: url(../images/hero_banner_bg.jpg);
    background-position: center;
    background-size: cover;
    padding: 40px;
    border-radius: 20px;
  }

  .technologi_app_development {
    text-align: center;
}

.techno_system{
    background-color: white;
    border-radius: 10px;
    padding: 15px 0px 15px 0px;
    margin: 12px 0px 12px 0px;
}

.techno_system p{
    font-weight: bold;
    margin-bottom: 0px;
}

.mobile li i{
    background-color: #F9B554;
    border-radius: 100%;
    padding: 7px;
    margin-right: 10px;
    height: 30px;
}

/*start styles*/
.accordion {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

.accordion__item {
    border: 1px solid #e5f3fa;
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.accordion__header {
padding: 20px 25px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
}

.accordion__header::after {
    content: '';
    background: url(https://www.svgrepo.com/show/357035/angle-down.svg) no-repeat center;
    width: 20px;
    height: 20px;
    transition: .4s;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
}

#accordion::after{
    content: '';
    background: url(https://www.svgrepo.com/show/357035/angle-down.svg) no-repeat center;
    width: 20px;
    height: 20px;
    transition: .4s;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 31px;
    z-index: 1;
}


.accordion__header.active {
    background: #e5f3fa;
}

.accordion__header.active::after {
    transform: rotateX(180deg);
}


.accordion__item .accordion__content {
    padding: 0 25px;
    max-height: 0;
    transition: .5s;
    overflow: hidden;
}

.form-group label{
    font-size: 1rem;
}



#London{
    background-color: #fff0e9;
    border-radius: 10px;
    width: 100%;
    padding: 8px 20px 8px 20px;
    height: 30vh;
}

#Paris{
    background-color: #fff0e9;
    border-radius: 10px;
    width: 100%;
    padding: 8px 20px 8px 20px;
    height: 37vh;
}

#Tokyo{
    background-color: #fff0e9;
    border-radius: 10px;
    width: 100%;
    padding: 8px 20px 8px 20px;
    height: 55vh;
}


.header-bottom-div {
    background: linear-gradient(269deg, #19313F 18.52%, #25536D 111.79%);
  }
  .header-bottom-div {
    border-radius: 18px;
    padding: 22px 34px;
    margin-top: 10px;
  }

  .header-book-demo-btn, .header-book-demo-btn:hover {
    padding: 10px 18px !important;
    border-radius: 28px;
    background: #E27849 !important;
    color: white !important;
    display: inline-block;
    white-space: nowrap !important;
  }


  .prev::before {
    content: " ";
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    cursor: pointer;
    display: block;
}

.next::before {
    content: " ";
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    cursor: pointer;
    display: block;
}

.btn-fix, .btn_vdo {
    background: transparent linear-gradient(270deg, #33b4ff 0%, #00649e 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    border-radius: 50px;
    border: unset;
    display: flex;
    align-items: center;
    box-shadow: 0px 2px 36px rgba(0, 0, 0, .06);
    font-size: 22px;
    font-weight: 300;
    position: relative;
    white-space: nowrap;
    transition: .8s;
    height: 55px;
    padding: 5px 60px 5px 25px;
    width: fit-content;
    cursor: pointer;
}


.btn-fix i{
    background: #fff;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    color: black;
    padding: 10px;
    position: absolute;
    transition: .5s;
    right: 10px;
    animation: wobble 1s ease infinite;
}

.btn-fix:hover svg {
    background: transparent linear-gradient(270deg,#33b4ff 0%,#00649e 100%) 0% 0% no-repeat padding-box;
    right: calc(100% - 50px);
  }



  .counter {
    font-size: 3rem;
    color: white;
    font-weight: bold;
  }
.Experience i{
    color: white;
}
  .bg{
    background-color: #01142b;
    border: 2px solid white;
    border-radius: 10px;
  }


  .edu_srvc_lst:after, .edu_tchnl_lst:after {
    position: absolute;
    content: "";
    background: transparent linear-gradient(180deg, #B73890 0, #FCAB38 100%) 0 0 no-repeat padding-box;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    bottom: 0;
    left: -8%;
    top: 5px;
}

.edu_srvc_lst, .edu_tchnl_lst {
    position: relative;
    margin-bottom: 30px;
}

.edu_srvc_cntnt li{
    list-style: none;
}

.edu_srvc_lst h3{
    font-size: 1.2rem;
}

.looking-bg{
    background-color: #01142b;
    border: 2px solid white;
    border-radius: 20px;
    padding: 60px;
}

.get{
    position: relative;
}

.gets img{
    position: absolute;
    top: -62.3%;
}


.jd{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.our-services {
    margin-top: 75px;
    padding-bottom: 30px;
    padding: 0 20px;
    min-height: 260px;
    text-align: center;
    border-radius: 10px;
    background-color: #fff;
    transition: all .4s ease-in-out;
    box-shadow: 0 0 25px 0 rgba(20, 27, 202, .17)
}

.our-services .icon {
    margin-bottom: -21px;
    transform: translateY(-50%);
    text-align: center
}

.our-services:hover h4,
.our-services:hover p {
    color: #fff
}

.speedup:hover {
    box-shadow: 0 0 25px 0 rgba(20, 27, 201, .05);
    cursor: pointer;
    background-image: linear-gradient(-45deg, #fb0054 0%, #f55b2a 100%)
}

.settings:hover {
    box-shadow: 0 0 25px 0 rgba(20, 27, 201, .05);
    cursor: pointer;
    background-image: linear-gradient(-45deg, #34b5bf 0%, #210c59 100%)
}

.privacy:hover {
    box-shadow: 0 0 25px 0 rgba(20, 27, 201, .05);
    cursor: pointer;
    background-image: linear-gradient(-45deg, #3615e7 0%, #44a2f6 100%)
}

.backups:hover {
    box-shadow: 0 0 25px 0 rgba(20, 27, 201, .05);
    cursor: pointer;
    background-image: linear-gradient(-45deg, #fc6a0e 0%, #fdb642 100%)
}

.ssl:hover {
    box-shadow: 0 0 25px 0 rgba(20, 27, 201, .05);
    cursor: pointer;
    background-image: linear-gradient(-45deg, #8d40fb 0%, #5a57fb 100%)
}

.database:hover {
    box-shadow: 0 0 25px 0 rgba(20, 27, 201, .05);
    cursor: pointer;
    background-image: linear-gradient(-45deg, #27b88d 0%, #22dd73 100%)
}

.Leaderboards:hover {
    box-shadow: 0 0 25px 0 rgba(20, 27, 201, .05);
    cursor: pointer;
    background-image: linear-gradient(-45deg, #662D8C 0%, #ED1E79 100%)
}

.History:hover {
    box-shadow: 0 0 25px 0 rgba(20, 27, 201, .05);
    cursor: pointer;
    background-image: linear-gradient(-45deg, #02AABD 0%, #00CDAC 100%)
}

.Sharing:hover {
    box-shadow: 0 0 25px 0 rgba(20, 27, 201, .05);
    cursor: pointer;
    background-image: linear-gradient(-45deg, #FF5F6D 0%, #FFC371 100%)
}

.edu_lrngsrvcs_bx {
    width: 100%;
    background: rgba(255, 255, 255, .09) 0 0 no-repeat padding-box;
    border: 1px solid rgba(255, 255, 255, .23);
    border-radius: 16px;
    opacity: 1;
    backdrop-filter: blur(38px);
    padding: 20px;
    transition: all .3s ease-in-out .2s;
}


.edu_lrngsrvcs_bx:hover {
    background: #fff;
    color: rgb(0, 0, 0);
    border: 1px solid #046aa5;
    transform: translate(0,-10px);
  }


  #card-infos{
	width: 100%;
    padding: 20px;
    color: wheat;
    background: rgba(255, 255, 255, .09) 0 0 no-repeat padding-box;
    border: 1px solid rgba(255, 255, 255, .23);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 6px 61px 6px rgb(0 0 0 / 10%);
    transition: 0.8s;
	overflow: hidden;
    min-height: 180px !important;
}
#card-infos:hover{
	background:#ffffff;
    color: white;
    transition: 0.8s;
}


#card-infos:hover #main-titles, #sub-titles{
    color: rgb(0, 0, 0);
}
#card-infos:hover #sub-titles{
    color: rgb(0, 0, 0);
}
#main-titles{
    font-weight: bold;
    line-height: 28px;
    font-weight: 700;
    font-style: normal;
    color: #ffffff;
    text-transform: none;
    font-size: 20px;
    margin-bottom: 5px;

}
#sub-titles{
	font-family: "Open Sans";
    line-height: 26px;
    font-style: normal;
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 0px;
}

.edu_srvc_2st:after, .edu_tchnl_2st:after {
    position: absolute;
    content: "";
    background: transparent linear-gradient(180deg, #B73890 0, #FCAB38 100%) 0 0 no-repeat padding-box;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    bottom: 0;
    left: -6%;
    top: 5px;
}

.edu_srvc_2st, .edu_tchnl_2st {
    position: relative;
    margin-bottom: 30px;
}


.edu_srvc_2st h3{
    font-size: 1.2rem;
}




.project-name {
  text-align: center;
  padding: 10px 0;
}



.timeline-container {
  max-width: 1000px;
  margin: 0 auto;
}

#timeline .timeline-item:after, #timeline .timeline-item:before {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}

#timeline {
  width: 100%;
  margin: 30px auto;
  position: relative;
  padding: 0 20px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#timeline:before {
  content: "";
  width: 3px;
  height: 100%;
  background: #4D86DB;
  left: 50%;
  top: 0;
  position: absolute;
}
#timeline:after {
  content: "";
  clear: both;
  display: table;
  width: 100%;
}
#timeline .timeline-item {
  margin-bottom: 50px;
  position: relative;
}
#timeline .timeline-item .timeline-icon {
  background: #4D86DB;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 50%;
  overflow: hidden;
  margin-left: -23px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
#timeline .timeline-item .timeline-icon svg, #timeline .timeline-item .timeline-icon .fa {
  position: relative;
  top: 13px;
  left: 14px;
  font-size: 24px;
  color: #fff;
}
#timeline .timeline-item .timeline-content {
  width: 45%;
  background: #fff;
  padding: 20px;
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#timeline .timeline-item .timeline-content h2 {
  padding: 15px;
  background: #4D86DB;
  color: #fff;
  font-weight: bold;
  margin: -20px -20px 0 -20px;
  font-weight: 300;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  font-size: 22px;
}
#timeline .timeline-item .timeline-content p {
  padding-top: 10px;
  padding-bottom: 10px;
}
#timeline .timeline-item .timeline-content:before {
  content: '';
  position: absolute;
  left: 45%;
  top: 20px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #4D86DB;
}
#timeline .timeline-item .timeline-content.right {
  float: right;
}
#timeline .timeline-item .timeline-content.right:before {
  content: '';
  right: 45%;
  left: inherit;
  border-left: 0;
  border-right: 7px solid #4D86DB;
}


@media screen and (max-width: 768px) {
  #timeline {
    margin: 30px;
    padding: 0px;
    width: 90%;
  }
  #timeline:before {
    left: 0;
  }
  #timeline .timeline-item .timeline-content {
    width: 90%;
    float: right;
  }
  #timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before {
    left: 10%;
    margin-left: -6px;
    border-left: 0;
    border-right: 7px solid #4D86DB;
  }
  #timeline .timeline-item .timeline-icon {
    left: 0;
  }
}


/* Animation CSS */

/* icon animation */
.timeline-icon.is-hidden {
  visibility: hidden;
}
.timeline-icon.animate-it {
  visibility: visible;
   -webkit-animation: bounce-1 0.6s;
   -moz-animation: bounce-1 0.6s;
    animation: bounce-1 0.6s;
}

/* content block animation */
.timeline-content.is-hidden {
  visibility: hidden;
}
.timeline-content.animate-it {
  visibility: visible;
   -webkit-animation: bounce-2 0.6s;
   -moz-animation: bounce-2 0.6s;
    animation: bounce-2 0.6s;
  }
@media only screen and (min-width: 769px) {
  /* Inverse bounce effect on even content blocks */
.timeline-content.right.animate-it {
    -webkit-animation: bounce-2-inverse 0.6s;
    -moz-animation: bounce-2-inverse 0.6s;
    animation: bounce-2-inverse 0.6s;
  }
}
@media only screen and (max-width: 768px) {
  /* Inverse bounce effect on all content blocks */
.timeline-content.animate-it, .timeline-content.right.animate-it {
    -webkit-animation: bounce-2-inverse 0.6s;
    -moz-animation: bounce-2-inverse 0.6s;
    animation: bounce-2-inverse 0.6s;
  }
}

/* ALL animation types called */

@-webkit-keyframes bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}
@keyframes bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }f
}
@keyframes bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}


.timeline-content h2{
    font-weight: bold !important;
}



.flip {
    position: relative;
    >.front,
    >.back {
        display: block;
        transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
        transition-duration: .5s;
        transition-property: transform, opacity;
    }
    >.front {
        transform: rotateY(0deg);
    }
    >.back {
        position: absolute;
        opacity: 0;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        transform: rotateY(-180deg);
    }
    &:hover {
        >.front {
            transform: rotateY(180deg);
        }
        >.back {
            opacity: 1;
            transform: rotateY(0deg);
        }
    }
    &.flip-vertical {
        >.back {
            transform: rotateX(-180deg);
        }
        &:hover {
            >.front {
                transform: rotateX(180deg);
            }
            >.back {
                transform: rotateX(0deg);
            }
        }
    }
}

.flip {
    position: relative;
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1em;
    width: 100%;
    >.front,
    >.back {
      display: block;
      color: white;
      width: inherit;
      background-size: cover!important;
      background-position: center!important;
      height: 500px;
      padding: 2em 2em;
      background: #313131;
      background-image: url(../images/flip_fitness_img.png);
      background-position: center;
      background-size: cover;
      border-radius: 10px;
      p {
        font-size: 0.9125rem;
        line-height: 160%;
        color: #999;
      }
    }
}

.flips {
    position: relative;
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1em;
    width: 100%;
    >.front,
    >.back {
      display: block;
      color: white;
      width: inherit;
      background-size: cover!important;
      background-position: center!important;
      height: 360px;
      padding: 2em 2em;
      background: #313131;
      background-image: url(../images/flip_fitness_img.png);
      background-position: center;
      background-size: cover;
      border-radius: 10px;
      p {
        font-size: 0.9125rem;
        line-height: 160%;
        color: #999;
      }
    }
}

.text-shadow {
font-size: 1.2rem;
color: white;
font-weight: bold;
line-height: 30px;
}

.mountain{
    position: relative;
}

.back p{
    border-bottom: 1px solid white;
    padding: 0px 0px 15px 0px;
    margin-bottom: 15px;
}

.front h1{
    position: absolute;
    bottom: 2%;
    left: 5%;
}

.fleet{
    padding-left: 20px;
}

.fleet li{
  font-size: 16px;
  margin-bottom: 10px;
}

.mvp_indstrs_lst li {
    background: #01142b;
    box-shadow: 0px 0px 11px rgba(0, 0, 0, .16);
    border-radius: 18px;
    padding: 30px;
    height: 420px;
    width: 100% !important;
}

#mvp{
height: 350px;
}


.back{
    background-color: #01142B;
    text-align: left;
    padding: 20px;
    border-radius: 10px;
    color: white;
    height: 450px;
}

.Apptunix{
    font-weight: bold;
    font-size: 3rem;
}

.bgs{
    height: 400px;
}




.mvp_indstrs_lst {
 padding: 0px;
 width: 100%;
}

.mvp_indstrs_lst li figure {
    background: #00649e;
    padding: 12px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    transition: unset;
    justify-content: center;
}

.mvp_indstrs_lst li img {
    filter: brightness(0) invert(1);
    transition: unset;
}

.mvp_indstrs_lst li:hover img {
    filter: brightness(0) saturate(100%) invert(31%) sepia(89%) saturate(7119%) hue-rotate(189deg) brightness(87%) contrast(101%);
}

.mvp_indstrs_lst li p {
    font-size: 18px;
    color: #ffffff;
    text-align: justify;
    transition: unset;
}

.mvp_indstrs_lst li h3 {
    font-size: 24px;
    margin: 20px 0 18px;
    font-weight: 600;
    transition: unset;
}

.mvp_indstrs_lst li:nth-last-child(-n + 2) {
    width: 48%;
}

.mvp_indstrs_lst li:hover {
    background: #00649e;
}

.mvp_indstrs_lst li:hover h3,.mvp_indstrs_lst li:hover p,.mvp_indstrs_lst li:hover p a {
    color: #fff;
}

.mvp_indstrs_lst li:hover figure {
    background: #fff;
}

.mvp_indstrs_sc {
    padding: 80px 0;
}

.mvp_indstrs_lst li{
    list-style: none;
}

.mvp_indstrs_lst li figure {
    background: #00649e;
    padding: 12px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex
;
    align-items: center;
    transition: unset;
    justify-content: center;
}

.cloud{
    width: 100% !important;
}


.lgst_mng_li {
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 56px rgba(0, 0, 0, .07);
    border-radius: 10px;
    opacity: 1;
    padding: 23px;
    margin-bottom: 10px;
    list-style: none;
}

.lgst_mng_rt{
    padding-left: 0px;
}

.Banking{
    color: white;
    font-weight: bolder;
    font-size: 3.4rem;
}

.rounded img{
    width: 95%;
}

.button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 1rem;
    background: white;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.45);
    cursor: pointer;
    position: relative;
    color: black;
    overflow: hidden;
    transition: 0.3s;
    padding: 20px;
    border-radius: 15px;
  }
  .button span {
    z-index: 2;
    
  }
  .button span:first-child {
    text-transform: uppercase;
    font-size: 1.2em;
    text-align: left !important;
    font-weight: bold;
  }
  .button:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translate3d(-90%, 0, 0);
    background-color: #01142b;
    z-index: 1;
    transition: 0.3s;
  }
  .button:hover {
    color: white;
  }
  .button:hover:before {
    transform: translate3d(0, 0, 0);
  }
  
  .Crowdfunding{
    background-color: #01142b;
    color: white;
    border-radius: 20PX;
    padding: 20Px;
    border: 2px solid white;
    margin-bottom: 15px;
  }



  #portal{
    font-weight: bold;
    padding-bottom: 15px !important;
  }

  .Crowdfunding:hover{
    background-color: #ffffff;
    color: rgb(0, 0, 0);
    transition: 0.6s;
    cursor: pointer;
  }

  #Secure{
    min-height: 200px;
  }

  #Secures{
    min-height: 215px;
  }


.cntr{
    color: rgba(0, 0, 0, 0.151) !important;
    font-size: 3rem;
    font-weight: bold !important;
    -webkit-text-stroke :2px #F9B554 !important
}

.Brainstorming{
    padding-left: 20px;
    color: white;
    font-size: 1.2rem;
}
.Brainstorming li{
   margin-bottom: 10px;
}

#Burrpsuites{
    min-height: 245px;
}

#ecommerce{
    min-height: 325px;
}



.ecom_drve_lst figure img{
    width: 74px;
    height: 74px;
    border: 1px solid #178def;
    border-radius: 50%;
    display: flex
;
    align-items: center;
    justify-content: center;
    margin: auto;
}


.newscard {
	position: relative;
	overflow: hidden;
    border-radius: 25px;
	cursor: pointer;
}
.bnr_btns{
    width: 100%;
}
.intro {
	position: absolute;
	height: 140px;
	width: 100%;
	bottom: 0;
	overflow: hidden;
	padding: 10px;
    padding-left: 15px;
	color: #fff;
	background-color: rgba(27, 27, 27, .5);

	transition: .4s ease-in-out;
}



.newscard:hover .intro {
	height: 100%;
	bottom: 0;
    padding-top: 30px;
    padding-left: 15px;
    margin-left: 0px;
	background-color: #000;
}

.newscard:hover .text-p {
	opacity: 1;
	visibility: visible;
}





.text-h1 {
	margin: 10px;
	text-transform: uppercase;
	font-size: 28px;
}

.text-p {
	font-size: 16px;
	padding: 10px;
	visibility: hidden;
	opacity: 0;
}

#decrease{
    min-height: 175px;
}

.business{
    position: relative;
}

.icon-bns{
    position: absolute;
    bottom: 60%;
    left: 10%;
}
.icon-svg{
    position: absolute;
    bottom: 45%;
    left: 3%;
}
.icon-tex{
    color: white;
    font-size: 1.3rem;
    text-align: left;
}
.icon-tex{
    position: absolute;
    bottom: 5%;
    left: 10%;
}

#robust{
    position: absolute;
    bottom: 5%;
    left: 3%;
}

#svg{
    position: absolute;
    bottom: 26%;
    left: 9%;
}

#robusts{
    position: absolute;
    bottom: 2%;
    left: 9%;
}

.Partnered{
    background-image: url(../images/business-1.png);
    background-position: center;
    background-size: cover;
    text-align: center;
    width: 100%;
    border-radius: 20px;
    padding: 60px 12px 60px 12px;
}

.Partnered-1{
    background-image: url(../images/business-2.png);
    background-position: center;
    background-size: cover;
    text-align: center;
    width: 100%;
    border-radius: 20px;
    padding: 60px 12px 60px 12px;
}

.Partnered-2{
    background-image: url(../images/business-3.png);
    background-position: center;
    background-size: cover;
    text-align: center;
    width: 100%;
    border-radius: 20px;
    padding: 60px 12px 60px 12px;
}

.Partnered-3{
    background-image: url(../images/business-4.png);
    background-position: center;
    background-size: cover;
    text-align: center;
    width: 100%;
    border-radius: 20px;
    padding: 60px 12px 60px 12px;
}

.Partnered-4{
    background-image: url(../images/business-5.png);
    background-position: center;
    background-size: cover;
    text-align: center;
    width: 100%;
    border-radius: 20px;
    padding: 60px 12px 60px 12px;
}

.Partnered-5{
    background-image: url(../images/business-6.png);
    background-position: center;
    background-size: cover;
    text-align: center;
    width: 100%;
    border-radius: 20px;
    padding: 60px 12px 60px 12px;
}

.Partnered-6{
    background-image: url(../images/business-7.png);
    background-position: center;
    background-size: cover;
    text-align: center;
    width: 100%;
    border-radius: 20px;
    padding: 60px 12px 60px 12px;
}

.Partnered-7{
    background-image: url(../images/business-8.png);
    background-position: center;
    background-size: cover;
    text-align: center;
    width: 100%;
    border-radius: 20px;
    padding: 60px 12px 60px 12px;
}

.ecom_drve img{
    width: 50px;
    height: 50px;
    display: flex;
    margin-bottom: 20px;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.ecmrc_pnl_sc .hovr_pn_ry {
    position: sticky;
    top: 100px;
    width: 50%;
}


#shopify{
    min-height: 433px;
}

#Dedicated{
    min-height: 330px;
}

#Estate{
    min-height: 380px;
}
.set{
    background-color: white;
    padding: 14px;
    border-radius: 15px;
    margin-bottom: 20px;
}

#top{
    min-height: 275px;
}

#Integration{
    min-height: 327px;
}


.dtng_bnr_rt video{
    width: 100% !important;
}

.dating{
    font-size: 5rem;
    font-weight: bold !important;
    opacity: 20%;
    color: white;
}

.Translations{
    border-bottom: 1px solid white;

}

#Digital{
    min-height: 230px;
}

.ky_gm_box{
    background: transparent linear-gradient(180deg, #e65f43 0%, #ef27d5 100%) 0% 0% no-repeat padding-box;
    border-radius: 20px;
    text-align: center;
    padding: 40px 20px 40px 20px;
}

.ky_gm_box_1{
    background: transparent linear-gradient(180deg, #1fc6d9 0%, #255468 100%) 0% 0% no-repeat padding-box;
    border-radius: 20px;
    text-align: center;
    padding: 40px 20px 40px 20px;
    margin-bottom: 30px;
}

.ky_gm_box_2{
    background: transparent linear-gradient(180deg, #f5cb43 0%, #fa0 100%) 0% 0% no-repeat padding-box;
    border-radius: 20px;
    text-align: center;
    padding: 40px 20px 40px 20px;
}


.nav-slick{
    text-align: left;
}

#Android{
    min-height: 330px;
    position: relative;
}

#Androids{
    min-height: 410px;
}

.ios-bg{
    position: absolute;
    right: 2%;
    top: 0%;
}

.build{
    background-color: white;
    border-radius: 20px;
    position: relative;
}

.ply_icn {
    position: absolute;
    top: 0%;
    bottom: 46%;
    margin: auto;
    right: 0;
    left: 0;
    display: flex
;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
figure {
    margin: 0;
}

.Loading{
    margin: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background-color: #f0f0f0;
}



.card:hover {
    transform: rotateY(180deg);
  }
  
  .card .side {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: white;
    border-radius: 10px;
  }
  
  .card .front {
    background-color: #3498db;
  }
  
  .card .back {
    background-color: #e74c3c;
    transform: rotateY(180deg);
  }


  .flip-card {
    width: 100%;
    border-radius: 20px !important;
    height: 257px;
    perspective: 1000px;
    position: relative;
  }
  
  .blk_hlt_hnd{
    font-weight: bold !important;
    position: absolute;
    bottom: 45%;
    left: 10%;
    right: 10%;
  }

  .blk_hlth_bx h3.blk_hlt_hnd {
    position: absolute;
    z-index: 1;
    padding: 0 15px;
    transition: ease-in-out .4s;
    display: flex
;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    font-size: 26px;
    color: #fff;
}
  .flip-card-inner {
    position: relative;
    border-radius: 20px;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  }
  
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }
  
  .flip-card-front,
  .flip-card-back {
    position: absolute;
    border-radius: 30px;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .flip-card-front {
    background-color: #bbb;
    color: black;
  }
  
  .flip-card-back {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
    padding: 10px;
    background: linear-gradient(#33b4ff, #00649e);
    color: white;
    transform: rotateY(180deg);
    border-radius: 20px;
  }

  .blk_hlth_mbl_lst {
    background: transparent linear-gradient(180deg, #33b4ff 0%, #00649e 100%) 0% 0% no-repeat padding-box;
    margin: 0 5px;
    padding: 20px;
    border-radius: 30px;
    min-height: 300px;
    display: flex !important
;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.fast{
    font-weight: bold !important;
    text-align: center !important;
}

.number{
    font-size: 3rem;
    font-weight: bold;
    opacity: 25%;
}

.trsd_tag {
    background: #242a30 0% 0% no-repeat padding-box;
    border-radius: 24px;
    opacity: 1;
    backdrop-filter: blur(48px);
    padding: 20px 20px 35px 20px;
    margin-bottom: 30px;
    min-height: 330px;
}

.trsd_tags {
    background: #242a30 0% 0% no-repeat padding-box;
    border-radius: 24px;
    border: 1px solid white;
    opacity: 1;
    backdrop-filter: blur(48px);
    padding: 20px 20px 35px 20px;
    min-height: 513px;
}

#user{
    min-height: 560px;
    border-radius: 20px;
}

.newsCard {
    position: relative;
    width: 100%;
    height: 345px;
    border-radius: 35px;
    background-color: #fff;
    color:#fff;
    overflow: hidden;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }
  
  .newsCaption {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #007bff;
    padding: 15px;
    -webkit-transform: translateY(80%);
            transform: translateY(80%);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transition: opacity 0.1s 0.3s, -webkit-transform 0.4s;
    transition: opacity 0.1s 0.3s, -webkit-transform 0.4s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s, -webkit-transform 0.4s;
  }
  
  .newsCaption-title {
    margin-top: 0px;
    color: white;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
  }
  
  .newsCaption-content {
    margin: 0;
  }
  
  .newsCaption-link {
    color: #fff;
    font-size: 2rem;
    text-decoration: underline;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
            transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
  }

  .newsCaption-content{
    text-align: center;
    font-size: 1.3rem;
  }

  .news-Slide-up:hover .newsCaption {
    padding: 30px 10px 30px 10px;
    justify-content: center;
    align-items: center;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition: opacity 0.1s, -webkit-transform 0.4s;
    transition: opacity 0.1s, -webkit-transform 0.4s;
    transition: transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s;
  }
  
  #news{
    height: 345px;
  }

  #Unique{
    min-height: 340px;
  }

  .card-title{
    color: white !important;
    font-weight: 600;
    font-size: 1.3rem;
  }

  .hlthcr_typs_slide img{
    background: #006eef;
    padding: 12px;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.parenting{
    border-radius: 25px 25px 0px 0px !important;
}


#Medication{
    min-height: 300px;
}

#Push{
    min-height: 210px;
}

#Push_1{
    min-height: 230px;
}

.crop img{
    background: transparent linear-gradient(180deg, #33b4ff 0, #00649e 100%) 0 0 no-repeat padding-box !important;
    padding: 12px;
    width: 60px;
    height: 60px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-section{
    margin-top: 10px;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.project-section-items{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.boxes{
    background-color: coral;
    cursor: pointer; 
    transition: all 1s;
    border-radius: 20px;
    font-size: 18px;
    color: white;
    padding: 20px;
}

.change-bgcolor:hover{
    background-color: crimson;
    transition: all 1s;
}

.change-font-color:hover{
    transition: all 1s;
    color:blue;
}


#card-info{
	width: 100%;
	height:fit-content!important;
	padding: 20px;
    background-color: #ffffff;
    border-radius: 10px;
	transition: all 0.1s;
	overflow: hidden;
}
#card-info:hover{
        background: transparent linear-gradient(180deg,#fb573e 0%,#e42391 100%) 0% 0% no-repeat padding-box;
	transform: translate(0, 0px);
}



    #my-icon {
	color:#ff0754;
	font-size:56px;
	line-height: 56px;
}

#icon-2{
   
    display: none
}
#card-info:hover #icon-2{
    display: block;
}
 #card-info:hover #my-icon{
     display: none;
content: "\f117";
	
}

#card-info:hover #main-title, #sub-title{
    color: white;
}
#card-info:hover #sub-title{
    color: white;
}
#main-title{
    font-weight: bold !important;
    line-height: 28px;
    font-weight: 700;
    font-style: normal;
    color: #333;
    font-size: 1.4rem;
    padding-top: 15px;
}
#sub-title{
	font-family: "Open Sans";
    line-height: 26px;
    font-style: normal;
    color: #4b4b4b;
    font-size: 16px;
    height: 120px!important;
    ;
}

 /* For Tablet View */
@media screen and (max-width: 768px) {
    
    #card-info{
        padding: 15px 20px 20px 20px !important;
    height: 310px;
        overflow: hidden;
    }
}


.ar_vg-bg{
    background-image: url(../images/ar-vr_bg.png);
    background-position: center;
    background-size: cover;
    width: 100%;
    padding: 80px;
}

.arVr_banner {
    display:flex;
    align-items:center;
    background-color:#010a2b;
  }
  .arVr_choose_lst li {
    background:#181c31 0% 0% no-repeat padding-box;
    border:1px solid #fff;
    border-radius:24px;
    padding:30px 45px;
    width:48%;
    border-bottom:10px solid #fff;
  }

  .arVr_choose_lst li img {
    max-width:50px;
  }
  .arVr_choose_lst li h3 {
    font-size:26px;
    margin:20px 0 10px;
    font-weight:500;
    color:#fff;
  }
  .arVr_choose_lst {
    display:flex;
    align-items:stretch;
    justify-content:center;
    flex-wrap:wrap;
    gap:35px;
  }
  .arVr_choose_lst li p {
    font-size:18px;
    line-height:28px;
    font-weight:300;
  }
  .arVr_choose_lst li:nth-child(n+2):nth-child(-n+3) {
    background:rgba(255,255,255,1);
  }
  .arVr_choose_lst li:nth-child(n+2):nth-child(-n+3) p {
    color:#585858 !important;
  }
  .arVr_choose_lst li:nth-child(n+2):nth-child(-n+3) h3 {
    color:#002033;
  }
  ._cta04_sc {
    background:linear-gradient(to top,#fff 70%,#181c31 30%);
  }
  ._cta04._cta03 .arVr_cta_img::before,
  ._cta04._cta03 .arVr_cta_img::after {
    content:unset;
  }
  .arVr_industries_slick {
    display:flex;
    align-items:stretch;
    justify-content:center;
    gap:25px;
    flex-wrap:wrap;
  }
  .arVr_industries_slick>div {
    width:31.5%;
    background-size:cover;
    background-repeat:no-repeat;
    height:395px;
    border-radius:10px;
    background-position:center;
    position:relative;
    overflow:hidden;
  }
  .arVr_industries_slick .single_box {
    position:absolute;
    bottom:0;
    transform:translate(0,100%);
    margin:auto;
    background:transparent;
    border-radius:10px;
    padding:30px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    width:100%;
    height:100%;
    transition:all .5s ease-in-out 0s;
    z-index:9;
    opacity:0;
  }
  .arVr_industries_slick>div:hover .single_box {
    transform:unset;
    opacity:1;
  }
  .arVr_industries_slick>div h3 {
    color:#fff;
    font-size:28px;
    font-weight:500;
  }
  .arVr_industries_slick .single_box_hdng h3 {
    padding:25px 30px;
  }
  .arVr_industries_slick .single_box.v1 {
    background:transparent linear-gradient(180deg,#7848ff 0%,#1c1d32 100%) 0% 0% no-repeat padding-box;
  }
  .arVr_industries_slick .single_box.v2 {
    background:transparent linear-gradient(180deg,#49499a 0%,#50a5d3 100%) 0% 0% no-repeat padding-box;
  }
  .arVr_industries_slick .single_box.v3 {
    background:transparent linear-gradient(180deg,#2b3870 0%,#7d407b 100%) 0% 0% no-repeat padding-box;
  }
  .arVr_industries_slick .single_box.v4 {
    background:#0d2d42;
  }
  .arVr_industries_slick .single_box.v5 {
    background:#20120f;
  }
  .arVr_industries_slick .single_box.v6 {
    background:transparent linear-gradient(95deg,#6556ed 0%,#2d2bcc 100%) 0% 0% no-repeat padding-box;
  }
  .arVr_industries_slick .single_box p {
    line-height:28px;
    font-size:18px;
    font-weight:300;
    margin-top:20px;
  }
  .arVr_stats {
    width:60%;
    margin-left:auto;
    right:-70px;
  }
  .arVr_stats {
    right:0;
    width:55%;
  }


  .crafting_boxes {
    margin-bottom:60px;
  }
  .crafting_boxes li {
    width:calc(100% / 3);
  }
  .crafting_boxes li:nth-child(1) .single_box:not(:hover) {
    background-color:#fffbe6;
  }
  .crafting_boxes li:nth-child(2) .single_box:not(:hover) {
    background-color:#edeffe;
  }
  .crafting_boxes li:nth-child(3) .single_box:not(:hover) {
    background-color:#f2f9ff;
  }
  .crafting_boxes li:nth-child(4) .single_box:not(:hover) {
    background-color:#e5f5f0;
  }
  .crafting_boxes li:nth-child(5) .single_box:not(:hover) {
    background-color:#f2f9ff;
  }
  .crafting_boxes li:nth-child(6) .single_box:not(:hover) {
    background-color:#fffbe6;
  }
  .crafting_boxes .single_box {
    padding:35px 25px;
    border-radius:10px;
    position:relative;
    border:1px solid #ebebeb;
    transition:var(--transition);
    height:100%;
    min-height:330px;
    overflow:hidden;
    z-index:1;
  }
  .crafting_boxes .single_box::before {
    content:"";
    position:absolute;
    width:0%;
    height:0%;
    right:0;
    bottom:0;
    background-image:url("https://cdn-hjokj.nitrocdn.com/xKvPrJeRKcMfBVHKpjbxbYMvqmxtHXge/assets/images/optimized/rev-18fe375/d3l9a8mvoa6cl8.cloudfront.net/wp-content/uploads/2023/09/25114251/boxes_path.png");
    background-size:cover;
    background-position:bottom right;
    background-repeat:no-repeat;
    transition:var(--transition);
    z-index:-1;
  }
  .crafting_boxes .single_box figure {
    height:60px;
  }
  .crafting_boxes .single_box figure img {
    height:100% !important;
    transition:var(--transition);
  }
  .crafting_boxes .single_box h4 {
    font-size:22px;
    font-weight:700;
    color:#141324 ;
    margin:25px 0 15px;
    transition:var(--transition);
  }
  .crafting_boxes .single_box p {
    transition:var(--transition);
  }
  .crafting_boxes .single_box:hover {
    background-color:#0092e1;
  }
  .crafting_boxes .single_box:hover>* {
    color:#fff;
  }
  .crafting_boxes .single_box:hover::before {
    width:100%;
    height:100%;
  }

  .crafting_boxes li{
    list-style: none;
  }

  .crafting_boxes{
    padding-left: 0px !important;
  }


  .btn-fix:hover {
    background:#fff;
    padding:5px 25px 5px 60px;
    color:var(--title_color);
  }
  .btn-fix:hover svg {
    background:transparent linear-gradient(270deg,#33b4ff 0%,#00649e 100%) 0% 0% no-repeat padding-box;
    right:calc(100% - 50px);
  }
  .btn-fix:hover svg path {
    fill:#fff;
  }
  .yt_btn {
    display:flex;
    gap:20px;
    align-items:center;
    flex-wrap:wrap;
    margin-top:30px;
  }
  .yt_btn .ring {
    position:absolute;
    top:10%;
    right:4%;
    width:40px;
    height:40px;
    background:transparent;
    border:3px solid #f2f2f2;
    border:3px solid rgba(0,100,158,.69);
    border-radius:50%;
    font-size:20px;
    color:#111;
    line-height:36px;
  }
  .yt_btn .ring:before {
    content:"";
    position:absolute;
    top:-3px;
    left:-3px;
    width:40px;
    height:40px;
    border:3px solid transparent;
    border-top:3px solid #00649e;
    border-right:3px solid #00649e;
    border-radius:50%;
    animation:animateC 4s linear infinite;
  }
  .hca_banr_cntnt .btn_vdo {
    background:rgba(0,100,158,.06);
    border:1px solid #35b0b8;
    color:#35b0b8;
  }
  .hca_banr_cntnt .yt_btn .ring {
    border:3px solid rgba(53,176,184,.69);
  }
  .hca_banr_cntnt .yt_btn .ring:before {
    border-top:3px solid #35b0b8;
    border-right:3px solid #35b0b8;
  }
  .hca_banr_cntnt .yt_btn .ring {
    border:3px solid rgba(53,176,184,.69);
  }
  .hca_banr_cntnt .btn_vdo i.fa {
    color:#35b0b8;
  }

  .fntch_banr .yt_btn {
    align-items:baseline;
  }
  .gm_bn .btn_vdo {
    background:rgba(0,100,158,.06);
    border:1px solid #56449c;
    color:#fff;
  }
  .gm_bn .yt_btn .ring {
    border:3px solid rgba(86,68,156,.69);
  }
  .gm_bn .yt_btn .ring:before {
    border-top:3px solid #56449c;
    border-right:3px solid #56449c;
  }
  .gm_bn .yt_btn .ring {
    border:3px solid rgba(86,68,156,.69);
  }
  .gm_bn .btn_vdo i.fa {
    color:#56449c;
  }
  .zomato_uswrap .btn_vdo {
    background:rgba(0,100,158,.06);
    border:1px solid #ff5a00;
    color:#ff5a00;
  }
  .zomato_uswrap .yt_btn .ring {
    border:3px solid rgba(255,90,0,.69);
  }
  .zomato_uswrap .yt_btn .ring:before {
    border-top:3px solid #ff5a00;
    border-right:3px solid #ff5a00;
  }
  .zomato_uswrap .yt_btn .ring {
    border:3px solid rgba(255,90,0,.69);
  }
  .zomato_uswrap .btn_vdo i.fa {
    color:#ff5a00;
  }
  .betting_wrapsec .btn_vdo {
    background:rgba(0,100,158,.06);
    border:1px solid #ffc61b;
    color:#ffc61b;
  }
  .betting_wrapsec .yt_btn .ring {
    border:3px solid rgba(255,198,27,.69);
  }
  .betting_wrapsec .yt_btn .ring:before {
    border-top:3px solid #ffc61b;
    border-right:3px solid #ffc61b;
  }
  .betting_wrapsec .yt_btn .ring {
    border:3px solid rgba(255,198,27,.69);
  }
  .betting_wrapsec .btn_vdo i.fa {
    color:#ffc61b;
  }
  .log_wrp .btn_vdo {
    background:#fff;
    border:1px solid #544c9d;
    color:#544c9d;
  }
  .log_wrp .yt_btn .ring {
    border:3px solid rgba(84,76,157,.69);
  }
  .log_wrp .yt_btn .ring:before {
    border-top:3px solid #544c9d;
    border-right:3px solid #544c9d;
  }
  .log_wrp .yt_btn .ring {
    border:3px solid rgba(84,76,157,.69);
  }
  .log_wrp .btn_vdo i.fa {
    color:#544c9d;
  }
  .inmrt_mnbnr .btn_vdo {
    background:transparent;
    border:1px solid #0cac0b;
    color:#0cac0b;
  }
  .inmrt_mnbnr .yt_btn .ring {
    border:3px solid rgba(12,172,11,.69);
  }
  .inmrt_mnbnr .yt_btn .ring:before {
    border-top:3px solid #0cac0b;
    border-right:3px solid #0cac0b;
  }
  .inmrt_mnbnr .yt_btn .ring {
    border:3px solid rgba(12,172,11,.69);
  }
  .inmrt_mnbnr .btn_vdo i.fa {
    color:#0cac0b;
  }
  @keyframes animateC {
    0% {
      transform:rotate(0deg);
    }
    100% {
      transform:rotate(360deg);
    }
  }
  @keyframes animate {
    0% {
      transform:rotate(45deg);
    }
    100% {
      transform:rotate(405deg);
    }
  }
  .btm_whtsapp {
    position:fixed;
    bottom:18px;
    left:20px;
    z-index:99;
  }
  .whtsap_icn svg.svg-inline--fa.fa-whatsapp {
    width:30px;
    height:30px;
  }
  .whtsap_clck {
    height:40px;
    width:40px;
    z-index:11;
    opacity:1;
    overflow:hidden;
    pointer-events:all;
    cursor:pointer;
    box-shadow:0 1px 6px 0 rgba(0,0,0,.06),0 2px 32px 0 rgba(0,0,0,.16);
    background:#4fce5d;
    border-radius:50%;
    display:flex !important;
    align-items:center;
    justify-content:center;
    color:#fff;
  }
  .btm_whtinr {
    position:relative;
    height:100px;
    width:100px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .cbb-circle {
    background-color:rgba(127,186,0,0);
    border:1px solid #4fce5d;
    border-radius:100% !important;
    opacity:.5;
    position:absolute;
    width:120px;
    height:120px;
    -webkit-animation:2.2s ease-in-out infinite animation1;
    animation:2.2s ease-in-out infinite animation1;
    -ms-animation:animation1 2.2s ease-out;
    -ms-animation-iteration-count:infinite;
  }
  .cbb-circle-fill {
    background-color:#4fce5d;
    border:1px solid #4fce5d;
    border-radius:100% !important;
    opacity:1;
    position:absolute;
    width:70px;
    height:70px;
    -webkit-animation:1.7s ease-in-out infinite animation2;
    animation:1.7s ease-in-out infinite animation2;
    -ms-animation:animation2 1.7s ease-out;
    -ms-animation-iteration-count:infinite;
  }
  @-webkit-keyframes animation1 {
    0% {
      opacity:.1;
      -webkit-transform:scale(.4);
      transform:scale(.4);
    }
    70% {
      opacity:.6;
      -webkit-transform:scale(1);
      transform:scale(1);
    }
    100% {
      opacity:.3;
      -webkit-transform:scale(.5);
      transform:scale(.5);
    }
  }
  @-webkit-keyframes animation2 {
    0% {
      opacity:.3;
      -webkit-transform:scale(.6);
      transform:scale(.6);
    }
    70% {
      opacity:.8;
      -webkit-transform:scale(1);
      transform:scale(1);
    }
    100% {
      opacity:.1;
      -webkit-transform:scale(.7);
      transform:scale(.7);
    }
  }
  .whtappTop .btm_whtsapp {
    display:none !important;
  }
  .whtappTop .btm_whtsapp .whtsap_clck i {
    font-size:24px;
  }
  .whtappTop .navbar-nav li.whts_hdres {
    display:flex !important;
  }
  @keyframes zoom {
    0% {
      box-shadow:rgba(16,128,199,.21) 0px 0px 0px 0px,rgba(16,128,199,.12) 0px 0px 0px 0px;
      -moz-box-shadow:rgba(16,128,199,.21) 0px 0px 0px 0px,rgba(16,128,199,.12) 0px 0px 0px 0px;
      -webkit-box-shadow:rgba(16,128,199,.21) 0px 0px 0px 0px,rgba(16,128,199,.12) 0px 0px 0px 0px;
      -o-box-shadow:rgba(16,128,199,.21) 0px 0px 0px 0px,rgba(16,128,199,.12) 0px 0px 0px 0px;
      -ms-box-shadow:rgba(16,128,199,.21) 0px 0px 0px 0px,rgba(16,128,199,.12) 0px 0px 0px 0px;
    }
    100% {
      box-shadow:rgba(16,128,199,.21) 0px 0px 0px 5px,rgba(16,128,199,.12) 0px 0px 0px 10px;
      -moz-box-shadow:rgba(16,128,199,.21) 0px 0px 0px 5px,rgba(16,128,199,.12) 0px 0px 0px 10px;
      -webkit-box-shadow:rgba(16,128,199,.21) 0px 0px 0px 5px,rgba(16,128,199,.12) 0px 0px 0px 10px;
      -o-box-shadow:rgba(16,128,199,.21) 0px 0px 0px 5px,rgba(16,128,199,.12) 0px 0px 0px 10px;
      -ms-box-shadow:rgba(16,128,199,.21) 0px 0px 0px 5px,rgba(16,128,199,.12) 0px 0px 0px 10px;
    }
  }
  .btm_whtsapp .whtsap_clck i {
    color:#fff;
    font-size:22px;
    animation:2s infinite ring;
  }
  @-webkit-keyframes ring {
    0% {
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    2% {
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    12%,
    4% {
      -webkit-transform:rotate(-18deg);
      transform:rotate(-18deg);
    }
    14%,
    6% {
      -webkit-transform:rotate(18deg);
      transform:rotate(18deg);
    }
    8% {
      -webkit-transform:rotate(-22deg);
      transform:rotate(-22deg);
    }
    10% {
      -webkit-transform:rotate(22deg);
      transform:rotate(22deg);
    }
    16% {
      -webkit-transform:rotate(-12deg);
      transform:rotate(-12deg);
    }
    18% {
      -webkit-transform:rotate(12deg);
      transform:rotate(12deg);
    }
    100%,
    20% {
      -webkit-transform:rotate(0);
      transform:rotate(0);
    }
  }
  @keyframes ring {
    0% {
      -webkit-transform:rotate(-15deg);
      -ms-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    2% {
      -webkit-transform:rotate(15deg);
      -ms-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    12%,
    4% {
      -webkit-transform:rotate(-18deg);
      -ms-transform:rotate(-18deg);
      transform:rotate(-18deg);
    }
    14%,
    6% {
      -webkit-transform:rotate(18deg);
      -ms-transform:rotate(18deg);
      transform:rotate(18deg);
    }
    8% {
      -webkit-transform:rotate(-22deg);
      -ms-transform:rotate(-22deg);
      transform:rotate(-22deg);
    }
    10% {
      -webkit-transform:rotate(22deg);
      -ms-transform:rotate(22deg);
      transform:rotate(22deg);
    }
    16% {
      -webkit-transform:rotate(-12deg);
      -ms-transform:rotate(-12deg);
      transform:rotate(-12deg);
    }
    18% {
      -webkit-transform:rotate(12deg);
      -ms-transform:rotate(12deg);
      transform:rotate(12deg);
    }
    100%,
    20% {
      -webkit-transform:rotate(0);
      -ms-transform:rotate(0);
      transform:rotate(0);
    }
  }
  @keyframes hithere {
    30% {
      transform:scale(1.1);
    }
    40%,
    60% {
      transform:rotate(-20deg) scale(1.1);
    }
    50% {
      transform:rotate(20deg) scale(1.1);
    }
    70% {
      transform:rotate(0deg) scale(1.1);
    }
    100% {
      transform:scale(1);
    }
  }
  .navbar-nav li.whts_hdres,
  nav .utnv_mbl .whatsapp_click {
    display:none !important;
  }
  .ft_adr {
    margin-top:30px;
  }
  .ft_adr li b {
    font-size:17px;
    text-decoration:underline;
    font-weight:600;
  }
  .ft_adr li {
    font-size:13px;
    color:#fff;
    margin:7px 0 0 !important;
  }
  .ft_btn {
    background:#00649e;
    padding:8px 16px;
    border:0;
    color:#fff;
    font-size:14px;
    border-radius:30px;
    margin-top:18px;
  }
  p.ebk_hd {
    font-size:16px;
    font-weight:600;
    line-height:normal;
    color:#1d1d1d;
    margin:5px 0;
  }
  .meg_mnu_lt .mb_n {
    margin-bottom:15px;
    font-size:20px;
    font-weight:600;
    border-bottom:2px solid rgba(0,0,0,.17);
    padding-bottom:10px;
    width:fit-content;
    color:#1d1d1d;
  }
  .hawrd_cnt .hawrd_hd {
    font-size:20px;
    line-height:normal;
    font-weight:600;
    color:#1d1d1d;
    margin-top:10px;
  }
  @media (max-width: 600px) {
    .meg_mnu_lt .mb_n {
      font-size:16px;
    }
  }
  @media (max-width:1400px) {
    .ft_adr li b {
      font-size:16px;
    }
  }
  @media (max-width:1200px) {
    .utnv_mbl .whts_hdres,
    .utnv_mbl .whatsapp_click {
      display:flex !important;
    }
  }
  .btn-fix.sml_btn {
    font-size:14px;
    height:45px;
    padding:5px 45px 5px 10px;
  }
  .btn-fix.sml_btn:hover {
    padding:5px 10px 5px 45px;
  }
  .btn-fix.sml_btn svg {
    height:30px;
    width:30px;
    padding:7px;
    right:5px;
  }
  .btn-fix.sml_btn:hover svg {
    right:calc(100% - 40px);
  }
  @media (max-width:1200px) {
    .whtappTop .btm_whtsapp {
      display:none !important;
    }
    .whtappTop .utnv_mbl .whatsapp_click {
      display:flex !important;
    }
    .whtappTop .utnv_mbl.whtsapp_btm .whatsapp_click i {
      font-size:22px;
    }
    .whtappTop .utnv_mbl .whatsapp_click {
      height:40px;
      width:40px;
    }
    .whtappTop .utnv_mbl {
      gap:10px;
    }
    .whtappTop button.navbar-toggler {
      margin:0 !important;
    }
    .btn-fix,
    .btn_vdo {
      font-size:18px;
      height:48px;
      padding:5px 55px 5px 15px;
    }
    .btn-fix svg {
      right:5px;
    }
    .btn-fix:hover {
      padding:5px 15px 5px 55px;
    }
    .btn-fix:hover svg {
      right:calc(100% - 45px);
    }
    .yt_btn .ring,
    .yt_btn .ring:before {
      width:35px;
      height:35px;
    }
    .btn_vdo i.fa {
      right:6px;
      top:6px;
    }
}


.Entertainment-bg {
    background:transparent linear-gradient(180deg,#7848ff 0%,#1c1d32 100%) 0% 0% no-repeat padding-box;
    padding: 30px 15px 35px 15px;
    border-radius: 15px;
    min-height: 281px;
  }
  .E-commerce-bg {
    background:transparent linear-gradient(180deg,#49499a 0%,#50a5d3 100%) 0% 0% no-repeat padding-box;
    padding: 30px 15px 35px 15px;
    border-radius: 15px;
    min-height: 281px;
  }
  .Gaming-bg{
    background:transparent linear-gradient(180deg,#2b3870 0%,#7d407b 100%) 0% 0% no-repeat padding-box;
    padding: 30px 15px 35px 15px;
    border-radius: 15px;
    min-height: 281px;
  }
  .Healthcare-bg{
    background:#0d2d42;
    padding: 30px 15px 35px 15px;
    border-radius: 15px;
    min-height: 281px;
  }
  .Social_Media-bg {
    background:#20120f;
    padding: 30px 15px 35px 15px;
    border-radius: 15px;
    min-height: 281px;
  }
  .Real_Estate-bg {
    background:transparent linear-gradient(95deg,#6556ed 0%,#2d2bcc 100%) 0% 0% no-repeat padding-box;
    padding: 30px 15px 35px 15px;
    border-radius: 15px;
    min-height: 281px;
  }

  .number{
    position: relative;
    background-color: #000;
  }

  #number i{
    position: absolute;
    top: 30%;
  }

  #tailored{
    min-height: 490px;
  }

  #tailoreds{
    min-height: 370px;
  }

  #Fantasy{
    min-height: 430px;
  }

  .why-choose-bg{
    background-image: url(../images/fb_fantasy.jpg);
    background-position: center;
    background-size: cover;
    padding: 25px;
  }

  .choose-bg{
    background-color: rgb(0 0 0 / 21%);
    padding: 20px 15px 20px 15px;
    border-radius: 10px;
  }

  .Technoloader{
    height: 240px;
  }

  .client img{
    border-radius: 50%;
  }

  .Utilizing{
    height: 115px;
  }


  .why-choose-ludo-bg{
    background-image: url(../images/ludo-bg.png);
    background-position: center;
    background-size: cover;
    padding: 25px;
  }

  .why-choose-snakes-bg{
    background-image: url(../images/snake-and-ladder.png);
    background-position: center;
    background-size: cover;
    padding: 25px;
  }

  .why-choose-carrom-bg{
    background-image: url(../images/carrom-bg.png);
    background-position: center;
    background-size: cover;
    padding: 25px;
  }

  .why-choose-rummy-bg{
    background-image: url(../images/rummy-poker-bg.png);
    background-position: center;
    background-size: cover;
    padding: 25px;
  }

  .why-choose-card-bg{
    background-image: url(../images/poker-and-casino-playing-card-background-with-royal-flush-on-black-vector.jpg);
    background-position: center;
    background-size: cover;
    padding: 25px;
  }
 
  .front{
    padding-left: 19px;
    padding-top: 10px;
    line-height: 33px;
  }

  .Create{
    padding-left: 20px;
    color: white;
  }

  .Create li{
   padding-bottom: 10px;
  }

  .right_conatct_social_icon{
    background: linear-gradient(to top right, #000 -5%, #002033 100%);
}
.contact_us{
   /* background-color: #f1f1f1; */
   padding: 120px 0px 0px 0px;
}

.contact_inner{
   background-color: #fff;
   position: relative;
   border-radius: 25px;
}
.contact_field{
   padding: 60px 340px 90px 100px;
}
.right_conatct_social_icon{
   height: 100%;
}

.contact_field h3{
  color: #000;
   font-size: 40px;
   letter-spacing: 1px;
   font-weight: 600;
   margin-bottom: 10px
}
.contact_field p{
   color: #000;
   font-size: 13px;
   font-weight: 400;
   letter-spacing: 1px;
   margin-bottom: 35px;
}
.contact_field .form-control{
   border-radius: 0px;
   border: none;
   border-bottom: 1px solid #ccc;
}
.contact_field .form-control:focus{
   box-shadow: none;
   outline: none;
   border-bottom: 2px solid #1325e8;
}
.contact_field .form-control::placeholder{
   font-size: 13px;
   letter-spacing: 1px;
}

.contact_info_sec {
   position: absolute;
   background-color: #2d2d2d;
   right: 1px;
   top: 18%;
   height: 340px;
   width: 340px;
   padding: 40px;
   border-radius: 25px 0 0 25px;
}
.contact_info_sec h4{
   letter-spacing: 1px;
   padding-bottom: 15px;
}

.info_single{
   margin: 30px 0px;
}
.info_single i{
   margin-right: 15px;
}
.info_single span{
   font-size: 14px;
   letter-spacing: 1px;
}

button.contact_form_submit {
    background: linear-gradient(to top right, #000 -5%, #002033 100%);
   border: none;
   color: #fff;
   padding: 10px 15px;
   width: 100%;
   margin-top: 25px;
   border-radius: 35px;
   cursor: pointer;
   font-size: 14px;
   letter-spacing: 2px;
}
.socil_item_inner li{
   list-style: none;
}
.socil_item_inner li a{
   color: #fff;
   margin: 0px 15px;
   font-size: 14px;
}
.socil_item_inner{
   padding-bottom: 10px;
}

.map_sec{
   padding: 50px 0px;
}
.map_inner h4, .map_inner p{
   color: #000;
   text-align: center
}
.map_inner p{
   font-size: 13px;
}
.map_bind{
  margin-top: 50px;
   border-radius: 30px;
   overflow: hidden;
}


#counter{
    padding-left: 0px;
    li{
      flex: 1;
      text-align: center;
      font-size: 2.2rem;
    }
    span.percent:after {
      content: "+";
      display: inline-block;
      color: white;
    }
  }

#counter li{
    list-style: none;
    color: white;
}  

.stats_single {
    width: calc(20% - 14.4px);
    background-image: url(https://cdn-hjokj.nitrocdn.com/xKvPrJeRKcMfBVHKpjbxbYMvqmxtHXge/assets/images/optimized/rev-bea5d7b/www.apptunix.com/wp-content/themes/apptunix/images/home_new/shape_gradient.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    border-radius: 20px;
    padding: 30px 8px;
    text-align: center;
    min-height: 188px;
    display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}



.form-wrapper{
    background-color: #ffffff;
    width: 100%;
    padding: 40px;
    border-radius: 12px;
    margin-top: 100px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    animation: fadeIn 1s ease-out;
}
.title{
    font-size: 28px;
    text-align: center;
    color: #333;
    margin-bottom: 10px;
}
.subtitle{
    text-align: center;
    color: #666;
    font-size: 16px;
    margin-bottom: 30px;
}
.contact-form{
    width: 100%;
}

.form-row{
   width: 100%;
}
.form-column{
    flex: 1;
    min-width: 250px;
}
.form-label{
    display: block;
    color: #333;
    font-size: 14px;
    margin-bottom: 5px;
}
.form-input,
.form-textarea{
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #ddd;
    transition: border-color 0.3s, transform 0.3s;
}
.form-input:focus,
.form-textarea:focus{
    border-color: #6f6df4;
    outline: none;
    transform: scale(1.02);
}
.form-textarea{
    resize: none;
}
.submit-button{
    display: block;
    width: 100%;
    padding: 12px;
    background: linear-gradient(135deg, #6f6df4, #4c46f5);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s, transform 0.3s;
}
.submit-button:hover{
    background: linear-gradient(135deg, #4c46f5, #6f6df4);
    transform: scale(1.05);
}

@keyframes fadeIn{
    from{
        opacity: 0;
        transform: translateY(-20px);
    }
    to{
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px){
    .form-wrapper{
        padding: 30px;
    }
    .title{
        font-size: 24px;
    }
    .subtitle{
        font-size: 14px;
    }
    .form-row{
        flex-direction: column;
    }
}

@media (max-width: 540px){
    .form-wrapper{
        padding: 20px;
    }
    .title{
        font-size: 20px;
    }
    .subtitle{
        font-size: 12px;
    }
    .form-row{
        flex-direction: column;
        gap: 15px;
    }
    .form-column{
        min-width: 100%;
    }
    .form-label{
        font-size: 12px;
    }
    .form-input,
    .form-textarea{
        padding: 10px;
    }
    .submit-button{
        padding: 10px;
        font-size: 14px;
    }
}

.form-select{
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #ddd;
    transition: border-color 0.3s, transform 0.3s;
}
.stories{
    border-radius: 10px;
    position: relative;
}


@keyframes slides {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
  }
  
  .logos {
    overflow: hidden;
    padding: 10px 0px;
    white-space: nowrap;
    position: relative;
  }
  
  .logos:before, .logos:after {
    position: absolute;
    top: 0;
    content: '';
    width: 250px;
    height: 100%;
    z-index: 2;
  }
  

  
  .logo_items {
    display: inline-block;
    animation: 45s slides infinite linear;
  }
  
  .logos:hover .logo_items {
    animation-play-state: paused;
  }
  
  .logo_items img{
    height: 200px;
  }

  .range_container {
    --_marker-border-clr: #0EA5E9;
    --_marker-size: 15px;
    --_track-heigt: 3px;
  
    --_tooltip-bg-clr: rgba(0, 0, 0, 0.4);
    --_tooltip-txt-clr: var(--_marker-border-clr);
      
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-direction: column;
}

.sliders_control {
    position: relative;
}

.slider-tooltip {
    position: absolute;
    top: -3.5rem;
    left: 0;
    width: fit-content;
    background-color: var(--_tooltip-bg-clr);
    color: white;
    font-size: 0.8rem;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    text-align: center;
    translate: -50% 0;
}

.slider-tooltip::before {
    content: "";
    position: absolute;
    bottom: -0.25rem;
    left: 50%;
    translate: -50% 0;
    width: .5rem;
    height: .5rem;
    rotate: 45deg;
    z-index: -1;
    background-color: inherit;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: var(--_marker-size);
    height: var(--_marker-size);
    background-color: var(--_marker-border-clr);
    border-radius: 50%;
    box-shadow: 0 0 0 1px var(--_marker-border-clr);
    cursor: pointer;
}

input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: var(--_marker-size);
    height: var(--_marker-size);
    background-color: var(--_marker-border-clr);
    border-radius: 50%;
    box-shadow: 0 0 0 1px var(--_marker-border-clr);
    cursor: pointer;
}

input[type=range]::-webkit-slider-thumb:hover {
    background: #f7f7f7;
}

input[type=range]::-webkit-slider-thumb:active {
    box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
    -webkit-box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
}

input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    height: var(--_track-heigt);
    width: 100%;
    position: absolute;
    background-color: var(--_marker-border-clr);
    pointer-events: none;
}

#fromSlider {
    height: 0;
    z-index: 1;
}

.scale {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
    position: relative;
    width: calc(100% - var(--_marker-size));
    margin-inline: auto;
    font-size: 0.8rem;
}

.scale div {
    position: absolute;
    translate: -50% 0;
}

.scale div::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% -125%;
    width: 1px;
    height: 10px;
    background-color:#666;
}


#front-shipping{
    background-image: url(../images/Group-130.png);
}

#front-Supply{
    background-image: url(../images/flip-2.png);
}

#front-Custom{
    background-image: url(../images/flip-3.png);
}
#front-Transport{
    background-image: url(../images/flip-4.png);
}

#front-Order{
    background-image: url(../images/flip-5.png);
}


#front-diet{
    background-image: url(../images/fitness-1.png);
}

#front-gym{
    background-image: url(../images/fitness-2.png);
}

#front-Fitness{
    background-image: url(../images/fitness-3.png);
}
#front-yoga{
    background-image: url(../images/fitness-4.png);
}

#front-Personal{
    background-image: url(../images/fitness-5.png);
}

#front-Meditation{
    background-image: url(../images/fitness-6.png);
}

#front-Wellness{
    background-image: url(../images/fitness-7.png);
}

#front-Mood{
    background-image: url(../images/fitness-8.png);
}

#front-online{
    background-image: url(../images/fitness-9.png);
}


.industries1{
    background-image: url(../images/arvr-industries1.png);
}

.industries2{
    background-image: url(../images/arvr-industries2.png);
}

.industries3{
    background-image: url(../images/arvr-industries3.png);
}

.industries4{
    background-image: url(../images/arvr-industries4.png);
}

.industries5{
    background-image: url(../images/arvr-industries5.png);
}

.industries6{
    background-image: url(../images/arvr-industries6.png);
}

.Privacy img {
    padding-top: 159px;
    height: 500px !important;
    width: 100% !important;
    object-fit: cover !important;
}

.internship-top{
    padding-top: 100px;
    text-align: center;
    font-weight: bold;
    color: white;
}


.left {
    background: #0066ff;
    color: white;
    flex: 1;
    padding: 28px 15px;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .left h1 {
    font-size: 2em;
    margin-bottom: 15px;
  }

  .left p {
    font-size: 0.95em;
    margin-bottom: 25px;
    line-height: 1.6;
  }

  .testimonial {
    display: flex;
    align-items: center;
    margin-top: auto;
  }

  .testimonial img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 10px;
  }

  .right {
    flex: 1.5;
    padding: 28px 15px;
    min-width: 320px;
  }

  forms {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }

  forms input,
  forms select,
  forms textarea {
    padding: 12px;
    font-size: 1em;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 8px;
  }

  forms textarea {
    grid-column: span 2;
    resize: vertical;
    min-height: 80px;
  }

  .budget {
    grid-column: span 2;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }

  .budget button {
    padding: 10px 15px;
    border: none;
    border-radius: 20px;
    background-color: #e0e0e0;
    cursor: pointer;
  }



  .submit button {
    padding: 12px 30px;
    background-color: #0066ff;
    color: white;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    font-size: 1em;
  }

  @media (max-width: 768px) {
    .container {
      flex-direction: column;
    }

    form {
      grid-template-columns: 1fr;
    }

    .budget {
      flex-direction: column;
    }
  }

  .pop-modal{
    max-width: 1000px;
    position: relative;
  }

  #modal-hed{
    position: absolute;
    z-index: 100;
    top: 10%;
    background-color: transparent;
    right: 0%;
    top: -1%;
    border: none;
  }