/* font */

 @import url('https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap');

 @import url('https://fonts.googleapis.com/css2?family=Be+Vietnam:wght@100;300;400;500;600;700;800&display=swap');



 /* variable */

 :root {

     --base-color: #2c5a82;

     --dark-gray: #262b35;

     --medium-gray: #868d98;

     --primary-font: 'Be Vietnam', sans-serif;

     --alt-font: 'Sora', sans-serif;

     --solitude-blue: #e9f2f8;

 }



 /* reset */

 body {

     font-size: 17px;

     line-height: 32px;

 }



 /* header */

 header .navbar-brand img {

     max-height: 35px;

     max-width: unset !important;

 }



 .navbar .navbar-nav .nav-link {

     font-size: 17px;

     font-weight: 400;

 }



 .sticky .header-transparent .header-button .btn {

     color: var(--dark-gray);

     border-color: var(--dark-gray);

 }



 .sticky .header-transparent .header-button .btn:hover {

     border-color: var(--dark-gray);

     color: var(--white);

     background: var(--dark-gray);

 }



 header.sticky.sticky-active [data-header-hover="light"] .widget-text i {

     color: var(--white);

 }



 /* accordion style 02 */

 .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {

     background-color: var(--dark-gray);

 }



 .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a {

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

     color: var(--white);

 }



 .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:hover a,

 .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li.active a {

     opacity: .5;

 }



 /* bg color */

 .bg-gradient-sherpa-blue-black {

     background-image: linear-gradient(to right top, #23248C, #22236D, #232348, #222226, #232323);

 }



 .bg-gradient-sherpa-black-blue {

     background-image: linear-gradient(to right top, #232323, #222226, #232348, #22236D, #23248C);

 }



 /* bg transparent color */

 .bg-base-color-transparent {

     background-color: rgba(87, 88, 214, .8);

 }



 /*  tabs style 05  */

 .tab-style-05 .nav-tabs>li.nav-item {

     letter-spacing: -.5px;

 }



 /* accordion */

 .accordion .accordion-item .accordion-header .accordion-title i {

     top: 52%;

 }



 .h1,

 .h2,

 .h3,

 .h4,

 .h5,

 .h6,

 h1,

 h2,

 h3,

 h4,

 h5,

 h6 {

     margin-bottom: 25px

 }



 /*  progress bar style 01  */

 .progress-bar-style-01 .progress .progress-bar-title {

     bottom: 15px;

 }



 /* page title */

 .page-title-extra-large h1 {

     font-size: 4.7rem;

     line-height: 4.7rem;

 }



 /* separator line */

 .separator-line-9px {

     height: 9px;

 }



 /* tag */

 .tag-cloud a {

     padding-top: 5px;

     padding-bottom: 9px;

 }



 /* blog comment */

 .blog-comment li .btn-reply {

     padding-top: 5px;

     padding-bottom: 7px;

 }



 /* number pagination style 01 */

 .pagination-style-01 .page-item .page-link {

     line-height: 42px;

 }



 .pagination-style-01 .page-item.active .page-link {

     background: var(--dark-gray);

     color: var(--white);

 }



 /* top right bottom left */

 .bottom-minus-45px {

     bottom: -45px;

 }



 .right-minus-45px {

     right: -45px;

 }



 /* footer */

 footer .footer-logo img {

     max-height: 26px;

 }



 footer ul li {

     margin-bottom: 0;

 }



 .footer-dark a:hover {

     color: var(--white);

 }



 /* model popup */

 .mfp-bg {

     background: #000000;

     opacity: 0.7;

 }



 /* media query responsive */

 @media (max-width: 1499px) {

     .navbar .navbar-nav .nav-link {

         padding-left: 15px;

         padding-right: 15px;

     }

 }



 @media (max-width: 1399px) {

     .navbar .navbar-nav .nav-link {

         padding-left: 13px;

         padding-right: 13px;

     }



     .sticky-wrap.shadow-in {

         left: 35px;

     }

 }



 @media (max-width: 1300px) {

     .sticky-wrap.shadow-in {

         left: 10px;

     }

 }



 @media (max-width: 991px) {

     .header-transparent .header-button .btn {

         color: var(--dark-gray);

         border-color: var(--dark-gray);

     }



     .header-transparent .header-button .btn:hover {

         border-color: var(--dark-gray);

         color: var(--white);

         background: var(--dark-gray);

     }



     .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {

         width: calc(100% + 30px) !important;

         margin-left: -15px;

         padding: 10px 45px;

         margin-bottom: 0;

         margin-right: -15px;

     }



     .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:last-child a {

         padding-bottom: 17px;

     }

 }



 @media (max-width: 767px) {

     p {

         margin-bottom: 20px;

     }



     .page-title-extra-large h1 {

         font-size: 40px;

         line-height: 46px;

     }

 }



 .whatsapp-float {

     position: fixed;

     right: 30px;

     bottom: 30px;

     z-index: 9999;

 }



 .whatsapp-float .whatsapp-btn {

     width: 60px;

     height: 60px;

     background: #25D366;

     border-radius: 16px;

     display: flex;

     align-items: center;

     justify-content: center;

     box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);

     transition: box-shadow 0.2s;

     text-decoration: none !important;

 }



 .whatsapp-float .whatsapp-btn:hover {

     box-shadow: 0 6px 36px rgba(0, 0, 0, 0.22);

     background: #22bb58;

 }



 .whatsapp-float .fa-whatsapp {

     color: #fff;

     font-size: 32px;

     margin: 0 auto;

 }