*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
@font-face {
    font-family: PoppinsRegular;
    src: url('../fonts/poppins/Poppins-Regular.ttf');
}
@font-face {
    font-family: InterTight;
    src: url('../fonts/InterTight/InterTight-Regular.ttf');
}
@font-face {
  font-family: Poppinslight;
  src: url('../fonts/poppins/Poppins-Light.ttf');
}
@font-face {
  font-family:BarlowSemiCondensed ;
  src: url('../fonts/BarlowSemiCondensed-Regular.ttf');
}
@font-face {
  font-family: PoppinsMedium;
  src: url('../fonts/poppins/Poppins-Medium.ttf');
}
@font-face {
  font-family:BarlowSemiCondensedMedium ;
  src: url('../fonts/BarlowSemiCondensed-Medium.ttf');
}
@font-face {
  font-family: InterTightLight;
  src: url('../fonts/InterTight/InterTight-Light.ttf');
}
html{
    scroll-behavior: smooth;
}
a{
    text-decoration: none;
}
a:hover{
 
  text-decoration: none;
}
ul{
    list-style-type: none;
}

.header{
  padding: 5px 0px;
}
#Header_plogin{
  background: #000;
  padding: 7px 12px;
  color: #fff;
  border-radius: 5px;
}
#Header_plogin a{
    color: #fff;
}


.bg-banner{
    background: rgb(11,34,60);
   background: linear-gradient(180deg, rgba(11,34,60,1) 32%, rgba(13,37,62,1) 55%);
   overflow: hidden;
}
body{
  
   font-family: PoppinsRegular;
}
@media (min-width:1200px){
  /* .container{
    width:80%
  } */
  .maincontainer{
    width: 92% !important;
    max-width: 92% !important;
  }
}




@media (max-width:576px){
  .maincontainer{
    width: 100%;
    max-width: 100%;
  }
}
 /* Header part */
 .header{
    padding: 27px 0px;
 }
 .logoicon{
  width: 143px;
 }
 ul.mi-nav{
    display: flex;
    align-items: center;
    margin: 0;
    margin-right: 9px;
 }
  ul.mi-nav > li{
    display: inline-block ;
    margin: 18px;
  }

  ul.mi-nav li a:hover{
    color: #F17814;
  }
 
  ul.mi-nav li a:hover > img{
    filter: invert(50%) sepia(97%) saturate(1948%) hue-rotate(355deg) brightness(99%) contrast(92%);
  }
  .mi-login-btn{
    padding: 5px 26px 7px;
    background-color: #EEE4E2;
    border-radius: 50px;
    outline: none;
    border: none;
    color: #231E1E;
    font-size: 17px;
    line-height: 19px;
    font-family: InterTight;
  }
  .mi-login-btn:hover{
    background-color: transparent;
    color: #fff;
    transition: all 0.5s;
  }
   
   /* Banner Part */
   
   .banner-section {
    /* padding: 11px 0px 5px; */
    padding: 11px 0px 25px;
   }
   .banner-shadow{
    margin-top: -1px;
   }
   .banner-text,.banner-sub-tex{
       margin: 0;
   }
   .banner-text{
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    /* line-height: 33px; */
    letter-spacing: 0.35px;
    text-transform: capitalize;
   }
   .banner-sub-text{
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 33px;
    letter-spacing: 0.25px;
    text-transform: capitalize;
   }
   .mi-banner-box-group{
    gap: 22px;
    justify-content: end;
   }
   .mi-banner-box{
    width: 207px;
    height: 548px;
    background-color: #fff;
    border-radius: 20px;
    padding: 27px 14px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
   }
   .mi-banner-boxImage{
    width: 100%;
    height: 200px;
    /* background: pink; */
    display: flex;
    align-items: center;
    justify-content: center;
   }
   .mi-banner-box-content{
    /* background-color: yellow; */
    margin-top: 35px;
    padding-left: 6px;
   }
   .mi-banner-box-title{
    color: #151717;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; 
    letter-spacing: 0.22px;
    margin-bottom: 29px;
    font-family: PoppinsMedium;
   }
   .mi-banner-box-para{
    color: #232923;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
    letter-spacing: 0.26px;
   }
   .mi-banner-book-btn{
    border-radius: 15px;
    background: #FF540A;
    box-shadow: 0px -0.19px 0.90385px 0px rgba(0, 0, 0, 0.18);
    font-family: InterTight;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.63px; /* 133.115% */
    letter-spacing: 1.17px;
    outline: none;
    border: none;
    color: #FFF;
    padding: 4px 20px 5px;
    margin-top: 20px;
    margin-bottom: 60px;
    display: inline-block;
   }
   .mi-banner-book-btn:hover{
    background-color: #fff;
    color: #FF540A;
    transition: all 0.4s;
    cursor: pointer;
    box-shadow: none;
   }
   .burger-icon,.mobile-banner-booknow-btn{
    display: none;
   }
   .mobile-banner-booknow-btn{
    padding-left: 6px;
   }
   .mobile-banner-booknow-btn a{
    position: relative;
    display: inline-block;
    color:#2D2A2A;
    text-decoration: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px; /* 131.25% */
    letter-spacing: 0.32px;
   
   }
   .arrow p{
    color:#2D2A2A;
    font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 21px; /* 131.25% */
letter-spacing: 0.32px;
margin: 0;
   }
   .w-280{
   width: 280px;
   }
   .circle-b{
    pointer-events: none;
    position: absolute;
    top: 12px;
    /* right: 0; */
    left: 40%;
    transform: translateY(-50%);
    border-radius: 40px;
    width: 40px;
    height: 40px;
    /* border: 2px solid rgba(31, 31, 31, 0.1); */
    transition: border 0.2s ease-in-out;
    border: 1px solid #000;
   }
   .arrow span {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 8px;
    padding-left: 25px;
    transition: all 0.3s ease;
    top: 7px;
    left: 15px;
}
.arrow span:before {
    content: "";
    width: 38px;
    height: 1px;
    background: #1f1f1f;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    transition: all 0.3s ease;
    left: 0;
}
.arrow span:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #1f1f1f;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -5px;
    transition: all 0.3s ease;
    background-color: #fff;
}
h4.arrow:hover span {
    width: 75px;
}
h4.arrow:hover span:before {
    width: 75px;
}
   @media (max-width:1200px){
    .mi-banner-box-group{
      justify-content: space-between;
      gap: 5px;
    }
  
    .mi-login-btn{
      background-color: transparent;
      color: #fff;
      text-decoration: none;
    }
   }
   @media (max-width:1025px){
    
   }
   @media (max-width:992px){
     .logoicon {
      width: 100px;
     }
  
    .mi-banner-box-para,.mi-banner-book-btn,.why-right-part{
      display: none !important;
    }
    .mi-login-btn{
      background-color: transparent;
      color: #fff;
      text-decoration: none;
    }
    .banner-text,.banner-sub-text{
      display: inline;
    }
    .mi-banner-box-group{
      flex-wrap: wrap;
      justify-content: space-between;
      column-gap: 10px;
      row-gap: 22px;
    }
    .mi-banner-box{
     padding-top: 0px;
      height: auto;
      width: 48%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .mobile-banner-booknow-btn{
      display: block;
    }
    .banner-blog-text{
      margin-bottom: 34px;
    }
    .mi-banner-box-content{
      margin-top: 0px;
    }
    .mi-banner-box-title br{
      display: none;
    }
  
    
   }
   @media (max-width:576px){
    .header{
        padding: 10px 0px;
    }
    .banner-blog-text{
      margin-bottom: 15px;
    }
    .circle-b{
      left: 32%;
      width: 30px;
      height: 30px;
    }
     .mi-banner-box-title{
      font-size: 16px;
      margin-bottom: 6px;
      line-height: 22px;
     }
     .mi-banner-box{
      padding-left:10px ;
      padding-right:10px ;
      padding-bottom:20px
     }
     .mi-banner-boxImage{
      height: 150px;
     }
     .mi-banner-boxImage img{
      width: 68%;
      height: 80%;
     }
     .arrow p{
      font-size: 14px;
     }
     .arrow span{
      width: 30px;
      height: 8px;
      padding-left: 25px;
      transition: all 0.3s ease;
      top: 2px;
      left: 12px;
  
     }
     .arrow span:before{
           width: 28px;
     }
     .mi-banner-boxImage{
      margin-bottom: 15px;
     }
     .banner-text{
      font-size: 28px;
     }
     .banner-sub-text{
      font-size: 22px;
     }
   }

   @media (min-width:350px) and (max-width:376px){
    .circle-b{
      left: 30%;
    }
   }
   
   @media (max-width:350px){
    .mi-banner-box{
      width: 100%;
      padding:27px 14px;
    }
    .mi-banner-boxImage{
      width: 70%;
      margin: 10px auto;
    }
    .mi-banner-boxImage img{
      width: 100%;
    }
    .mi-banner-box-title br{
      display: none;
    }
    .mi-banner-boxImage img{
      width: 100%;
      height: 100%;
    }
   }
   
    /* why mico part */
    .bg-style1{    
    background-image:  url('../images/v2home/bg-styleimage.png');
    background-size: 100%;
    overflow: hidden;
    }
    .why-section{
      padding-top: 43px;
      padding-bottom: 43px;
    }
    .why-right-part{
      padding-left: 45px;
    }
   .why-text-box{
    border-right:1px solid #000;
    border-bottom: 1px solid #000;
    border-bottom-right-radius: 5px;
    position: relative;
    padding: 8px;
    margin-bottom: 32px;
   }
   .why-text-box::before{
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    border: 1px dashed #000;
    left: 0;
    top: -2px;
    border-right: none;
    border-bottom: none;
    border-top-left-radius: 5px;
   }
   .why-micotitle{
    color: #F17814;
    font-size: 23.762px;
font-style: normal;
font-weight: 500;
line-height: 33.267px; /* 140% */
letter-spacing: 0.238px;
text-transform: capitalize;
   }
   .why-micotitle span{
    font-size: 33.267px;
font-style: normal;
font-weight: 600;
line-height: 33.267px;
letter-spacing: 0.333px;
text-transform: uppercase;
   }
   .features-list{
    text-align: center;
    }
    .features-title::first-letter{
      color: #F17814;
      font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: 31.467px; /* 185.099% */
letter-spacing: 0.51px;
    }
    .features-title{
      color: #1A1817;
      font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: 31.467px;
letter-spacing: 0.51px;
padding-bottom: 14px;
margin: 0;
    }
    .why-micopara{
      color: #393939;
      font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 21px; /* 161.538% */
letter-spacing: 0.26px;
width: 90%;
    }
     .talkimg{
       width: 217px;
     }
    @media (max-width:992px){
      .features-title{
        font-size: 12px;
        line-height: 6px;
      }
      .why-micopara{
        width: 100%;
        
      }
      
    }
    @media (max-width:768px){
      .features-title{
        padding-bottom: 24px;
      }
      .features-list{
        padding: 0px 10px;
      }
    }
    @media (max-width:576px){
      .features-list img {
        width: 45px;
      }
      .features-title{
        padding-bottom: 14px;
      }
  
     
    }
    @media (max-width:370px){
      .features-group{
        flex-wrap: wrap;
      }
      .features-list{
        width: 48%;
        min-width: 48%;
      }
    }
    @media (max-width:321px){
      .why-micopara{
           font-size: 11px;
      }
      .features-list{
        padding: 0px;
      }
    }

    /* about section */
    .about-section{
      display: flex;
      padding-bottom: 40px;
      padding-top: 94px;
    }
    .about-img-part{
      height: max-content;
    }
    .aboutimg{
      width: 246px;
    }
    .about-rightpart{
      padding-left: 30px;
      padding-right: 17px;
      width: calc(100% - 246px);
      padding-top: 20px;
    }
    .about-title1{
      color: #161414;
      font-size: 15px;
      font-style: normal;
      font-weight: 500;
      line-height: 28px; /* 186.667% */
      letter-spacing: 0.45px;
      margin: 0;
    }
    .about-title2{
      color: #161414;
      font-size: 27px;
      font-style: normal;
      font-weight: 600;
      line-height: 28px;
      letter-spacing: 0.81px;
      margin: 0;
      margin-bottom: 32px;
    }
    .about-para{
      color: #393939;
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 21px; /* 161.538% */
      letter-spacing: 0.26px;
      padding: 13px 0px;
      margin: 0;
    }
    .about-list-group{
      display: flex;
      justify-content: space-between;
      overflow: hidden;
      margin-top: 39px;
    }
    .about-list{
      display: flex !important;
      gap: 10px;
      width: max-content !important;
      padding: 0px 20px;
      align-items: center;
    }
    .about-list-title1{
      color: #F17814;
      font-size: 22.038px;
      font-style: normal;
      font-weight: 600;
      line-height: 26.421px; /* 79.05% */
      letter-spacing: -0.22px;
      text-transform: uppercase;
      margin:0;

    }
   
    .about-list-title2{
      color: #F17814;
      font-size: 14.358px;
      font-style: normal;
      font-weight: 400;
      line-height: 17.421px;
      letter-spacing: 0.431px;
      text-transform: uppercase;
      margin: 0;
    }
    .about-section{
      position: relative;
    }
    .flowerpoat{
      position: absolute;
      right: -100px;
      top: 45%;
    }
    .rainbowimg{
       bottom: -1px;
      left: -53px;
      position: absolute;
      z-index: -1; 
      
    }
    .group-slide.slick-initialized{
      width: 100%;
      overflow: hidden;
    }
     .group-slide .slick-track{
      display: flex !important;
     }
    @keyframes scroll {
      0% { transform: translateX(0); }
      100% { transform: translateX(calc(-250px * 7))}
    }
    .slider {
      background: white;
      box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
      height: auto;
      margin: auto;
      overflow:hidden;
     
      width: 100%;
      
    }
    
      
      .slide-track {
        animation: scroll 40s linear infinite;
        display: flex;
        width: max-content;
      }
      
    @media (max-width:1300px){
      .flowerpoat{
        display:  none;
      }
    }
    @media (max-width:992px){
      .about-section{
        flex-direction: column;
        align-items: center;
        gap: 20px;
        padding-top: 12px;
      }
      .about-rightpart{
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
      }
      .flowerpoat{
        display: none;
      }
      .about-title1,.about-title2{
        text-align: center;
      }
      .about-title2{
        margin-bottom: 9px;
      }
      
      /* .about-list-group{
        display: none;
      } */
    }
    @media (max-width:576px){
      .aboutimg{
        width: 140px;
      }
      .rainbowimg{
        width: 75px;
        height: 59px;
        left: -44px;
      }
      .about-section{
        gap: 0px;
      }
    }
    /* Demo session */
    .demo-session-part .youtube-box{
      width: 233px;
      max-width: 100%;
      
    }
    .youtube-box img{
      
      max-width: 100%;
    }
    .demo-session-part{
      width: 87%;
      margin: 0 auto;
      padding-bottom: 45px;
      padding-top: 50px;
      position: relative;
      z-index: 1;
    }
    .demolist .play-icon{
      /* width: 30px;
      height: 30px; */
      width: 22px;
      height: 22px;

      border-radius: 50%;
      background-color: #FFC93D;
      display: flex;
      justify-content: center;
      align-items: center;
      
    }
    .demolist li a:hover{
      color: #E66100;
      cursor: pointer;
      text-decoration: none;
    }
    .demolist li a:hover .play-icon{
      background-color:transparent;
    }
    .demolist{
      display: flex;
      flex-direction: column;
      gap: 18px;
    }
    
    .demolist .play-icon img{
      /* width: 12px; */
      width: 9px;
      margin-left: 4px;
    }
    .demolist li a{
      display: flex;
      align-items: center;
      gap: 15px;
      color: #161414;
      font-size: 15px;
      width: max-content;
    }
    .demo-sub-title{
      color: #161414;
      font-size: 18.844px;
       font-style: normal;
       font-weight: 500;
       line-height: 19px; /* 175% */
      letter-spacing: 0.565px;
      margin: 0;
    }
    .demo-sub-title1{
      color: #161414;
      font-size: 31.8px;
      font-weight: 600;
      margin: 0;
      line-height: 38px;
    }
    .demo-title-blog{
      width: max-content;
      margin: 0 auto;
      margin-bottom: 12px;

    }
    .demo-session-section{
      width: 100%;
      position: relative;
    }
    .demo-session-section::after{
      width: 100%;
      content: '';
      height: 30%;
      background-color: #fff;
      position: absolute;
      bottom: 0px;
      left: 0;

    }
    @media (max-width:992px){
      .demo-title-blog{
         margin-left:0 ;
         margin-right: 0px;
      }
      .demolist{
        padding-top: 48px;
        padding-left: 0px;
      }
      .youtube-box{
        width: max-content;
        float: left;
      }
      .demo-session-user-vector1{
        width: 165px;
        float: right;
      }
      .demo-session-img-part{

      }
      .demo-session-part{
        padding-top: 20px;
      }
    }
    @media (max-width:576px){
      .demo-session-part{
        padding-bottom: 20px;
      }
    }
    @media (max-width:520px){
      .demo-session-user-vector1{
       width: 125px;
       margin-top:10px;
      }

    }
    @media (max-width:476px){
      .demo-session-user-vector1{
        display: none !important;
        margin-top:17px;
      }
      .demo-title-blog{
        width: auto;
        text-align: center !important;
      }
      .demo-session-right{
        width: max-content;
        margin: 0 auto;
      }
      .youtube-box{
        margin-left: auto;
        margin-right: auto;
      }
    }
       /* Staff & location part */
       .bg-staffgradient{
        background-image: url('../images/v2home/bg-staffgradient.png');
        background-size: cover;
        overflow: hidden;
       }
    .staff-secation-part{
      padding: 82px 0px 68px 0px;
      display: flex;
      justify-content: space-between;
    }
    .profilebox1{
      width: 211px;
      height: 185px;
      background:#9ED6FF;
      border-radius: 45px;
      border-bottom-right-radius: 0px;
      position: relative;
    }
    .profilebox1 .speak1{
      position: absolute;
      left: -23px;
      top: -43px;
      
    }
    .profilebox4 .speak2{
      
      position: absolute;
      bottom: -40px;
      right: -32px;
    }
    .profilebox1 img.profileimg{
      position: absolute;
      bottom: 0;
      right: 0;
      width: 154px;
    }
    .profilebox2{
      width: 211px;
      height: 184px;
      background-color: #E6DF35;
      border-radius: 45px;
      border-bottom-left-radius: 0px;
      position: relative;
      margin-top: 40px;
    }
    .profilebox2 img.profileimg{
      width: 212px;
      position: absolute;
      bottom: 0;
      left: 45%;
      transform: translateX(-50%);
    }
    
    .profilebox3{
      width: 172px;
      height: 151px;
      background: #FFE55A;
      border-radius: 45px;
      border-bottom-left-radius: 0px;
      position: relative;
    }
    .profilebox3 img.profileimg{
      position: absolute;
      width: 138px;
      bottom: 0px;
      left: 0px;
    }
    .profilebox4{
      width: 211px;
      height: 185px;
      border-radius: 45px;
      border-bottom-left-radius: 0px;
      background-color: #FF3C3C;
      position: relative;
      margin-top: 73px;
    }
    .profilebox4 img.profileimg{
      position: absolute;
      width: 216px;
      bottom: 0px;
      left: -30px;
    }
    .profilebox4.profilebox8 img.profileimg{
      position: absolute;
      width: 160px;
      left: -5px;
      bottom: 0px;
     
    }
    .profilebox4.profilebox12 img.profileimg{
      position: absolute;
      width: 193px;
      left: -20px;
      bottom: 0px; 
    }
    .profilebox2.profilebox6 img.profileimg{
      width: 153px;
    }
    .profilebox2.profilebox3-2 img.profileimg{
      width: 212px;
      right: 0px;
   
    }
    .staff-section-heading{
      text-align: center;
    }
    .staff-section-heading p{
      color: #161414;
      font-family: PoppinsMedium;
      font-size: 23px;
      font-weight: 600; 
      margin: 0;
      line-height: 28px;
      letter-spacing: 0.72px;
    }
    .staff-section-para{
      color: #000;
      font-size: 14px;
      margin-top: 28px;
      text-align: center;
      font-weight: 100;
    }
    .bookbtn{
      color: #FFF;
      font-family: InterTight;
      background-color: #141413;
      border-radius: 50px;
      text-decoration: none;
      padding: 5px 31px 6px;
      font-size: 16px;
      position: relative;
      top: 8px;
    }
    .bookbtn:hover{
      background-color: #E66100;
      color: #fff;
      text-decoration: none;
    }
    .middle-part{
      width: 418px;
      margin-top: 25px;
    }
     .middle-part .image-blog{
      box-shadow: 0 12px 7px -7px #00000014;
      text-align: center;
    }
    .profilebox1{
      background:#9ED6FF;
    }
    .profilebox2{
      background-color: #E6DF35;
    }
    .profilebox3{
      background: #FFE55A;
    }
    .profilebox4{
      background-color: #FF3C3C;
    }
    .profilebox5{
      background-color: #F466EE;
    }
    .profilebox6{
      background-color: #FF7C44;
    }
    .profilebox7{
      background-color: #26CF92;
    }
    .profilebox8,.profilebox12{
      background-color: #5696D2;
    }
    .image-blog img{
      width: 234px;
      display: block;
      margin: 0 auto;
      margin-bottom: -15px;
    }
    .right-part{
      margin-top: 88px;
    }
    .staff-section-para{
      margin-bottom: 50px;
    }
    .left-part{
      padding-left: 25px;
    }
    .right-part{
      padding-right:45px;
    }
    .mobile-staff-content{
      display: none;
    }
     
    @media (max-width:1025px){
     
      
      .profilebox1{
        width: 131px;
        height: 114px;
        border-radius: 30px;
      }
      .profilebox1 img.profileimg {
        width: 96px;
      }
      .profilebox2 {
        width: 131px;
        height: 114px;
        border-radius: 30px;
        margin-top: 25px;
      }
      .profilebox2 img.profileimg{
        width: 131px;
      }
      .profilebox3{
        width: 110px;
        height: 96px;
        border-radius: 30px;
      }
      .profilebox3 img.profileimg{
        width: 88px;
      }
      .profilebox4 {
        width: 125px;
        height: 110px;
        border-radius: 30px;
        margin-top: 30px;
      }
      .profilebox4 img.profileimg{
        width: 128px;
      }
      .right-part {
        margin-top: 38px;
        margin-left: 50px;
      }
      .staff-section-para{
        margin-top: 10px;
        margin-bottom: 25px;
      }
      .slick-slide.slick-cloned .staff-secation-part .profilebox4 .speak2,.slick-slide:not(.slick-current) .staff-secation-part .profilebox4 .speak2{
        display: none !important;
      }
      .profilebox4.profilebox8 img.profileimg {
        position: absolute;
        width: 90px;
        left: -11px;
        bottom: 0px;
    }
    .profilebox4.profilebox12 img.profileimg {
      position: absolute;
      width: 116px;
      left: -11px;
      bottom: 2px;
  }
    .profilebox2.profilebox6 img.profileimg {
      width: 95px;
  }
  .profilebox2.profilebox3-2 img.profileimg{
    width: 212px;
    right: 0px;
    width: 136px;
    right: 0px;
  }
    }
    @media (max-width:1023px){
      .staff-secation-part{
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 20%;
      }
      .desk-staff-content{
        display: none;
      }
      .middle-part{
        order: 3;
        width: 600px;
        
      }
      .mobile-staff-content .middle-part{
        width: 100%;
      }
      .mobile-staff-content .middle-part{
        margin-top: 0px;
      }
      .mobile-staff-content .middle-part .image-blog{
        height: 145px;
      }
      .mobile-staff-content{
        display: block;
      }
      .right-part{
        order: 2;
      }
    }
    @media (max-width:768px){
      .staff-secation-part{
         column-gap: 0;
      }
    }
    @media (max-width:576px){
      .right-part{
        margin-left: 35px;
        padding-right: 0px;
      }
      .left-part{
        padding-left: 0px;
      }
      .slick-slide.slick-cloned .staff-secation-part .profilebox4 .speak2,.slick-slide:not(.slick-current) .staff-secation-part .profilebox4 .speak2{
        display: none !important;
      }
    }
    @media (max-width:420px){
      .staff-section-heading  p {
         font-size: 18px;
       }
      
    }
    @media (max-width:320px){
      .profilebox1 .speak1,.profilebox4 .speak2{
        display: none !important;
      }
    }

      /* Testimonial section */
      .testimonial-list{
        display: flex;
        /* align-items: end; */
      }
      .testimonial-heading{
        color: #161414;
        font-size: 24px;
        font-weight: 600;
        text-transform: uppercase;
        font-family: 'PoppinsRegular';
        letter-spacing: 2px;
      }
      .client-img-round{
        width: 252px;
        height: 252px;
        /* background-color: purple; */
        border-radius: 50%;
        /* border: 1px dashed #c2c2c2; */
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
      }
      .client-img-box{
        position: absolute;
        width: 168px;
        height: 55px;
        background-color: #fff;
        top: 204px;
        z-index: 1;
        left: 46px;
        transform: rotate(-18deg);
        border-bottom-left-radius: 104px;
      }
      .client-img-round::before{
        content: '';
        width: 100px;
        border-top: 1px dashed #c2c2c2;
        position: absolute;
        height: 13px;
        bottom: 5px;
        left: -12px;
    /* background: pink; */
    transform: rotate(-32deg);
      }
      .client-img-round::after{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 1px dashed #c2c2c2;
      }
      .img-inner2{
        width: 243px;
        height: 243px;
        background-color: #FFBE71;
        border-radius: 50%;
        position: relative;
        /* box-shadow: 0px 0px 2px 1px #83696991; */
        box-shadow: 0px 0px 2px 1px #83696930;

      }
      .img-inner3{
        width: 115px;
    height: 115px;
        background-color: #fff;
        border-radius: 50%;
        border: 3px solid #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        overflow: hidden;
      }
      .img-inner3 img{
        width: 100%;
         height: 100%; 
        border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        margin: 0 auto;
        /* top: -25px; */
        left: 0;
        object-fit: cover;
        aspect-ratio: 4 / 3;
      }
      .img-inner4{
        width: 248px;
        height: 100px;
        border-bottom-left-radius: 100px;
        border-bottom-right-radius: 100px;
        background-color: #fff;
        transform: rotate(-30deg);
        position: absolute;
        top: 155px;
        left: 51px;
    
      }
      .img-inner4::after{
        content: '';
        position: absolute;
        width: 89%;
        height: 2px;
        background-color: #fff;
        top: 2px;
        left: 9px;
        box-shadow: inset 1px 1px 2px 0px #c2c2c254;
      }
      /* .img-inner4::after{
        content: '';
    position: absolute;
    width: 7px;
    height: 16px;
    background-color: #fff;
    right: -3px;

      } */
       .client-feedback.usefade{
        animation-name: fade;
        animation-duration: 5s;
       }
       @keyframes fade {
        0%{
          color: red;
        }
        100%{
         color: blue;
        }
       }
      .client-info-section {
        width: 100%;

      }
      .client-info-section > div{
        /* display: flex;
    flex-direction: column;
    justify-content: space-between; */
     height: 100%; 
    padding-top: 12px;
      }
      .client-images img:not(:nth-child(1)){
        display: none;
    }
    .testimonial-info-slide > div{
        display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding-top: 12px;
    }
    .testimonial-info-slide .client-info:not(:nth-child(1)){
       
    }
    .testimonial-info-slide{
        display: flex;
        transition: transform 0.5s;
        width: 100%;

    }
    .client-info-section{
        overflow: hidden;
    }
    .client-info{
        min-width:100%
    }
      .img-inner5{

      }
      .unionsvg{
        position: relative;
        top: -13px;
      }
      .img-profile-round{
        width: 130px;
        height: 130px;
        background-color: #fff;
        border-radius: 50%;
        border: 2px solid #fff;
      }
    .client-feedback{
      color: #2F2F2F;
      font-size: 14px;
    }
    .client-name{
      color: #171615;
      font-size: 15px;
      font-style: normal;
      font-weight: 600;
      line-height: 22px; 
      margin: 0;
    }
    .client-position{
      color: #5E5856;
      font-size: 13px;
      margin: 0;
    }
    .client-info-section{
      border-bottom: 1px dashed #000;
      margin-left:28px ;
      margin-bottom: 28px;
    }
    .client-profileinfo{
      padding-top: 40px;
      padding-bottom: 20px;
    }
    .testimonial-section{
      padding: 50px 0px 40px;
    }
    .testi-arrow-blog{
      position: absolute;
      bottom: 32px;
      z-index: 1;
      left: 124px;
      display: flex;
      gap: 5px;
    }
     .testi-arrow-blog button{
      outline: none;
      outline: none;
    background: transparent;
    border: 1px solid #c2c2c2;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    
     }
     .testi-arrow-blog button.next i{
      /* padding-top: 3px;
      padding-left: 1px; */
      margin-top: 2px;
    margin-left: 1px;
     }
     .testi-arrow-blog button.prev i{
      margin-left: -1px;
      margin-top: 2px;
     }
     .testi-arrow-blog button:not(.disabled):hover{
         background-color: #F17814;
         color: #fff;
         border-color: transparent;
         transition: 0.4s;
         cursor: pointer;
     }
    @media (max-width:992px){
      .testimonial-section{
        padding: 50px 0px 10px;
      }
      .testimonial-list{
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }
      .client-info-section{
        border-bottom: none;
        padding-top: 20px;
      }
      .client-profileinfo{
        padding: 4px;
        text-align: center
      }
      .testimonial-heading{
        text-align: center;
      }
      .client-feedback{
        text-align: center;
      }
      .client-info-section{
        margin-left: 0;
      }
    }
    @media (max-width:567px){
      .client-feedback{
        font-size: 12px;
        
      }
    }

    .bg-opniongradient{
      background-image: url('../images/v2home/bg-opniongradient.png');
      background-position-y: -62px;
      background-repeat: no-repeat;
      background-size: 100%;
    }
     
     /* Opnion section */
     .opnion-section{
      padding-top: 75px;
      display: flex;

     }
     /* .opnion-links .opnlink::after{
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0;
        height: 0.3px;
        background-color: #E66100;
     } */
      /* .opnion-links .opnlink:hover::after{
         width: 85%;
         transition: width 0.5s;
      } */
     .opnlink{
      color: #F17814;
      display: block;
      margin: 14px 0px;
      /* font-size: 14px; */
      font-size: 16px;
      position: relative;
      width: max-content;
     }
     .opnionimg{
      width: 319px;
      margin-top: 20px;
     }
     .opnion-links{
      margin-left: 65px;
     }
     .opnion-img-blog{
      width: 325px;
      text-align: end;
      /* border-bottom: 1px solid #130f0f4a; */
      border-bottom: 0.4px solid #130f0f91;
      padding:0px 5px 10px 5px;
      margin-top: 37px;
     }
     .opnion-parent{
      width: 551px;
      position: relative;
      margin-left: 15px;
     }
     .opnion-parent::after{
      content: '';
      position: absolute;
      left: 0px;
      border-top: 35px solid #fff;
      border-right: 35px solid transparent;
      bottom: -17px;
      z-index: 1;

     }
     .t20{
     }
     .opnion-img-blog .opnion-title{
        margin: 0;
        font-weight: 700;
        font-size: 28px;
        color: #1C1A1A;
        line-height: 34px;

     }
     .opnion-news-blog{
      margin-left: 0px;
      width: 551px;
      position: relative;
     }

      .opnion-news-blog::after{
        content: '';
        width: 80%;
        position: absolute;
        bottom: -17px;
        left: 6%;
           /* border-bottom: 1px solid #130f0f4a; */
               border-bottom: 0.4px solid #130f0f91;
      }
      .opnion-angle-part{
        width: 1px;
        height: 33px;
        position: absolute;
        z-index: 1;
        /* background: #000; */
        bottom: -17px;
        left: 0px; 
        /* box-shadow: -3px 1px 5px 1px #9187873b; */
        /* box-shadow: 1px 1px 3px 1px #c2c2c2; */
        box-shadow: -1px 0px 2px 0px #c2c2c2;
       
      }
      .opnion-angle-part::after{
        content: '';
        position: absolute;
        width: 39px;
        height: 1px;
        /* background: #000; */
        z-index: 1;
        top: 13px;
        left: -5px;
        transform: rotate(315deg);
        box-shadow: -3px 1px 5px 1px #c2c2c2;
             
      }
     .opnion-img-blog .opnion-title2{
      color: #1C1A1A;
      font-size: 28px;
      margin: 0;
      line-height: 34px;

     }
      .opnion-news-box{
        width: 551px;
        border-radius: 20px;
        background-color: #fff;
      /* border: 1px solid #8080803d; */
       border-bottom-left-radius: 0px;
       min-height: 270px;
       position: relative;
       padding: 10px;
       box-shadow: 0px 0px 3px 0px #c2c2c2;
      }
      .news-dates .month-name{
        color: #E66100;
        font-size: 25px;
        font-family:BarlowSemiCondensed;
        margin: 0;
        font-weight: 600;
      }
      .news-dates{
         text-align: center;
      }
      .news-list{
        padding: 10px;
        align-items: center;
      }
      .month-date{
        color: #120D0D;
        font-size: 18px;
        font-family:BarlowSemiCondensedMedium;
      }
      .news-info{
        padding-left: 31px;
      }
      .news-info .news-title{
        color: #252020;
        font-size: 16px;
        font-weight: 500;
        line-height: 18px;
        font-family: PoppinsMedium;


      }
      .news-title{
        margin-bottom: 6px;
      }
      .news-para{
        color: #545050;
        font-size: 12px;
        margin-bottom: 4px;
      }
      .opnion-title3{
        display: none;
        color: #161414;
        font-size: 23px;
      }
      .explorebtn{
        color: #FFF;
        font-family: InterTight;
        font-size: 17px;
        background: #FF6E31;
        border-radius: 50px;
        padding: 6px 20px;
        display: none;
      }
      .explorebtn:hover{
        color: #fff;
      }
      .custom-up-arrow ,.custom-down-arrow{
        position: absolute;
        bottom: 4px;
        border: 1px solid #c2c2c2;
        border-radius: 50%;
        font-size: 10px;
        width: 20px;
        height: 20px;
        padding: 3px 4px;
        outline: none;
        background-color: transparent;
        /* hide a arrow */
        display: none;  
        visibility: hidden;
      }
      .custom-up-arrow:hover ,.custom-down-arrow:hover{
         background-color: #F17814;
         color: #fff;
         border-color: transparent;
         transition: 0.5s;
      }
      .custom-up-arrow{
      right: 42px;
      }
      .custom-down-arrow{
        right: 18px;
      }
     
     
    
      @media (max-width:1201px){
        .opnion-links .slick-initialized .slick-slide{
              /* width: max-content !important; */
              height: 30px !important;
        }
        .opnlink{
          padding: 0px 15px;
          margin: 8px 0px;
        }
        .linktrack .slick-list{
          height: 100%;
        }
        .opnion-section{
          flex-direction: column;
        }
        .opnion-links {
          display: flex;
          flex-wrap: wrap;
          column-gap: 40px;
          justify-content: center;
          margin-top: 20px;
          margin-left: 0;
      }
      .explorebtn{
        display: block;
        width: max-content;
        margin: 0 auto;
        margin-top: 30px;
      }
      }
      @media (max-width:992px){
        .opnion-parent::after{
          bottom: -34px;
        }
        .opnion-angle-part{
          bottom: -34px;
        }
        .opnion-part-container{
          flex-direction: column;
        }
        .opnion-section{
          flex-direction: column;
          padding-top: 25px;
        }
        /* .opnion-img-blog .opnion-title,.opnion-img-blog .opnion-title2{
          display: none;
        } */
        .opnion-title3{
          display: block;
          text-align: center;
        }
        .explorebtn{
          display: block;
          width: max-content;
          margin: 0 auto;
          margin-top: 30px;
        }
        .opnion-img-blog{
          margin: 0 auto;
          border: none;
          text-align: center
        }
        .opnion-news-box{
          min-height: auto;
        }
        .opnion-news-blog{
          border: none;
        }
        .opnion-news-blog::after{
          border: none;
        }
        .opnion-news-blog,.opnion-news-blog .opnion-news-box,.opnion-parent{
          width: 100%;
          
        }
        .bg-opniongradient{
          background-size: auto;
        }
        .opnion-links{
          display: flex;
          flex-wrap: wrap;
          column-gap: 40px;
          justify-content: center;
          height: 40px;
          overflow: hidden;
          margin-top: 50px;
        }
        .opnion-parent{
          margin-left: 0px;
        }
      }
      @media (max-width:1200px){
      
      }
      @media (max-width:768px){
        .opnionimg{
          width: 141px;
          margin-top: 15px;
        }
        .opnion-img-blog{
          padding-bottom: 15px;
        }
      }
      @media (max-width:576px){
        .news-list{
          flex-direction: column;
          gap: 10px;
        }
        .opnion-news-box{
          min-height: auto;
        }
      }
      @media (max-width:520px) {
        .custom-up-arrow, .custom-down-arrow{
          bottom: -28px;
         
        }
        .custom-up-arrow{
          padding: 0;
        }
      }
     
    /* FAQ Part Section */
    .faq-part{
      padding-top: 75px;
      padding-bottom: 75px;
    }
    .question-tab{
      border-bottom: 1px solid #C0BDBD;
    }
    .question-tab p{
         margin: 0;
    }
    .question-tab.active .question-name,.question-tab:hover .question-header .question-name{
      color: #E66100;
    }
    .question-ans{
      display: none;
      font-size: 13px;
      font-family: PoppinsLight;
      padding-bottom: 10px;
    }
    .freq-viewmore{
      color: #FFF;
      font-family: InterTight;
      font-size: 14px;
      background: #141413;
      border-radius: 50px;
      padding: 2px 18px;
      font-weight: 500;
      margin-top: 20px;
      display: inline-block;
      width: max-content;
      margin-left: 12px;
    }
    .freq-viewmore:hover{
      cursor: pointer;
      background-color: transparent;
      color: #141413;
      transition: all 0.5s;
    }
    .question-header{
      padding: 14px 0px;
      cursor: pointer;
      gap: 10px;
    }
    .question-name{
      font-size: 16px;
      font-weight: 500;
      font-family: PoppinsMedium;
    }
    .faq-img-part h2{
      font-weight: 700;
      font-size: 28px;
      padding-top: 10px;
      text-align: center;
    }
    .faq-img-part {
      margin-top: 35px;
    }
    .faq-group{
      padding-left: 50px;
    }
      @media (max-width:1201px){
        .faq-group{
          padding-left: 0px;
        }
        .faq-img-part {
          text-align: center;
        }
      }
     @media (max-width:992px){
      .faq-img-part {
        text-align: center;
      }
      .faq-group{
        padding-left: 0px;
        padding-right: 0px;
        margin: 0;
      }
      .faq-group > div{
        padding-right: 0px;
        padding: 0px;
      }
      .freq-viewmore{
        margin-left: auto;
        margin-right: auto;
      }
      
     }
     @media (max-width:768px){
      .freq-viewmore{
      margin-left: auto;
      margin-right: auto;
      }
      .faq-part{
        justify-content: center;
      }
      
     }
     @media (max-width:576px){
      .question-name{
        font-size: 14px;
      }
      .question-ans{
        font-size: 12px;
      }
      .faq-part{
        padding-top: 30px;
        padding-bottom: 30px;
      }
     }

  /* Footer Section */
  .footer{
    background: #292929D6;
   width: 100%;
   margin-top: 50px;
  }
  .footer-top{
    padding-top: 35px;
  }
  .footer-section{
    display: flex;
  }
  .footer-img-part{
    padding-top: 45px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 22px;
    margin-right: 40px;
  }
  .footertop-title{
    /* font-family: InterTight; */
    font-family: InterTightLight;
    color: #FFF;
    font-size: 31px;
    font-style: normal;
    font-weight: 400;
    text-transform: capitalize;
    
    line-height: 37px;
  }
  .footer-top {
    align-items: end;
    padding-bottom: 25px;
  }
  .footer-middle{
    padding: 25px 0px 10px;
  }
  .footer-bottom{
    padding-top: 25px;
    padding-bottom: 35px;
  }
  .footer-top  .footertop-text{
    margin: 0px;
    
  }
  .footertop-text{
    font-family: PoppinsLight;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
   
    letter-spacing: 0.26px;
    color: #FFFFFF;
  }
  .input-field{
    width: 270px;
    position: relative;
  }
  .subscribe-title{
    /* font-family: InterTight; */
    font-family: InterTightLight;
    font-size: 18px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.18px;
color: #FFFFFF;
margin: 0;
margin-bottom: 8px;
  }
  .submit-btn{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: transparent;
    outline: none;
    border: none;
    padding: 6px 10px 9px;
    /* margin-top: -1px; */
    height: 100%;
    transition: all 0.5s;
  }
  button.submit-btn:hover {
    background: #ffda94;
   }

   .submit-btn:hover img{
    zoom: 0.9;
    transition: 0.5s;
   }
  .subscribe-input{
    width: 100%;
    outline: none;
    border: 1px solid transparent;
    background: #FFFFFF;
    padding: 8px 11px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #FFFFFF;
    padding-right: 64px;
  }
  .subscribe-input::placeholder{
    color: #989898;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
  }
  .subscribe-input:focus{
    background: transparent;
    border-color: #FFFFFF;
  }
  .subscribe-input:focus ~ button {
    background-color: #fff;
  }
  .footer-menu-group{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top:5px;
    
  }
  .footer-menus{
    padding: 0;
    margin: 0;
  }
  .footer-menus li{
       padding: 10px 0px;
  }
  .footer-menus a{
    font-family: PoppinsLight;
    font-size: 14px;
    font-style: normal; 
    font-weight: 500;
    line-height: 16px; /* 157.143% */
    letter-spacing: 0.28px;
    color: #fff;
    position: relative; 
  }
  .footer-menus li a::after{
    content: '';
    width: 0;
    height: 0.4px;
    background: #E66100;
    position: absolute;
    bottom: -2px;
    left: 0;
  }
  .footer-menus li a:hover{
    color: #E66100;
    transition: color 0.5s;
  }
  .footer-menus li a:hover::after{
    width: 85%;
    transition: width 0.5s;
  }
  .footer-title2{
    font-family: PoppinsMedium;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.17px;
    color:#FFFFFF;
    margin: 0;
    padding-bottom: 8px;
  }
  .footer-social-links{
    display: flex;
    align-items: center;
  }
  .footer-social-links a{
     display: inline-block;
     width: 28px;
     height: 28px;
     border-radius: 50%;
     background-color: #FFFFFF;
     margin-right: 14px;
     color: #000;
     display: flex;
     align-items: center;
     justify-content: center;
  }
  .footer-social-links a:hover{
    background-color: #E66100;
    color: #fff;
    transition: all 0.5s;
  }
  .reach-contact{
    color: #fff;
    margin: 0;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.26px;
    display: block;
    font-family: PoppinsLight;
  }
  .reach-contact{
    padding-bottom: 4px;
  }
  .reach-contact img{
    margin-right: 5px;
  }
  .address-text{
    color: #FFF;
    font-size: 13px;
    line-height: 19px; /* 146.154% */
    letter-spacing: 0.26px;
    font-family: PoppinsLight;
  }
  .footer-btmtext{
    color: #fff;
    font-family: PoppinsLight;
    font-size: 13px;
    letter-spacing: 0.26px;
    margin: 0;
    text-align: center;
  }
  .footer-btmtext a{
    color: #fff !important;
  }
  .footer-top-right,.footer-middle-right{
    display: flex;
   
    justify-content: end;
  }
  .info-part1,.info-part2{
    margin-bottom: 26px;
  }
  .footer-top,.footer-middle{
    border-bottom: 1px solid #FFDA94;;
  }
  .mi-copyright-blog{
    padding: 0px 15px;
}
.mi-copyright-blog p,.mi-copyright-blog a{
    margin: 0;
    /* font-family: Poppins-Thin; */
    font-size: 12px;
    line-height: 29px;
    /* padding: 0px 15px; */
    color: #ffffffb3;
    font-family: Poppinslight;
   
  }
  .footer-micologo{
    width: 124px;
  }
  .footer-line{
    margin-left: 14px;
    height: 62%;
  }
  @media(min-width:992px) and (max-width:1200px){
    .footer-middle-right > div{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      column-gap: 20px;
      margin-top: 15px;
      width: 100%;
    }
    .footer-middle-right{
        justify-content: start;
    }
  }
  @media (max-width:1201px){
    .footer-section{
      display: block;
    }
    .footer-img-part{
      flex-direction: row;
      padding-bottom: 0;
      margin-right: 0px;
      position: relative;
    }
    .footer-line{
      transform: rotate(-90deg);
      position: absolute;
      left: 46%;
      height: auto;
    }
  }

  @media (max-width:992px){
    .footer{
      margin-top: 15px;
    }
    .footer-top-right,.footer-middle-right{
      justify-content: start;
    }
    .footer-middle-right,.footer-top-right{
      margin-top: 15px;
    }
    .footer-middle{
      padding: 10px 0px;
    }
    .footer-top{
      padding-bottom: 25px;
    }
  }
  @media (min-width:768px) and (max-width:992px){
    .footer-middle-right > div{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-evenly;
      width: 100%;
    }
  }
  @media (max-width:768px){
    .footer-menu-group ul{
      width: 50%;
    }
    .footer-menu-group{
      justify-content: space-between;
    }
    .info-part1, .info-part2{
      margin-bottom: 20px;
    }
  }

  @media (max-width:576px){
    .input-field{
      width: 100%;
    }
    .footer-top-right{
      display: block;
    }
    .footer-title2,.info-part2,.address-text{
      text-align: center;
    }
    .footer-middle-right > div{
      width: 100%;
    }
    .footer-social-links{
      justify-content: center;
    }
  
    .footer-micologo {
        width: 112px;
    }
    .footer-line{
          zoom: 0.8;
          left: 43%;
    }
  }
  @media (max-width:521px){
    .footer-img-part{
      
    }
    .footer-line{
      zoom: 0.6;
      left: 42%;
      
    }
  }
  @media (max-width:450px){
  
  }
  @media (max-width:400px){
    .footer-img-part{
        
    }
    .footer-micologo {
      width: 95px;
  }
  .footer-img-part .face-vector{
    width: 55px;
  }
  }
  @media (max-width:360px){
     .footer-img-part{
      display: none;
     }
  }
  @media(max-width:321px){
     .footer-menu-group ul{
      width: 100%;
     }
     .footer-btmtext,.address-text,.footertop-text{
      font-size: 10px;
     }
     .footer-menus li{
      padding: 8px 0px;
     }
  }
   @media screen and (min-width:320px) and (max-width:768px) and (orientation:landscape){
    .footer-menu-group ul{
      width: 50%;
      min-width: 50%;
    }
   
   }


  .bg-popup{
     position: fixed;
  width: 100%;
  /* background-color: rgba(0, 0, 0, 0.5); */
  background-color:  rgb(0 0 0 / 83%);
  z-index: 9999;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  }
  .youtube-popupbox{
    /* width: 500px;
    height: 300px; */
    width: 95%;
    height: 80%;
    /* background: #fff; */
   position: relative;

  }
  .closepopup{
    position: absolute;
    /* background: #fff; */
    width: 35px;
    height: 35px;
    border-radius: 50%;
    top: 10px;
    right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 31px;
  }
  .closepopup:hover{
    cursor: pointer;
    background-color: #F17814;
    color: #fff;
    transition: all 0.4s;
  }

    @media (max-width:992px){
      .youtube-popupbox{
        height: 45%;
      }
    }

  .waves {
    position:relative;
    width: 100%;
    height:15vh;
    margin-bottom:-7px; /*Fix for safari gap*/
    min-height:100px;
    max-height:150px;
  }
  
  .content {
    position:relative;
    height:20vh;
    text-align:center;
    background-color: white;
  }
  
  /* Animation */
  
  .parallax > use {
    animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
  }
  .parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
  }
  .parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
  }
  .parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
  }
  .parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 23s;
  }
  .parallax > use:nth-child(5) {
    animation-delay: -6s;
    animation-duration: 26s;
  }
  .parallax > use:nth-child(6) {
    animation-delay: -7s;
    animation-duration: 30s;
  }
  .parallax > use:nth-child(7) {
    animation-delay: -8s;
    animation-duration: 33s;
  }
  
  @keyframes move-forever {
    0% {
     transform: translate3d(-90px,0,0);
    }
    100% { 
      transform: translate3d(85px,0,0);
    }
  }
  /*Shrinking for mobile*/
  @media (max-width: 768px) {
    .waves {
      height:40px;
      min-height:40px;
    }
    .content {
      height:30vh;
    }
    h1 {
      font-size:24px;
    }
  }

  @keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.banner-shadow{
  
}
.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
    background-image: linear-gradient(to top, #86377b 20%, #27273c 80%);
}
.bgTop {
    z-index: 15;
    opacity: 0.5;
}
.bgMiddle {
    z-index: 10;
    opacity: 0.75;
}
.bgBottom {
    z-index: 5;
}
.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}
.waveTop {
    background-size: 50% 100px;
}
.waveAnimation .waveTop {
  animation: move-wave 3s;
   -webkit-animation: move-wave 3s;
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}
.waveMiddle {
    background-size: 50% 120px;
}
.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}
.waveBottom {
    background-size: 50% 100px;
}
.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}
  /* before */
  /* 1 .fill="rgba(255,255,255,0.7)" */

  /* after */
 /* 1. fill: rgb(255 255 255 / 28%); */
/* 
 1.rgb(166 158 158 / 4%)
 2.rgb(13 37 62 / 62%) */

   /* Submission Popup Style */
 .submission-popup{
     width: 400px;
    background: #fff;
    border-radius: 5px;
    padding: 20px;
    position: relative;
    
 }
 .submission-popup .content{
  text-align: center;
  margin-top: 20px;
  height: auto;
  padding-bottom: 25px;
 }
 .submission-popup .content  p{
  font-size: 14px;
 }
 .submission-popup .content h1{
      
 }
 .tick-icon{
  width: 50px;
  height: 50px;
  background: #F17814;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 35px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  position: absolute;
  top: -24px;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);  
 }
 .submit-closebtn{
  background-color: #F17814;
  color: #fff;
  border-radius: 5px;
  outline: none;
  border: none;
  display: block;
  padding: 10px;
  width: 100%;
 }
 @media (max-width:576px){
  .submission-popup {
    width: 95%;
  }
 }

 
@media (max-width:992px){
.container{
  width: 95%;
  max-width: 95%;

}
}
@media (max-width:576px){
 .container{
  width: 100%;
  max-width: 100%s;
 }
}


   /* Header Part */
/* Header part */


.burger-icon{
  display: none;
  font-size: 25px;
}
.burger-icon img{
 filter: invert(0%) sepia(33%) saturate(16%) hue-rotate(266deg) brightness(110%) contrast(99%);
 

}
ul.mi-nav{
  display: flex;
  align-items: center;
  margin: 0;
 
}
ul.mi-nav > li{
  display: inline-block ;
  /* margin: 18px; */
  margin: 8px 4px;
}
ul.mi-nav li a{
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15px;
}
ul.mi-nav .dropdown-menu li a{
  color: #000;
}
ul.mi-nav li a:hover,ul.mi-nav li a.nav-link:active,ul.mi-nav li a.nav-link.active,ul.mi-nav li a.nav-link:focus{
  color: #F17814 !important;
}


ul.mi-nav li a:hover > img{
  filter: invert(50%) sepia(97%) saturate(1948%) hue-rotate(355deg) brightness(99%) contrast(92%);
}


.header-companyname{
  color: #000;
  text-transform: uppercase;
}
.companynameflag{
  width: 220px;
}
.mi-mobile-loginbtn{
  width: 100%;
  padding: 12px;
  text-align: center;
  border: 1px solid #F17814;
  background-color: #F17814;
  
  display: block;
  color: #fff;
  display: flex;
  align-items: center;
  column-gap: 10%;
  justify-content: center;
  font-weight: 200;
  margin-top: 80px;
  transition: 0.5s ease;
}
  .mi-mobile-loginbtn:hover{
    color: #fff;
    color: #F17814;
    background-color: transparent;
  }

   .mobilenav{
    font-size: 25px;
    margin: 0px;
    cursor: pointer;
    color: #fff;
   }
   .sideMenu{
    position: fixed;
    top: 22px;
    right: 0%;
    background: #fff;
    color: #fff;
    font-weight: 800;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    padding: 20px;
    width: 300px;
    height: 100vh;
    border-radius: 10px;
    transform: translateX(110%);
    transition: transform 0.3s ease-in-out;
    z-index: 2;
   }
   .closemobilenav{
    color: #000;
    font-size: 25px;
   }
   .closemobilenav:hover{
    color: #F17814;
    cursor: pointer;
   }
   .navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
    color: #F17814 !important;
   }
   .dropdown-item.active, .dropdown-item:active{
      background-color: transparent;
   }
   .mobile-header-container{
    padding-top: 5px;
    padding-bottom: 5px;
}
.sideMenu{
  position: fixed;
  top: 0px;
  right: 0%;
  /* background: #fff; */
  color: #fff;
  font-weight: 800;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  padding: 0px;
  /* padding-bottom: 40px; */
  width:100%;
  height: 100vh;
  border-radius: 0px;
  border-top-right-radius: 0px;
  transform: translateX(110%);
  transition: transform 0.3s ease-in-out;
  z-index: 999;
  overflow-y: auto;
  background: #00000085;
 }
 .sideMenu-inner{
  max-width: 100%;
  width: 300px;
  background: #fff;
  margin-left: auto;
  padding: 20px; 
  min-height: 100%;
  padding-bottom: 40px;
  background: linear-gradient(235deg, #BAF5DD 0%, #F8FEB5 100%);
 }
 .header-social-part {
  padding: 18px 12px 12px 12px;
  text-align: center;
}
.header-social-part > div {
  width: max-content;
  margin: 0px auto;
  position: relative;
}
.header-social-part > div::after, .header-social-part > div::before {
  position: absolute;
  content: '';
  width: 37px;
  height: 0.8px;
  background-color: #000;
  top: 13.5px;
}
.header-social-part > div::before {
  left: -47px;
}
.header-social-part > div::after {
  right: -47px;
}
.header-social-part a {
  margin: 0px 4px;
  font-size: 18px;
  color: #000;
}
   @media (min-width:1200px) and (max-width:1300px){
    ul.mi-nav li a{
      font-size: 13px;
    }
    ul.mi-nav li a > img{
      width: 20px;
    }
    ul.mi-nav > li{
      margin: 0px;
    }
   }
    @media (max-width:1200px){
      ul.mi-nav{
        align-items: start;
        margin: 0px;
      }
      ul.mi-nav > li{
        width: 100%;
      }
      .dropdown-menu {
        width: 100%;
      }
      ul.mi-nav > li a{
        color: #000;
      }
      ul.mi-nav > li a.nav-link{
        width: max-content;
      }
    }