body {padding:0px; margin:0;     font-family: 'REM' !important;  background-image: linear-gradient(to right, #44328D, #2A1B3C) !important;}

h1, h2, h3, h4, h5, h6 { font-weight: bold !important; font-family: 'REM'; text-transform:uppercase; color: #fff;}

a, p, ul, li { font-family: 'REM' !important; color: #fff;}

.padd {padding: 80px 0;}


#loader {  position: fixed;  width: 100%;  height: 100%; background: #d93e87;    display: flex;justify-content: center; top:0;
    align-items: center;flex-direction: column;    color: #fff;    z-index: 9999;  }
  .progress-bar {    width: 300px;    height: 6px;    background: #d93e87;    border-radius: 10px;    overflow: hidden;    margin-top: 10px;  }
  .progress {    height: 100%;    width: 0%;    background: #ff3b3b;    transition: width 0.2s ease;  }
  .percent {    font-size: 24px;    margin-bottom: 10px; }
  #content {    display: none;    padding: 50px;    text-align: center;  }
  
  
  
.alin {align-items: center;}
/*header*/
.home-banner-sec .carousel-item:after {  content: '';  background-image: linear-gradient(to right, #44328d7d, #d93e8775) !important;
    width: 100%;  height: 100%;   display: block;    position: absolute;    top: 0;}
.btn-quote:hover { background-image: linear-gradient(to right, #44328D, #422366);   color: #fff !important;}
.btn-des:hover { background-image: linear-gradient(to right, #44328D, #422366); }
.btn-des img {  width: 13px;}
.btn-des img {   margin-left: 30px;}
.blue-btn img {  filter: invert(0) brightness(4);}

.blue-btn { background-image: linear-gradient(to right, #44328D, #422366) !important; color: #fff !important;}

.header {  position: absolute;   z-index: 9;   width: 100%;     margin-top: 25px;}
.header .container {max-width: 94% !important; margin: 0 auto;}
ul.nav__menu li a:hover {  color: #d93e87;}
ul.nav__menu li a {  color: #fff;}
.menu-padd .nav {  justify-content: end;}

.test-rewiw {height: 80vh;}
.nav__toggle { position: absolute;cursor: pointer; margin: 0rem 1rem;  right: 0;}
.close,
input[type="checkbox"] {
  display: none;
}
.hamburger {  margin-top: 0.2rem;}
.nav__menu {  display: flex;  flex-direction: column;  gap: 2rem;  align-items: center;  margin: 0.5rem;    margin-bottom: 5px !important;}

.header li {  list-style: none;  display: none;}
.nav__menu a {  text-decoration: none;  color: initial; }
#nav__checkbox:checked ~ ul.nav__menu li {  display: block;}
#nav__checkbox:checked ~ label.nav__toggle .hamburger {  display: none;}
#nav__checkbox:checked ~ label.nav__toggle .close {  display: block;}
.nav {    justify-content: center;}
ul.nav__menu li a {    text-transform: uppercase;}


/*banner*/
.video-text {  width: 100%;   position: absolute;    bottom: auto;    color: #fff;    text-align: center;    top: 35%;     z-index: 1;}
.home-banner-sec {  position: relative;    height: 100vh;    display: block;    overflow: hidden;}
.home-banner-sec .carousel-indicators {bottom: 21%;     width: 100%; margin-left: 5%; justify-content: left;}

.home-banner-sec .carousel-control-next, .home-banner-sec .carousel-control-prev{width: 6%;     top: -20%;}
/*banner*/

.blog-lst-des .col-md-4 { margin-bottom: 40px;}

.nav__menu {list-style: none;}
.has-submenu { position: relative;}
.submenu {  position: absolute;  top: 100%;  left: 0;  background: #140e2a8a;    display: none;    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    padding: 20px;    width: auto;}
.submenu li a {  padding: 10px 15px;  display: block;  color: #000;}
.has-submenu:hover .submenu {  display: block;}

.strt { position: absolute;  bottom: 20px;  text-align: center;  width: 100%;}
.strt img { width: 150px;}
.btn-pos { top: 70px;}


/*what we do*/
.what-we-do-section {overflow: hidden;}
.home-sec-two {   padding-top: 80px; }
.what-we-do-section .container:before { content: ''; background: url(../images/review-2.svg); display: block;  height: 100%;  position: absolute;
    top: 0;  left: 0;  background-position: center;  background-size: 75%;  width: 100%;    background-repeat: no-repeat; animation: floatMove 4s ease-in-out infinite alternate;}
.wht-con {position: relative; z-index: 1;}    
.whts-app { position: fixed;  right: 2%;   bottom: 2%; z-index: 9}
.what-we-do-section { color: #fff; min-height: 100vh; display: flex; flex-direction: column;     padding-top: 80px;    position: relative;}
.card-deck-container { display: flex;  justify-content: center; align-items: center; height: 450px; position: relative; perspective: 1000px;
  margin-top: 30px;     z-index: 2;}
/*.feature-card {width: 220px; height: 320px; background-color: var(--card-bg); position: absolute; display: flex;
            flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 15px; box-shadow: -5px 5px 15px rgba(0,0,0,0.3); text-decoration: none; color: var(--primary-bg); border: 4px solid #fff;
            transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);  transform-origin: bottom center; cursor: pointer; z-index: 1;  }*/

.card-inner { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center;
  align-items: center;  pointer-events: none; }

    
       .feature-card {
    
    height: auto;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
    transform-origin: bottom center;
    cursor: pointer;
    z-index: 1;
}

        /* --- ACTIVE STATE (CLICKED) --- */
        /* Jab class 'active' add hogi tab ye CSS apply hogi */
        .feature-card.active {
            z-index: 999 !important; /* Sabse upar */
            /* Rotate 0 karega aur bada karega */
            transform: translateY(-80px) scale(1.3) rotate(0deg) !important; 
            /*box-shadow: 0 50px 100px rgba(0,0,0,0.7);*/
            
        }

        .feature-card.active .card-details {
            max-height: 100px; /* Show text */
            opacity: 1;
        }
        
        .feature-card.active i {
            transform: scale(0.8); /* Icon thoda chhota hoga jab open hoga */
        }

        /* --- DIM EFFECT (Optional) --- */
        /* Jab container par 'has-active' class ho, to baki cards dhundle ho jaye */
        .card-deck-container.has-active .feature-card:not(.active) {
            /*filter: blur(2px) brightness(0.7);*/
            /*opacity: 0.8;*/
        }

        /* --- DEFAULT POSITIONS (The Fan) --- */
        .card-1 { transform: translateX(-350px) translateY(80px) rotate(-25deg); z-index: 1; }
        .card-2 { transform: translateX(-250px) translateY(45px) rotate(-18deg); z-index: 2; }
        .card-3 { transform: translateX(-150px) translateY(20px) rotate(-10deg); z-index: 3; }
        .card-4 { transform: translateX(-50px) translateY(5px) rotate(-3deg); z-index: 4; }
        .card-5 { transform: translateX(50px) translateY(5px) rotate(3deg); z-index: 5; }
        .card-6 { transform: translateX(150px) translateY(20px) rotate(10deg); z-index: 6; }
        .card-7 { transform: translateX(250px) translateY(45px) rotate(18deg); z-index: 7; }
        .card-8 { transform: translateX(350px) translateY(80px) rotate(25deg); z-index: 8; }

        /* --- Button --- */
        

        /* --- MOBILE --- */
        @media (max-width: 992px) {
            .card-deck-container {
                flex-wrap: nowrap;
                justify-content: flex-start;
                overflow-x: auto;
                height: auto;
                padding: 40px 20px;
                gap: 20px;
                width: 100%;
                perspective: none;
            }
            .feature-card {
                position: relative;
                min-width: 220px;
                transform: none !important; 
                margin: 0;
            }
            .feature-card.active {
                transform: scale(1.05) !important; /* Mobile par jyada bada na ho */
                z-index: 1;
            }
            /* Scrollbar hide */
            .card-deck-container::-webkit-scrollbar { display: none; }
        }
/*what we do*/

h2 {color: #d93e87;}
.mega-menu {  display: flex;}
.mega-menu span li a {  display: flex !important;   align-items: center;}
.mega-menu span li a img {  margin-right: 15px;}


/*use cases*/
.pink-bg {background: #D93E87;}
.pink-bg h2 {color: #D93E87;}
.pink-bg h3, .pink-bg h2 {color: #fff;} 
.home-sec-three .col-md-3, .home-sec-three .col-md-12 {margin: 0; padding: 0;}
.home-sec-three img { max-width: 100%;}
.edge-cnt span {  align-items: baseline;   margin-bottom: 7px; }
/*use cases*/

.home-sec-three .col-md-3 { overflow: hidden;}
.home-sec-three .col-md-3 img:hover { transform: scale(1.2);}
.home-sec-three .col-md-3 img {  object-fit: cover;    transition: transform 0.5s ease;}

.edge-sec img {  transition: transform 0.5s ease;}
.edge-sec img:hover {  transform: rotate(20deg) !important; }
.edge-cnt h3 { width: 22%;  text-align: right;}
.edge-cnt p { margin-bottom: 0;}


.team-mem {transition: transform 5s ease;}
.team-mem img:hover {  background: #2a1b3c;  border-radius: 20px;}

/*portfolio*/
.text-port {   position: absolute;    top: 30px;    left: 30px;    text-align: left; z-index: 2;}
.text-port h3 { font-size: 36px;    margin-bottom: 0;}
.text-port h4 { font-weight: 400 !important;}
.w-90 {width: 90%; margin: 0 auto;}
.overlay-cont { position: absolute; margin: 0 auto; padding: 0 18%; display: flex; align-items: center; height: 100%; text-align: left; z-index: 2;}
.overlay-cont p {display: none;}
.item {transition: 2s;}
.item:hover span img{border-radius: 25px; transition: 0.8;}

.item:hover span:after { content: ''; border-radius: 25px; height: 100%;  width: 100%;  background: #000000ba;  display: block; position: absolute;
    top: 0;  left: 0; transition: 2s;}
.item:hover .overlay-cont p {display: block;}
.alink {left: auto; right: 30px; top: auto; bottom: 30px;}

.home-sec-four .owl-nav, .home-sec-eight .owl-nav {  display: flex;}
.home-sec-four .owl-nav button, .home-sec-eight .owl-nav button {  border: 2px solid #fff !important;   border-radius: 0 !important;   color: #fff !important; padding: 10px !important;}
.home-sec-four .owl-nav button span, .home-sec-eight .owl-nav button span { padding: 10px;  font-size: 40px;  line-height: 30px;}
.home-sec-four .owl-theme .owl-nav [class*=owl-]:hover, .home-sec-eight .owl-theme .owl-nav [class*=owl-]:hover {border: 2px solid #d93e87 !important; background: #d93e87;}

.home-sec-five .pink-bg {  padding: 0 50px;}
.edge-sec h3 {  font-size: 4rem;  margin-bottom: 0;   font-weight: 500 !important; line-height: 1;}
.edge-sec img {  padding-right: 10px;}
.edge-sec p { font-size: 22px; text-transform: uppercase;  margin-bottom: 0;  line-height: 1.3;}
.edge-cnt span {  align-items: center;    margin-bottom: 7px;}
.edge-cnt h3 {  margin-right: 20px;}
.btn-des { background: #fff;  text-transform: uppercase;  font-weight: bold;  color: #d93e87;  padding: 10px 20px;  text-decoration: none;}
.btn-des:hover {color: #d93e87;}
.home-sec-five {position: relative;     overflow: hidden;}
.home-sec-five .pink-bg:after { content: ''; background: url(../images/review-2.svg);  width: 100%;  height: 100%;   display: block;
    background-size: 82%;   position: absolute;   left: 0;    top: 0;    background-repeat: no-repeat;    background-position: center;
    z-index: 1; animation: floatMove 4s ease-in-out infinite alternate;} 
.pos-rel {  position: relative;    z-index: 2;}

.home-sec-seven {position: relative; overflow: hidden;}
.home-sec-seven .pink-bg:after { content: ''; background: url(../images/review-2.svg);  width: 100%;  height: 100%;   display: block;
    background-size: 82%;   position: absolute;   left: 0;    top: 0;    background-repeat: no-repeat;    background-position: center;
    z-index: 1;   animation: floatMove 4s ease-in-out infinite alternate;}


.home-sec-nine {position: relative; overflow: hidden;}
.home-sec-nine .pink-bg:after { content: ''; background: url(../images/review-2.svg);  width: 100%;  height: 100%;   display: block;
    background-size: 82%;   position: absolute;   left: 0;    top: 0;    background-repeat: no-repeat;    background-position: center;
    z-index: 1;   animation: floatMove 4s ease-in-out infinite alternate;}   

/*portfolio*/
.mbview{display: none;}
.dskviw {display: block;}

/*team*/
.msn-vsnn h3 {
    color: #d93e87;
    font-size: 40px;
    margin-bottom: 20px;
}

.team-mem h3 {  margin-top: 10px;   margin-bottom: 0px;    font-size: 2.2rem;    line-height: 1;}
.test-rewiw { border: 2px solid #d93e87;  padding: 100px 40px;}
.test-rewiw img { max-width: 120px;  margin-bottom: 15px;}
.slider-three:after {  content: '';    background: url('../images/testi-icon.svg');}

.slider-three:after { content: ''; background: url(../images/testi-icon.svg);
    height: 100%;  width: 100%;  display: block;  position: absolute;  left: 2%;   top: -15%;    background-repeat: no-repeat; z-index: -1;}

.slider-three:before { content: ''; background: url(../images/testi-2.svg);  height: 100%;  display: block;  position: absolute;
    bottom: 0;  background-repeat: no-repeat;  width: 100%;  background-position: right bottom;  right: 1%; z-index: -1;}
.test-rewiw p span { color: #d93e87;  text-transform: uppercase;  font-weight: 700;  display: block;  font-size: 18px;}
.test-rewiw p {  font-size: 18px;  line-height: 1.8;}
.home-sec-nine .btn-des img, .home-sec-five .btn-des img{  margin-left: 30px;}

.new-cont-des .gform_wrapper.gravity-theme .gfield.gfield--width-half {
    grid-column: 1 / -1;
}
/*team*/

.home-sec-nine {   margin-bottom: 110px;}
.team-mem h3 span {  color: #FFA5BD;}
.team-mem p {  text-transform: uppercase;    margin: 0;}
/*testimonial*/

.home-sec-eight {overflow: hidden; width: 95%; margin: 0 auto;}
.blog-des img{max-width: 100%;}
.home-sec-nine .pink-bg {    padding: 0 40px;}
/*testimonial*/

.blog-des img {margin-bottom: 15px;}
.blog-des a { color: #fff; text-transform: uppercase;  text-decoration: none;  font-weight: 500; display: flex; align-items: center;  justify-content: space-between;}
.blog-des a img { margin-bottom: 0;}
.blog-img {  position: relative;}
.blog-img span { position: absolute; bottom: 15px;  background: #44328D;  padding: 10px 12px;  left: 20px;    text-align: center;}
.blog-img p {text-transform: uppercase; margin: 0;}
.blog-img h3 { margin-bottom: 0;}
.blog-des a:hover {  color: #2b1c3e;}

/*About us*/
.abt-cont h3 {  text-transform: capitalize;}
.abt-sec .pink-bg {padding: 0 10%;}
.abt-icon img {  max-width: 100%; transition: transform 0.5s ease;}
.abt-icon img:hover {   transform: rotate(45deg);}
.abt-cont {  margin-bottom: 50px;}
.abt-sec .pink-bg .row {position: relative; margin-top: 100px;}
.abt-sec .pink-bg .row:after{ content: '';  background: #fff;   width: 1.5px;    height: 89%;   display: block;    position: absolute;    left: 45.8%;    top: -50px;}
.abt-icon {  position: relative;   z-index: 1;}
.abt-sec-two .row {  background: #44328d66;  padding: 50px 0 80px;  --webkit-backdrop-filter: blur(5px);   backdrop-filter: blur(5px);}
.abt-sec-two {  position: relative;  top: -160px;}
.abt-sec {  position: relative;  top: -140px;}
.abt-sec-two h2 {  color: #fff;}

.abt-bnr-text {  width: 36%;  text-align: left;  top: 20%;  left: 10%;}

.abt-bnr-text h1 { margin-bottom: 30px;}
.abt-bnr-text a:hover {  background: #d93e87;    color: #fff;}
.abt-bnr-text a img {  padding-left: 40px;   max-width: 50px;}
.abt-bnr-text a {  color: #fff;  border: 1px solid #fff;  text-decoration: none;  padding: 10px 18px;}

/*About us*/

/*Contact us*/
.cont-page {   position: static !important;}
.cont-page textarea {   height: 300px;}
.cont-bg {background: url(../images/contact-bg.jpg) !important; background-repeat: no-repeat !important; background-size: 100% 63% !important;}
.ofc {  display: flex;   width: 75%; margin: 20px 0 30px;}
.ofc img {  margin-right: 20px;}
.contact-page span h3 {  font-size: 1.5rem;   text-transform: math-auto;}
.loc h4 {   color: #D93E87;}
/*Contact us*/


/*portfolio*/

.Portfolio-banner-sec {background: url(../images/port-folio-bg.jpg); background-size: 100%;     background-attachment: fixed; background-repeat: no-repeat; padding-top: 10%; padding-bottom: 50px;}
.port-item img {max-width: 100%;}
.port-item {position: relative;}
.port-item span {  position: absolute;    bottom: 10px;    background: #fff;   align-items: center;
    display: flex;    width: 96%;    margin: 0 auto;    left: 2%;   justify-content: space-between;    height: 100px;    padding: 10px;}
a.img-link img { width: 32px; background: #ffffff;     padding: 1px; border-radius: 10px; position: absolute;
    right: 10px;  bottom: 10px;} 
.contact-page span h2 {    font-size: 24px !important;    color: #fff;}
.contact-page span {  margin-bottom: 70px;  display: block;}
.contact-page span:nth-child(3) {margin-bottom: 0px;  margin-top: 95px;  display: block;}
/*portfolio*/



/*service*/

.service-bnr {  top: 12%;   width: 70%;    margin: 0 auto;    left: 15%;}
.serweb .row {padding: 50px;}
.serweb .row:nth-child(odd) {  background: #E5DDD5;}
.serweb .row:nth-child(even) {  background: #fff;}
.serweb p {color: #000;}
.choose-map {display: flex;}
.choose-map h3 {  font-size: 20px;   font-weight: 500 !important;}
.serweb .btn-des {  margin-top: 20px;   display: inline-block;}

.serweb {  position: relative;    top: -140px;}
.serweb2 {  position: relative;    top: -80px;}
.serweb3 {  position: relative;    top: -40px;}
.service-bnr-det { display: flex;  align-items: flex-start; top: 12%;}
.service-bnr-det img { margin-right: 20px;   margin-top: 10px;}
.service-bnr-det h1 {  margin-bottom: 10px;}
.ser-de-in h2 {  font-size: 2rem !important;}
.web-det .col-md-5 {  padding: 0 !important;}
.web-det h2 {  font-size: 2.6rem !important;}
.web-det .col-md-7 {  padding: 0 5%;}
.deil-sec-two {  top: -70px;}
.choose-mapzi h2{color: #fff;}
.chse-col { padding: 50px;}
.chse-col div { display: flex;    align-items: flex-start;}
.choose-mapzi .owl-stage-outer .owl-stage .owl-item:nth-child(even) {background: #44328D;}
.choose-mapzi .owl-stage-outer .owl-stage .owl-item:nth-child(odd) {background: #1A0F27;}
.chse-col img { margin-right: 15px;}
.accord-serv .accordion-item {  background: none !important;   border: none;}
.accord-serv button {background: none; text-transform: uppercase;  font-weight: 600; color: #fff !important; padding: 20px 0;}
.accord-serv .accordion-body {color: #fff;}
.accord-serv .accordion-button:not(.collapsed) {background: none; color: #fff;}
.accord-serv .accordion-body {  color: #fff;   padding: 0px 0 20px;}
.accord-serv .accordion-button:not(.collapsed) {box-shadow: none;}
.accord-serv .accordion-button:focus {box-shadow: none; border: none;}
.accord-serv .accordion-button:not(.collapsed)::after {    filter: brightness(0) invert(1);}
.accord-serv .accordion-button::after {    filter: brightness(0) invert(1);}
.accord-serv .accordion-item {  border-bottom: 1px solid #fff !important;}
.proces ul li {  display: block;  position: relative;  padding-left: 45px;  margin-bottom: 30px;}
.proces ul {padding-left: 0;}
.proces ul li:after { content: '';  background: url(../images/tick.svg);  height: 30px;   width: 30px;  display: block;
    background-size: 100%;   position: absolute;    top: 0;    left: 0;}
.serv-inim img {   max-width: 100%;}



.web-det .row {padding: 0;}
.web-det .col-md-5 img {max-width: 100%;}
.img-w {max-width: 100%;}
.pos-slid {  position: absolute;   bottom: 16%;}
.cour-ser {display: flex; align-items: center;}
.cour-ser p {margin-bottom: 0; margin-left: 10px;}
.cour-ser img { width: 55px !important;}
.cour-ser p {  margin-bottom: 0;   margin-left: 10px;   font-weight: 600;    text-transform: uppercase;}

/*service*/

/*blog*/

.blog-lis-img img{max-width: 100%; border-radius: 15px 15px  0 0;}
.blog-cont h2 { font-size: 22px !important;   color: #ffffff;   text-transform: inherit;    margin-top: 10px;    font-weight: 600 !important;}
.blog-list { background: #d93e87b5;   border-radius: 15px;  height: 100%;}
.blog-cont {  padding: 20px 30px;}

.sing-blog-list img {max-width: 100%; margin-bottom: 40px; border-radius: 30px;}
.sing-blog-list h1 {  font-size: 2.3rem;    text-transform: capitalize;    text-align: center;    font-weight: 600 !important; margin-bottom: 40px;}
.sing-blog-list h2 { font-size: 2rem !important;  color: #fff;  text-transform: capitalize;    font-weight: 500 !important;}
.sing-blog-list h3 { font-size: 1.8rem !important;  color: #fff;  text-transform: capitalize;    font-weight: 500 !important;}
/*blog*/





/*footer*/
@keyframes floatMove {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(20px);
  }
}



@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-30px);}
  60% {transform: translateY(-15px);}
}
.bounce {
  animation-name: bounce;
}

.animated {
  animation-duration: 6s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

.serweb3 a.btn-des {display: inline-block;}
.sing-blog-list a {    text-decoration: none;    color: #d93e87;}

footer {  background: url(../images/footer-bg.jpg);  padding: 50px 0 30px;    background-size: 100%;}
.social-foot ul { display:flex; padding-left: 0; }
.social-foot ul li {display: block; margin-right: 15px;}
.social-foot ul li a img { width: 32px;     transition: transform 0.5s ease; opacity: 0.5;}
.social-foot ul li a img:hover { transform: rotate(90deg);}
footer hr {  opacity: 0.4;   border-color: #707070;}
footer .container{ position: relative;}
.cont-form {  background: #D93E87;  padding: 30px 20px 15px;  position: relative; margin-top: -160px;}
.gform_footer.before {   padding: 0 !important;}
.gform_wrapper.gravity-theme .gfield textarea.medium {  height: 112px !important;}
.social-foot a { color: #fff !important;}
.foot-list a {  color: #d93e87;   text-decoration: none;}
.cont-form input, .cont-form textarea { background: #1e132b;   border: none;  border-radius: 0; width: 100% !important;  color: #fff !important;}
.cont-form input {  padding: 13px 10px !important;}
.cpyrgt p { color: #939393;    margin-bottom: 0;}
.foot-list p span { color: #d93e87;  display: block;}
.foot-list a h4 {font-size: 20px;  text-transform: lowercase;   color: #d93e87;}
.foot-list {display: flex;}
.foot-list div {  width: 33%;}
.foot-list {  gap: 10px;}
.drk-btn { background: #d93e87;  color: #fff !important;  text-transform: uppercase;  padding: 10px 20px;}
.drk-btn img {  padding-left: 10px;}
.btn-quote {background: #d93e87;  padding: 10px 18px;}
.btn-quote img {  padding-left: 10px;}


div#gform_wrapper_4 h2 {    font-size: 17px !important;    line-height: 1.2;    font-weight: 600 !important;}
.gform_wrapper.gravity-theme .gform_validation_errors { padding:10px 10px 10px 15px !important;}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {   background: none !important;    border: none !important;    font-size: 14.992px !important;
    margin-top: 0px;    padding: 0 !important;    color: #fff !important; margin-top:0 !important;}
/*footer*/



@media only screen and (min-width: 768px) {
.nav__toggle {  display: none; }
.nav__menu {    flex-direction: row;  }
.nav__menu li {    display: block; }
li#menu-item-567 a {background: #d93e87;    padding: 10px 15px;}
li#menu-item-567 a:hover {    color: #fff;}
}


@media (min-width: 1491px)
{
  .video-text h1 { font-size: 3rem;}
  h2 {font-size: 2.4rem !important;}
  

}

@media (max-width: 1491px){

    .percent {    font-size: 18px; }
    
}

@media only screen and (max-width: 1490px) and (min-width: 1220px) {
.video-text h1 { font-size: 2.4rem;}
  h2 {font-size: 1.8rem !important;}
  a, p, ul, li {font-size: 14px;}
 .logo img {  max-width: 65%;}
 .video-text {top: 23%;}
 .home-banner-sec .carousel-control-next, .home-banner-sec .carousel-control-prev {top: -42%;}
 .card-inner { height: 40vh; width: auto;}
.card-inner img {  max-width: 70%;}
.card-deck-container {height: 300px;}
.home-sec-three {   margin-top: 70px;}
.text-port img {  max-width: 40px;}
.home-sec-three h3 {font-size: 1.8rem !important;}
.text-port h3 {  margin-bottom: 0;}
.team-mem img {   max-width: 50%;}
.team-mem h3 {   font-size: 1.6rem;  margin-bottom: 0;}
.foot-logo img {  max-width: 250px;}
.foot-list p {   font-size: 13px;}
.foot-list a h4 {  font-size: 18px;}
.social-foot ul li a img {  width: 32px;  opacity: 0.5;}
ul.nav__menu li a {  font-size: 12.5px;}
.home-banner-sec .carousel-indicators {   bottom: 41%;}
.home-sec-five .pink-bg:after, .home-sec-seven .pink-bg:after, .home-sec-nine .pink-bg:after {    background-size: 90%;}
.abt-bnr-text {    top: 15% !important;}
.service-bnr {  top: 8% !important; left: 10%; width: 80%;}
.pos-slid {  bottom: 5%;}
.btn-des img {  width: 11px;}
.servi-list .col-md-7 h2 {  font-size: 35px !important;}
.choose-map { display: flex;   align-items: center;}
.service-bnr-det {    top: 8% !important; width: 55% !important;}
.ser-de-in h2 { font-size: 1.8rem !important;}
.web-det h2 {   font-size: 2.2rem !important;}
.chse-col {  padding: 30px;}
.chse-col img {width: 80px !important;}

.text-port {top: 20px;    left: 20px; }
.text-port h3 { font-size: 28px;}
.text-port h4 {font-size: 20px;}
.overlay-cont {padding: 0 8%;}

.what-we-do-section {min-height: 110vh;}
.edge-sec p {   font-size: 16px;}
.edge-sec img {   width: 100px;}
.test-rewiw {   padding: 80px 20px;}
.test-rewiw p {   font-size: 15px;    line-height: 1.5;}
.slider-three:before {    bottom: -35px;}
.slider-three:after {    top: -18%;}
.text-port.alink {   top: 86%;    left: 86%;}
.ser-se-ne { top: -80px;}
.service-bnr a {    display: none;}

}

@media only screen and (max-width: 1219px) and (min-width: 1000px) {
.video-text h1 { font-size: 1.8rem;}
  h2 {font-size: 1.4rem !important;}
  a, p, ul, li {font-size: 13px;}
 .logo img {  max-width: 55%;}
 .video-text {top: 18%;}
 .home-banner-sec .carousel-control-next, .home-banner-sec .carousel-control-prev {top: -32%;}
 .card-inner { height: 30vh; width: auto;}
.card-inner img {  max-width: 70%;}
.card-deck-container {height: 300px;}
.home-sec-three {   margin-top: 70px;}
.text-port img {  max-width: 40px;}
.home-sec-three h3 {font-size: 1.5rem !important;}
.text-port h3 {  margin-bottom: 0;}
.team-mem img {   max-width: 50%;}
.team-mem h3 {   font-size: 1.3rem;  margin-bottom: 0;}
.foot-logo img {  max-width: 210px;}
.foot-list p {   font-size: 13px;}
.foot-list a h4 {  font-size: 16px;}
.social-foot ul li a img {  width: 24px;  opacity: 0.5;}

ul.nav__menu li a {  font-size: 12.5px;}
.home-banner-sec .carousel-indicators {   bottom: 41%;}
.home-sec-five .pink-bg:after, .home-sec-seven .pink-bg:after, .home-sec-nine .pink-bg:after {    background-size: 90%;}
.abt-bnr-text {    top: 15% !important;}
.service-bnr {  top: 8% !important; left: 10%; width: 80%;}
.pos-slid {  bottom: 19%;}
.btn-des img {  width: 11px;}
.servi-list .col-md-7 h2 {  font-size: 35px !important;}
.choose-map { display: flex;   align-items: center;}
.service-bnr-det {    top: 8% !important; width: 55% !important;}
.ser-de-in h2 { font-size: 1.4rem !important;}
.web-det h2 {   font-size: 1.8rem !important;}
.chse-col {  padding: 30px;}
.chse-col img {width: 80px !important;}

.text-port {top: 20px;    left: 20px; }
.text-port h3 { font-size: 24px;}
.text-port h4 {font-size: 18px;}
.overlay-cont {padding: 0 8%;}

.what-we-do-section {min-height: 110vh;}

.edge-sec p {   font-size: 15px;}
.edge-sec img {   width: 80px;}
.test-rewiw {   padding: 80px 20px;}
.test-rewiw p {   font-size: 15px;    line-height: 1.5;}
.slider-three:before {    bottom: -35px;}
.slider-three:after {    top: -18%;}
.text-port.alink {   top: 86%;    left: 86%;}
.ser-se-ne { top: -80px;}

}


@media only screen and (max-width: 999px) and (min-width: 768px) {

}

@media (max-width: 767px)
{
.serweb .row:nth-child(odd) {
    flex-direction:column-reverse;
}
.brnt {display: none;}
.nav__toggle  {top: 25px;}
.nav__menu a {    font-size: 1.1rem;}
ul.nav__menu {  gap: 10px;  margin: 5px !important;   padding: 0; width: 100%;}
.home-sec-five .pink-bg {  padding: 0 20px;}
label.nav__toggle img {   filter: invert(1);}
.strt {bottom: 60px;}
.nav__menu {    align-items: baseline;}
.mega-menu {  display: block;}
#nav__checkbox:checked ~ ul.nav__menu li {    display: block;    margin: 5px 0;}
ul.nav__menu li:last-child {  margin-bottom: 40px !important;}
.btn-pos { top: 0;}
.feature-card {        min-width: auto;}
#sectionArea {  padding-bottom: 50px;}
.btn-des img {  margin-left: 15px;}
.btn-des img { width: 10px;}
.btn-des {    font-size: 13px;     padding: 10px 17px;}
.mega-menu span li:last-child {  margin-bottom: 0px !important;}
.service-bnr {  top: 4% !important; width: 94%;   left: 3%;}
.service-bnr p { display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical;  overflow: hidden;}
.serv-inim img { max-width: 100%;}
.choose-map img {  width: 100px;}
.choose-map h3 {  font-size: 18px;}
.choose-map {align-items: center;}
.serweb .row {  padding: 0;}
.servi-list .col-md-4 {  padding: 0;}
.servi-list .col-md-7 {  padding: 40px;}


.submenu {  position: static;  box-shadow: none;}
.has-submenu:hover .submenu {   display: none;  }
.has-submenu.active .submenu {   display: block;  }
.edge-sec {   width: 90% !important;     margin: 24px auto;    }
	

.edge-sec p { font-size: 20px;   width: 85%;}
.edge-sec img {  width: 70px;    margin-right: 10px;}
.text-port a img { width: 34px !important;}
.alink {right: 15px; bottom: 15px;}
.overlay-cont {    padding: 0 10%;}
.overlay-cont p {  font-size: 11px;}
.edge-sec {  margin-bottom: 30px;}
.edge-cnt span {  display: block !important;  text-align: center;}
.team-mem img {  max-width: 70%;}
.team-mem h3 {font-size: 20px;  margin-bottom: 0;}
.slider-three:after, .slider-three:before {background-size: 40%;}
.slider-three:after {    top: -10%;         left: 30px;}
.slider-three:before {right: 30px;}
.test-rewiw {    padding: 100px 30px;}
.home-sec-nine .pink-bg { padding: 0 20px;}
.p-test { display: block;  padding-bottom: 40px;  }



.logo img {  max-width: 80%;}
.header { position: initial; margin-top: 15px;}
.video-text {top: 20%;}

.abt-cont img {  margin: 0 auto 20px; text-align: center;   display: block;}
.abt-sec-two img { max-width: 100%;}
.abt-bnr-text {width: 85%;}
.abt-cont {  text-align: center !important;}
.abt-cont h3, .abt-cont p {text-align: center;}
.abt-sec .pink-bg .row:after {display: none;}
.abt-icon img { margin: 0 auto 20px;  text-align: center;   display: block;}


.contact-page span h3 { font-size: 1.8rem; }
.contact-page {  margin-top: 30px;}
.contact-page span { margin-bottom: 50px;}
.cont-bg {    background-size: 100% 37% !important;}
.ofc {  width: 96%;  margin: 15px 0 10px;}


.home-sec-seven .col-md-3 {  width: 50%;}
.cont-form {position: initial;}
.foot-list div { width: 100%;         margin: 40px 0;}
.foot-list {display: block !important;}
.mbview{display: block;}
.dskviw {display: none;}
.service-bnr-det {    top: 6% !important; display: block; width: 95% !important; left: 2.5%;}
.ser-de-in h2 { font-size: 1.5rem !important;}
.service-bnr-det img {margin-bottom: 10px;}
.web-det h2 { font-size: 1.8rem !important;}
.web-det .col-md-7 { padding: 8%;}
.chse-col { padding: 30px;}
.chse-col div {  display: block;}
.chse-col img { max-width: 100px; margin-bottom: 20px;}


.home-sec-three .col-md-3 {  width: 90%;  margin: 10px auto;}
.edge-cnt h3 {  width: 100%;    text-align: center !important;}
.edge-cnt span { align-items: center;  margin-bottom: 20px;}
.pink-bg h2, h2 {  font-size: 28px !important; }
.w-90 {  width: 95%;}
.text-port {top: 0px;   left: 0px;     position: relative;}
.alink {    display: none;}
.text-port h3 {  font-size: 24px; }
.text-port h4 {    font-size: 16px;}
.overlay-cont {    align-items: baseline;  padding-top: 10% !important;}
.edge-sec h3 {  font-size: 1rem;}
.edge-sec p {        font-size: 16px;        width: 100%;    }
.video-text {left: 5%;  width: 90%;}
.test-rewiw p {  font-size: 15px;    line-height: 1.4;}
.test-rewiw img {    max-width: 90px;    margin-bottom: 10px;}
footer .cont-form {margin-top: 0px;}
.cour-ser {justify-content: center;}
.Portfolio-banner-sec {background-size: cover;   background-position: top right;}
.sing-blog-list h1 {font-size: 1.8rem;}
.sing-blog-list h2 {    font-size: 1.4rem !important;}
.ofc img {   max-width: 70px;}
.loc h4 {    margin-bottom: 0;}

}

@media (min-width: 1980px)
{
 .home-banner-sec video {  width: 100%;}
 .video-text h1 { font-size: 4rem; }
 .container {  max-width: 75% !important;}
 .home-sec-three img {  max-width: 100%;   width: 100%;}
 p {font-size: 24px;}
 .team-mem img {  width: 50%;}
 .port-item span+img {  width: 100%;}
 .port-item span {height: 130px;}
 ul.nav__menu li a { font-size: 22px;}
 .menu-c {width: 20px;}
 h2 { font-size: 3.2rem !important;  }
 .text-port h3 { font-size: 3rem;}
 .text-port h4 { font-size: 26px;}
 .edge-sec h3 {  font-size: 5.4rem;}
.edge-sec p {  font-size: 30px;}
.edge-sec img { padding-right: 25px;}
.edge-cnt h3 {  margin-right: 20px;  font-size: 38px;}
.edge-cnt span {    margin-bottom: 15px;}
.btn-des {padding: 14px 30px; font-size: 22px;}
footer { padding: 90px 0 80px;}
.cont-form {  padding: 60px 30px;    top: -70px;}
footer p{   font-size: 24px;}
.cont-form h5 {  font-size: 28px;  margin-bottom: 30px !important;}
.cont-form input, .cont-form textarea {     padding: 18px 15px !important;     font-size: 20px !important;  }
.text-port {top: 70px;   left: 70px;}
.alink {  left: auto;   right: 70px;    top: auto;   bottom: 70px;}
.test-rewiw p {  font-size: 24px;  line-height: 1.9;}
.test-rewiw p span {    font-size: 24px;  line-height: 1.1;   padding-top: 20px;}
.test-rewiw img {  max-width: 140px;}
.blog-des a {  font-size: 22px;}
.abt-bnr-text a {   padding: 15px 30px;  font-size: 24px;}
.abt-sec h3 { font-size: 3rem;}
#abt-se .abt-cont h3 {  font-weight: 600 !important;   font-size: 38px;}
#abt-se .pink-bg {  padding: 80px 10% !important;}
.serweb h2 {  }
.serv-inim img {  max-width: 100%;   width: 100%;}
.serweb2 .choose-map h3 {  font-size: 32px;   width: 60% !important;}
.service-bnr-det {    top: 19%;}
.web-det .col-md-5 img {  max-width: 100%;   width: 100%;}
.ser-de-in h2 {  font-size: 3rem !important;}
.deil-sec-two .pink-bg {   padding: 110px 80px !important;}
.choose-mapzi h2 { font-size: 4rem !important;  margin-top: 40px;}
.chse-col h3 {   font-size: 2.4rem;}
.chse-col {  padding: 120px 50px;}
.proces ul li {font-size: 24px;}
.accord-serv button {font-size: 26px;}
.accordion-body {font-size: 20px;}
.home-sec-four .owl-nav button span, .home-sec-eight .owl-nav button span { padding: 0px 20px 20px !important;   font-size: 60px;
    line-height: 1;}
.blog-des span+img { width: 100%;  max-width: 100%;}
.blog-des {  width: 92%;}

}