body{

    font-family: "Manrope", sans-serif;

}

.container{

    max-width: 1300px !important;

}

a{

    cursor: pointer;

    text-decoration: none;

}

.sage-navbar{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 1;

}

.sage-navbar .container{

    padding-bottom: 22px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.55);

}

.sage-navbar .btn{

    border-radius: 100px;

border: 1px solid #FFF;

color: #FFF;

font-family: Manrope;

font-size: 15px;

font-style: normal;

font-weight: 400;

line-height: 18px; /* 120% */

letter-spacing: 0.3px;

text-transform: uppercase;

margin-left: 20px;

}

.banner-sec{

    position: relative;

}

.banner-sec img{

    width: 100%;

}

.banner-cap{

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    z-index: 1;

    text-align: center;

    padding-bottom: 42px;

}


 .fixed {

     

     position: fixed;

     top: 0;

     left: 0;

     right: 0;

     background-color: #0F373F !important;

     

         z-index: 10;

    }



.banner-cap h1{

    color: #FFF3C8;

    text-align: center;

    font-family: "Playfair Display";

    font-size: 52px;

    font-style: normal;

    font-weight: 600;

    max-width: 1100px;

    line-height: 72px; /* 137.5% */

    margin:0 auto 30px;

}

.banner-cap h2 {

  color: #FFF3C8;

  text-align: center;

  font-family: "Playfair Display";

  font-size: 40px;

  font-style: normal;

  font-weight: 400;

  max-width: 1100px;

  line-height: 60px;
  /* 137.5% */

  margin: 0 auto 120px;

}

.banner-cap h1 span,
.banner-cap h2 span {

   display:inline-block;

   padding:0 10px;

   

    border-radius: 10px;

   color: #fff;

}

.banner-cap h1 .cl1,
.banner-cap h2 .cl1 { 

background: #f05714; 



}

 

.banner-cap h1 .cl2,
.banner-cap h2 .cl2 { 

   

background: #ee8b16; 

}

 

.banner-cap h1 .cl3,
.banner-cap h2 .cl3 {  

background: #ee3016; 

}

 



.banner-cap svg{

    margin: 0 auto;

    position: relative;

    transform: translateX(-50%);

    border-radius: 50%;

    opacity: 1;

    animation: mouse 1s infinite;

}

@keyframes mouse {

    from {

        opacity: 1;

        top: 30px;

    }

    to {

        opacity: 0;

        top: 75px;

    }

}

.banner-form-sec{

    padding: 62px 0;

    background: #FFF7DC;

}

.banner-form-sec h3{

    color: #101628;

font-family: "Playfair Display";

font-size: 32px;

font-style: normal;

font-weight: 400;

line-height: 131.354%; /* 42.033px */

margin-bottom: 47px;

text-align: center;

}

.banner-form-sec .form-group{

   position: relative;

}

.banner-form-sec .form-group svg{

    position: absolute;

    top: calc(50% - 13px);

    left: 30px;



 }

.banner-form-sec .form-control{

    color: rgba(138, 113, 26, 0.53);

font-family: Manrope;

font-size: 15px;

font-style: normal;

font-weight: 400;

line-height: 15px; /* 100% */

letter-spacing: 0.3px;

text-transform: capitalize;

border-radius: 100px;

border: 1px solid #A8891A;

background: #FFF7DC;

height: 60px;

padding:16px 35px 16px 75px ;

}



.banner-form-sec .btn{

    border-radius: 100px;

border: 1px solid #A8891A;

background: #A8891A;

padding: 11px 13px;

height: 60px;

display: block;

position: relative;

width: 100%;

color: #FFF;

font-family: Manrope;

font-size: 16px;

font-style: normal;

font-weight: 500;

line-height: 150%; /* 24px */

}

.banner-form-sec .btn svg{ 

position: absolute; 

top: calc(50% - 18.5px);

right: 13px;

}

.about-sec{

    padding: 106px 0 120px;

    background: #FFF9EF;

}

.abou-titl-sec{

    margin-bottom: 97px;

}

.about-head-left{

    width: 40%;

    max-width: 325px; 

    padding-right: 30px;

}

.about-head-left span{

    color: #BFBFBF;

    font-family: Manrope;

    font-size: 13px;

    font-style: normal;

    font-weight: 400;

    line-height: 150%; /* 19.5px */

    letter-spacing: 0.26px;

    text-transform: uppercase;

    margin-bottom: 10px;

}

.about-head-left h3{

    color: #282C12;

    font-family: "Playfair Display";

    font-size: 48px;

    font-style: normal;

    font-weight: 400;

    line-height: 112%; /* 53.76px */

   

   

}



.about-head-center{

    width: 55%; 

    padding:0 42px;

    border-left: 1px solid #3A3A3A; 

    margin-top: 25px;

}





.about-head-center p{

    color: rgba(40, 44, 18, 0.66);

font-family: Manrope;

font-size: 16px;

font-style: normal;

font-weight: 400;

line-height: 150%; /* 24px */

margin: 0;

}

.about-head-right{ 

    margin-left: 60px;

}





.ablut-left{

    border-right: 1px solid #DBD6CE;

}

.about-video{

    border-radius: 5px;  

    max-width: 644px;

    position: relative;

}

.about-video img{ 

    width: 100%;

}



.ablut-left hr{

    margin: 43px 0 25px;

}



.ablut-right{

    text-align: center;

}

.video-cap{

    padding: 15px;

    border-radius: 52px;

background: rgba(14, 35, 53, 0.56);

backdrop-filter: blur(13px); 

    position: absolute;

    left: 33px;

    width: calc(100% - 66px);

    top: calc(50% - 28px);

    text-decoration: none;

}

 

.video-cap span{

    color: #FFF;

font-family: "DM Sans";

font-size: 14px;

font-style: normal;

font-weight: 500;

line-height: 104.5%; /* 14.63px */

}

.video-cap label{

    color: #FFF;

font-family: "DM Sans";

font-size: 12px;

font-style: normal;

font-weight: 400;

line-height: 104.5%; /* 12.54px */

}





.circle1{ 

    position: relative;

    opacity: 1;

    animation: cir1 1s infinite;

}



.circle2{ 

    position: relative;

    opacity: 1;

    animation: cir1 1.5s infinite;

}

 

.circle3{ 

    position: relative;

    opacity: 1;

    animation: cir1 2s infinite;

}



@keyframes cir1 {

    from {

        opacity: 1;

        

    }

    to {

        opacity: 0;

         

    }

}



.about-count h4{

    color: #EE5716;

font-family: "Playfair Display";

font-size: 60px;

font-style: normal;

font-weight: 600;

line-height: normal;

margin-bottom: 12px;

}

.about-count p{

    color: #262A12;

    font-family: "Playfair Display";

    font-size: 25px;

    font-style: normal;

    font-weight: 400;

    line-height: 32px; /* 84% */

    text-transform: capitalize;

    margin-bottom: 55px;

}



.stream-sec{

    padding: 95px 0;

    background: #0F373F;

}



.stream_headleft{

    max-width: 500px;

}

.stream_headleft span{

    color: #E8E8E8;

font-family: Manrope;

font-size: 13px;

font-style: normal;

font-weight: 400;

line-height: 150%; /* 19.5px */

letter-spacing: 0.26px;

text-transform: uppercase;

margin-bottom: 10px;

}

.stream_headleft h3{

    color: #FFF3C8;

    font-family: "Playfair Display";

    font-size: 48px;

    font-style: normal;

    font-weight: 500;

    line-height: 55px; /* 114.583% */

    margin-bottom: 32px;

}

.stream_headleft h3 b{

    color: #fff;

     

}

.stream_headleft p{

    color: #E8E8E8;

font-family: Manrope;

font-size: 15px;

font-style: normal;

font-weight: 400;

line-height: 150%; /* 22.5px */

}

.stream_headright{

    border-radius: 5px;

    position: relative;

    overflow: hidden;

 }



 .stream_headright img{

   width: 100%;

   height: 208px;

   object-fit: cover;

 }

 .stream_headright .cta-cap{

    position: absolute;

    left: 0;

    top: 0 ;

    width: 100%;

    height: 100%;

    z-index: 1;

    text-align: center;

 }

 .cta-cap h4{

    color: #FFF;

    font-family: "DM Sans";

    font-size: 23px;

    font-style: normal;

    font-weight: 700;

    line-height: 55px; /* 239.13% */

    margin-bottom: 25px;

 }



 .cta-cap a{

    border-radius: 100px;

background: #FF6209;

padding: 18px 25px;

color: #FFF;

font-family: Manrope;

font-size: 16px;

font-style: normal;

font-weight: 500;

line-height: 150%; /* 24px */

text-transform: capitalize;

 }

 .cta-cap a svg{

    margin-left: 15px;

 }

.stream_head_cntr{

    margin-bottom: 100px;

}





.stream_list{

    margin: 17px 0; 

    border-radius: 5px;

background: #FFF7DC;

padding: 12px 10px ;

}



.stream_list svg{

    width: 61px;

    height: 71px;

    padding: 12px 15px;

    border-radius: 5px;

background: #D7551D;

display: inline-block;

margin-right: 18px;

}

.stream_list img{

    width: 61px;

    /* height: 71px; */

    object-fit: contain;

    padding: 12px 15px;

    border-radius: 5px;

background: #D7551D;

display: inline-block;

margin-right: 18px;

}

.stream_list h4{

    color: #281E13;

font-family: Manrope;

font-size: 16px;

font-style: normal;

font-weight: 400;

line-height: 22px; /* 137.5% */

margin: 0

}



.brand-sec{

    border-bottom: 1px solid #0F3A3F;

background: #FFF9EF;

}





.brand-sec h3{

    color: #193C27;

font-family: "Playfair Display";

font-size: 15px;

font-style: normal;

font-weight: 500;

line-height: 131.354%; /* 19.703px */

padding: 50px 0;

padding-right: 70px; 

border-right: 1px solid #0F2137;

margin: 0;



}







.brand-sec img{

     height: 50px;

     object-fit: contain;

    max-width: 100%; 

    margin: 0 auto;

    display: block;

}





.abou-titl-sec2 .about-head-left{  

        min-width: 530px;

        padding-right: 42px;

 

}



.abou-titl-sec2 .about-head-center { 

    border-left: 0; 

}



.abou-titl-sec2 .about-head-right {

    margin-left: 80px;

}

.blog-list{

    position: relative;

}

.blog-list img{ 

    width: 100%;

    display: block;

    height: 407px;

    object-fit: cover;

}



.blog-list .blog-cap{ 

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    padding: 30px 20px;

    z-index: 1;

}

.blog-list .blog-cap h4{  

    color: #FFF;

font-family: "Playfair Display";

font-size: 32px;

font-style: normal;

font-weight: 400;

line-height: 34px; /* 106.25% */

margin-bottom: 15px;

}



.blog-list .blog-cap p{  

    color: rgba(255, 255, 255, 0.64);

font-family: Manrope;

font-size: 16px;

font-style: normal;

font-weight: 400;

line-height: 19px; /* 118.75% */

margin: 0;

}


.roadmap-sec {
  padding: 106px 0 120px;
  background-color: #e5f5c2;
  text-align: center;
}

.roadmap-sec span {
  color: #e5f5c2;
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.26px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.roadmap-sec h3 {
  color: #282C12;
  text-align: center;
  font-family: "Playfair Display";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 61px;
  max-width: 530px;
  margin: 0 auto 40px;
}

.roadmap-item {
  padding: 20px 10px;
  background-color: #91af50;
  text-align: center;
  border-radius: 5px;
}

.roadmap-icon {
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}

.roadmap-icon img {
  width: 100%;
  max-width: 30px;
}

.roadmap-item p {
  color: #ffffff;
  font-family: Manrope;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 0;
}

.consult-sec{

    background: url("../images/con-bg.png");

    background-repeat: repeat;

    padding: 100px 0;

}

.consult-head-left{

    padding-right: 74px;

    border-right: 1px solid rgba(255, 255, 255, 0.56);

}



.consult-head-left span{

    color: #FFF;

    font-family: Manrope;

    font-size: 13px;

    font-style: normal;

    font-weight: 400;

    line-height: 150%; /* 19.5px */

    letter-spacing: 0.26px;

    text-transform: uppercase;

}

.consult-head-left h3{

    color: #FCFFEB;

font-family: "Playfair Display";

font-size: 48px;

font-style: normal;

font-weight: 400;

line-height: 56px; /* 116.667% */

margin: 10px 0 14px;

}

.consult-head-left p{

    color: rgba(255, 255, 255, 0.66);

font-family: Manrope;

font-size: 16px;

font-style: normal;

font-weight: 400;

line-height: 150%; /* 24px */

}





.consult-head-right {

    border-radius: 5px;

    background: #0F2137;

    padding: 44px 32px;

    max-width: 620px;

    margin-left: 45px;

}



.consult-head-right span { 

    color: rgba(255, 255, 255, 0.36);

font-family: Manrope;

font-size: 13px;

font-style: normal;

font-weight: 400;

line-height: 150%; /* 19.5px */

text-transform: uppercase;

}

.consult-head-right h4 { 

    color: #FFF;

font-family: Manrope;

font-size: 48px;

font-style: normal;

font-weight: 700;

line-height: 100%; /* 48px */

margin: 12px 0;

}

.consult-head-right p { 

    color: #FFF;

font-family: Manrope;

font-size: 16px;

font-style: normal;

font-weight: 400;

line-height: 150%; /* 24px */

}



.consult-head-right .btn { 

    display: block;

    border-radius: 5px 5px 0px 0px;

    background: #F2B20C;

    display: block;

    margin-bottom: 2px;

}

.consult-head-right .btn2 { 

    display: block;

    border-radius: 0px 0px 5px 5px;

background: #F25F0C;

color: #FFF;

font-family: Manrope;

font-size: 16px;

font-style: normal;

font-weight: 500;

line-height: 150%; /* 27px */

padding: 17px 10px;

text-decoration: none;

text-align: center;

}



.consult-head{

    margin-bottom: 52px;

}



.consult-list{

    border-radius: 5px;

background: #FFC909;

padding: 44px 37px;

margin-bottom: 52px;

}

.consult-list.bg2{ 

    background: #ADDB4A;

}

.consult-list.bg3{ 

background: #FF9B25;

}

.consult-list-thumb{

    margin-right: 50px;

     width: 107px;

}

.consult-list-thumb .thumb{

    width: 107px;

height: 102px;

border-radius: 5px;

object-fit: contain;

margin: 8px 0;

display: block;

}

.consult-list h4{

    color: #0F2137;

font-family: "Playfair Display";

font-size: 30px;

font-style: normal;

font-weight: 400;

margin-bottom: 15px;

}

.consult-list p{

    color: rgba(40, 40, 40, 0.85);

font-family: Manrope;

font-size: 15px;

font-style: normal;

font-weight: 400;

line-height: 22px; /* 146.667% */

}

.consult-list-cta  {

   position: relative; 

   max-width: 324px;

 }

.consult-list-cta img{

    border-radius: 5px;

    width: 100%;

height: 346px;

object-fit: cover;

 }

.consult-list-cap{

    border-radius: 100px;

    padding: 18px 25px;

background: #0F2137;

color: #FFF !important;

font-family: Manrope;

font-size: 16px;

font-style: normal;

font-weight: 500;

line-height: 150%; /* 24px */

text-transform: capitalize; 

    position: absolute;

    left: 20px;

    bottom: 20px;

    width: calc(100% - 40px);

    text-decoration: none;

}

.testimonial-sec{

    background:url(../images/test-bg.png) no-repeat center center, #FFF9EF;

    padding: 100px 0;

    text-align: center;

}

.testimonial-sec span{

    color: #BFBFBF;

font-family: Manrope;

font-size: 13px;

font-style: normal;

font-weight: 400;

line-height: 150%; /* 19.5px */

letter-spacing: 0.26px;

text-transform: uppercase;

}

.testimonial-sec h3{

    color: #282C12;

text-align: center;

font-family: "Playfair Display";

font-size: 48px;

font-style: normal;

font-weight: 400;

line-height: 61px; /* 127.083% */

max-width: 530px;

margin: 0 auto 40px;

}



.testimonial-sec p{

    color: #575757;

text-align: center;

font-family: "Playfair Display";

font-size: 20px;

font-style: normal;

font-weight: 400;

line-height: 36px; /* 180% */

margin-bottom: 50px;

}

.testimonial-sec img{

    width: 75px;

height: 75px; 

border-radius: 75px;

margin-right:15px;

 object-fit: cover;

}

.testimonial-sec h5{

    color: #D7551D;

    text-align: left;

    font-family: "Playfair Display";

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px; /* 180% */

}

.testimonial-sec .test-uni,
.testimonial-sec .test-uni span{

   color: #D71D1D;

font-family: Manrope;

font-size: 16px;

font-style: normal;

font-weight: 400;

line-height: 20px; 

text-align:left;

}

.testimonial-sec .test-uni span {
  color: #0F373F;
}






.testimonial-sec .slide-arrow{

    position: absolute;

    border: 0;

    background: unset;

    top: calc(30% - 15px);

}

.testimonial-sec .slide-arrow.prev-arrow{

   left: -50px;

}

.testimonial-sec .slide-arrow.next-arrow{

    right: -50px;

}

.faq-sec {
  padding: 100px 0;
  background-color: #ced4da;
  text-align: center;
}

.faq-sec span {
  
      color: #6c757d;
  
      font-family: Manrope;
  
      font-size: 13px;
  
      font-style: normal;
  
      font-weight: 400;
  
      line-height: 150%;
      /* 19.5px */
  
      letter-spacing: 0.26px;
  
      text-transform: uppercase;
      margin-bottom: 10px;
}

.faq-sec h3 {
  color: #282C12;
  text-align: center;
  font-family: "Playfair Display";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 61px;
  max-width: 530px;
  margin: 0 auto 40px;
}

.faq-sec .accordion-button {
  color: #ffffff;
  font-family: Manrope;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  background-color: #0f373f;
}

.faq-sec .accordion-button::after {
  background-image: url('../images/angle-down-wt.png');
  background-repeat: no-repeat;
  background-size: 15px;
  width: 15px;
  height: 15px;
}

.faq-sec .accordion-button:focus {
  z-index: 3;
  border: 0;
  outline: 0;
  box-shadow: none;
}

.faq-sec .accordion-body {
  background-color: #FFF9EF;
}

.faq-sec p {
  color: rgba(40, 40, 40, 0.85);
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
  text-align: left;
}


footer{

    background: #0F373F;

    padding: 35px 0;

    text-align: center;

}

.top-footer {
  margin-bottom: 20px;
}

.btm-footer .social-links a {
  margin: 0 10px;
}


.btm-footer .social-links img {
  width: 100%;
  max-width: 35px;
}


.web-dis-block{

    display: block;

}

.web-dis-none{

    display: none;

}



.modal-enquiry .modal-content {

    height: 100%;

    background: unset;

    border: 0;

    border-radius: 25px 0px 0px 25px;

    background: rgb(255 247 219 / 51%);

    backdrop-filter: blur(44.099998474121094px);

}



.modal-enquiry .banner-form-sec{

    background: unset;

}



.modal-enquiry .banner-form-sec h3 {

    color: #fff; 

}





.modal.fade.modal-enquiry .modal-dialog { 



    transition: -webkit-transform 0.3s ease-out;

      transition: transform 0.3s ease-out;

      transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;

     -webkit-transform: translate(50px, 0px);

     transform: translate(50px, 0px) ;

  } 

  

  .modal.show.modal-enquiry .modal-dialog {

    -webkit-transform: none;

    transform: none;

  }

  

  /**** thanks ****/

  

  .thnk-head{

      padding: 110px 0 0;

      background:#0F2137;

  }

  

  



.thanks-sec{

  padding: 200px 0;

  text-align: center;

  min-height: 400px;

}



.thanks-sec .container {

max-width: 700px;

}





.thanks-sec h2 {

color: rgb(51, 52, 86); 

font-size: 48px;

font-style: normal;

font-weight: 500;

line-height: 24px;

/* 50% */

letter-spacing: 0.96px;

margin: 30px 0;

}



.thanks-sec p {

color: #20274E;

text-align: center; 

font-size: 16px;

font-style: normal;

font-weight: 300;

line-height: 24px;

/* 150% */

letter-spacing: 0.32px;

margin-bottom: 30px;

}



.thanks-sec .btn {

  background-color: #0c7abf;

  border: 1px solid #0c7abf;

  border-radius: 4px;

  font-style: normal;

  font-weight: 700;

  font-size: 15px;

  line-height: 27px;

  padding: 8px 16px;

  text-align: center;

  text-transform: uppercase;

  color: #fff;

  transition: .25s;

margin-bottom: 23px;

}



.thanks-sec .tn-link {

display: inline-block;

margin: 0 2px;

}

  

  



.chat-block {

  transition: .25s;

  position: fixed;

  z-index: 1000;

  right: 4%;

  background: rgba(201, 255, 225, 0.85);

  -webkit-backdrop-filter: blur(4.5px);

  backdrop-filter: blur(4.5px);

  border-radius: 27px;

  width: 50px;

  height: 70px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 20px;

  grid-gap: 20px;

  animation: pulse2 2s infinite;

  -webkit-animation: pulse2 2s infinite;

  opacity: 1;

  bottom: 25%

}

 



.chat-block-item,.chat-block-item.chat-block-phone {

  position: relative

}



.chat-block-item {

  transition: .25s

}



@keyframes pulse2 {

  0% {

      box-shadow: 0 0 0 0 #fbb32f

  }



  to {

      box-shadow: 0 0 0 17px #fbb32f01

  }

}



.stick-btn-call {

  background-color: #fff;

  color: #000;

  moz-transition: all .4s ease-in-out;

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

  margin-top: 15px

}

  

  

  

  

  



.consult-list h3 {

    margin-bottom: 20px;

}

.consult-item-block-img img {

    width: 100%;

}



.consult-item-block h4 {

    font-size: 20px;

    margin-top: 7px;

    margin-bottom: 0px;

    font-weight: 600;

}

.consult-item-block ul {

    list-style: none;

    padding: 0;

    margin-bottom: 10px;

}

.consult-item-block ul li {

   display: flex;

}



.consult-item-block ul li {

    display: flex;

    align-items: self-start;

    gap: 5px;

    font-size: 14px;

}

.consult-item-block p {

    margin-bottom: 10px;

}

.consult-popup {

    padding: 20px 20px;

}

.consult-item-block-img img {

    border-radius: 5px;

}

.consult-item-block a {

    color: rgba(40, 40, 40, 1) !important;

    font-family: Manrope;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 22px;

    font-weight: 500;

    margin-bottom: 0;

}



  

  

  

  

  

  

  

  

  

  



@media (max-width: 1366px) {

    .container{

        max-width: 90% !important;

    }

}



@media (max-width: 1200px) {

    .container{

        max-width: 90% !important;

    }

    .banner-cap h1 { 

        font-size: 44px; 

        max-width: 750px;

        line-height: 58px;

        margin: 0 auto 30px;

    }

    .banner-cap h2 {
        font-size: 32px;
      
        max-width: 750px;
      
        line-height: 48px;
      
        margin: 0 auto 80px;
    }

    .abou-titl-sec2 .about-head-left {

        min-width: 400px; 

    }



    .consult-list-cap { 

        font-size: 12px; 

    }

    .about-head-left h3 { 

        font-size: 36px; 

    }

    .stream_headleft h3 { 

        font-size: 36px; 

        line-height: 44px; 

    }

    .blog-list .blog-cap h4 { 

        font-size: 24px; 

    }

    .roadmap-sec h3 {
      font-size: 36px;
    }

    .consult-head-left h3 { 

        font-size: 36px; 

        line-height: 44px; 

    }

    .consult-head-right h4 { 

        font-size: 36px; 

    }

    .testimonial-sec h3 { 

        font-size: 36px; 

    }

    .faq-sec h3 {
      font-size: 36px;
    }

}


@media (max-width: 992px) {



.consult-item-block {

    margin-bottom: 25px;

}





.banner-form-sec .form-control { 

    font-size: 13px; 

    padding: 16px 22px 16px 45px;

}

.banner-form-sec .form-group svg { 

    left: 16px;

}

.banner-form-sec .btn { 

    padding: 11px 13px; 

    font-size: 15px; 

    text-align: left;

}

.about-head-center { 

    padding: 0 22px; 

}

.about-head-right {

    margin-left: 20px;

}

.about-head-left {

    width: 35%; 

    padding-right: 22px;

}

.about-count h4 {
  font-size: 50px;
}

.roadmap-sec {
  padding: 40px 0;
}

.roadmap-item {
  margin-bottom: 30px;
}

.consult-item-block {

    margin-bottom: 30px;

}

}


@media (max-width: 900px) {
  .banner-cap h1 {
  
    font-size: 34px;

    max-width: 750px;

    line-height: 45px;

    margin: 0 auto 20px;
  
  }
  
  .banner-cap h2 {
    font-size: 24px;

    max-width: 750px;

    line-height: 35px;

    margin: 0 auto 70px;
  }

    .banner-cap h1 {
  
      font-size: 40px;
  
      line-height: 50px;
  
      margin: 0 auto 20px;
  
    }
  
    .banner-cap h2 {
      font-size: 28px;
  
      line-height: 40px;
  
      margin: 0 auto 20px;
    }
}


@media (max-width: 767px) {



.mob-dis-block{

    display: block !important;

}

.mob-dis-none{

    display: none;

}

.consult-list h4 {

        font-size: 18px;

        margin: 8px 0;

    }

    .consult-list-cta {

    max-width: 100%;

    width: 100%;

}

.banner-cap h1 {

    font-size: 34px;

    max-width: 750px;

    line-height: 48px;

    margin: 0 auto 20px;

}

.banner-cap h2 {
    font-size: 24px;
  
    max-width: 750px;
  
    line-height: 35px;
  
    margin: 0 auto 70px;
}

.banner-cap h2 span {
  margin: 5px 0;
}

.navbar-brand img{

    width: 88px;

}

.sage-navbar .btn { 

    font-size: 12px; 

    line-height: 16px; 

    margin-left: 10px;

}

.sage-navbar .container{

    padding-bottom: 0%;

    border-bottom: 0;

}

.sage-navbar::after{

    content: "";

    position: absolute;

    left: 30px;

    bottom: 0;

    height: 1px;

    width: 177px;



    background: rgba(255, 255, 255, 0.23);

}

.banner-sec img {

    width: 100%;

    min-height: 600px;

    object-fit: cover;

    height: 100vh;

}

.banner-form-sec {

    padding: 52px 0; 

}

.banner-form-sec h3 { 

    font-size: 24px; 

    margin-bottom: 54px; 

}

.banner-form-sec .form-control {

    font-size: 15px;

    padding: 16px 22px 16px 45px;

}

.about-sec {

    padding: 37px 0; ;

}

.about-head-left h3 {

    font-size: 32px;

}

.about-head-left {

    width: 65%; 

}



.about-head-right svg{

    height: 60px;

    width: 60px;

}



.abou-titl-sec {

    margin-bottom: 25px;

}



.about-head-center {

    padding: 0 0 36px 0;

    border: 0;

    margin: 0;

    width: 100%;

}

.about-video img {

    width: 100%;

    height: 270px;

    object-fit: cover;

    border-radius: 5px;

}



.video-cap {

    padding: 8px 15px; 

    left: 15px;

    width: calc(100% - 30px); 

}



.ablut-left {

    border-right: 0;

}

.ablut-right { 

    padding-bottom: 80px;

}



.about-count p { 

    font-size: 20px; 

    line-height: 21px; 

    margin-bottom: 31px;

    text-align: center;

}

.stream-sec {

    padding: 74px 0; 

}

.stream_headleft h3 {

    font-size: 32px;

    line-height: 44px;

}

.cta-cap a {

    border-radius: 5px; 

    padding: 5px;

    display: block;

    color: #FFF !important;

    font-family: Manrope; 

    padding-bottom: 30px;

    /* padding-bottom: 12px; */

}



.cta-cap  {

    position: relative;

    

}

.cta-cap svg {

    position: absolute;

    bottom: 5px;

    right: 5px;

    width: 26px;

    height: 26px;

}

.stream_head_cntr {

    margin-bottom: 22px;

}

.stream_list {

    margin: 10px 0; 

}

.brand-sec {

    border-bottom: 1px solid #0F3A3F;

    

    padding: 50px 0;

}



.brand-sec h3 {

    border: 0;

    padding: 0 0 25px; 

    margin: 0;

}

.abou-titl-sec2 .about-head-left {

    min-width: unset;

    max-width: unset;

    padding-right: 15px;

    width: 80%;

}

.abou-titl-sec2 .about-head-right {

    margin-left: 0;

}

.blog-list {

    position: relative;

    margin: 10px 0;

}

.roadmap-sec {
  padding: 37px 0;
}

.roadmap-sec h3 {
  font-size: 32px;
  line-height: 40px;
}

.consult-sec { 

    padding: 50px 0 0;

}



.consult-head-left {

    padding-right: 0;

    border-right: 0;

    padding-bottom: 20px;

}



.consult-head-left h3 {

    font-size: 32px;

    line-height: 41px;

}

.consult-head-right { 

    padding: 35px 32px; 

    margin-left: 0;

}

.consult-head-right h4 {

    font-size: 30px;

}



.consult-list-thumb {

    margin-right: 0;

    width: unset;

}

.consult-list-thumb .thumb {

    width: 32.3%;

    height: 102px; 

    margin: 8px 0;

    display: inline-block;

}

.consult-list h4 { 

    font-size: 26px; 

    margin: 15px 0;

}

.testimonial-sec { 

    padding: 50px 0; 

}

.testimonial-sec h3 {

    font-size: 32px;

    line-height: 40px;

}

.testimonial-sec p{ 

    font-size: 16px; 

    line-height: 30px; /* 180% */

    margin-bottom: 30px;

}

.testimonial-sec img {

    width: 55px;

    height: 55px;

    border-radius: 55px; 

}

.testimonial-sec h5{ 

    font-size: 16px; 

    line-height: 20px; /* 180% */

}

.testimonial-sec .test-uni, 
.testimonial-sec .test-uni span { 

    font-size: 12px; 

    line-height: 14px; 

}


.slick-testimonials{

    padding: 0 25px;

}

.testimonial-sec .slide-arrow.prev-arrow{

    left: -20px;

 }

 .testimonial-sec .slide-arrow.next-arrow{

     right: -20px;

 }

 .faq-sec h3 {
   font-size: 32px;
   line-height: 40px;
 }

 .faq-sec .accordion-button {
  font-size: 18px;
  line-height: 26px;
 }

 .faq-sec p {
  font-size: 15px;
 }

 footer { 

    padding: 20px 0; 

}

footer img{ 

    width: 100px;

}

.btm-footer .social-links img {
  width: 100%;
  max-width: 30px;
}

.modal-enquiry .modal-dialog{

    max-width: 400px;

    width: 95%;

}

.about-count h4 { 

    font-size: 40px; 

    text-align: center;

}



  .thnk-head{

      padding: 70px 0 0; 

  }

}



@media (max-width: 500px) {

    .container {

        max-width: 93% !important;

    }

.consult-list h4 {

        font-size: 18px !important;

        margin: 15px 0;

    }

    

.sage-navbar .wht-icon svg{

    width: 30px;

    height: 30px;



}

.sage-navbar .btn {

    font-size: 12px;

    line-height: 16px;

    margin-left: 5px;

    padding: 2px 5px;

}

}