/*----------------------------
         Add CSS file
----------------------------*/
@import "../plugins/bootstrap/css/bootstrap.min.css";
@import "../plugins/fontawesome/css/all.min.css";

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/*----------------------------
   element      
----------------------------*/
:root {
    --blue:#132A3A;
    --darkblue:#0a0e19;
    --red:#F1190A;
    --gold:#ebd098;
    --sliver:#c5c6ec;
    --platinum:#d0d0d0;
    --user:#d8e7a5;
    --green:#ACCE39;
    --yellow:#ffca00;
    --Lighter:#959FA6;
    --gray:#66757F;
    --lightgray:#8F93A0;
    --Lighter1:#fafbfc;
    --white:#ffffff;
    --body:#efefef;
    --border:#959FA6;
}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html { text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;}
*{margin:0; padding:0}
a{ text-decoration:none;}
a:hover{ text-decoration:none !important;}
header, nav, section, article, aside, footer { display:block;}
html {font-size: 100%;}
body {font-size: 14px;  font-family: "Poppins", serif;line-height: 26px;color:var(--gray, #4F5168);-webkit-font-smoothing: antialiased;font-weight: normal;}
h1, h2, h3, h4, h5, h6 {padding: 5px 0 15px 0;font-weight: normal;-webkit-font-smoothing: antialiased;}
:-ms-input-placeholder{color: var(--gray, #4F5168);}
::-webkit-scrollbar {
    -webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
    width: 5px;
}
::-webkit-scrollbar:horizontal {
    height: 5px;
} 
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    border:1px solid var(--blue); 
    background-color:  var(--blue);
}
::-webkit-scrollbar-track { 
    background-color: var(--gray); 
    border-radius: 5px; 
} 








/*----------------------------------------*/
/*  3.1 Header Style
/*----------------------------------------*/
.header {background: var(--darkblue); position: relative; }




 .lp-header-menu {
      position: relative;
    }

    
.nav-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      max-width: 1200px;
      margin: auto;
    }

    .logo {
      font-size: 1.6rem;
      font-weight: bold;
    }

    .menu-toggle {
      display: none;
      flex-direction: column;
      cursor: pointer;
    }

    .menu-toggle span {
      height: 3px;
      background: white;
      margin: 5px 0;
      width: 25px;
      transition: all 0.3s ease;
    }

    ul.menu {
      list-style: none;
      display: flex;
      gap: 25px;
      margin-bottom: 0;
    }

    ul.menu li {
      position: relative;
    }

    ul.menu li a {
      text-decoration: none;
      color: #fff;
      padding:20px 5px;
      display: flex;
      align-items: center;
      transition: 0.3s;
    }

    ul.menu li a:hover {
      color: var(--green);
    }

    .submenu {
      display: none;
      position: absolute;
      background: #fff;
      top: 100%;
      left: 0;
      min-width: 180px;
      border-radius: 5px;
      overflow: hidden;
      z-index: 999;
      list-style: none;
      padding: 0; margin: 0;


    }

     ul.menu li ul.submenu li a {
      padding: 10px 15px ;
      color: var(--darkblue);
      display: block;
    }

    .submenu li a:hover {
      background: var(--Lighter);
    }

    .menu li.active > .submenu {
      display: block;
    }

    .menu li .arrow {
      margin-left: 6px;
      font-size: 0.8rem;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .nav-container{padding-left: 15px;padding-right: 15px; width: 100%; padding-top: 4px; padding-bottom: 4px}
      .menu-toggle {
        display: flex;
      }

      ul.menu {
        flex-direction: column;
        position: absolute;
        top: 60px;
        left: 0;
        background: #0f2027;
        width: 100%;
        display: none;
        padding: 0px 10px;
        z-index: 99;
        gap: 0px;
      }

      ul.menu.active {
        display: flex;
      }

      ul.menu li a{padding:10px 10px; }

      .submenu {
        position: static;
        background: #fff;
      }

      .submenu li a {
        padding-left: 30px;
      }

      .menu li.active > .submenu {
        display: block;
      }
    }

















/*.lp-header-area {position: absolute; top: 0; left: 0; right: 0; z-index: 99; border-bottom: 1px solid; }*/
.lp-transparent-header {position: absolute; top: 0; left: 0; right: 0; z-index: 99; }
.lp-logo img {width: 168px; }

.lp-header-cta {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 0px 40px;
  height: 100%;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .lp-header-cta {
    padding: 18px 32px;
  }
}
.lp-header-cta i {
  font-size: 35px;
  color: var(--green);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .lp-header-cta {
    padding: 18px 25px;
  }
}
.lp-header-cta-icon {
  margin-right: 15px;
}
.lp-header-cta-text span {
  color: #B1B4BA;
  font-size: 15px;
  display: block;
  margin-bottom: 7px;
  line-height: 1;
}
.lp-header-cta-text a {
  color: #fff;
  font-size: 18px;
  margin: 0;
}
.lp-header-cta-text a:hover {
  color: var(--tp-theme-color-2);
}
.lp-header-btn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.lp-header-right-black .lp-header-search {
  color: #0A0E1A;
  margin-right: 20px;
}
.lp-header-right-black .lp-header-search i {
  color: #0A0E1A;
}
.lp-header-right-black .lp-header-bar {
  margin-left: 20px;
}
.lp-header-right-black .lp-header-bar button {
  background: none;
  padding: 0;
}
.lp-header-right-black .lp-header-bar button i {
  color: #0A0E1A;
}

.lp-header-sep-vr {
  height: 40px;
  width: 1px;
  background: #F2DDD1;
}

.lp-header-toogle button {
  background: #23252D;
  padding: 11px 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 40px;
  border-radius: 10px;
}

.lp-main-menu ul > li:hover .lp-mega-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.lp-mega-menu {
  position: absolute;
  top: 105%;
  left: 0;
  width: 1000px;
  background: #fff;
  padding: 25px;
  padding-bottom: 0;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .lp-mega-menu {
    width: 900px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .lp-mega-menu {
    width: auto;
    opacity: 1;
    visibility: visible;
    transition: none;
    position: static;
    display: none;
  }
}

.lp-home-thumb {
  text-align: center;
}

.lp-home-title {
  font-size: 17px;
  margin-top: 19px;
  margin-bottom: 0;
  transition: 0.3s;
}
.lp-home-title:hover {
  color: var(--tp-theme-color);
}

.lp-home-thumb img {
  box-shadow: 0px 2px 6px rgba(1, 15, 28, 0.2);
}

@keyframes tpfadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.tpfadeInDown {
  animation: tpfadeInDown 1s ease-out forwards;
}

.header-sticky {position: fixed; top: 0; left: 0; right: 0; -webkit-animation: 0.7s ease-in-out 0s normal none 1 running tpfadeInDown; animation: 0.7s ease-in-out 0s normal none 1 running tpfadeInDown; box-shadow: 0px 20px 30px rgba(167, 167, 167, 0.1); } 
.header-sticky.lp-sticky-black {background-color: var(--blue); } 
.header-sticky.lp-sticky-white {background-color: #fff; } 
.header-sticky .lp-main-menu ul > li > a {padding: 25px 0; }




.Schedulebtn {font-size: 14px !important; position: relative; padding: 10px 30px; margin-bottom: 0px; color: var(--white); display: inline-flex ; justify-content: center; gap: 10px; text-decoration: none; border-radius: 5px; font-weight: bold; background: var(--green); border: 2px solid var(--green); }
.Schedulebtn:hover{color: var(--white) !important;}
 
/*footer*/
.footer{    background-color: var(--darkblue); position: relative;}


.lp-footer-shape-01 {left: 17%; top: 41%; position: absolute; }
.lp-footer-shape-02 {left: 46.5%; top: 15%; position: absolute; }
.lp-footer-shape-03 {right: 12%; bottom: 10%; position: absolute; }
.lp-footer-shape-04 {right: 6%; top: 10%; position: absolute; }

.lp-foter-logo-area {padding-top: 60px; position: relative; margin-bottom: 50px;}
.lp-footer-widget-area {position: relative; }
.footer-sep {background: #fff; opacity: 0.15; height: 1px; }
.lpfooter-social a {color: #fff; opacity: 0.7; margin-right: 18px; }
.footer-content{margin-bottom: 2rem}
.footer-content span {font-size: 16px; color: #b1b4ba;}
.lp-footer-col-3 {position: relative; padding-left: 60px; }
.lp-footer-col-3:before, 
.lp-footer-col-3:after {content: ""; position: absolute; height: 100%; width: 1px; background-color: #fff; opacity: 0.15; left: -40px; top: 0px; }
.lp-footer-col-3:after {left: auto; right: 30px; }

.lp-footer-widget-title {font-size: 20px; color: #fff; font-weight: bold;  margin: 0 0 1.5rem 0; padding: 0; }

.lp-footer-widget ul {list-style: none; margin:0; padding:0; } 
.lp-footer-widget ul li {margin-bottom: 10px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } 
.lp-footer-widget ul li a {font-size:16px; color: #b1b4ba;}

.lp-footer-widget-title {font-size: 20px; color: #fff; margin-bottom: 20px; font-weight:bold; }

.lp-footer-contact-item{margin-bottom: 2rem;}
.lp-footer-contact-item span {color:  var(--white); font-size: 16px; }
.lp-footer-contact-item h4{font-size:16px; font-weight: 600; margin: 0; padding: 0;}
.lp-footer-contact-item h4 a{color: var(--white);}

.lp-footer-copyright-area{border-top: 1px solid #2f323b; padding: 10px 0; margin-top: 2rem}
.lp-footer-copyright{text-align: center;}
.lp-footer-copyright p {font-size: 16px;  color: #b1b4ba; margin: 0; }