:root {
    --theme-color-lightblue: #00ABF0;
    --theme-color-blue: #01468C;
    --theme-color-blue2: #0558AD;
    --theme-color-dark: #444;
    --theme-color-light: #F6F6F6;
}

/* Smooth Scrollbar */
html, body{scroll-behavior: smooth;}
html{scroll-behavior: auto !important;}
/* html.lenis, html.lenis body{height: auto;}
.lenis.lenis-smooth{scroll-behavior: auto !important;}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior: contain;}
.lenis.lenis-stopped{overflow: hidden;}
.lenis.lenis-scrolling iframe{pointer-events: none;} */

/* Custom Scrollbar */
::-webkit-scrollbar-track{-webkit-box-shadow: none;background: var(--theme-color-light);}
::-webkit-scrollbar{width: 6px;background: var(--theme-color-blue2);}
::-webkit-scrollbar-thumb{background: var(--theme-color-blue2);border-radius: 5px;transition: 0.5s;}
::-webkit-scrollbar-thumb:hover{background: var(--theme-color-lightblue);}

/* Custom Text Selection */
::-moz-selection{background: var(--theme-color-blue2);color: var(--theme-color-light);}
::selection{background: var(--theme-color-blue2);color: var(--theme-color-light);}


body{font-size: 17px;font-family: "Inter", sans-serif;color: var(--theme-color-dark);font-weight: 500;line-height: 1.6;position: relative;}
a{display: inline-block;text-decoration: none;}
p{margin-bottom: 25px;}
p:last-child{margin-bottom: 0;}
ul{margin: 0;padding: 0;list-style: none;}
:focus-visible{outline: none;}
/*---------------  ---------------*/
.left-padding{margin-left: 30px;}
/*---------------  ---------------*/
.card-anchor{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



/* ================================================================================
        Theme Title
================================================================================ */
.secn-title{padding-bottom: 30px;font-size: 55px;font-weight: 600;font-family: "Inter Tight", sans-serif;line-height: 1.1;color: var(--theme-color-blue);position: relative;}
.secn-title::after{content: '';position: absolute;bottom: 0;left: 0;width: 40%;max-width: 320px;height: 3px;background: var(--theme-color-lightblue);}
/*---------------  ---------------*/
.center-align{text-align: center;}
.center-align .secn-title{margin: auto;max-width: 800px;}
.center-align .secn-title::after{left: 50%;transform: translateX(-50%);}
/*---------------  ---------------*/
.secn-name{padding-left: 30px;font-size: 80px;font-weight: 600;line-height: 1;color: var(--theme-color-light);font-family: "Inter Tight", sans-serif;text-transform: uppercase;position: absolute;top: -70px;}


/* ================================================================================
        Theme Button
================================================================================ */
.theme-btn{padding: 14px 32px;border-radius: 5px;border: 2px solid var(--theme-color-lightblue);font-size: 17px;font-weight: 600;color: #fff;position: relative;z-index: 0;overflow: hidden;}
.theme-btn::before{content: '';position: absolute;top: 0;right: 0;width: 200%;height: 100%;background: linear-gradient(90deg, var(--theme-color-blue) 50%, var(--theme-color-lightblue) 50%);z-index: -1;transition: 0.5s;}
.theme-btn:hover::before{right: -100%;}

/*---------------  ---------------*/
.theme-textlink{font-size: 16px;color: var(--theme-color-blue);}
.theme-textlink::after{content: '';display: inline-block;margin-left: 8px;width: 16px;aspect-ratio: 16/12;background: url(../img/btn-arrow.png) no-repeat center center;background-size: contain;transition: 0.5s;}
.theme-textlink:hover::after{transform: rotate(-45deg);}




/* ================================================================================
        Theme Footer
================================================================================ */
.footer{background: var(--theme-color-light);overflow-x: hidden;}
/*---------------  ---------------*/
.footer .footer-top{padding: 50px 30px 30px 30px;border-bottom: 1px solid #A8A8A8;display: flex;justify-content: space-between;align-items: center;gap: 10px;}
.footer .footer-top .footer-logo img{max-width: 156px;}
.footer .footer-top .footer-social-area{display: flex;flex-direction: row;flex-wrap: wrap;gap: 10px;}
.footer .footer-top .footer-social-area li{line-height: 1;}
.footer .footer-top .footer-social-area li a{width: 45px;height: 45px;border-radius: 10px;display: flex;justify-content: center;align-items: center;position: relative;z-index: 0;overflow: hidden;}
.footer .footer-top .footer-social-area li a::before{content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;background: var(--theme-color-blue);border-radius: 5px;transform: translate(-50%, -50%);transition: 0.5s;z-index: -1;}
.footer .footer-top .footer-social-area li a img{transition: 0.5s;}
.footer .footer-top .footer-social-area li a:hover::before{width: 150%;height: 150%;}
.footer .footer-top .footer-social-area li a:hover img{filter: brightness(0) invert(1);}
/*---------------  ---------------*/
.footer .footer-mid{padding-block: 40px;}
.footer .footer-mid .footer-links{margin-bottom: 25px;}
.footer .footer-mid .footer-links:last-child{margin-bottom: 0;}
.footer .footer-mid .footer-links .footer-title{margin-bottom: 10px;font-size: 16px;font-weight: 700;text-transform: uppercase;color: var(--theme-color-blue);}
.footer .footer-mid .footer-links .footer-link{padding-inline: 0 8px;font-size: 17px;font-weight: 500;color: #444;line-height: 1;}
.footer .footer-mid .footer-links ul li{margin-bottom: 10px;line-height: 1;}
.footer .footer-mid .footer-links ul li:last-child{margin-bottom: 0;}
.footer .footer-mid .footer-links ul li .footer-link{padding-block: 4px;position: relative;transition: 0.5s;}
.footer .footer-mid .footer-links ul li .footer-link::before{content: '';position: absolute;top: 0;left: 0;width: 3px;height: 0%;background: var(--theme-color-lightblue);transition: 0.5s;}
.footer .footer-mid .footer-links ul li .footer-link:hover{padding-inline: 8px 0;}
.footer .footer-mid .footer-links ul li .footer-link:hover::before{height: 100%;}
.footer .footer-mid .footer-links.footer-address p{white-space: pre-line;}
/*---------------  ---------------*/
.footer .footer-btm{padding: 25px 30px;display: flex;flex-direction: row-reverse;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 15px;position: relative;z-index: 0;}
.footer .footer-btm::before{content: '';position: absolute;top: 0;left: 50%;width: 100vw;height: 100%;background: var(--theme-color-blue);transform: translateX(-50%);z-index: -1;}
.footer .footer-btm ul{display: flex;align-items: center;line-height: 1.2;}
.footer .footer-btm ul li{margin-right: 6px;padding-right: 6px;border-right: 1.5px solid #fff;font-size: 14px;color: #fff;font-weight: 400;}
.footer .footer-btm ul li:last-child{margin-right: 0;padding-right: 0;border: none;}
.footer .footer-btm ul .footer-link{color: #fff;transition: 0.5s;}
.footer .footer-btm ul .footer-link:hover{color: rgb(255 255 255/65%);}
.footer .footer-btm .webplus{display: inline-flex;flex-direction: row;align-items: center;gap: 5px;}
.footer .footer-btm .webplus img{mix-blend-mode: luminosity;opacity: 0.68;transition: 0.5s all;}
.footer .footer-btm .webplus:hover img{mix-blend-mode: unset;opacity: 1;}