/*===========================================================================================================================
					Theme Colors , size , font familes , line height , letter spacing , fontweight
============================================================================================================================*/
/*------------------Defalt Styling------------------*/
* {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
  
  }
  
  body {
    overflow-x: hidden;
    width: 100%;
  }
  a {
    text-decoration: none !important;
  }
  ::selection {
    background-color: #7CAE55;
    color: white;
  }
  
  .hidden {
    display: none;
  }
  /*------------------color---------------------------*/
  :root {
    --themeBlue: #04314D;
    --themeLightBlue: #eff9ff;
    --themegray: #ECF1F3;
    --themeSkyblue: #DEF3FF;
    --themeGreen: #547A36;
  
  /*  --nunitosans: "Nunito Sans", sans-serif;*/
  }
  /*-------------------font size ---------------------*/
  .fontSize15 {
    font-size: 15px;
  }
  .fontSize17 {
    font-size: 17px;
  }
  .fontSize18 {
    font-size: 18px;
  }
  .fontSize19 {
    font-size: 19px;
  }
  .fontSize20 {
    font-size: 20px;
  }
  .fontSize22 {
    font-size: 22px;
  }
  .fontSize24 {
    font-size: 24px;
  }
  .fontSize28 {
    font-size: 28px;
  }
  .fontSize32 {
    font-size: 32px;
  }
  .fontSize44 {
    font-size: 44px;
  }
  .fontSize54 {
    font-size: 54px;
  }
  .fontSize64 {
    font-size: 64px;
  }
  /*-------------------line hight--------------------*/
  .lineHeight110 {
    line-height: 110%;
  }
  .lineHeight120 {
    line-height: 120%;
  }
  .lineHeight125 {
    line-height: 125%;
  }
  .lineHeight130 {
    line-height: 130%;
  }
  .lineHeight140 {
    line-height: 140%;
  }
  .lineHeight140 {
    line-height: 140%;
  }
  /*-------------------font weight--------------------*/
  .fontWeight400 {
    font-weight: 400;
  }
  .fontWeight500 {
    font-weight: 500;
  }
  .fontWeight600 {
    font-weight: 600;
  }
  .fontWeight700 {
    font-weight: 700;
  }
  .fontWeight800 {
    font-weight: 800;
  }
  /*------------------font style-----------------*/
  @font-face {
    font-family: 'inter';
    src: url('./Inter.woff2') format('woff2'),url('./Inter.ttf') format('truetype') ;
    font-style: normal;
    font-display: swap;
   
  }
  @font-face {
    font-family: 'manrope';
    src: url('./Manrope.woff2') format('woff2'),url('./Manrope.ttf') format('truetype') ;
    font-style: normal;
    font-display: swap;
   
  }
  .InterFont {
    font-family: "inter", sans-serif;
  }
  .ManropeFont {
    font-family: "manrope", sans-serif;
  }
  /*loader animation css
  ============================================*/
  #loader {
    position: relative;
    width: 4px;
    height: 4px;
    padding: 0;
    display: inline-block;
  }
  
  #loader > div {
    content: "";
    background: white;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
  }
  
  #loader > div:nth-of-type(1) {
    left: 15px;
  }
  
  #loader > div:nth-of-type(3) {
    left: -15px;
  }
  
  /* dots fade */
  .dots-fade > div {
    -webkit-animation: dots-fade 1.6s infinite ease;
    animation: dots-fade 1.6s infinite ease;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
  }
  
  .dots-fade > div:nth-of-type(1) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
  }
  
  .dots-fade > div:nth-of-type(3) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
  }
  
  @-webkit-keyframes dots-fade {
    0% {
      opacity: 1;
    }
  
    40% {
      opacity: 0.2;
    }
  
    80% {
      opacity: 1;
    }
  }
  
  @keyframes dots-fade {
    0% {
      opacity: 1;
    }
  
    40% {
      opacity: 0.2;
    }
  
    80% {
      opacity: 1;
    }
  }
  /*topbar css
  ==================================================================================*/
  .topbar{
    background-color: #DEF3FF;
    padding: 14px 0px;
    box-shadow: 0px 1px 0px 0px #CDE0EB; 
  }
  .topbar .tobar-btn{
    background-color: white;
    border-radius: 5px;
    max-width: 300px;
    padding: 8px 16px;
  }
  .topbar .tobar-btn .phoneNumber{
    font-style: normal; /* 35px */
    letter-spacing: 0.28px; 
    color: #04314D;
  }
  .topbar .tobar-btn .phoneText{
    font-style: normal; /* 35px */
    color: #04314D;
  }
  .logo{
    width: 150px;
    height: 72px;
  }
  .pe-0{
    padding-right: 0px !important;
  }
  /*banner section css
  ====================================================================================*/
  .banner{
    background-color: #EFF9FF;
  }
  .banner .bannerHeading{
    color: #04314D;
    letter-spacing: -0.54px; 
  }
  .bannerService{
    color: #343640;
  }
  .badgeRow{
    gap:20px;
    flex-wrap: wrap;
  }
  
  .badgeImage{
    box-shadow: 0px 8px 16px 0px rgba(36, 91, 167, 0.20); 
  }
  .teamImage{
    width: 100%;
  }
  .headerForm{
    padding:20px 36px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    background-color: white;
    border-radius: 5px;
  }
  .formHeading{
    color: #424350;
    letter-spacing: 0.24px; 
  }
  .headerForm label{
    letter-spacing: 0.14px; 
    color: #515154;
    margin-bottom: 7px;
  }
  .headerForm input{
    height: 48px;
  }
  .headerForm select{
    height: 48px;
  }
  .headerForm .formBtn{
    padding: 18px 10px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15); 
    background: linear-gradient(90deg, #7CAE55 0%, #547A36 100%);
    color: #FFF;
    border-radius: 5px;
    border:none;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    background-size: 150% 100%;
  
  }
  .headerForm .formBtn:hover {
    background-position: 100% 0;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
  }
  .headerForm .formText{
    letter-spacing: 0.14px; 
    color: #6F7079; 
    font-size: 12px;
  }
  .laptopBadge{
      display: block;
    }
    .mobileBadge{
      display: none;
    }
  /*teams section css
  =========================================================================================*/
  .teamSection{
    background-color: #DEF3FF;
  }
  .teamBox{
    padding: 20px;
    gap:20px;
  }
  .teamBox-tex p{
    color: #373B3D;
  }
  .teamBox-tex span{
    color: #373B3D;
  }
  .TeamBubble{
    position: absolute;
    bottom: 50px;
    left: 25%;
    transition: 1s ease-out;
    scale:0;
  }
  /*testimonial section css
  =========================================================================================*/
  .testimonial{
    background-color: #fff;
    background-image: url("../media/linesBg.svg");
    background-size: cover;
  }
  .testimonialHeading h2{
    color: #04314D;
  }
  .testimonial-subHeading p{
    color: #495054;
    letter-spacing: -0.09px; 
  }
  .testimonialSlider{
    border-radius: 5px;
    border: 1px solid #E4E5ED; 
    background-color: white;
    box-shadow: 0px 5.186px 20px 0px rgba(45, 102, 138, 0.10);
    padding: 20px 28px 16px 28px;
    height: 100%;
  }
  .testimonial-text{
    background-image: url("../media/testimonialText.svg");
    background-repeat: no-repeat;
    background-position: top left;
  }
  .testimonial-text p{
    color: #495054;
  }
  .testimonial-Name p{
    letter-spacing: 0.1px; 
    color: #16364C;
  }
  .testimonial-Image img{
    width: 96px;
    height: 96px;
    border-radius: 50%;
  }
  .testimonialSlider .carousel-indicators {
    justify-content: flex-end !important;
    margin: 0px !important
  }
  .testimonialSlider .carousel-indicators button{
    width: 24px;
    height: 24px;
    background-color: #064E74;
    border-radius: 50%;
    opacity: 1;
    transition: 0.3s !important;
  }
  .testimonialSlider .carousel-indicators button.active{
    background-color: #75D8FF;
    border-radius: 0px !important;
    width: 53px; 
    height: 24px;
    -webkit-clip-path: inset(2% 5% round 140px);
    clip-path: inset(25% 5% round 140px);
  }
  .video-container {
          position: relative;
           width: 100%;
          height: 364px;
          background: radial-gradient(
            50% 50% at 50% 50%,
            rgba(116, 116, 116, 0) 0%,
            rgba(128, 128, 128, 0.63) 100%
          );
          z-index: 9999999;
          border-radius: 5px;
        }
        .video-container iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
        }
  .videoText{
    color: #16364C;
    text-decoration: none;
  }
  .videoText:hover{
    color: #16364C;
    cursor: pointer;
  }
  .videoText:hover .arrowIcon {
    animation: btnIcon 1s ease-in-out;
  }
  .centerAlign{
    text-align: right;
  }
  /*stepSection css start
  ========================================================================================*/
  .stepSection{
    background-color: var(--themegray);
  }
  .stepSection-heading{
    color: #04314D;
  }
  .stepIcon-box{
    padding-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left:24px;
    padding-right: 24px;
  }
  .stepIcon-box span{
    color: rgba(35, 39, 52, 0.07); 
    letter-spacing: 0.64px; 
  }
  .step01-line{
    background: linear-gradient(to right, rgba(47, 84, 109, 0.3), rgba(47, 84, 109, 0.5));
    height: 2px;
    position: relative;
  }
  .step01-line span{
    position: absolute;
    width: 10px;
    height: 10px;
    background: #b4c2cb;
    rotate:45deg;
    top: -4px;
    left: 0
  }
  .step02-line{
   background: linear-gradient(to right, rgba(47, 84, 109, 0.5), rgba(47, 84, 109, 0.7));
    height: 2px;
  }
  .step03-line{
    background: linear-gradient(to right, rgba(47, 84, 109, 0.7), rgba(47, 84, 109, 0.9));
    height: 2px;
  }
  .step04-line{
    background: linear-gradient(to right, rgba(47, 84, 109, 0.9), rgba(15, 72, 109, 1));
    height: 2px;
    position: relative;
  }
  .step04-line span{
    position: absolute;
    width: 10px;
    height: 10px;
    background: #0f476d;
    rotate:45deg;
    top: -4px;
    right: 0;
  }
  
  .stepBox-text{
    min-height: 120px;
    padding-right: 24px;
    padding-left: 24px;
  }
  .stepBox-text p{
    color: #04314D;
    letter-spacing: -0.2px; 
  }
  .step01-line,.step02-line,.step03-line,.step04-line{
      display: block;
    }
    .mobileStep01-line,.mobileStep02-line,.mobileStep03-line,.mobileStep03-line{
      display: none;
    }
  /*advantageSection section css
  =========================================================================================*/
  .advantageSection{
    background: #fff;
  }
  .advantageSection-heading{
    color: #11314B;
  }
  .advantageSection-subHeading{
    color: #495054;
    letter-spacing: -0.09px; 
  }
  .advantageBox-green{
    padding: 24px;
    display: flex;
    align-items: center;
    gap:16px;
    background-color: #F3F8ED;
    border-radius: 5px;
     position: relative;
    z-index: 1;
    overflow: hidden;
    transition: 0.40s;
    cursor: pointer;
  }
  .advantageBox-green::before{
    content: "";
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    z-index: -1;
  }
  .advantageBox-green:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 45%;
    left: 12%;
    background: #547A36;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform 0.40s ease-out;
  }
  .advantageBox-green:hover{
    box-shadow: 0px 12px 24px 0px rgba(53, 70, 37, 0.20);
  }
  .advantageBox-green:hover:after {
    transform: scale(60);
  }
  .advantageBox-green:hover .advantageBox-greenIcon{
    background-color: #425E2D;
  }
  .advantageBox-green:hover .advantageBox-greenHeading{
    color: #FBFCFF;
  }
  .advantageBox-green:hover .advantageBox-greenSubHeading{
    color: #FBFCFF;
  }
  .advantageBox-greenIcon{
    min-width: 104px;
    min-height: 104px;
    border-radius: 50%;
    background-color: #547A36;
    display: flex;
    justify-content: center;
    align-items: center;
    transition:  0.40s;
  }
  .advantageBox-greenHeading{
    color: #17181A;
    letter-spacing: 0.24px; 
    transition:  0.40s;
  }
  .advantageBox-greenSubHeading{
    color: #495054;
    transition:  0.40s;
  }
  
  .advantageBox-blue{
    padding: 24px;
    display: flex;
    align-items: center;
    gap:16px;
    background-color: #F3F6FB;
    border-radius: 5px;
     position: relative;
    z-index: 1;
    overflow: hidden;
    transition: 0.40s;
    cursor: pointer;
  }
  .advantageBox-blue::before{
    content: "";
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    z-index: -1;
  }
  .advantageBox-blue:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 45%;
    left: 12%;
    background: #3F538E;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform 0.40s ease-out;
  }
  .advantageBox-blue:hover{
    box-shadow: 0px 8px 16px 0px rgba(36, 91, 167, 0.20);
  }
  .advantageBox-blue:hover:after {
    transform: scale(60);
  }
  .advantageBox-blue:hover .advantageBox-blueIcon{
    background-color: #2D3B5E;
  }
  .advantageBox-blue:hover .advantageBox-blueHeading{
    color: #FBFCFF;
  }
  .advantageBox-blue:hover .advantageBox-blueSubHeading{
    color: #FBFCFF;
  }
  .advantageBox-blueIcon{
    min-width: 104px;
    min-height: 104px;
    border-radius: 50%;
    background-color: #3F538E;
    display: flex;
    justify-content: center;
    align-items: center;
    transition:  0.40s;
  }
  .advantageBox-blueHeading{
    color: #17181A;
    letter-spacing: 0.24px; 
    transition:  0.40s;
  }
  .advantageBox-blueSubHeading{
    color: #495054;
    transition:  0.40s;
  }
  /*FreeConsultation section css start 
  =======================================================================================*/
  .FreeConsultation{
    background-color: var(--themeSkyblue);
  }
  .FreeConsultation-heading{
    color: #252D46;
  }
  .FreeConsultation-card{
    border-radius: 5px;
    cursor: pointer;
    border:1px solid transparent;
  }
  .FreeConsultation-card img{
    border-radius: 5px 5px 0px 0px;
    width: 100%;
  }
  .FreeConsultation-cardBody{
    background-color: #fff;
    box-shadow: 0px 16px 32px 0px rgba(36, 91, 167, 0.20); 
    padding: 23px 23px 30px 23px;
    border-radius: 0px 0px 5px 5px;
    position: relative;
  }
  .FreeConsultation-cardBody h3{
    color: #000;
  }
  .FreeConsultation-cardBody p{
    color: #484848;
  
  }
  .FreeConsultation-cardNumber{
    position: absolute;
    width: 67px;
    height: 67px;
    border-radius: 50%;
    background-color: #fff;
    top: -33px;
    right: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease-in-out;
  }
  .FreeConsultation-cardNumber div{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
  
  
  }
  .FreeConsultation-cardNumber div::before{
    content: "";
    position: absolute;
    width: 1px;
    height: 1px;
    top:30px;
    left: 30px;
    background: linear-gradient(70deg, #0067A6 7%, #B6E8FF 189.86%, #EFF9FF 347.89%);
    z-index: -1;
    transition: 0.3s ease-in-out;
    transform: scale(1);
    border-radius: 50%;
  
  }
  .FreeConsultation-cardNumber .numberText{
    font-size: 40px;
    color: #04314D;
    transition: 0.3s;
    transition: 0.3s ease-in-out;
  }
  .FreeConsultation-card:hover{
    border:1px solid #ABC8E5;
  }
  .FreeConsultation-card:hover .FreeConsultation-cardNumber div::before{
    background: linear-gradient(70deg, #0067A6 7%, #B6E8FF 189.86%, #EFF9FF 347.89%);
    transform: scale(200);
  }
  .FreeConsultation-card:hover .numberText{
    color: #FAFAFC;
  }
  .arrowAnimation{
    animation:arrow 2.5s linear infinite;
  }
  @keyframes arrow{
    0%{transform: translate(0);rotate:0deg;}
    50%{transform: translate(15px);rotate:-10deg;}
    100%{transform: translate(0px);rotate:0deg;}
  }
  
  /*staff section css
  ==========================================================================================*/
  .staffSection{
    background-image: url("../media/staffbg.svg");
    background-size: cover;
  
  }
  .staffHeading{
    color: #04314D;
  }
  .staff-cardGray{
    padding: 16px 12px 24px 12px;
    background-color: #F3F6FB;
    border-radius: 5px;
    cursor: pointer;
  }
  .staffCard-image img{
    width: 120px;
    height: 120px;
    border-radius: 50%;
  }
  .staffCard-name{
    color: #17181A;
  }
  .staffcard-Bubble01{
    background-image: url("../media/Bubble01.png");
    background-size: 100% 100%;
    padding: 7px 24px;
    box-sizing: border-box;
    margin-top: 16px;
    margin-bottom: 12px;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .staffcard-Bubble01 p{
    color: #17181A;
  }
  .staffcard-Bubble02{
    background-image: url("../media/Bubble02.png");
    background-size: 100% 100%;
    padding: 7px 24px;
    box-sizing: border-box;
    margin-top: 16px;
    margin-bottom: 12px;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .staffcard-Bubble02 p{
    color: #17181A;
  }
  .staffcard-Bubble03{
    background-image: url("../media/Bubble03.png");
    background-size: 100% 100%;
    padding: 7px 24px;
    box-sizing: border-box;
    margin-top: 16px;
    margin-bottom: 12px;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .staffcard-Bubble03 p{
    color: #17181A;
  }
  .staffcard-Bubble04{
    background-image: url("../media/Bubble04.png");
    background-size: 100% 100%;
    padding: 7px 24px;
    box-sizing: border-box;
    margin-top: 16px;
    margin-bottom: 12px;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .staffcard-Bubble04 p{
    color: #17181A;
  }
  .staffCard-grayText{
    background-image: url("../media/staffCardGrayText.svg");
    background-repeat: no-repeat;
    background-position: bottom;
  }
  .staffCard-grayText p{
    color: #373B3D;
    letter-spacing: -0.09px; 
  }
  
  .staff-cardBlue{
    padding: 16px 12px 24px 12px;
    background-color: #EFF9FF;
    border-radius: 5px;
    cursor: pointer;
  }
  .staffCard-blueText{
    background-image: url("../media/staffCArdBlueText.svg");
    background-repeat: no-repeat;
    background-position: bottom;
  }
  .staffCard-blueText p{
    color: #373B3D;
    letter-spacing: -0.09px; 
  }
  .bubbleAnimation{
    animation:BubbleAnimation 3s linear infinite;
  }
  
  .bubbleAnimation{
    animation:BubbleAnimation 3s linear infinite;
  }
  
  @keyframes BubbleAnimation {
    0%{
      transform: translateY(0);
      scale:1;
    }
    25%{
      transform: translateY(-5px);
      scale:0.99;
    }
    50%{
      transform: translateY(0);
      scale:1;
    }
    75%{
      transform: translateY(5px);
      scale:1.01;
    }
    100%{
      transform: translateY(0);
      scale:1;
    }
  }
  
  /*FAQS section css
  =========================================================================================*/
  .faqsHeading{
    color: #083144;
  }
  .accordion-item {
    margin-bottom: 10px;
    border: none !important;
  }
  .accordion-button {
    background-color: #F3F6FB !important;
    color: #000 !important;
    letter-spacing: 0.1px;
    border-radius: 5px;
  }
  .accordion-button::after {
    background-image: url(../media/faqs.svg) !important;
    width: 44px !important;
    height: 44px !important;
    background-size: 100% !important;
  }
  .accordion-button:not(.collapsed) {
    background-color: #252D46 !important;
    color: white !important;
    font-size: 19px;
  }
  .accordion-button:focus {
    outline: none !important;
    box-shadow: 0 0 0 white !important;
    background-color: #252D46;
  }
  .accordion-body {
    padding: 20px 40px 40px 40px !important;
  }
  .accordion-body p {
    margin-bottom: 0px;
    color: #373B3D;
    letter-spacing: 0.16px;
    line-height: 130%;
  }
  /*service section csss
  =======================================================================================*/
  .services{
    background-image: url("../media/imageFooter.webp");
    background-size: cover;
  }
  .serviceSubHeading{
    color: #DDDDE1;
    letter-spacing: -0.09px; 
  }
  .ServiceText{
    color: #EDF0F3;
    letter-spacing: 0.19px; 
  }
  
  
  /*booking serction css
  =========================================================================================*/
  .bookingHeading{
    color: #04314D;
  }
  .bookingBtn-icon{
    background-color: #064E74;
    padding: 0px 28px;
  }
  .bookingBtn{
    border:2px solid #064E74;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    height: 60px;
  }
  .bookingBtntext{
    margin: auto;
  }
  .callnumber{
    color: #064E74;
    letter-spacing: 0.28px; 
    transition: 0.3s linear;
  }
  .bookingBtn:hover .callnumber{
    color: white;
  }
  .bookingBtn::after{
    content: "";
    position: absolute;
    height: 100%;
    width: 0%;
    top: 0;
    left: 0;
    background-color: #064E74;
    z-index: -1;
    transition: 0.3s linear;
  }
  .bookingBtn:hover::after{
    width: 100%;
  }
  /*footer serction
  ==========================================================================================*/
  footer{
    background-color: var(--themeBlue);
  }
  .footerText{
    color: #E3ECF6;
  }
  .informationText{
    color: #CDDEF0;
  }
  .footerLogo{
    display: flex;
    gap:48px;
    justify-content: center;
  }
  .copyRight{
    color: #ABC8E5;
    letter-spacing: 0.15px; 
  }
  .PrivacyPolicy{
    text-align: right;
  }
  .PrivacyPolicy a{
    color: #ABC8E5;
    letter-spacing: 0.15px; 
    text-decoration: underline !important; 
  }
  .PrivacyPolicy a:hover{
    color: white;
  }
  
  /*----------------------------------------scroll animation css -------------------------*/
  
  .animation-top {
    opacity: 0.4;
    transform: translateY(100px);
    transition: transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1),
      opacity 0.3s 0.25s ease-out;
    will-change: transform, opacity;
    transition: 0.8s;
  }
  
  .animation-top.is-visible {
    opacity: 1;
    transform: translateY(0px);
  }
  .animation-right {
    opacity: 0;
    transform: translateX(100px);
    transition: transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1),
      opacity 0.5s 0.25s ease-out;
    will-change: transform, opacity;
    transition: 0.8s;
  }
  
  .animation-right.is-visible {
    opacity: 1;
    transform: translateX(0px);
  }
  @media screen and (max-width: 991px) {
    .animation-top {
      transform: translateY(0) !important;
      opacity: 1 !important;
    }
    .animation-right {
      transform: translateY(0) !important;
      opacity: 1 !important;
    }
  }
  /*media query
  =========================================================================================*/
  @media screen and (min-width: 1400px){
    .video-container{
      height: 340px;
    }
  }
  @media screen and (max-width: 1199px){
    .trablesize{
      font-size: 22px;
    }
    .tabletPadding{
      padding-top: 60px;
    }
  }
  @media screen and (max-width: 991px){
    .fontSize15 {
      font-size: 15px;
    }
    .fontSize17 {
      font-size: 16px;
    }
    .fontSize18 {
      font-size: 17px;
    }
    .fontSize19 {
      font-size: 18px;
    }
    .fontSize20 {
      font-size: 19px;
    }
    .fontSize22 {
      font-size: 21px;
    }
    .fontSize24 {
      font-size: 24px;
    }
    .fontSize28 {
      font-size: 24px;
    }
    .fontSize32 {
      font-size: 28px;
    }
    .fontSize44 {
      font-size: 40px;
    }
    .fontSize54 {
      font-size: 48px;
    }
    .fontSize64 {
      font-size: 50px;
    }
    .tableHide{
      display: none;
    }
    .tabletPadding{
      padding-top: 0px;
    }
    .banner{
      padding-top: 30px !important;
      /* padding-bottom: 40px; */
    }
    .laptopBadge{
      display: none;
    }
    .mobileBadge{
      display: block;
    }
    .advantageBox-green{
      padding: 18px;
    }
    .advantageBox-greenIcon{
      min-width: 85px;
      min-height: 85px
    }
    .advantageBox-greenIcon img{
      width: 55px;
      height: 55px;
    }
     .advantageBox-blueIcon{
      min-width: 85px;
      min-height: 85px
    }
    .advantageBox-blueIcon img{
      width: 55px;
      height: 55px;
    }
  }
  @media screen and (max-width: 767px){
    .fontSize15 {
      font-size: 14px;
    }
    .fontSize17 {
      font-size: 15px;
    }
    .fontSize18 {
      font-size: 16px;
    }
    .fontSize19 {
      font-size: 16px;
    }
    .fontSize20 {
      font-size: 18px;
    }
    .fontSize22 {
      font-size: 20px;
    }
    .fontSize24 {
      font-size: 21px;
    }
    .fontSize28 {
      font-size: 22px;
    }
    .fontSize32 {
      font-size: 24px;
    }
    .fontSize44 {
      font-size: 30px;
    }
    .fontSize54 {
      font-size: 36px;
    }
    .fontSize64 {
      font-size: 60px;
    }
    .TeamBubble{
      width: 220px;
      left: 10%;
      bottom: 10px;
    }
    .mobileSize{
      width: 92px;
    }
    .advantageBox-green{
      padding: 16px;
    }
    .banner{
      padding-top:12px !important;
      margin-top: 95px;
    }
    .bannerHeading{
      font-size: 30px !important;
      padding-left: 11px;
    }
    .paddingX-0{
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
    .headerForm{
      padding: 20px;
    }
    .teamBox{
      padding-top:0px;
      padding-bottom: 0px;
      
    }
    .testimonialSlider{
      padding: 18px;
    }
    .step01-line,.step02-line,.step03-line,.step04-line{
      display: none;
    }
    .mobileStep01-line,.mobileStep02-line,.mobileStep03-line,.mobileStep03-line{
      display: block !important;
    }
    .mobileStep01-line{
      background: linear-gradient(to bottom, rgba(47, 84, 109, 0.3), rgba(47, 84, 109, 0.5));
      width: 2px;
      position: relative;
      margin: 0px 20px;
    }
    .mobileStep01-line span{
      position: absolute;
      width: 10px;
      height: 10px;
      background: #b4c2cb;
      rotate:45deg;
      top: -4px;
      left: -4px;
    }
    .mobileStep02-line{
     background: linear-gradient(to bottom, rgba(47, 84, 109, 0.5), rgba(47, 84, 109, 0.7));
      width: 2px;
      margin: 0px 20px;
    }
    .mobileStep03-line{
      background: linear-gradient(to bottom, rgba(47, 84, 109, 0.7), rgba(47, 84, 109, 0.9));
      width: 2px;
      margin: 0px 20px;
    }
    .mobileStep04-line{
      background: linear-gradient(to bottom, rgba(47, 84, 109, 0.9), rgba(15, 72, 109, 1));
      width: 2px;
      position: relative;
      margin: 0px 20px;
    }
    .mobileStep04-line span{
      position: absolute;
      width: 10px;
      height: 10px;
      background: #0f476d;
      rotate:45deg;
      bottom: -4px;
      right: -4px;
    }
    .mobileFlex{
      display: flex;
      justify-content: space-between;
    }
    .stepCard{
      width: 100%;
    }
    .mobileP-0{
      padding-top: 0px !important
    }
    .centerAlign{
      text-align: center;
    }
    .advantageBox-green{
      padding: 16px;
    }
    .advantageBox-greenIcon{
      min-width: 75px;
      min-height: 75px
    }
    .advantageBox-greenIcon img{
      width: 50px;
      height: 50px;
    }
     .advantageBox-blueIcon{
      min-width: 75px;
      min-height: 75px
    }
    .advantageBox-blueIcon img{
      width: 50px;
      height: 50px;
    }
    .mobileNone{
      display: none;
    }
    .mobileCenter{
      text-align: center;
    }
    .PrivacyPolicy{
      padding: 10px  0px;
    }
    .MobilePadding30{
      padding-top: 30px !important
    }
    .mobilePe-0{
      padding-right: 0px !important
    }
    .topbar{
      padding:12px 0px;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 99999;
    }
    .badgeImage{
      box-shadow: 0px 2px 4px 0px rgba(29, 33, 39, 0.20); s
    }
  
  }
  @media screen and (max-width: 470px){
    .logo{
      width: 100px;
      height: auto;
    }
    .banner{
      margin-top:88px;
    }
  }
  @media screen and (max-width: 400px){
    
    .footerLogo{
      flex-direction: column;
      gap:20px;
      align-items: center;
    }
    .teamBox {
      flex-direction: column;
      text-align: center;
    }
    .tobar-btn{
      padding: 6px 10px !important;
    }
    .topPhoneIcon{
      width: 20px;
      height: 20px;
    }
    .phoneNumber{
      font-size: 20px !important
    }
    .phoneText{
      font-size: 14px !important
    }
    .banner{
      margin-top:80px;
    }
  }
  @media screen and (max-width: 380px){
    .TeamBubble{
      bottom: -5px !important
    }
  }
        @media screen and (min-width: 1400px) {
          .video-container {
            height: 358px !important;
          }
        }
  
        @media screen and (max-width: 1199px) {
          .video-container {
            height: 256px;
          }
        }
  
        @media screen and (max-width: 991px) {
          .video-container {
            height: 290px;
          }
        }
  
        @media screen and (max-width: 767px) {
          .video-container {
            height: 290px;
          }
        }
  
        @media screen and (max-width: 575px) {
          .video-container {
            height: 309px;
          }
        }
  
        @media screen and (max-width: 460px) {
          .video-container {
            height: 240px;
          }
        }
        @media screen and (max-width: 375px) {
          .video-container {
            height: 195px !important;
          }
          .logo{
            width: 80px;
          }
          
        }
        @media screen and (max-width: 348px){
          .googleBadge{
            width: 19px;
          }
          .topPhoneIcon{
            width: 16px;
            height: 16px;
          }
          .phoneNumber{
            font-size: 16px !important
          }
          .phoneText{
            font-size: 12px !important
          }
          .banner{
            margin-top:73px;
          }
        }
        @media screen and (max-width: 345px) {
          .video-container {
            height: 180px !important;
          }
        }
  
        @media screen and (max-width: 333px) {
          .video-container {
            height: 170px !important;
          }
          .bookingBtn-icon{
            padding: 0px 20px;
          }
        }
  
  /*=================================================================================================================================================
                                                          Bootstrap css
  ==================================================================================================================================================*/
  @charset "UTF-8";
  /*!
   * Bootstrap v5.0.2 (https://getbootstrap.com/)
   * Copyright 2011-2021 The Bootstrap Authors
   * Copyright 2011-2021 Twitter, Inc.
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */
  :root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  }
  
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  
  @media (prefers-reduced-motion: no-preference) {
    :root {
      scroll-behavior: smooth;
    }
  }
  
  body {
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  
   h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
  }
  
  h1, .h1 {
    font-size: calc(1.375rem + 1.5vw);
  }
  @media (min-width: 1200px) {
    h1, .h1 {
      font-size: 2.5rem;
    }
  }
  
  h2, .h2 {
    font-size: calc(1.325rem + 0.9vw);
  }
  @media (min-width: 1200px) {
    h2, .h2 {
      font-size: 2rem;
    }
  }
  
  h3, .h3 {
    font-size: calc(1.3rem + 0.6vw);
  }
  @media (min-width: 1200px) {
    h3, .h3 {
      font-size: 1.75rem;
    }
  }
  
  p {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  
  
  ul {
    padding-left: 2rem;
  }
  
  
  ul {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  
  
  ul ul {
    margin-bottom: 0;
  }
  
  small, .small {
    font-size: 0.875em;
  }
  
  a {
    color: #0d6efd;
    text-decoration: underline;
  }
  a:hover {
    color: #0a58ca;
  }
  
  a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
  }
  
  figure {
    margin: 0 0 1rem;
  }
  
  img,
  svg {
    vertical-align: middle;
  }
  
  label {
    display: inline-block;
  }
  
  button {
    border-radius: 0;
  }
  
  button:focus:not(:focus-visible) {
    outline: 0;
  }
  
  input,
  button,
  select {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  
  button,
  select {
    text-transform: none;
  }
  
  select {
    word-wrap: normal;
  }
  select:disabled {
    opacity: 1;
  }
  
  [list]::-webkit-calendar-picker-indicator {
    display: none;
  }
  
  button,
  [type=button],
  [type=submit] {
    -webkit-appearance: button;
  }
  button:not(:disabled),
  [type=button]:not(:disabled),
  [type=submit]:not(:disabled) {
    cursor: pointer;
  }
  
  ::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }
  
  ::-webkit-datetime-edit-fields-wrapper,
  ::-webkit-datetime-edit-text,
  ::-webkit-datetime-edit-minute,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-year-field {
    padding: 0;
  }
  
  ::-webkit-inner-spin-button {
    height: auto;
  }
  
  /* rtl:raw:
  [type="tel"],
  [type="url"],
  [type="email"],
  [type="number"] {
    direction: ltr;
  }
  */
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  ::-webkit-color-swatch-wrapper {
    padding: 0;
  }
  
  ::file-selector-button {
    font: inherit;
  }
  
  ::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
  }
  
  iframe {
    border: 0;
  }
  
  [hidden] {
    display: none !important;
  }
  
  .img-fluid {
    max-width: 100%;
    height: auto;
  }
  
  .figure {
    display: inline-block;
  }
  
  .container,
  .container-fluid {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
  }
  
  @media (min-width: 576px) {
     .container {
      max-width: 540px;
    }
  }
  @media (min-width: 768px) {
     .container {
      max-width: 720px;
    }
  }
  @media (min-width: 992px) {
     .container {
      max-width: 960px;
    }
  }
  @media (min-width: 1200px) {
     .container {
      max-width: 1140px;
    }
  }
  @media (min-width: 1400px) {
     .container {
      max-width: 1320px;
    }
  }
  .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
  }
  .row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
  }
  
  .col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  
  .col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  
  .col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  
  .col-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  
  @media (min-width: 576px) {
  
    .col-sm-2 {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
  
    .col-sm-10 {
      flex: 0 0 auto;
      width: 83.33333333%;
    }
  
    .col-sm-12 {
      flex: 0 0 auto;
      width: 100%;
    }
  }
  @media (min-width: 768px) {
  
    .col-md-1 {
      flex: 0 0 auto;
      width: 8.33333333%;
    }
  
    .col-md-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
  
    .col-md-6 {
      flex: 0 0 auto;
      width: 50%;
    }
  
    .col-md-8 {
      flex: 0 0 auto;
      width: 66.66666667%;
    }
  
    .col-md-10 {
      flex: 0 0 auto;
      width: 83.33333333%;
    }
  
    .col-md-11 {
      flex: 0 0 auto;
      width: 91.66666667%;
    }
  
    .col-md-12 {
      flex: 0 0 auto;
      width: 100%;
    }
  }
  @media (min-width: 992px) {
  
    .col-lg-1 {
      flex: 0 0 auto;
      width: 8.33333333%;
    }
  
    .col-lg-2 {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
  
    .col-lg-3 {
      flex: 0 0 auto;
      width: 25%;
    }
  
    .col-lg-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
  
    .col-lg-5 {
      flex: 0 0 auto;
      width: 41.66666667%;
    }
  
    .col-lg-6 {
      flex: 0 0 auto;
      width: 50%;
    }
  
    .col-lg-7 {
      flex: 0 0 auto;
      width: 58.33333333%;
    }
  
    .col-lg-8 {
      flex: 0 0 auto;
      width: 66.66666667%;
    }
  
    .col-lg-10 {
      flex: 0 0 auto;
      width: 83.33333333%;
    }
  
    .col-lg-11 {
      flex: 0 0 auto;
      width: 91.66666667%;
    }
  
    .col-lg-12 {
      flex: 0 0 auto;
      width: 100%;
    }
  }
  
  .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-control {
      transition: none;
    }
  }
  .form-control[type=file] {
    overflow: hidden;
  }
  .form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer;
  }
  .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  }
  .form-control::-webkit-date-and-time-value {
    height: 1.5em;
  }
  .form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
  }
  .form-control::placeholder {
    color: #6c757d;
    opacity: 1;
  }
  .form-control:disabled {
    background-color: #e9ecef;
    opacity: 1;
  }
  .form-control::file-selector-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    -webkit-margin-end: 0.75rem;
    margin-inline-end: 0.75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-control::file-selector-button {
      transition: none;
    }
  }
  .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3;
  }
  .form-control::-webkit-file-upload-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    -webkit-margin-end: 0.75rem;
    margin-inline-end: 0.75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-control::-webkit-file-upload-button {
      -webkit-transition: none;
      transition: none;
    }
  }
  .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3;
  }
  
  .form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-select {
      transition: none;
    }
  }
  .form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  }
  .form-select[multiple] {
    padding-right: 0.75rem;
    background-image: none;
  }
  .form-select:disabled {
    background-color: #e9ecef;
  }
  .form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529;
  }
  
  .collapse:not(.show) {
    display: none;
  }
  
  .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  }
  @media (prefers-reduced-motion: reduce) {
    .accordion-button {
      transition: none;
    }
  }
  .accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
  }
  .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
  }
  .accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .accordion-button::after {
      transition: none;
    }
  }
  .accordion-button:hover {
    z-index: 2;
  }
  .accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  }
  
  .accordion-header {
    margin-bottom: 0;
  }
  
  .accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
  }
  .accordion-item:first-of-type {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
  }
  .accordion-item:not(:first-of-type) {
    border-top: 0;
  }
  .accordion-item:last-of-type {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
  }
  .accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  
  .accordion-body {
    padding: 1rem 1.25rem;
  }
  
  @-webkit-keyframes progress-bar-stripes {
    0% {
      background-position-x: 1rem;
    }
  }
  
  @keyframes progress-bar-stripes {
    0% {
      background-position-x: 1rem;
    }
  }
  
  .carousel {
    position: relative;
  }
  
  .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .carousel-inner::after {
    display: block;
    clear: both;
    content: "";
  }
  
  .carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .carousel-item {
      transition: none;
    }
  }
  
  .carousel-item.active {
    display: block;
  }
  
  /* rtl:begin:ignore */
  
  /* rtl:end:ignore */
  
  /* rtl:options: {
    "autoRename": true,
    "stringMap":[ {
      "name"    : "prev-next",
      "search"  : "prev",
      "replace" : "next"
    } ]
  } */
  
  .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
  }
  .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease;
  }
  @media (prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target] {
      transition: none;
    }
  }
  .carousel-indicators .active {
    opacity: 1;
  }
  
  @-webkit-keyframes spinner-border {
    to {
      transform: rotate(360deg) /* rtl:ignore */;
    }
  }
  
  @keyframes spinner-border {
    to {
      transform: rotate(360deg) /* rtl:ignore */;
    }
  }
  
  @-webkit-keyframes spinner-grow {
    0% {
      transform: scale(0);
    }
    50% {
      opacity: 1;
      transform: none;
    }
  }
  
  @keyframes spinner-grow {
    0% {
      transform: scale(0);
    }
    50% {
      opacity: 1;
      transform: none;
    }
  }
  
  .d-flex {
    display: flex !important;
  }
  
  .position-relative {
    position: relative !important;
  }
  
  .w-100 {
    width: 100% !important;
  }
  
  .justify-content-end {
    justify-content: flex-end !important;
  }
  
  .justify-content-center {
    justify-content: center !important;
  }
  
  .justify-content-between {
    justify-content: space-between !important;
  }
  
  .align-items-center {
    align-items: center !important;
  }
  
  .m-0 {
    margin: 0 !important;
  }
  
  .mt-2 {
    margin-top: 0.5rem !important;
  }
  
  .me-2 {
    margin-right: 0.5rem !important;
  }
  
  .mb-0 {
    margin-bottom: 0 !important;
  }
  
  .p-0 {
    padding: 0 !important;
  }
  
  .px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  
  .pt-3 {
    padding-top: 1rem !important;
  }
  
  .ps-0 {
    padding-left: 0 !important;
  }
  
  .text-end {
    text-align: right !important;
  }
  
  .text-center {
    text-align: center !important;
  }
  
  /* rtl:begin:remove */
  
  /* rtl:end:remove */
  
  .text-white {
    color: #fff !important;
  }
  /*=================================================================================================================================================
                                                          custom style css
  ==================================================================================================================================================*/
  /*--------------------------------- Padding bottom ----------------------------*/
  .padding-bottom-4{
      padding-bottom: 4px;
  }
  .padding-bottom-8{
      padding-bottom: 8px;
  }
  .padding-bottom-12{
      padding-bottom: 12px;
  }
  .padding-bottom-16{
      padding-bottom: 16px;
  }
  .padding-bottom-20{
      padding-bottom: 20px;
  }
  .padding-bottom-24{
      padding-bottom: 24px;
  }
  .padding-bottom-32{
      padding-bottom: 32px;
  }
  .padding-bottom-36{
      padding-bottom: 36px;
  }
  .padding-bottom-40{
      padding-bottom: 40px;
  }
  .padding-bottom-44{
      padding-bottom: 44px;
  }
  .padding-bottom-48{
      padding-bottom: 48px;
  }
  .padding-bottom-56{
      padding-bottom: 56px;
  }
  .padding-bottom-64{
      padding-bottom: 64px;
  }
  .padding-bottom-72{
      padding-bottom: 72px;
  }
  .padding-bottom-96{
      padding-bottom: 96px;
  }
  .padding-bottom-104{
      padding-bottom: 104px;
  }
  .padding-bottom-120{
      padding-bottom: 120px;
  }
  .padding-bottom-140{
      padding-bottom: 140px;
  }
  .padding-bottom-180{
      padding-bottom: 180px;
  }
  /*`````````````````````````````````Padding bottom ```````````````````````````*/
  /*--------------------------------- Padding top ----------------------------*/
  .padding-top-4{
      padding-top: 4px;
  }
  .padding-top-8{
      padding-top: 8px;
  }
  .padding-top-12{
      padding-top: 12px;
  }
  .padding-top-16{
      padding-top: 16px;
  }
  .padding-top-20{
      padding-top: 20px;
  }
  .padding-top-24{
      padding-top: 24px;
  }
  .padding-top-32{
      padding-top: 32px;
  }
  .padding-top-36{
      padding-top: 36px;
  }
  .padding-top-40{
      padding-top: 40px;
  }
  .padding-top-44{
      padding-top: 44px;
  }
  .padding-top-48{
      padding-top: 48px;
  }
  .padding-top-56{
      padding-top: 56px;
  }
  .padding-top-64{
      padding-top: 64px;
  }
  .padding-top-72{
      padding-top: 72px;
  }
  .padding-top-96{
      padding-top: 96px;
  }
  .padding-top-104{
      padding-top: 104px;
  }
  .padding-top-120{
      padding-top: 120px;
  }
  .padding-top-140{
      padding-top: 140px;
  }
  .padding-top-180{
      padding-top: 180px;
  }
  /*`````````````````````````````````Padding top```````````````````````````*/
  /*---------------------------------Padding Left  ----------------------------*/
  .padding-left-4{
      padding-left: 4px;
  }
  .padding-left-8{
      padding-left: 8px;
  }
  .padding-left-12{
      padding-left: 12px;
  }
  .padding-left-16{
      padding-left: 16px;
  }
  .padding-left-20{
      padding-left: 20px;
  }
  .padding-left-24{
      padding-left: 24px;
  }
  .padding-left-32{
    padding-left: 32px;
  }
  .padding-left-36{
      padding-left: 36px;
  }
  .padding-left-40{
      padding-left: 40px;
  }
  .padding-left-44{
      padding-left: 44px;
  }
  .padding-left-48{
      padding-left: 48px;
  }
  .padding-left-56{
      padding-left: 56px;
  }
  .padding-left-64{
      padding-left: 64px;
  }
  /*`````````````````````````````````Padding Left `````````````````````````*/
  /*---------------------------------Padding right  ----------------------------*/
  .padding-right-4{
      padding-left: 4px;
  }
  .padding-right-8{
      padding-left: 8px;
  }
  .padding-right-12{
      padding-left: 12px;
  }
  .padding-right-16{
      padding-left: 16px;
  }
  .padding-right-20{
      padding-left: 20px;
  }
  .padding-right-24{
      padding-left: 24px;
  }
  .padding-right-32{
    padding-left: 32px;
  }
  .padding-right-36{
      padding-left: 36px;
  }
  .padding-right-40{
      padding-left: 40px;
  }
  .padding-left-44{
      padding-left: 44px;
  }
  .padding-right-48{
      padding-left: 48px;
  }
  .padding-right-56{
      padding-left: 56px;
  }
  .padding-right-64{
      padding-left: 64px;
  }
  /*`````````````````````````````````Padding right `````````````````````````*/
  /*---------------------------------Tabs Screens ----------------------------*/
  @media screen and (max-width: 992px){
        /*---------------------------------Padding bottom small tabs screens----------------------------*/
      .padding-bottom-4{
          padding-bottom: 4px;
      }
      .padding-bottom-8{
          padding-bottom: 8px;
      }
      .padding-bottom-12{
          padding-bottom: 12px;
      }
      .padding-bottom-16{
          padding-bottom: 16px;
      }
      .padding-bottom-20{
          padding-bottom: 16px;
      }
      .padding-bottom-24{
          padding-bottom: 20px;
      }
      .padding-bottom-32{
          padding-bottom: 20px;
      }
      .padding-bottom-36{
          padding-bottom: 24px;
      }
      .padding-bottom-40{
          padding-bottom: 28px;
      }
      .padding-bottom-44{
          padding-bottom: 32px;
      }
      .padding-bottom-48{
          padding-bottom: 36px;
      }
      .padding-bottom-56{
          padding-bottom: 40px;
      }
      .padding-bottom-64{
          padding-bottom: 48px;
      }
      .padding-bottom-72{
          padding-bottom: 56px;
      }
      .padding-bottom-96{
          padding-bottom: 64px;
      }
      .padding-bottom-104{
          padding-bottom: 72px;
      }
      .padding-bottom-120{
          padding-bottom: 96px;
      }
      .padding-bottom-140{
          padding-bottom: 104px;
      }
      .padding-bottom-180{
          padding-bottom: 120px;
      }
      /*```````````````````````````````````Padding bottom  tabs screens``````````````````````````*/
           /*---------------------------------Padding top small tabs screens----------------------------*/
           .padding-top-4{
              padding-top: 4px;
          }
          .padding-top-8{
              padding-top: 8px;
          }
          .padding-top-12{
              padding-top: 12px;
          }
          .padding-top-16{
              padding-top: 16px;
          }
          .padding-top-20{
              padding-top: 16px;
          }
          .padding-top-24{
              padding-top: 20px;
          }
          .padding-top-32{
              padding-top: 20px;
          }
          .padding-top-36{
              padding-top: 24px;
          }
          .padding-top-40{
              padding-top: 28px;
          }
          .padding-top-44{
              padding-top: 32px;
          }
          .padding-top-48{
              padding-top: 36px;
          }
          .padding-top-56{
              padding-top: 40px;
          }
          .padding-top-64{
              padding-top: 48px;
          }
          .padding-top-72{
              padding-top: 56px;
          }
          .padding-top-96{
              padding-top: 64px;
          }
          .padding-top-104{
              padding-top: 72px;
          }
          .padding-top-120{
              padding-top: 96px;
          }
          .padding-top-140{
              padding-top: 104px;
          }
          .padding-top-180{
              padding-top: 120px;
          }
          /*```````````````````````````````````Padding top  tabs screens``````````````````````````*/
          /*---------------------------------Padding Left  ----------------------------*/
      .padding-left-4{
          padding-left: 4px;
      }
      .padding-left-8{
          padding-left: 8px;
      }
      .padding-left-12{
          padding-left: 12px;
      }
      .padding-left-16{
          padding-left: 16px;
      }
      .padding-left-20{
          padding-left: 16px;
      }
      .padding-left-24{
          padding-left: 20px;
      }
      .padding-left-32{
          padding-left: 20px;
      }
      .padding-left-36{
          padding-left: 24px;
      }
      .padding-left-40{
          padding-left: 28px;
      }
      .padding-left-44{
          padding-left: 32px;
      }
      .padding-left-48{
          padding-left: 36px;
      }
      .padding-left-56{
          padding-left: 40px;
      }
      .padding-left-64{
          padding-left: 48px;
      }
      /*`````````````````````````````````Padding Left  `````````````````````````*/
      /*---------------------------------Padding right  ----------------------------*/
      .padding-right-4{
          padding-left: 4px;
      }
      .padding-right-8{
          padding-left: 8px;
      }
      .padding-right-12{
          padding-left: 12px;
      }
      .padding-right-16{
          padding-left: 16px;
      }
      .padding-right-20{
          padding-left: 16px;
      }
      .padding-right-24{
          padding-left: 20px;
      }
      .padding-right-32{
          padding-left: 20px;
      }
      .padding-right-36{
          padding-left: 24px;
      }
      .padding-right-40{
          padding-left: 28px;
      }
      .padding-right-44{
          padding-left: 32px;
      }
      .padding-right-48{
          padding-left: 36px;
      }
      .padding-right-56{
          padding-left: 40px;
      }
      .padding-right-64{
          padding-left: 48px;
      }
      /*`````````````````````````````````Padding Left  `````````````````````````*/
      /*```````````````````````````````````````Tabs Screens end````````````````````````````````````````*/
  /*---------------------------------Mobile Screens ----------------------------*/
  @media screen and (max-width: 767px){
       /*---------------------------------Padding bottom  mobile screens----------------------------*/
       .padding-bottom-4{
          padding-bottom: 4px;
      }
      .padding-bottom-8{
          padding-bottom: 8px;
      }
      .padding-bottom-12{
          padding-bottom: 12px;
      }
      .padding-bottom-16{
          padding-bottom: 12px;
      }
      .padding-bottom-20{
          padding-bottom: 16px;
      }
      .padding-bottom-24{
          padding-bottom: 16px;
      }
      .padding-bottom-32{
          padding-bottom: 20px;
      }
      .padding-bottom-36{
          padding-bottom: 24px;
      }
      .padding-bottom-40{
          padding-bottom: 28px;
      }
      .padding-bottom-44{
          padding-bottom: 32px;
      }
      .padding-bottom-48{
          padding-bottom: 36px;
      }
      .padding-bottom-56{
          padding-bottom: 40px;
      }
      .padding-bottom-64{
          padding-bottom: 44px;
      }
      .padding-bottom-72{
          padding-bottom: 48px;
      }
      .padding-bottom-96{
          padding-bottom: 56px;
      }
      .padding-bottom-104{
          padding-bottom: 64px;
      }
      .padding-bottom-120{
          padding-bottom: 72px;
      }
      .padding-bottom-140{
          padding-bottom: 96px;
      }
      .padding-bottom-180{
          padding-bottom: 104px;
      }
      /*`````````````````````````````Padding bottom  Mobile screens```````````*/
      /*---------------------------------Padding top mobile   screens----------------------------*/
      .padding-top-4{
          padding-top: 4px;
      }
      .padding-top-8{
          padding-top: 8px;
      }
      .padding-top-12{
          padding-top: 12px;
      }
      .padding-top-16{
          padding-top: 12px;
      }
      .padding-top-20{
          padding-top: 16px;
      }
      .padding-top-24{
          padding-top: 16px;
      }
      .padding-top-32{
          padding-top: 20px;
      }
      .padding-top-36{
          padding-top: 24px;
      }
      .padding-top-40{
          padding-top: 28px;
      }
      .padding-top-44{
          padding-top: 32px;
      }
      .padding-top-48{
          padding-top: 36px;
      }
      .padding-top-56{
          padding-top: 40px;
      }
      .padding-top-64{
          padding-top: 44px;
      }
      .padding-top-72{
          padding-top: 48px;
      }
      .padding-top-96{
          padding-top: 56px;
      }
      .padding-top-104{
          padding-top: 64px;
      }
      .padding-top-120{
          padding-top: 72px;
      }
      .padding-top-140{
          padding-top: 96px;
      }
      .padding-top-180{
          padding-top: 104px;
      }
      /*`````````````````````````````Padding top  Mobile screens```````````*/
        /*---------------------------------Padding Left mobile screen ----------------------------*/
      .padding-left-4{
          padding-left: 4px;
      }
      .padding-left-8{
          padding-left: 8px;
      }
      .padding-left-12{
          padding-left: 12px;
      }
      .padding-left-16{
          padding-left: 12px;
      }
      .padding-left-20{
          padding-left: 16px;
      }
      .padding-left-24{
          padding-left: 16px;
      }
      .padding-left-32{
          padding-left: 20px;
      }
      .padding-left-36{
          padding-left: 24px;
      }
      .padding-left-40{
          padding-left: 28px;
      }
      .padding-left-44{
          padding-left: 32px;
      }
      .padding-left-48{
          padding-left: 36px;
      }
      .padding-left-56{
          padding-left: 40px;
      }
      .padding-left-64{
          padding-left: 44px;
      }
      /*`````````````````````````````````Padding Left  `````````````````````````*/
       /*---------------------------------Padding Left mobile screen ----------------------------*/
      .padding-right-4{
          padding-left: 4px;
      }
      .padding-right-8{
          padding-left: 8px;
      }
      .padding-right-12{
          padding-left: 12px;
      }
      .padding-right-16{
          padding-left: 12px;
      }
      .padding-right-20{
          padding-left: 16px;
      }
      .padding-left-24{
          padding-left: 16px;
      }
      .padding-right-32{
          padding-left: 20px;
      }
      .padding-right-36{
          padding-left: 24px;
      }
      .padding-right-40{
          padding-left: 28px;
      }
      .padding-right-44{
          padding-left: 32px;
      }
      .padding-left-48{
          padding-left: 36px;
      }
      .padding-right-56{
          padding-left: 40px;
      }
      .padding-right-64{
          padding-left: 44px;
      }
      /*`````````````````````````````````Padding Left  `````````````````````````*/
  }
  /*`````````````````````````````````Mobile Screens end`````````````````````````````*/
  
  }
  /*=================================================================================================================================================
                                                          animation css
  ==================================================================================================================================================*/
  .carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#fff'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>")}.carousel-control-next-icon{background-image:url("data:image/svg xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#fff'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}

/* Language toggle - matches the www header button
==================================================================================*/
.langToggle{
  display: inline-block;
  background-color: #1A759F;
  color: white;
  border: 0px;
  border-radius: 4px;
  padding: 4px 12px;
  font-family: 'Manrope';
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  white-space: nowrap;
}
.langToggle:hover{
  background-color: #155F82;
  color: white;
}
.bannerLang{
  display: flex;
  justify-content: flex-end;
  padding-bottom: 12px;
}
.topbar .langToggle{
  margin-left: auto;
  margin-right: 12px;
}
.TeamBubble{
  height: auto;
}
/* Below the desktop breakpoint the form stacks under the hero, which leaves the
   in-flow button floating in dead space - pin it to the banner's top right
   corner instead so it is visible without scrolling. */
@media screen and (max-width: 991px){
  .banner{
    position: relative;
  }
}
/* Phones collapse the banner's top padding to 12px, which would run the
   headline into the pinned button - reserve a strip for it. */
@media screen and (max-width: 767px){
  .banner{
    padding-top: 52px !important;
  }
}
@media screen and (max-width: 991px){
  .bannerLang{
    position: absolute;
    top: 8px;
    right: 12px;
    padding-bottom: 0px;
    z-index: 5;
  }
  .bannerLang .langToggle{
    font-size: 16px;
    padding: 3px 10px;
  }
}
/* The topbar phone box and logo collide on small phones (worst with the longer
   Spanish tagline). Keep the logo fixed-width and tighten the phone box. */
@media screen and (max-width: 500px){
  .topbar .topbarMobile{
    gap: 8px;
  }
  .topbar .logo{
    flex-shrink: 0;
    width: 110px;
    height: auto;
  }
  .topbar .tobar-btn{
    padding: 5px 10px;
  }
  .topbar .tobar-btn .phoneNumber{
    font-size: 17px !important;
  }
  .topbar .tobar-btn .phoneText{
    font-size: 11px !important;
  }
}

/* Spanish bubble text is longer than the English one - give it more width on
   phones so the two lines stay readable. */
@media screen and (max-width: 767px){
  .TeamBubble{
    width: 260px;
  }
}