html {scroll-behavior: smooth;}
::-webkit-scrollbar{width: 7px;height:7px;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 7px grey;}
::-webkit-scrollbar-thumb{background: #012768;transition: 0.5s;}
::-webkit-scrollbar-thumb:hover{background: var(--theme-yellow);}

a{text-decoration: unset;color: unset;display: block;}
ul{list-style: none;}

@media only screen and (min-width: 1400px) {
    .container{padding: 0;max-width: 1374px !important;}
    /*====================== Inner Pages =====================*/
}

body{font-family: 'Graphik';color: #444;}
:root{
    --theme-blue: #008036;
    --theme-lightblue: #0CB7EF;
    --theme-yellow: #F19554;
}
h1, h2, h3, h4, h5, h6, p, ul, li{
    margin: 0;
    padding: 0;
}

/*== Owl Carousel ==*/
.owl-carousel.owl-drag .owl-item, 
.owl-carousel.owl-drag .owl-stage{display: flex;}
.owl-theme .owl-nav{position: absolute;top: -93px;right: 0;margin-top: 0;}
.owl-theme .owl-nav [class*=owl-]{margin: 0 3px;padding: 5px;width: 40px;aspect-ratio: 1/1;background: transparent;border: 2px solid var(--theme-blue);border-radius: 50%;line-height: 26px;text-align: center;transition: 0.5s;}
.owl-theme .owl-nav [class*=owl-] img{width: 14px;height: auto;filter: invert(13%) sepia(44%) saturate(6485%) hue-rotate(212deg) brightness(93%) contrast(106%);/*filter: brightness(0) invert(1);*/transition: 0.5s;}
.owl-theme .owl-nav .owl-prev img{transform: rotate(180deg);}
.owl-theme .owl-nav [class*=owl-]:hover{background: var(--theme-blue);}
.owl-theme .owl-nav [class*=owl-]:hover img{filter: brightness(0) invert(1);}


/*== Accordion ==*/
.accordion{position: relative;z-index: 0;}
.accordion-item .accordion-button{background: transparent;border-bottom: 1px solid #D4D4D4;box-shadow: unset;color: #444;}
.accordion-item:first-of-type .accordion-button,
.accordion-item:last-of-type .accordion-button.collapsed{border-radius: 0;}
.accordion-button:focus{z-index: 2;/*border-color: transparent;*/box-shadow: none;}
.accordion-item .accordion-button:not(.collapsed){color: var(--theme-blue);}


.text-left-space{padding-left: 40px;}
/*== Section/SectionTitle ==*/
section{padding: 70px 0;}
.sec-title{width: 74%;}
.sec-title h6{margin-bottom: 12px;padding: 5px 10px;width: fit-content;background: var(--theme-yellow);border-radius: 2px;font-size: 13px;font-weight: 500;line-height: 1;}
.sec-title h4{font-size: 35px;font-weight: 500;line-height: 1.3;}


/*== ThemeButton ==*/
.theme-btn *{-webkit-transition: all 0.35s linear;transition: all 0.35s linear;}
.theme-btn{width: fit-content;min-width: 170px;border-radius: 5px;font-size: 13px;font-weight: 600;text-align: center;line-height: 1;letter-spacing: 0.5px;text-transform: uppercase;position: relative;overflow: hidden;cursor: pointer;}
.theme-btn span, .theme-btn::after{padding: 15px 17px;border: 1px solid #707070;border-radius: 5px;}
.theme-btn span{display: block;color: #444;/*-webkit-transform-origin: 50% 0;-ms-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;*/position: relative;left: 0;transition: 0.5s;}
.theme-btn::after{content: attr(data-hover);position: absolute;top: 0;left: 100%;width: 100%;background: var(--theme-blue);border-color: var(--theme-blue);color: #fff;opacity: 1;-webkit-transition: all 0.35s linear;transition: all 0.35s linear;}
.theme-btn:hover span{/*-webkit-transform: rotateY(90deg);transform: rotateY(90deg);color: transparent;*/left: 100%;}
.theme-btn:hover::after{left: 0;}


/*== Theme Header ==*/
.header{position: fixed;padding: 0 10px;width: 100%;background: transparent;z-index: 2;transition: 0.5s;}
/*---------------- Top Header ----------------*/
.header .top-header{padding: 14px  22px 14px 0; border-bottom: 1px solid rgb(255 255 255/50%);transition: 0.5s;}
.header .top-header ul{display: flex;justify-content: flex-end;align-items: center;}
.header .top-header ul li{margin-right: 25px;font-size: 14px;font-weight: 500;line-height: 16px;color: #fff;transition: 0.5s;}
.header .top-header ul li:last-child{margin-right: -7px;}
.header .top-header ul li img{margin-right: 8px;height: 16px;}
.header .top-header ul li:hover img{filter: invert(51%) sepia(17%) saturate(3655%) hue-rotate(359deg) brightness(170%) contrast(108%)}
/*---------------- Main Header ----------------*/
.header .main-header{padding: 0 30px 0 30px;display: flex;align-items: center;justify-content: space-between;}
.header .logo{width: 140px;position: relative;}
.header .logo img{width: 100%;transition: 0.5s;object-fit: contain;}
.header .logo .color-logo{position: absolute;top: 0;left: 0;width: 100%;object-fit: contain;opacity: 0;}
/*---------------- navbar toggler ----------------*/
.header .main-header .navbar-toggler{margin-left: 15px;}
.header .navbar-toggler{position: relative;width: 50px;height: 40px;border: none;cursor: pointer;transition-duration: 0.5s;z-index: 1;}
.header .navbar-toggler:focus{box-shadow: unset;}
.header .navbar-toggler .icon{width: 25px;height: 3px;background: var(--theme-yellow);border-radius: 2px;position: absolute;top: 20px;right: 10px;transition-duration: 0.5s;}
.header .navbar-toggler .icon:before{content: "";width: 30px;height: 3px;background: var(--theme-blue);border-radius: 2px;position: absolute;right: 0;top: -8px;transform-origin: right;transition-duration: 0.5s;}
.header .navbar-toggler .icon:after{content: "";width: 20px;height: 3px;background: var(--theme-blue);border-radius: 2px;position: absolute;right: 0;top: 8px;transform-origin: right;transition-duration: 0.5s;}
.header .navbar-toggler[aria-expanded*=true] .icon{background: transparent;}
.header .navbar-toggler[aria-expanded*=true] .icon:before{top: -10px;right: 5px;transform: rotateZ(-45deg);}
.header .navbar-toggler[aria-expanded*=true] .icon:after{width: 30px;top: 11px;right: 5px;transform: rotateZ(45deg);}
/*---------------- Header Menu ----------------*/
.header .navbar-nav{margin-left: 50px;}
.header .nav-item{margin-right: 47px;}
.header .nav-item:last-child{margin-right: 0;}
.header .nav-link{padding: 40px 0 45px !important;font-size: 16px;font-weight: 500;line-height: 1;color: #fff;}
.header .nav-link.active, .header .show .nav-link{color: var(--theme-yellow);}
/*-- Dropdown Menu --*/
.dropdown-menu{padding: 5px;min-width: 240px;background: #F8FBFF;border-color: #D4E3F2;border-radius: 0 0 10px 10px;overflow: hidden;position: relative;display: block;transform: scaleY(0);transform-origin: top;transition: 0.3s 0.1s;}
.dropdown-menu *{opacity: 0;transition: 0.5s 0s;}
.dropdown-menu.show{transform: scaleY(1);transition: 0.5s;}
.dropdown-menu.show *{opacity: 1;transition: 0.3s 0.2s;}

.header .nav-link{display: inline-block;}
.dropdown-toggle{padding: 0;width: 10px;height: 10px;border: none;background: transparent;transform: translate(0px, 5px);}
.dropdown-toggle::after{width: 100%;height: 100%;background: url(../img/right.svg) no-repeat center center;background-size: contain;border: none;transform: rotate(90deg);filter: invert(1);transition: 0.5s;}
header:hover .dropdown-toggle::after{filter: invert(0);}
.dropdown.show .dropdown-toggle::after{transform: rotate(-90deg);filter: invert(86%) sepia(23%) saturate(5519%) hue-rotate(0deg) brightness(108%) contrast(104%);}
.dropdown-menu .dropdown-item{padding: 10px 15px;border-bottom: 1px solid rgb(0 0 0 / 6%);font-size: 17px;font-weight: 500;line-height: 1.4;color: #444;position: relative;transition: 0.5s;}
.dropdown-menu .dropdown-item::before{content: '';position: absolute;top: calc(50% - 4px);left: 0;width: 0;height: 0;border: 2px solid var(--theme-blue);border-color: var(--theme-blue) var(--theme-blue) transparent transparent;transform: rotate(45deg);opacity: 0;transition: 0.5s;}
.dropdown-menu li:last-child .dropdown-item{border-bottom: 0;}
.dropdown-menu .dropdown-item:hover{padding: 10px 5px 10px 25px;}
.dropdown-menu .dropdown-item:hover::before{left: 5px;width: 8px;height: 8px;opacity: 1;}
.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover{background: transparent;}
/*---------------- Header Contact ----------------*/
.header .main-header .contact-area{display: flex;align-items: center;}
.header .main-header .contact-area .header-contact{margin-right: 24px;font-size: 18px;font-weight: 500;color: #fff;display: flex;align-items: center;transition: 0.5s;}
.header .main-header .contact-area .header-contact span.icon{margin-right: 12px;padding: 11px;width: 44px;height: 44px;border: 2px solid var(--theme-lightblue);border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: 0.5s;}
.header .main-header .contact-area .header-contact span.icon img{width: 100%;}
.header .main-header .contact-area .header-contact:hover span.icon{border-color: #fff;}
.header .main-header .contact-area .theme-btn{border-radius: 0;text-transform: unset;}
.header .main-header .contact-area .theme-btn span, 
.header .main-header .contact-area .theme-btn::after{padding: 15px 20px;border-radius: 0;}
.header .main-header .contact-area .theme-btn span{background: var(--theme-lightblue);border-color: var(--theme-lightblue);color: #fff;}
.header .main-header .contact-area .theme-btn::after{border-color: var(--theme-yellow);background: var(--theme-yellow);}
/*---------------- Header Hover/ Header Sticky ----------------*/
.header:hover, 
.header.sticky{background: #fff;}
.header.sticky{box-shadow: 0 0 50px 0 rgb(0 0 0 /15%);}
.header:hover .top-header,
.header.sticky .top-header{border-color: #DBDBDB;}
.header:hover .top-header ul li,
.header.sticky .top-header ul li{color: #444;}
.header:hover .top-header ul li:hover,
.header.sticky .top-header ul li:hover{color: var(--theme-blue);}
.header:hover .logo .white-logo,
.header.sticky .logo .white-logo{opacity: 0;}
.header:hover .logo .color-logo,
.header.sticky .logo .color-logo{opacity: 1;}
.header:hover .nav-link,
.header.sticky .nav-link{color: #444;}
.header:hover .nav-link.active, .header:hover .show .nav-link,
.header.sticky .nav-link.active, .header.sticky .show .nav-link{color: var(--theme-yellow);}
.header:hover .main-header .contact-area .header-contact,
.header.sticky .main-header .contact-area .header-contact{color: #444;}
.header:hover .main-header .contact-area .header-contact:hover span,
.header.sticky .main-header .contact-area .header-contact:hover span{border-color: var(--theme-yellow);}

.header.sticky .dropdown-toggle::after{filter: invert(0);}

header.scrolling_up{transform: translate(0px,0px);}
header.scrolling_down{transform: translate(0px,-180px);}

.scrolling_down .dropdown-menu.show{opacity: 0;pointer-events: none;}
body.menu-active{width: 100vw;height: 100vh;overflow: hidden;}


/*== ThemeFooter ==*/
footer{padding: 70px 0 0 0;background: var(--theme-blue);}

footer .site-details{padding-left: 27px;}
footer .site-details .footer-logo{width: fit-content;}
footer .site-details h5{/*margin: 34px 0 15px 0;*/margin: 20px 0 8px 0;font-size: 14px;font-weight: 400;line-height: 1;color: rgb(255 255 255/75%);text-transform: uppercase;}
footer .site-details p{width: max-content;white-space: pre-line;font-size: 16px;font-weight: 400;line-height: 1.3;color: #fff;}
footer .site-details .footer-link{padding-bottom: 0;margin-bottom: 0;width: unset;font-size: 16px;font-weight: 400;line-height: 1.3;color: #fff;}
footer .site-details .social-link{margin-top: 30px;display: flex;}
footer .site-details .social-link li{margin-right: 18px;}
footer .site-details .social-link li:last-child{margin-right: 0;}
footer .site-details .social-link li a{font-size: 20px;line-height: 1;color: #fff;transition: 0.5s;}
footer .site-details .social-link li a:hover{color: var(--theme-yellow);}

footer .footer-link-area{padding-left: 35px;}
footer h5{margin-bottom: 20px;font-size: 19px;font-weight: 500;color: #fff;letter-spacing: 0.6px;}
footer .footer-link, .footer-link-area a{padding-bottom: 2px;margin-bottom: 14px;width: fit-content;font-size: 16px;font-weight: 400;color: rgb(255 255 255/75%);line-height: 1;position: relative;overflow: hidden;transition: 0.5s;}
footer li:last-child .footer-link,footer li:last-child a{margin-bottom: 0;}
footer .footer-link::after,footer a::after{content: '';position: absolute;left: -100%;bottom: 0;width: 200%;height: 1px;background-image: linear-gradient(to right, #fff 50%, rgb(255 255 255/0) 50%);transition: 0.5s;}
footer .footer-link:hover,footer a::hover{color: #fff;}
footer .footer-link:hover::after,footer a:hover::after{left: 0;}


.mid-footer{margin: 0 auto 0;padding: 25px 0;width: 85%;color: rgb(255 255 255/65%);text-align: center;}
.mid-footer .partner-logo{margin: -76px 0 30px auto;max-width: 200px;}
.mid-footer p{margin-top: 8px;}
.mid-footer p:last-child{margin-bottom: 0;}

.btm-footer{/*margin-top: 45px;*/border-top: 1px solid rgb(255 255 255/26%);}
.btm-footer .container{padding: 24px 20px; font-size: 15px;font-weight: 400;line-height: 1;color: rgb(255 255 255/65%);display: flex;justify-content: space-between;align-items: center;}
.btm-footer .container a{display: inline-flex;color: rgb(255 255 255/65%);position: relative;overflow: hidden;transition: 0.5s;}
.btm-footer .container a::after{content: '';position: absolute;left: -100%;bottom: 0;width: 200%;height: 1px;background-image: linear-gradient(to right, #fff 50%, rgb(255 255 255/0) 50%);transition: 0.5s;}
.btm-footer .container a:hover{color: #fff;}
.btm-footer .container a:hover::after{left: 0;}

/*== Page Caption ==*/
.page-caption{padding-top: 6px;border-top: 1px solid #BBBBBB;}
.page-caption .img-area{margin-left: 70px;padding: 0 65px;}
.page-caption .img-area img{width: 100%;}
.page-caption .img-area img.animate{animation: shake 5s linear infinite;}
.page-caption .sec-title{width: 100%;max-width: 660px;}
.page-caption .sec-title h4{line-height: 1.2;    margin-bottom: 20px;}
.page-caption .theme-btn{min-width: 144px;margin-top: 20px;}
@keyframes shake {
    0% {transform: translate(0,0);}
    50% {transform: translate(5px,-0px) rotate(5deg);}
    100% {transform: translate(0,0);}
}