/*
 * Table of contents:
 * 
 * 1.Preloader
 * 2.Primary style
 * 3.Popover
 * 4.Social fixed & logo
 * 5.Countdown
 * 6.Pages
 * 7.Media
 *
 */
 
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


/* Page Loader */
.loader {
  content: '';
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}

.loader__figure {
  content: '';
  position: fixed;
  z-index: 100001;
  top: 50%;
  left: 50%;
  width: 250px;
  height: 250px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: 1;
  background: transparent;
}
.loader__figure img{ width:100%; }
/*@keyframes loaderAnim {
  to {
    opacity: 1;
    transform: scale3d(0.5,0.5,1);
  }
}*/


body{
 font-family: "Nexa", Sans-serif;
  font-weight: 500;
  font-size: .95rem;
  line-height: 1.55;
  color: #000;
  overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
  font-family: 'Poppins', sans-serif;
  font-weight:400;
  margin-bottom: 0;
  line-height: 1.25;
  color: #fff;
}
h1, .h1 {
  font-size: 6rem;
  font-weight:500;
 
  line-height: 1;
}
h2, .h2 {
  font-size: 4.5rem;

  line-height: 1;
}
h3, .h3 {
  font-size: 3.75rem;
 
  line-height: 1;
}
h4, .h4 {
  font-size: 2.4rem;
  line-height: 1.1;
}
h5, .h5 {
  font-size: 1.6rem;
  font-weight:500;
}
h6, .h6 {
  font-size: 0.9rem;
  text-transform: uppercase;
  font-weight:600;
  letter-spacing: 1px;
}
::selection {
  background-color: rgba(0,0,0,0.7);
}
::-moz-selection {
  background-color:  rgba(0,0,0,0.7);
}

::selection {
  color: #fff;
}
::-moz-selection {
  color: #fff;
}
mark{
  color:#fff;
}
a{ text-decoration:none; }
p {
  margin-top: 0;
  margin-bottom: 0;
}

.btn-02 {
    background: #132573;
    color: #fff;
    padding: 15px 25px;
}
.btn-02:hover{
    background: #2a3d53;
    color: #fff;
  
}


.container{
    max-width: 1260px;
}

.headingArea h4 {
    color: #000000;
    
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5em;
    margin-bottom: 20px;
}

.headingArea h2 {
    color: #13297e;
    
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2em;
}

  .section-05 .headingArea h2 {
    font-size: 30px;
}


header.header  {
    position: fixed;
    width: 100%;
    font-weight: 600;
    margin: 0;
    top: 0px;
    left: 0;
    padding: 20px 30px 20px 30px;
    z-index: 10;
    background: #132573;
     transition: transform 0.4s ease, background 0.3s ease, box-shadow 0.3s ease;
}

header.header .headerLeftArea span{ display:none }


header.header .logo img{ height:60px; }

header.header .menuIconArea a{ color:#fff; }

header.header .headerLeftArea ul{ list-style:none; } 
header.header .headerLeftArea ul li{}
header.header .headerLeftArea ul li a{ color:#fff; }

.bannerSection{ width:100%; position:relative;
background-image: url(../img/banner.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

    height: 500px;

 }


header.header.sticky-menu{ background:#132573;  transition: transform 0.4s ease, background 0.3s ease, box-shadow 0.3s ease; }



/* Sticky */
.sticky-menu {
  background: #111;
  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

/* Scroll down → hide */
.nav-up {
  transform: translateY(-100%);
}

/* Scroll up → show */
.nav-down {
  transform: translateY(0);
}

.bannerSection img{ width:100%; height:600px; }
.bannerSection:after{ width:100%; height:100%; position: absolute;  left:0; top:0; content: ''; background:rgba(0, 0, 0, .5); }


.section-01{ background:#13297e; padding: 10px 0; color: #fff;}
.section-01 h5 { margin:0; padding:0; }
.section-01 h5 {font-size: 14px; color: #fff; font-weight: bold;text-transform: none; line-height: 1.5em;}
.section-01 p{
    font-size: 12px;
    line-height: 1.1em;
    color: #fff;
}


.section-founder{
    padding:40px 30px;
}

.section-founder .section-founder-Left{width: 100%;}
.section-founder .section-founder-middle{width: 100%;}
.section-founder .section-founder-right{width: 100%;}




.section-founder-middle{ position:relative; padding-right: 40px !important;}

.section-founder-middle .founder-img-wrapper{
    transform:rotate(15deg);
}
.shap-img-wrapper{ width:70px; position:absolute; top:60%; right:100px; }
.shap-img-wrapper img{ width:100%;  transition: transform 0.2s linear;}



@keyframes rotateShape {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}



.section-founder-middle .founder-img-wrapper img{ width:60% }

.section-founder-middle .founder-img-bg {
    position: absolute;
    width: 66%;
    top: 40px;
    right: 85px;
    transform: rotate(24deg);
}

.section-founder-middle .founder-img-bg img{ width:100%; }

.section-founder-right p{ font-size:16px; font-weight:500; color:#000; font-weight:500; margin-bottom:30px; }

.section-founder-right .founder-name{ color:#000; margin-bottom:10px; }
.section-founder-right .signature{ color:#000; }

.section-founder-right .founderCtArea{ padding-left:0px; padding-top:0px; }

.servicesSection{ width:100%; margin-bottom: 40px;}

.servicesSection .headingArea{ position:relative; left:0%; top:0; max-width:100%; z-index:1; }


.servicesSection .servicesPrBox{ padding-top:10px; transition: transform 0.2s linear;}
.servicesSection .servicesPrBox .servicesBox{transition: transform 0.5s linear;}

.servicesSection .servicesPrBox .servicesBox .servicesImgBox{ position:relative; overflow:hidden; }
.servicesSection .servicesPrBox .servicesBox .servicesImgBox:after{ width:100%; height:100%; position:absolute; left:0; top:0; background:#000; content:''; opacity:.0; transition: all .4s; }
.servicesSection .servicesPrBox .servicesBox .servicesImgBox img{ width:100%; transition: all .4s; transition-duration: 1500ms;}
.servicesSection .servicesPrBox .servicesBox h3{ color:#000000; padding: 5px 0px 0px 0px; font-size: 20px;font-weight: bold;
    line-height: 1.5em; }

.servicesSection .servicesPrBox .servicesBox.pt-65{padding-block-start: 20px;} 
.servicesSection .servicesPrBox .servicesBox.pt-200{padding-block-start: 20px;}
.servicesSection .servicesPrBox .servicesBox.pt-20{padding-block-start: 20px;}
.servicesSection .servicesPrBox .servicesBox.pt-140{padding-block-start: 20px;}

.servicesSection .servicesPrBox .servicesBox:hover .servicesImgBox:after{ opacity:.3; transition: all .4s;} 

.servicesSection .servicesPrBox .servicesBox:hover .servicesImgBox img{ transform:scale(1.2); transition: all .4s; transition-duration: 1500ms;}   


.gallerySection{ width:100%; position:relative; margin-bottom:100px; overflow:hidden;}
.gallerySection .shap-img-wrapper{ top:-80px;  }
.gallerySection .galleryBox{ background:#E6F1F7; position:relative; width:100%; padding:115px 0; }
.gallerySection .galleryBox h2{font-size: 120px;
    font-weight: 600;
    line-height: 0.8em;
    color: #13297e; text-align: center;}
.gallerySection .galleryBox .galleryBeforeBox{ margin-left:0%; }
.gallerySection .galleryBox .galleryAndBox{}
.gallerySection .galleryBox .galleryAndBox h2{font-size: 80px; line-height: 1em;}
.gallerySection .galleryBox .galleryAfterBox{margin-right:0%;}


.gallerySection .galleryBox .galleryLineArea{ width:100%; margin: 70px 0px -280px 0px; }

.gallerySection .galleryButtonArea{ margin-top:100px; z-index:1; position: relative;}

.gallerySection .galleryButtonArea a{ background:#132573; color:#fff; padding:15px 25px;  }

.gallerySection .galleryButtonArea a:hover{background:#2a3d53;}


.section-05.section-founder .headingArea{
    max-width: 420px;
    width: 420px;
}

.section-05.section-founder .galleryLineArea{
    z-index: 9;
    position: relative;
    margin-top: -100px;
    padding-right: 120px;
}

.section-05.section-founder .elementorItems ul{
    margin: 50px 0px 0px 0px;
    padding: 15px 0px 25px 0px;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #13297e;
    list-style: none;
}
.section-05.section-founder .section-founder-middle {
    position: relative;
    padding-right: 0px !important;
}
.section-05.section-founder{ overflow:hidden; }
.section-05.section-founder .elementorItems ul li{ padding:15px 0; font-weight: 600; color: #13297e; text-align: left; border-bottom: 1px solid #13297e;   }
.section-05.section-founder .elementorItems ul li strong{ font-weight:800; font-size:14px; }
.productsSection {margin-bottom: 235px;}
.viewBtn a{ color:#000; text-transform:uppercase; font-size:15px; font-weight:600; }
.productsSection .product-card{
  background:#f2f4f5;
  overflow:hidden;
  transition:0.4s ease;
  border: solid #F5F5F5 1px;
  position: relative;
}

.productsSection .product-card .product-img{
  position:relative;
  background:#f2f4f5;
  padding:0px;
  text-align:center;
  overflow:hidden;
}

.productsSection .product-card .product-img img{
  width: 100%;
  transition:0.4s;
}

/* PRICE TAG */
.productsSection .product-card .price-tag{
  position:absolute;
  top:20px;
  left:20px;
  background:#1f2f6d;
  color:#fff;
  padding:5px 20px;
  font-weight:600;
  z-index:2;
}

.productsSection .product-card .product-body{
  padding:25px 15px 30px 15px;
  background:#fff;
  transition:0.4s;
}

.productsSection .product-card .product-body h2{
  font-size:20px;
  color: #000;
  font-weight:600;
  margin-bottom: 10px;
}

.productsSection .product-card .product-body p{
  font-size:14px;
  color: #2e3031;
  font-weight:600;
}
.productsSection .product-card .addCartWrap{ position:absolute; bottom:-60px;  transition: all .4s; }
.addCartWrap a.btn-02{ width:100%; display:block; text-align:center; font-size:16px; }

/* HOVER EFFECT */
.productsSection .product-card:hover img{

transform: translateY(calc(-60px / 2));
}

.productsSection .product-card:hover .product-body{
 transform: translateY(calc(-60px / 2));
}


.productsSection .product-card:hover .cart-btn{
  transform:translateY(0);
  opacity:1;
}

.productsSection .product-card:hover .addCartWrap{bottom: 0; transition: all .4s;}

.patientsSection{ margin-bottom: 50px; overflow: hidden;}
.patientsSection .patientsAreaLeft { width: 100%; background:#f5f5f5; padding-top: 30px;}
.patientsSection .patientsAreaLeft .patientsImgArea{ padding:10px; }
.patientsSection .patientsAreaLeft .patientsImgArea img{ width:100%; }
.patientsSection .patientsAreaLeft .headingArea{ padding: 0px 0 0 0px; margin-left: 20px; width:480px; }


.patientsSection .patientsAreaRight { width: 100%; }

.patientsSection .patientsAreaRight .personasBoxArea{ padding-block-start: 5%;
    padding-inline-start: 9%;
    padding-block-end: 0%;
    padding-inline-end: 9%; }
.patientsSection .patientsAreaRight .testimonialText h2{ 
  margin: 0;
  padding: 0;
  color:#000; 
font-size: 18px;
 font-family: "Open Sans", sans-serif;
    font-weight: 500;
    text-transform: none;
    font-style: normal;
    line-height: 1.3em;
}

.patientsSection .patientsAreaRight .testimonialText .testimonialName{   color: #2E3031;
   font-family: "Open Sans", sans-serif;
   padding-top: 25px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3em;}
.patientsSection .patientsAreaRight .testimonialText .testimonialName span{ display:block; color: #2E303180;
    font-size: 16px;
    line-height: 1.3em;}


.arrowAction-01{ position:relative; }

.arrowAction-01 .owl-nav{
    position: absolute;
    width: 100%;
    top: 50%;
}
.arrowAction-01 .owl-nav button{
    position: absolute;
    bottom: 0px;
    color: #757575;
    width: 30px;
    height: 26px;
    overflow: hidden;
    }



.arrowAction-01 .owl-nav button.owl-prev{ left: -40px; }
.arrowAction-01 .owl-nav button.owl-next{right: -40px;}

.arrowAction-01 .owl-nav button:before {
               font-family: 'Font Awesome 6 Pro';
    color: #323232;
   
    background:#fff;
    width: 24px;
    font-weight: 500;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;

    font-size: 26px;
    transition: all 0.5s ease;
}

.arrowAction-01 .owl-nav button.owl-prev:before {
 content: "\f104";

}

.arrowAction-01 .owl-nav button.owl-next:before {
 content: "\f105";

}
.arrowAction-01 .owl-carousel .owl-stage-outer { margin-bottom:20px; }
.arrowAction-01 .owl-dots{width:100%; text-align:center; }
.arrowAction-01 .owl-dots .owl-dot{ width:12px; height:12px; background:#8f79d2; border-radius:50px; margin:0 5px; }
.arrowAction-01 .owl-dots .owl-dot.active{background:#000067; }

.transformSection.gallerySection{ position:relative;  }
.transformSection.gallerySection:before{ width:100%; height:32%; content:''; position:absolute; background:#f5f5f5; bottom:0; }

.transformSection.gallerySection .galleryBox {
    background:url(../img/08.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    width: 100%;
   padding: 115px 0 158px;
}
.transformSection.gallerySection .hd-6{ color:#000;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5em;
 }

.transformSection.gallerySection  .galleryButtonArea {
    margin-top: 70px;
   
}

.transformSection.gallerySection  .galleryBox .galleryBeforeBox {
    margin-left: 6%;
}
.transformSection.gallerySection  .galleryBox .galleryAfterBox {
    margin-right: 0%;
}

.transformSection.gallerySection  .galleryBox h2 {
    font-size: 50px;
    font-weight: 600;
    line-height: 0.8em;
    color: #13297e;
    text-align: center;
}
.transformSection.gallerySection  .galleryBox .galleryLineArea {
    width: 100%;
    margin: -200px 0px 135px 0px;
}

footer.footer{ background:#f5f5f5; padding:50px 0 0; } 

footer.footer .footerTopArea{padding: 40px 0; border-top: 1px solid #13297e;}

footer.footer p{ font-weight:600; color:#13297E; font-size:14px; }

footer.footer a{ font-weight:600; color:#13297E; font-size:14px; }
footer.footer a:hover{ text-decoration:underline; }

footer.footer .social-icons i{ font-size:20px; }

footer.footer ul{ list-style:none; }


.menuModalArea .modal-content{ background:#000; }
.menuModalArea .modal-body{ padding-left:0; padding-right:0; }
.menuModalArea .modal-body .menuSection ul.header-nav-list{padding: 0;}
.menuModalArea .modal-header{ border:0; }


.menuModalArea .modal-header{ padding-top:25px; }
.menuModalArea .modal-header button{
    filter: brightness(0) invert(1);
}


/***************************************
* - Components / Navber
***************************************/
.header-nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 20px;
  font-weight: 600;
}
.header-nav-link {
  position: relative;
  overflow: hidden;
  color: #fff;
  line-height: 1;
  font-size: 20px;
  font-weight: 800;
  display: block;
}
.header-nav-link::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #fff;
  width: 0%;
  height: 2px;
  content: "";
}
.header-nav-link.is-white {
  color: rgba(255, 255, 255, 0.85);
}
.header-nav-link:hover {
  color: #fff;
}
.header-nav-link.active:after,
.header-nav-item:hover .header-nav-link::after {
  right: auto;
  left: 0;
  width: 100%;
}
.header-nav .has-submenu {
  position: relative;
  padding-right: 15px;
}
.header-nav .has-submenu::after {
  position: absolute;
  top: 50%;
  right: -5px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "\f078";
  color: #fff;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1;
  font-family: "Font Awesome 6 Pro";
}
.header-nav .has-submenu.is-white::after {
  -webkit-filter: invert(1);
          filter: invert(1);
}
.header-nav .has-submenu:hover .dropdown-menu-list {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  visibility: visible;
  opacity: 1;
}

.dropdown-menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 100%;
  left: 0;
  row-gap: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transform: translateY(15px);
          transform: translateY(15px);
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #000;
  padding: 0;
  padding-top: 20px;
  min-width: 250px;
}
.dropdown-menu-item:not(:last-child) {
  
}
.dropdown-menu-link {
  position: relative;
  color: #fff;
  display: block;
  padding: 10px 15px;
}

.dropdown-menu-link:hover {
  text-decoration: underline;
}
.dropdown-menu-link:hover::before {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  opacity: 1;
}



.bannerSection {
  height: 100vh;
  overflow: hidden;
}

.bannerSection .bannerTextSection{ position:relative; z-index:2 }
.bannerSection .bannerTextSection h1{
    font-size: 30px;
    line-height: 50px;
}

.video-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.overlay {
  background: rgba(0,0,0,0.5);
}

/* Text Animation */
.hero-title {
  animation: fadeUp 1s ease forwards;
}

.hero-subtitle {
  animation: fadeUp 1s ease forwards;
  animation-delay: 0.5s;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}



.circle {
  position: absolute;
  width: 180px;
  transform: translateX(50%) scale(0.7); right:50%;
  height: 180px;
  right:50%; bottom:0px;
  border-radius: 50%;
  background: black;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
}
/* Rotating text */
.circle-text {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: rotate 10s linear infinite;
}

.circle-text span {
    position: absolute;
    left: 50%;
    top: 7%;
    /* transform: translate(-50px); */
    transform-origin: 0 80px;
    font-size: 16px;
    color: white;
    text-transform: lowercase;
    letter-spacing: 23px;
}

/* Play button */
.play-btn {
  width: 50px;
  height: 50px;
  background: transparent;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.play-btn::before {
  content: "";
  border-left: 15px solid white;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}





/*------------------- 2.5. Mobile Menu -------------------*/
.vs-menu-wrapper {
 /* position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999999;
  width: 0;
  width: 100%;
  height: 100%;
  transition: all ease 0.8s;
  opacity: 0;
  visibility: hidden;*/
}
.vs-menu-wrapper .mobile-logo {
  padding: 40px 15px 0 15px;
  display: block;
  text-align: center;
  background-color: #fff;
}
.vs-menu-wrapper .mobile-logo img {
  width: 100%;
}
.vs-menu-wrapper .vs-menu-toggle {
  border: none;
  font-size: 22px;
 
  right: 10px;
  top: 10px;
  padding: 0;
  line-height: 1;
  width: 33px;
  height: 33px;
  line-height: 33px;
  font-size: 18px;
  z-index: 1;
  color: #fff;
  background-color: #1f4ec3;
  border-radius: 50%;
}
.vs-menu-wrapper .vs-menu-toggle:hover {
  background-color: var(--secondary-color);
  color: #fff;
}
.vs-menu-wrapper .vs-menu-area {
  width: 100%;
/*  max-width: 340px;*/
  border-right: 0px solid #1f4ec3;
  height: 100%;
  position: relative;


  transition: all ease 1s;
  z-index: 1;
}
.vs-menu-wrapper.vs-body-visible {
  opacity: 1;
  visibility: visible;
}
.vs-menu-wrapper.vs-body-visible .vs-menu-area {
  left: 0;
  opacity: 1;
  visibility: visible;
}

.vs-mobile-menu {
  overflow-y: scroll;
  max-height: calc(100vh - 200px);
/*  padding-bottom: 40px;
  margin-top: 33px;*/
  text-align: left;
}
.vs-mobile-menu::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(242, 0, 58, 0.2);
  background-color: #000;
}
.vs-mobile-menu::-webkit-scrollbar {
  width: 6px;
  background-color: #000;
}
.vs-mobile-menu::-webkit-scrollbar-thumb {
  background-color: #1f4ec3;
}
.vs-mobile-menu ul {
  margin: 0;
  padding: 0 0;
}
.vs-mobile-menu ul li {
  border-bottom: 1px solid #cdd5d6;
  list-style-type: none;
}
.vs-mobile-menu ul li li:first-child {
  border-top: 1px solid #cdd5d6;
}
.vs-mobile-menu ul li a {
    display: block;
    position: relative;
    padding: 12px 0;
    line-height: 1;
    font-size: 17px;
    line-height: 20px;
    text-transform: capitalize;
    color: #ffffff;
    font-weight: 600;
}
.vs-mobile-menu ul li a:before {
  content: "\f105";
  font-family: 'Font Awesome 6 Pro';
  position: relative;
  left: 0;
  top: 0;
  margin-right: 10px;
  display: inline-block;
}
.vs-mobile-menu ul li.vs-active > a {
  color: #fff;
  background: #1f4ec3;
  padding-left: 10px;
  padding-right: 10px;
}
.vs-mobile-menu ul li.vs-active > a:before {
  transform: rotate(90deg);
}
.vs-mobile-menu ul li ul li {
  padding-left: 15px;
}
.vs-mobile-menu ul li ul li:last-child {
  border-bottom: none;
}
.vs-mobile-menu ul .vs-item-has-children > a .vs-mean-expand {
  position: absolute;
  right: 0;
  top: 50%;
  font-weight: 400;
  font-size: 12px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin-top: -12.5px;
  display: inline-block;
  text-align: center;
  background-color: #000;
  color: #fff;
  box-shadow: 0 0 20px -8px rgba(242, 0, 58, 0.5);
  border-radius: 50%;
}
.vs-mobile-menu ul .vs-item-has-children > a .vs-mean-expand:before {
  content: "\f067";
  font-family: 'Font Awesome 6 Pro';
}
.vs-mobile-menu ul .vs-item-has-children.vs-active > a .vs-mean-expand:before {
  content: "\f068";
}
.vs-mobile-menu > ul {
  padding: 0 20px;
}
.vs-mobile-menu > ul > li:last-child {
  border-bottom: none;
}

.vs-menu-toggle {
  width: 50px;
  height: 50px;
  padding: 0;
  font-size: 24px;
  border: none;
  background-color: #1f4ec3;
  color: #fff;
  display: inline-block;
  border-radius: 0;
}
.vs-menu-toggle:hover {
  background-color: #063a41;
}
.vs-menu-toggle.style-text, .vs-menu-toggle.style-text-white {
  width: auto;
  height: auto;
  background-color: transparent;
  color: #063a41;
  font-size: 20px;
}
.vs-menu-toggle.style-text i, .vs-menu-toggle.style-text-white i {
  margin-right: 10px;
}
.vs-menu-toggle.style-text-white {
  color: #fff;
}

@media (max-width: 400px) {
  .vs-menu-wrapper .vs-menu-area {
    width: 100%;
    max-width: 300px;
  }
  .vs-mobile-menu > ul {
    padding: 0 20px;
  }
}