:root {
--bg-dark: #000000;
--bg-light: #ffffff;
--primary-color: #007bff;
--primary-hover: #0056b3;
--secondary-color: #6c757d;
--secondary-hover: #5a6268;
--text-main: #333333; 
--text-light: #ffffff;
--transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
--header-height: 100px;
}
*{margin: 0;padding: 0;box-sizing: border-box;}
html {scroll-behavior: smooth;}
body {font-family: "Lato", "Saira Stencil", "Archivo Black", "Outfit", "Jost", "Exo", "Old Standard TT", "GFS Didot", "Caudex", "Caudex", "Libertinus Mono", "monospace", serif;line-height: 1.6;color: var(--text-main);background-color: var(--bg-light);overflow-x: hidden;}
a {text-decoration: none;color: inherit;transition: var(--transition);}
ul {list-style: none;padding:0;margin: 0;}
li{list-style-type:none;display:inline-block;width:100%;float:left;}
h1, h2, h3, h4 {}
section {padding: 80px 0;width: 100%;display: inline-block;width: 100%;clear: both;float: left;position: relative;z-index: 1;}
.site_content{display: inline-block;width: 100%;float: left;clear: both;}
.container {max-width: 1320px;margin: 0 auto;}
.popup-contact-form{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 11;display:none;}
.popup-contact-form .contact-form::-webkit-scrollbar {display:none;}
@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.container {width: 95%;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.container {width: 90%;}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.container {width: 100%;padding: 0 15px;}
}
@media only screen and (max-width: 480px) {
.container {width: 100%;padding: 0 10px;}
}
/* --- Buttons --- */
.btn {display: inline-block;padding: 12px 28px;font-size: 1rem;font-weight: 600;border-radius: 5px;cursor: pointer;text-align: center;border: none;transition: var(--transition);position: relative;}
.btn-primary {background-color: var(--primary-color);color: var(--text-light);}
.btn-primary:hover {background-color: var(--primary-hover);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);}
.btn-secondary {background-color: transparent;color: var(--primary-color);border: 2px solid var(--primary-color);}
.btn-secondary:hover {background-color: var(--primary-color);color: var(--text-light);}
/*---- Lines to show ---*/
.line-qty-1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.line-qty-2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.line-qty-3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.line-qty-4{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.line-qty-5{display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}
/*=====================
/* Header Code
/*===================*/
/* --- Header Styles --- */
.main-header {background-color: var(--bg-dark);height: 100px;width: 100%;position: fixed;top: 0;left: 0;z-index: 2000;display: flex;align-items: center;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
/*----Nav logo----*/
.navbar {display: flex;justify-content: space-between;align-items: center;}
.navbar.container{width: 85%;max-width: unset;}
.navbar .logo{width: 10%;display: flex;align-items: baseline;} 
.navbar .logo span{font-size: 1rem;font-weight: 300;line-height: 1.1;display: none;}
.navbar .logo a {color: var(--text-light);display: flex;flex-direction: column;gap: 3px;align-items: baseline;}
.navbar .logo img{height: 65px;width: auto;max-width: 100%;}
/*---- Navigation Menus----*/
.navbar .nav-links {display: flex;width: 55%;position: relative;gap: 25px;}
.navbar .nav-links li{position:relative;display: flex;align-items: center;width: max-content;font-family: 'jost', sans-serif;letter-spacing: .5px;}
.navbar .nav-links li a {color: var(--text-light);font-size: 1.5rem;line-height: 1.2;font-weight: 300;opacity: 0.8;display: flex;align-items: center;border-bottom: 4px solid transparent;transition: .5s;width: max-content;}
.navbar .nav-links li.active a,
.navbar .nav-links li a:hover {color: #fff;opacity: 1;border-color: #3ea9ff;}
.navbar .nav-links .has-child{}
.navbar .nav-links .has-child a{}
.navbar .nav-links .has-child .has-child-a::after{content: "\e313";padding-left: 3px;font-family: 'Material Symbols Outlined';font-size: 30px;transition:0.5s;}
.navbar .nav-links .has-child.active .has-child-a::after{transform:rotate(180deg);}
.navbar .nav-links .has-child .sub-menu{position: fixed;left: 0;right: 0;top: 100px;background: #1e2222;color: #f2f2f2;padding: 0;z-index: 9;height:0px;overflow:hidden;}
.navbar .nav-links .has-child.active .sub-menu{height: 55%;transition: 0.5s;}
.navbar .nav-links .sub-menu .container{width: 80%;max-width: 80%;}
.navbar .nav-links .sub-menu-grid{display: grid;grid-template-columns: 25% auto;gap: 50px;padding: 20px 0;}
.navbar .nav-links .sm-item{width: 100%;position: relative;}
.navbar .nav-links .sm-item .sm-text-content{}
.navbar .nav-links .sm-item .sm-text-content a.cta-btn{font-weight: 400;color: #fff;opacity: 1;border: none;}
.navbar .nav-links .sm-item .sm-text-content a.cta-btn::after{content: "\1F81A";margin-left: 5px;}
.navbar .nav-links .sm-item .sm-text-content a.cta-btn:hover{}
.navbar .nav-links .sm-item .sm-text-content h3{font-size: 2rem;line-height: 1.5;font-weight: 600;}
.navbar .nav-links .sm-item .sm-text-content p{font-size: 1.2rem;line-height: 1.5;margin-bottom: 20px;color: #b9b9b9;}
.navbar .nav-links .sm-item .sm-menu-list{display: flex;flex-direction: column;position: unset;width: 350px;}
.navbar .nav-links .sm-item .sm-menu-list li{font-size: 1.1rem;border-bottom: 1px solid #4e4e4e;width: 100%;position: unset;cursor: pointer;}
.navbar .nav-links .sm-item .sm-menu-list li:last-child{border:none;}
.navbar .nav-links .sm-item .sm-menu-list li.sm-has-child:hover ol{display: flex;align-items: baseline;justify-content: flex-start;flex-flow: column wrap; /* Vertical flow that wraps horizontally */ /* Adjust this height to fit exactly 5 items */width: 100%;gap: 0px 40px;/* Vertical gap and Horizontal gap */max-width: 728px;}
.navbar .nav-links .sm-item .sm-menu-list li ol{position: absolute;right: 0;top: 0;left: 100%;width: 220%;display: grid;grid-template-columns: auto auto;gap: 0 0px;display: none;}
.navbar .nav-links .sm-item .sm-has-child a::after{position: absolute;right: 5px;content: "\e315";padding-left: 3px;font-family: 'Material Symbols Outlined';font-size: 25px;background: #1e2222;}
.navbar .nav-links .sm-item .sm-has-child:hover a::after{background: #333333;}
.navbar .nav-links .sm-item .sm-menu-list li a{display: flex;align-items: center;line-height: 1.5;padding: 20px 5px;font-weight: 400;color: #f2f2f2;border: none;font-size: 1.2rem;width: 100%;position: relative;}
.navbar .nav-links .sm-item .sm-menu-list li a:hover{color:#fff;border: none;}
.navbar .nav-links .sm-item .sm-menu-list li:hover{background: var(--text-main);border-color: #ababab;}
.navbar .nav-links .sm-item .sm-menu-list li:hover .sm-menu-grid{display: block;}
.navbar .nav-links .sm-item .sm-has-child-a::after{content: "\e315";margin-left: 10px;font-family: 'Material Symbols Outlined';font-size: 1.7rem;line-height: 1;}
.navbar .nav-links .sm-item .sm-menu-list .sm-menu-grid{padding: 0 50px;position: absolute;top: 0;left: 350px;height: 100%;display: none;}
.navbar .nav-links .sm-item .sm-menu-list .sm-menu-grid li{border-bottom: 1px solid transparent;width: 50%;}
.navbar .nav-links .sm-item .sm-menu-list .sm-menu-grid li:hover{border-bottom:1px solid #ababab;}
.navbar .nav-links .sm-item .sm-menu-list .sm-menu-grid li a{font-weight: 300;padding: 10px 5px;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 1.9;}
.navbar .nav-links .sm-item .sm-menu-list .sm-menu-grid li a::after{content:""; display:none;}
.navbar .nav-links .contact-us-menu{display:none;}
/*---- header-right Menus----*/
.navbar .header-right {display: flex;align-items: center;gap: 20px;width: 25%;float: right;justify-content: end;}
.navbar .header-right .search-btn {background: transparent;border: none;color: #d5d5d5;cursor: pointer;display: flex;align-items: center;outline: none;padding: 5px;transition: .5s;opacity: 0.8;}
.navbar .header-right .search-btn span{font-size: 35px;line-height: 1;color: inherit;}
.navbar .header-right .search-btn:hover {background: #262626;border-radius: 3px;opacity: 1;color: #fff;}
.navbar .header-right .btn-header {padding: 0 20px;font-size: 1.5rem;line-height: 40px;color: var(--text-light);background: transparent;border-radius: 3px;border: none;font-weight: 300;color: #ffffff;opacity: 0.8;}
.navbar .header-right .btn-header:hover{opacity: 1;}
.navbar .header-right .menu-toggle {display: none;color: var(--text-light);cursor: pointer;}
/*---- Top Search----*/
.top-search-section{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 9999;background: #1e2222;transition: .5s;width: 100%;display: none;}
.top-search-section .top-search-container{display: inline-block;width: 100%;clear: both;float: left;margin-top: 75px;}
.top-search-section .top-search-container h3{font-size: 2.1rem;margin-bottom: 0;color: #f1f1f1;}
.top-search-section .top-search-container .close-search{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;position: absolute;right: 20px;top: 20px;z-index: 999;background: #ff000099;cursor: pointer;transition: .5s;}
.top-search-section .top-search-container .close-search:hover{background: red;}
.top-search-section .top-search-container .close-search svg{fill: #f2f2f2;}
.top-search-section .container form{padding: 30px 0;display: flex;align-items: center;width: 100%;float: left;}
.top-search-section .container input[type="text"]{padding: 16px;font-size: 1.1rem;width: 80%;border: none;line-height: 1;border-radius: 3px 0 0 3px;opacity: 0.8;transition: .5s;outline: none;}
.top-search-section .container input[type="text"]:focus{opacity: 1;}
.top-search-section .container button{width: 20%;border: none;line-height: 1;font-size: 1.1rem;border-radius: 0 3px 3px 0;background: var(--primary-color);color: #fff;padding: 12px;cursor: pointer;transition: .5s;display: flex;align-items: center;justify-content: center;gap: 5px;text-transform: uppercase;letter-spacing: 1px;}
.top-search-section .container button svg{width: 32px;height: 31px;fill: #fff;}
.top-search-section .container button:hover{background: var(--primary-color);}
.top-search-section .container button:active{}
.top-search-section .search-result-section{display: inline-block;width: 100%;float: left;}
.top-search-section .search-result-section h2{ font-size: 2.1rem;color: #f1f1f1;}
.top-search-section .search-result-section ul{display: flex;float: left;margin-bottom: 25px;flex-direction: column;width: 100%;height: 50vh;overflow-y: scroll;padding-right: 10px;overflow-x: hidden;}
.top-search-section .search-result-section ul::-webkit-scrollbar {width: 10px;display:none;}
.top-search-section .search-result-section ul::-webkit-scrollbar-track {background: #f1f1f1; border-radius:10px;opacity:0;}
.top-search-section .search-result-section ul::-webkit-scrollbar-thumb {background: #888; border-radius:5px;transition:.5s;}
.top-search-section .search-result-section ul::-webkit-scrollbar-thumb:hover {background: #555; }
.top-search-section .search-result-section li{padding: 12px 0;border-bottom: 1px solid #494f4f;transition: .5s;}
.top-search-section .search-result-section li:hover{background:#323c45;padding: 12px;}
.top-search-section .search-result-section li span{font-size: 1.2rem;color: #fff;}
.top-search-section .search-result-section a{display: block;width: max-content;color: #b3b3b3;transition: .5s;font-size: 1.3rem;padding: 5px 0;font-weight: 600;}
.top-search-section .search-result-section a:hover{color: #fff;}
.top-search-section .search-result-section li.no-record{border: none;padding: 0;}
.top-search-section .search-result-section li.no-record span{font-size: 1.5rem;color: #9b9b9b;}
@media only screen and (min-width: 1279px) and (max-width: 1550px) {
/*----Nav logo----*/
.navbar.container{width: 90%;}
/*---- Navigation Menus----*/
.navbar .nav-links {gap: 15px;}
.navbar .nav-links li a {font-size: 1.3rem;}
.navbar .nav-links .sub-menu .container{width: 90%;max-width: 90%;}
.navbar .nav-links .sm-item .sm-text-content p{font-size: 1.1rem;}
.navbar .nav-links .sm-item .sm-menu-list li a{padding: 12px 5px;}
/*---- header-right Menus----*/
.navbar .header-right .search-btn span{font-size: 30px;}
.navbar .header-right .btn-header {font-size: 1.3rem;}
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
/* --- Header Styles --- */
.main-header {height: 75px;}
/*----Nav logo----*/
.navbar.container{width: 90%;}
.navbar .logo{width: 10%;}
.navbar .logo span{display: none;}
.navbar .logo img{height: 50px;}
/*---- Navigation Menus----*/
.navbar .nav-links {width: 68%;gap: 10px;}
.navbar .nav-links li a {font-size: 1.1rem;}
.navbar .nav-links .has-child.active .sub-menu{top: 75px;bottom: 0;}
.navbar .nav-links .sm-item .sm-text-content h3{font-size: 1.7rem;}
.navbar .nav-links .sm-item .sm-text-content p{font-size: 1rem;}
.navbar .nav-links .sm-item .sm-menu-list li a{padding: 10px;}
.navbar .nav-links .sm-item .sm-menu-list .sm-menu-grid li a{padding: 5px;}
/*---- header-right Menus----*/
.navbar .header-right {width: 20%;gap: 5px;}
.navbar .header-right .search-btn span{font-size: 25px;}
.navbar .header-right .btn-header {font-size: 1.1rem;}
/*---- Top Search----*/
.top-search-section .top-search-container h3{font-size: 1.8rem;}
.top-search-section .top-search-container .close-search{width: 40px;height: 40px;}
.top-search-section .top-search-container .close-search:hover{transform: rotate(180deg);}
.top-search-section .container form{padding: 20px 0;}
.top-search-section .container input[type="text"]{width: 100%;}
.top-search-section .search-result-section h2{font-size: 1.8rem;}
.top-search-section .search-result-section li{padding: 8px 0;}
.top-search-section .search-result-section li span{font-size: 1rem;}
.top-search-section .search-result-section a{font-size: 1.2rem;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
/* --- Header Styles --- */
.main-header {height: 75px;}
/*----Nav logo----*/
.navbar.container{width: 100%;padding: 0 25px;position: relative;}
.navbar .logo{width: 15%;}
/*---- Navigation Menus----*/
.navbar .nav-links {gap: 10px;width: 70%;}
.navbar .nav-links li a {font-size: 1rem;}
.navbar .nav-links .sub-menu{top: 75px;bottom: 0;}
.navbar .nav-links .sub-menu-grid{grid-template-columns: auto;gap: 20px;}
/*---- header-right Menus----*/
.navbar .header-right {width: 10%;}
.navbar .header-right .search-btn {background: #000000;}
.navbar .header-right .search-btn span{}
.navbar .header-right .search-btn:hover {}
.navbar .header-right .btn-header {display: none;}
/*---- Top Search----*/
.top-search-section .top-search-container h3{font-size: 1.6rem;}
.top-search-section .container form{padding: 10px 0;}
.top-search-section .container input[type="text"]{width: 100%;}
.top-search-section .search-result-section{margin-top: 25px;}
.top-search-section .search-result-section h2{font-size: 1.6rem;}
.top-search-section .search-result-section li{padding: 8px 0;}
.top-search-section .search-result-section li:hover{padding: 8px;}
.top-search-section .search-result-section li span{font-size: 1rem;}
.top-search-section .search-result-section a{font-size: 1.2rem;}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
/* --- Header Styles --- */
.main-header {height: 70px;}
/*----Nav logo----*/
.navbar.container{width: 100%;padding: 0 20px;}
.navbar .logo{width: 13%;min-width: 13%;}
.navbar .logo span{display: none;}
.navbar .logo img{height: 45px;}
/*---- Navigation Menus----*/
.navbar .nav-links {width: 80%;gap: 8px;max-width: 80%;min-width: unset;overflow-y: scroll;}
.navbar .nav-links li{min-width: max-content;}
.navbar .nav-links li a {font-size: 0.9rem;line-height: 1;}
.navbar .nav-links .has-child-a::after{padding: 0;}
.navbar .nav-links .contact-us-menu{display: flex;}
/*---- header-right Menus----*/
.navbar .header-right {width: 7%;gap: 10px;}
.navbar .header-right .btn-header {display: none;}
/*---- Top Search----*/
.top-search-section .top-search-container{margin-top: 35px;}
.top-search-section .top-search-container h3{font-size: 1.5rem;}
.top-search-section .top-search-container .close-search{width: 35px;height: 35px;}
.top-search-section .top-search-container .close-search:hover{transform: rotate(180deg);}
.top-search-section .container form{padding: 15px 0;}
.top-search-section .container input[type="text"]{width: 100%;}
.top-search-section .search-result-section h2{font-size: 1.5rem;}
.top-search-section .search-result-section li{padding: 5px 0;}
.top-search-section .search-result-section li:hover{padding: 5px;}
.top-search-section .search-result-section li span{font-size: 0.9rem;}
.top-search-section .search-result-section a{font-size: 1.2rem;}
}
@media only screen and (max-width: 480px) {
.main-header{height:auto;padding: 0 10px;box-sizing: border-box;}
/*---- Navigation Bar----*/
.navbar.container{width: 95%;position: relative;padding: 0;margin: 0;}
.navbar .logo{width: 70%;text-align: center;justify-content: right;padding: 5px 0;}
.navbar .logo span{display: none;}
.navbar .logo img{height: 60px;}
/*---- Navigation Bar----*/
.navbar .nav-links {display: flex;position: fixed;left: 350%;bottom: 0;top: 70px;width: 100%;transition: .5s;background: #1f2326;padding: 0;flex-direction: column;gap: 0;overflow-x: scroll;}
.navbar .nav-links li{flex-direction: column;align-items: self-end;width: 100%;border-top: 1px solid #e1e1e140;}
.navbar .nav-links li a {font-size: 1rem;width: 100%;display: flex;position: relative;padding: 10px;border: none;opacity: 0.9;}
.navbar .nav-links li a:hover{border:none;}
.navbar .nav-links li.has-child-a{position:relative;}
.navbar .nav-links .has-child-a::after{position: absolute;right: 0;font-size: 25px;}
.navbar .nav-links .has-child:hover  .has-child-a:hover::after{content:"\e316";}
.navbar .nav-links .has-child .sub-menu{position: relative;background: #2d2d2d;width: 100%;height: 0px;transition: .5s;top: unset;left: unset;right: unset;bottom: unset;}
.navbar .nav-links .has-child.active .sub-menu{height:auto;}
.navbar .nav-links .sub-menu .container{width:100%;max-width: 100%;padding: 0;}
.navbar .nav-links .sub-menu-grid{display: flex;flex-direction: column;gap: 0;padding: 0;}
.navbar .nav-links .sm-item{}
.navbar .nav-links .sm-item:first-child{display:none;}
.navbar .nav-links .sm-item .sm-menu-list{width: 100%;}
.navbar .nav-links .sm-item .sm-menu-list li{border: none;font-size: 0.95rem;overflow: hidden;max-width: 100%;width: 100%;display: flex;border-top: none;position: relative;}
.navbar .nav-links .sm-item .sm-menu-list li:last-child{border-top: 1px solid #e1e1e14d;border: none;}
.navbar .nav-links .sm-item .sm-menu-list li.sm-has-child:hover ol{
    display: none;
}
.navbar .nav-links .sm-item .sm-menu-list li a{padding: 8px 10px;font-size: 0.95rem;width: 100%;white-space: nowrap;border: none;}
.navbar .nav-links .sm-item .sm-has-child a::after{display:none;}
.navbar .nav-links .contact-us-menu{display: flex;}
.navbar .nav-links .sm-item .sm-menu-list li ol{}
.navbar .nav-links .sm-item .sm-has-child::after{background: #e7000000;width: 40px;right: 0;padding: 2px;text-align: center;display: flex;align-items: center;justify-content: center;line-height: 33px;content: "\e145";font-size: 22px;top: 1px;position: absolute;font-family: 'Material Symbols Outlined';}
.navbar .nav-links .sm-item .sm-has-child.sm-active:hover::after{background: transparent;content: "\e15b";}
.navbar .nav-links .sm-item .sm-menu-list li:hover{background: transparent;border-color: #e1e1e13d;}
.navbar .nav-links .sm-item .sm-menu-list li:hover .sm-menu-grid{
    display: none;
}
.navbar .nav-links .sm-item .sm-menu-list .sm-menu-grid{background: transparent;display: none;flex-direction: column;align-items: flex-start;left: unset;top: unset;bottom: unset;right: unset;z-index: 9999;position: relative;height: 100%;width: 100%;padding: 0 25px;}
.navbar .nav-links .sm-item .sm-menu-list .sm-has-child.sm-active .sm-menu-grid{display:flex}
.navbar .nav-links .sm-item .sm-menu-list .sm-menu-grid li{border-bottom: none;display: inline-block;width: 100%;color: cadetblue;opacity: 1;float: left;clear: both;border-top: 1px solid #424242;}
.navbar .nav-links .sm-item .sm-menu-list .sm-menu-grid li:hover{}
.navbar .nav-links .sm-item .sm-menu-list .sm-menu-grid li a{float: left;display: inline-block;clear: both;color: #ff982e;}
/*---- header-right Menus----*/
.navbar .header-right{width: 30%;}
.navbar .header-right .btn-header {display: none;}
.navbar .header-right .search-btn {position: absolute;left: 15px;top: 12px;}
.navbar .header-right .menu-toggle {display: flex;width: 30px;height: 30px;align-items: center;justify-content: center;}
.navbar .header-right .menu-toggle span{font-size: 30px;}
/*---- Top Search----*/
.top-search-section .top-search-container{margin-top: 50px;}
.top-search-section .top-search-container h3{font-size: 1.5rem;margin-top: 15px;}
.top-search-section .top-search-container .close-search{width: 30px;height: 30px;left: 10px;}
.top-search-section .top-search-container .close-search:hover{transform: rotate(180deg);}
.top-search-section .container form{padding: 10px 0;}
.top-search-section .container input[type="text"]{width: 100%;}
.top-search-section .search-result-section h2{font-size: 1.5rem;}
.top-search-section .search-result-section li{padding: 5px 0;}
.top-search-section .search-result-section li:hover{padding: 5px;}
.top-search-section .search-result-section li span{font-size: 0.9rem;}
.top-search-section .search-result-section a{font-size: 1.1rem;}
}
/*=====================
/* Hero section CSS
/*===================*/
.hero {position: relative;height: 100vh;width: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;color: var(--text-light);background: #000;}
.hero .video-bg {position: fixed;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: 1;transform: translate(-50%, -50%);object-fit: cover;}
.hero .video-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 70%);z-index: 2;}
.hero .hero-container {text-align: center;z-index: 999;width: 100%;height: 100%;}
.hero .hero-text h1 {font-size: clamp(2.5rem, 8vw, 4.5rem);margin-bottom: 20px;}
.hero .highlight {color: var(--primary-color);}
.hero .hero-text p {font-size: 1.2rem;max-width: 700px;margin: 0 auto 40px;opacity: 0.9;}
.hero .hero-actions {display: flex;align-items: center;justify-content: center;gap: 20px;}
.hero .hero-actions .btn-secondary{font-size: 20px;padding: 15px 45px;}
.hero .hero-actions .btn-secondary::after{content: "\e984";font-family: 'Material Symbols Outlined';font-weight: normal;font-style: normal;font-size: 23px;line-height: 1;letter-spacing: normal;text-transform: none;white-space: nowrap;word-wrap: normal;direction: ltr;-webkit-font-feature-settings: 'liga';-webkit-font-smoothing: antialiased;width: 30px;height: 30px;background: var(--primary-color);align-items: center;justify-content: center;display: flex;border-radius: 100%;position: absolute;left: 50%;bottom: 0;transform: translate(-50%, 20px);border: 2px solid var(--primary-color);color: #fff;}
.hero .hero-actions .btn-secondary:hover::after{background: #000000d4;}
.hero .btn-video-control {background: rgb(235 0 0 / 48%);color: white;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;backdrop-filter: blur(5px);position: absolute;left: 15px;bottom: 15px;}
.hero .btn-video-control:hover {background: var(--primary-color);}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.hero {height: 85vh;}
}
@media only screen and (max-width: 480px) {
.hero {
    height: 100vh;
    display: inline-block;
    padding: 0;
}
.hero .video-bg {min-width: 100%;min-height: 100%;width: auto;height: auto;max-width: 100%;}
.hero .hero-actions {flex-direction: column;}
.hero .btn-video-control {width: 50px;height: 50px;z-index:1;}
}
/*=====================
/* Feature Blog Section
/*===================*/
.feature-blog {background-color: var(--bg-light);color: var(--text-main);overflow: hidden;padding: 75px 0;z-index: 1;border-top: 1px solid #000000;}
.feature-blog .section-header {display: flex;justify-content: space-between;align-items: baseline;margin-bottom: 40px;flex-direction: column;gap: 15px;position: relative;}
.feature-blog .section-header h2{font-size: 3.3rem;margin: 0;font-family: "jost", sans-serif;font-weight: 500;color: #555;}
.feature-blog .section-header h2 span{font-weight: bold;color: var(--text-main);}
.feature-blog .section-header p.excerpt{font-size: 1.2rem;color: var(--text-main);}
.feature-blog .slider-controls {display: flex;gap: 15px;position: absolute;right: 0;top: 0;}
.feature-blog .control-btn {background: #f0f0f0;border: none;width: 45px;height: 45px;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: var(--transition);}
.feature-blog .control-btn:hover {background: var(--primary-color);color: white;}
.feature-blog .slider-wrapper {width: 100%;overflow: hidden;}
.feature-blog .feature-blog-list {display: flex;transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);gap: 20px;}
.feature-blog .blog-item {flex: 0 0 calc(33.333% - 14px);}
.feature-blog .blog-card {background: #fff;border: 1px solid #eee;overflow: hidden;transition: var(--transition);}
.feature-blog .blog-card:hover {box-shadow: 0 10px 30px rgba(0,0,0,0.08);transform: translateY(-5px);}
.feature-blog .blog-img  {float: left;width: 100%;}
.feature-blog .blog-img img {width: 100%;height: 300px;object-fit: cover;float: left;}
.feature-blog .blog-content {padding: 15px;float: left;}
.feature-blog .blog-content p{font-size: 1.3rem;line-height: 1.5;width: 100%;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin-bottom: 15px;}
.feature-blog .blog-content span {color: var(--primary-color);font-size: 0.8rem;font-weight: 700;text-transform: uppercase;}
.feature-blog .blog-content h3 {margin: 10px 0;font-size: 1.8rem;line-height: 1.7;}
.feature-blog .read-more {color: var(--primary-color);font-size: 1.2rem;font-weight: 400;}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
.feature-blog {padding: 50px 0;}
.feature-blog .section-header h2{font-size: 3rem;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.feature-blog {padding: 50px 0;}
.feature-blog .section-header h2{font-size: 2.5rem;}
.feature-blog .blog-img img {height: 220px;}
.feature-blog .blog-content p{font-size: 1.2rem;color: #555;font-weight: 500;}
.feature-blog .blog-content h3 {font-size: 1.4rem;line-height: 1.5;}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.feature-blog {padding: 50px 0;}
.feature-blog .section-header h2{font-size: 2.2rem;}
.feature-blog .control-btn {width: 38px;height: 38px;}
.feature-blog .blog-item {flex: 0 0 calc(50% - 10px);}
.feature-blog .blog-content p{font-size: 1rem;}
.feature-blog .blog-content h3 {font-size: 1.5rem;}
.feature-blog .read-more {font-size: 1.1rem;}
}
@media only screen and (max-width: 480px) {
.feature-blog {padding: 45px 0 100px;}
.feature-blog .section-header {margin-bottom: 20px;position: static;align-items: center;gap: 10px;}
.feature-blog .section-header h2{font-size: 1.8rem;position: relative;}
.feature-blog .section-header h2::after{content:"";width: 100px;display: block;height: 4px;background: var(--primary-hover);left: 50%;position: absolute;transform: translate(-50%, 0);}
.feature-blog .section-header p.excerpt{font-size: 1rem;text-align: center;color: #555;}
.feature-blog .slider-controls {bottom: 25px;top: unset;left: 0;right: 0;align-items: center;justify-content: center;}
.feature-blog .blog-item {flex: 0 0 100%;}
.feature-blog .blog-content p{font-size: 1rem;}
.feature-blog .blog-content h3 {font-size: 1.5rem;}
.feature-blog .read-more {font-size: 1.1rem;}
}
/*=====================
/* Spotlight Blog CSS
/*===================*/
.spotlight-blog {background-color: var(--bg-dark);color: var(--text-light);padding: 75px 0;}
.spotlight-blog .section-title {font-size: 3.3rem;line-height: 1.5;text-align: left;font-weight: 700;}
.spotlight-blog .section-title span{font-weight: 300;opacity: 0.8;}
.spotlight-blog  p.excerpt{font-size: 1.3rem;font-weight: 300;line-height: 1.7;display: inline-block;width: 100%;clear: both;float: left;margin-bottom: 25px;opacity: .8;}
.spotlight-blog .spotlight-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 50px;width: 100%;float: left;}
.spotlight-blog .spotlight-card {background: rgb(255 255 255 / 9%);border-radius: 3px;height: 100%;display: flex;flex-direction: column;transition: var(--transition);position: relative;overflow: hidden;}
.spotlight-blog .spotlight-card:hover {background: rgba(255, 255, 255, 0.07);transform: translateY(-10px);}
.spotlight-blog .spotlight-item{width: 100%;}
.spotlight-blog .spotlight-img{float: left;width: 100%;height: 300px;clear: both;}
.spotlight-blog .spotlight-img img{width: 100%;height: 100%;object-fit: cover;}
.spotlight-blog .spotlight-img a{display: block;float: left;width: 100%;height: 100%;}
.spotlight-blog .spotlight-content{padding: 20px;}
.spotlight-blog .spotlight-content h3 {font-size: 2rem;margin-bottom: 15px;line-height: 1.4;font-weight: 400;}
.spotlight-blog .spotlight-content p {color: #a3a3a3;font-size: 1.2rem;margin-bottom: 20px;line-height: 1.5;width: 100%;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.spotlight-blog .spotlight-footer {display: flex;justify-content: space-between;align-items: center;border-top: 1px solid rgba(255, 255, 255, 0.1);padding: 20px;background: #222226;font-size: 1.1rem;}
.spotlight-blog .spotlight-footer .date {color: #f2f2f2;}
.spotlight-blog .btn-text {display: flex;align-items: center;gap: 10px;color: yellow;font-weight: 300;font-size: 1.2rem;}
.spotlight-blog .btn-text .material-symbols-outlined {font-size: 1.5rem;transition: var(--transition);width: 30px;height: 30px;border-radius: 100%;border: 1px solid #000000;display: flex;align-items: center;justify-content: center;background: #4d4d4d;color: #fff;font-weight: 400;}
.spotlight-blog .btn-text:hover .material-symbols-outlined {transform: translateX(5px);background: transparent;color: var(--primary-color);}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
.spotlight-blog {padding: 50px 0;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.spotlight-blog {padding: 50px 0;}
.spotlight-blog .section-title {font-size: 2.8rem;}
.spotlight-blog .spotlight-img{height: 220px;}
.spotlight-blog .spotlight-content h3 {font-size: 1.5rem;}
.spotlight-blog .spotlight-content p {font-size: 1rem;}
.spotlight-blog .spotlight-footer {padding: 10px;flex-direction: column;}
.spotlight-blog .spotlight-footer .date {display: none;}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.spotlight-blog {padding: 50px 0;}
.spotlight-blog .section-title {font-size: 2.5rem;border-bottom: 1px solid #ffffff4d;}
.spotlight-blog  p.excerpt{margin: 5px 0 15px 0;}
.spotlight-blog .spotlight-grid {grid-template-columns: repeat(2, 1fr);}
.spotlight-blog .spotlight-content h3 {font-size: 1.5rem;}
.spotlight-blog .spotlight-content p {font-size: 1rem;}
.spotlight-blog .spotlight-footer {flex-direction: column;padding: 10px;}
.spotlight-blog .spotlight-footer .date {display: none;}
}
@media only screen and (max-width: 480px) {
.spotlight-blog {padding: 50px 0;}
.spotlight-blog .section-title {font-size: 1.8rem;text-align: center;border-bottom: 1px solid #ffffff54;}
.spotlight-blog  p.excerpt{text-align: center;font-size: 1rem;line-height: 1.5;margin-top: 15px;}
.spotlight-blog .spotlight-grid {grid-template-columns: 1fr;}
.spotlight-blog .spotlight-content h3 {font-size: 1.5rem;}
.spotlight-blog .spotlight-content p {font-size: 1.1rem;}
.spotlight-blog .spotlight-footer {font-size: 1rem;}
}
/*======================
/* Customer Stories CSS
/*=====================*/
.customer-stories {background-color: var(--bg-light);padding: 75px 0;overflow: hidden;width: 100%;clear: both;float: left;}
.customer-stories .section-header{width: 100%;clear: both;float: left;display: inline-block;margin-bottom: 30px;position: relative;}
.customer-stories .section-header .section-title{font-size: 3rem;font-weight: 700;}
.customer-stories .section-header .section-title .highlight{font-weight: 400;}
.customer-stories .section-header .section-excerpt{font-size: 1.3rem;line-height: 1.7rem;float: left;clear: both;width: 100%;}
.customer-stories .section-header .slider-controls{position: absolute;right: 15px;top: 15px;display: flex;gap: 15px;}
.customer-stories .section-header .slider-controls .control-btn{display: flex;align-items: center;justify-content: center;border-radius: 100%;border: none;background: #efefef;transition: .5s;color: #303030c7;cursor: pointer;}
.customer-stories .section-header .slider-controls .control-btn:hover{background: #f2f2f2;}
.customer-stories .section-header .slider-controls .control-btn:active{background: #707070;}
.customer-stories .section-header .slider-controls .control-btn:active span{color: #afafaf;}
.customer-stories .section-header .slider-controls .control-btn span{font-size: 45px;line-height: 1;}
.customer-stories .section-header .slider-controls .control-btn span:hover{}
.customer-stories .stories-wrapper {width: 100%;overflow: hidden;}
.customer-stories .stories-list {display: flex;gap: 20px;transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);}
.customer-stories .story-item {flex: 0 0 calc(33.333% - 14px);}
.customer-stories .story-card {position: relative;height: 450px;border-radius: 15px;overflow: hidden;cursor: pointer;}
.customer-stories .story-img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.customer-stories .story-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 10%, rgb(0 0 0 / 8%) 70%);display: flex;align-items: flex-end;padding: 30px;transition: var(--transition);}
.customer-stories .story-content {color: var(--text-light);transform: translateY(10px);transition: var(--transition);}
.customer-stories .story-content h3 {font-size: 2.1rem;line-height: 1.4;font-weight: 400;margin-bottom: 10px;}
.customer-stories .story-content p {font-size: 1.2rem;margin-bottom: 20px;transition: var(--transition);display: none;}
.customer-stories .btn-read-story {color: var(--primary-color);font-weight: 700;text-transform: uppercase;font-size: 1.2rem;letter-spacing: 1px;}
.customer-stories .story-card:hover .story-img {transform: scale(1.1);}
.customer-stories .story-card:hover .story-overlay {background: linear-gradient(to top, rgba(0,0,0,0.95) 20%, rgba(0,0,0,0.2) 100%);}
.customer-stories .story-card:hover .story-content {transform: translateY(0);}
.customer-stories .story-card:hover .story-content p {opacity: 1;}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.customer-stories {padding: 50px 0;}
.customer-stories .section-header .section-title{font-size: 2.4rem;}
.customer-stories .section-header .section-excerpt{font-size: 1.2rem;color: #555;}
.customer-stories .story-item {flex: 0 0 calc(50% - 10px);}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.customer-stories {padding: 50px 0 100px;}
.customer-stories .section-header{position: static;}
.customer-stories .section-header .section-title{font-size: 2.5rem;line-height: 1.3;font-weight: 800;border-bottom: 1px solid #ccc;padding-bottom: 5px;}
.customer-stories .section-header .section-title .highlight{display: block;font-weight: 300;color: var(--primary-hover);}
.customer-stories .section-header .section-excerpt{font-size: 1.1rem;margin-top: 10px;color: #3a3636;font-family: 'Jost';font-weight: 300;}
.customer-stories .section-header .slider-controls{bottom: 25px;top: unset;left: 50%;right: 0;position: absolute;transform: translate(-50%, 0);width: max-content;}
.customer-stories .story-item {flex: 0 0 calc(50% - 10px);}
.customer-stories .story-card {height: 350px;}
.customer-stories .story-overlay {padding: 20px 10px;}
.customer-stories .story-content h3 {font-size: 1.4rem;font-weight: 500;}
.customer-stories .story-content p {font-size: 1rem;}
.customer-stories .btn-read-story {font-size: 1rem;color: #45baff;}
}
@media only screen and (max-width: 480px) {
.customer-stories {padding: 50px 0 100px;}
.customer-stories .section-header{position: static;}
.customer-stories .section-header .section-title{font-size: 2.5rem;line-height: 1.3;font-weight: 800;border-bottom: 1px solid #ccc;padding-bottom: 5px;}
.customer-stories .section-header .section-title .highlight{display: block;font-weight: 300;color: var(--primary-hover);}
.customer-stories .section-header .section-excerpt{font-size: 1.1rem;margin-top: 10px;color: #3a3636;font-family: 'Jost';font-weight: 300;}
.customer-stories .section-header .slider-controls{bottom: 25px;top: unset;left: 50%;right: 0;position: absolute;transform: translate(-50%, 0);width: max-content;}
.customer-stories .story-item {flex: 0 0 100%;}
.customer-stories .story-card {height: 400px;}
.customer-stories .story-overlay {padding: 25px;}
.customer-stories .story-content h3 {font-size: 1.8rem;font-weight: 500;}
.customer-stories .story-content p {font-size: 1rem;}
.customer-stories .btn-read-story {font-size: 1rem;color: #45baff;}
}
/*=====================
/* Meet US CSS
/*===================*/
.meet-us {background-color: #f4f3f9;padding: 75px 0;border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
.meet-us  .section-title{font-size: 2.8rem;text-align: center;font-weight: 600;line-height: 1.5;margin: 0;}
.meet-us .section-excerpt{font-size: 1.2rem;line-height: 1.6;max-width: 728px;margin: 0 auto;text-align: center;}
.meet-us .accordion-container {display: flex;height: 500px;gap: 10px;width: 100%;margin-top: 40px;}
.meet-us .accordion-item {position: relative;flex: 0.5;background-color: #fff;border-radius: 20px;overflow: hidden;display: flex;transition: all 0.6s cubic-bezier(0.25, 1, 0.3, 1);cursor: pointer;border: 1px solid #e0e0e0;}
.meet-us .accordion-item.active {flex: 5;cursor: default;}
.meet-us .accordion-vertical-title {min-width: 60px;height: 100%;background-color: var(--bg-dark);color: #fff;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;}
.meet-us .accordion-vertical-title span {transform: rotate(-90deg);white-space: nowrap;font-weight: 400;text-transform: uppercase;letter-spacing: 2px;font-size: 1.5rem;}
.meet-us .accordion-item.active .accordion-vertical-title {background-color: var(--primary-color);width: 60px;}
.meet-us .accordion-content {display: flex;width: 100%;opacity: 0;visibility: hidden;transition: opacity 0.3s ease;padding: 25px;gap: 30px;align-items: center;}
.meet-us .accordion-item.active .accordion-content {opacity: 1;visibility: visible;}
.meet-us .accordion-content img {width: 50%;height: 100%;object-fit: cover;border-radius: 10px;}
.meet-us .accordion-text {width: 50%;}
.meet-us .accordion-text h3 {font-size: 2rem;margin-bottom: 15px;}
.meet-us .accordion-text p {color: var(--text-muted);margin-bottom: 25px;}
.meet-us .read-more-icon {display: inline-flex;align-items: center;justify-content: center;width: 50px;height: 50px;background: var(--primary-color);color: white;border-radius: 50%;transition: var(--transition);}
.meet-us .read-more-icon:hover {transform: scale(1.1);background: var(--bg-dark);}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.meet-us {padding: 50px 0;}
.meet-us  .section-title{font-size: 2.3rem;}
.meet-us .section-excerpt{font-size: 1.1rem;max-width: 680px;}
.meet-us .accordion-container {margin-top: 25px;height: 350px;}
.meet-us .accordion-vertical-title {min-width: 50px;}
.meet-us .accordion-vertical-title span {font-size: 1.2rem;}
.meet-us .accordion-item.active .accordion-vertical-title {width: 50px;}
.meet-us .accordion-content {gap: 20px;padding: 10px;}
.meet-us .accordion-text h3 {font-size: 1.5rem;line-height: 1.3;}
.meet-us .accordion-text p {font-size: 0.9rem;}
.meet-us .read-more-icon {width: 45px;height: 45px;}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.meet-us {padding: 50px 0;}
.meet-us  .section-title{font-size: 2.2rem;}
.meet-us .section-excerpt{margin-top: 10px;color: #555;font-size: 1.1rem;}
.meet-us .accordion-container {flex-direction: column;height: auto;margin-top: 20px;}
.meet-us .accordion-item {flex-direction: column;height: 80px;flex: none;}
.meet-us .accordion-item.active {height: 600px;}
.meet-us .accordion-vertical-title {min-height: 60px;width: 100%;}
.meet-us .accordion-vertical-title span {transform: rotate(0);font-size: 1.2rem;}
.meet-us .accordion-item.active .accordion-vertical-title {width: 100%;}
.meet-us .accordion-content {flex-direction: column;padding: 20px;}
.meet-us .accordion-content img {width: 100%;height: auto;}
.meet-us .accordion-text {width: 100%;text-align: center;}
.meet-us .accordion-text h3 {font-size: 1.7rem;line-height: 1.3;}
.meet-us .accordion-text p {font-size: 1rem;color: #444;}
}
@media only screen and (max-width: 480px) {
.meet-us {padding: 50px 0;}
.meet-us  .section-title{font-size: 1.6rem;font-weight: 800;}
.meet-us .section-excerpt{font-size: 1.1rem;color: #444;}
.meet-us .accordion-container {flex-direction: column;height: auto;margin-top: 25px;}
.meet-us .accordion-item {flex-direction: column;height: 80px;flex: none;}
.meet-us .accordion-item.active {height: 600px;}
.meet-us .accordion-vertical-title {min-height: 60px;width: 100%;}
.meet-us .accordion-vertical-title span {transform: rotate(0);font-size: 1.2rem;}
.meet-us .accordion-item.active .accordion-vertical-title {width: 100%;}
.meet-us .accordion-content {flex-direction: column;padding: 20px;}
.meet-us .accordion-content img {width: 100%;height: 200px;}
.meet-us .accordion-text {width: 100%;text-align: center;}
.meet-us .accordion-text h3 {font-size: 1.5rem;line-height: 1.3;}
}
/*======================
/* News & Insights CSS
/*====================*/
.news-insights.light-version {background-color: var(--bg-light);color: var(--text-main);padding: 75px 0;overflow: hidden;}
.news-insights .section-header{width: 100%;clear: both;float: left;display: inline-block;margin-bottom: 0;position: relative;}
.news-insights .section-header .section-title{font-size: 3rem;font-weight: 700;}
.news-insights .section-header .section-title .highlight{font-weight: 400;}
.news-insights .section-header .section-excerpt{font-size: 1.3rem;line-height: 1.7rem;float: left;clear: both;width: 100%;}
.news-insights .section-header .slider-controls{position: absolute;right: 15px;top: 15px;display: flex;gap: 15px;}
.news-insights .section-header .slider-controls .control-btn{display: flex;align-items: center;justify-content: center;border-radius: 100%;border: none;background: transparent;transition: .5s;color: #313131;cursor: pointer;}
.news-insights .section-header .slider-controls .control-btn:hover{background: #f2f2f2;}
.news-insights .section-header .slider-controls .control-btn:active{background: #707070;}
.news-insights .section-header .slider-controls .control-btn:active span{color: #afafaf;}
.news-insights .section-header .slider-controls .control-btn span{font-size: 45px;line-height: 1;}
.news-insights .section-header .slider-controls .control-btn span:hover{}
.news-insights .stories-wrapper {width: 100%;overflow: hidden;}
.news-insights .news-wrapper {width: 100%;padding: 40px 0;float: left;overflow: hidden;}
.news-insights .news-list {display: flex;gap: 50px;transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);}
.news-insights .news-item {flex: 0 0 calc(30% - 15px);transition: z-index 0.3s;z-index: 1;}
.news-insights .news-item:hover {z-index: 10;}
.news-insights .news-card {position: relative;height: 450px;border-radius: 5px;overflow: hidden;transition: transform 0.4s ease;border: 1px solid #e9e9e9;box-shadow: 0 4px 15px rgb(0 0 0 / 15%);}
.news-insights .news-card:hover {transform: scale(1.1);}
.news-insights .news-img {width: 100%;height: 100%;object-fit: cover;}
.news-insights .news-overlay {position: absolute;inset: 0;background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgb(0 0 0 / 28%) 60%, rgb(0 0 0 / 0%) 100%);display: flex;align-items: flex-end;padding: 20px;}
.news-insights .news-content {color: var(--text-light);}
.news-insights .news-content h3 {font-size: 1.8rem;font-weight: 400;line-height: 1.7;margin-bottom: 5px;}
.news-insights .news-content p {font-size: 0.95rem;line-height: 1.5;opacity: 0.8;margin-bottom: 10px;}
.news-insights .news-card:hover .news-content p {display: block;}
.news-insights .btn-news {font-size: 1.2rem;font-weight: 400;color: #00a1ff;}
.news-insights .light-version .control-btn {background: #f5f5f5;color: var(--text-main);}
.news-insights .light-version .control-btn:hover {background: var(--primary-color);color: white;}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
.news-insights.light-version {padding: 50px 0;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.news-insights.light-version {padding: 50px 0;}
.news-insights .section-header .section-title{font-size: 2.8rem;}
.news-insights .section-header .section-excerpt{font-size: 1.1rem;}
.news-insights .news-item { flex: 0 0 calc(33.333% - 14px); }
.news-insights .news-card {height: 320px;}
.news-insights .news-overlay {padding: 15px;}
.news-insights .news-content {width: 100%;}
.news-insights .news-content h3 {font-size: 1.5rem;line-height: 1.3;}
.news-insights .news-content p {display: none;}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.news-insights.light-version {padding: 45px 0 50px;}
.news-insights .section-header{position: static;}
.news-insights .section-header .section-title{font-size: 2.2rem;border-bottom: 1px solid #e1e1e1;margin-bottom: 10px;}
.news-insights .section-header .section-excerpt{font-size: 1.1rem;line-height: 1.5;}
.news-insights .section-header .slider-controls{left: 50%;bottom: 25px;position: absolute;top: unset;transform: translate(-50%, 0);width: max-content;}
.news-insights .news-list{gap: 25px;}
.news-insights .news-item { flex: 0 0 calc(50% - 10px); }
.news-insights .news-item:hover {}
.news-insights .news-card {height: 300px;}
.news-insights .news-card:hover { transform: scale(1.2); }
.news-insights .news-content h3 {font-size: 1.5rem;line-height: 1.2;}
.news-insights .news-content p {display: none;}
}
@media only screen and (max-width: 480px) {
.news-insights.light-version {padding: 40px 0 60px 0;}
.news-insights .section-header{position: static;}
.news-insights .section-header .section-title{font-size: 2.1rem;border-bottom: 1px solid #e1e1e1;}
.news-insights .section-header .section-excerpt{font-size: 1rem;text-align: center;color: #444;}
.news-insights .section-header .slider-controls{left: 50%;bottom: 25px;top: unset;transform: translate(-50%, 0);width: max-content;}
.news-insights .news-wrapper {padding: 25px 0;}
.news-insights .news-list {gap: 0;}
.news-insights .news-item { flex: 0 0 100%; }
.news-insights .news-card {height: 400px;}
.news-insights .news-card:hover { transform: scale(1.05); }
.news-insights .news-content h3 {font-size: 1.5rem;line-height: 1.3;}
.news-insights .news-content p {display: none;}
}
/*=====================
/* Career Section CSS
/*===================*/
.career-section {background-color: var(--bg-dark);color: var(--text-light);padding: 120px 0;overflow: hidden;position: relative;z-index: 1;}
.career-section::after{content:" ";position: absolute;left: 0;right: 0;bottom: 0;top: 0;background: #000000cc;z-index: -1;}
.career-section .career-grid {display: grid;grid-template-columns: 1fr 1fr;align-items: center;gap: 80px;}
.career-section .career-text .small-title {color: var(--primary-color);text-transform: uppercase;font-weight: 700;letter-spacing: 3px;font-size: 1.5rem;line-height: 1.3;display: block;margin-bottom: 10px;border-bottom: 3px dotted #1960ad;max-width: max-content;}
.career-section .career-text h2 {font-size: 3.5rem;line-height: 1.3;margin-bottom: 25px;}
.career-section .career-text .excerpt {font-size: 1.3rem;color: #c1c1c1;margin-bottom: 40px;width: 100%;}
.career-section .btn-career {display: inline-flex;align-items: center;gap: 15px;color: var(--text-light);font-weight: 600;font-size: 1.1rem;transition: var(--transition);}
.career-section .btn-career span {background: var(--primary-color);color: white;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: var(--transition);}
.career-section .btn-career:hover {color: var(--primary-color);}
.career-section .btn-career:hover span {transform: translateX(10px);background: white;color: var(--primary-color);}
.career-section .image-wrapper {position: relative;border-radius: 20px;overflow: hidden;line-height: 0;}
.career-section .career-image img {width: 100%;height: auto;object-fit: cover;transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);}
.career-section .img-hover-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 123, 255, 0.2);display: flex;align-items: center;justify-content: center;opacity: 0;transition: var(--transition);}
.career-section .img-hover-overlay span {font-size: 4rem;color: white;}
.career-section .career-image:hover img {transform: scale(1.08);}
.career-section .career-image:hover .img-hover-overlay {opacity: 1;}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
.career-section {padding: 100px 0;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.career-section {padding: 50px 0;}
.career-section .career-grid {grid-template-columns: 1fr;gap: 50px;text-align: center;justify-content: center;align-items: center;}
.career-section .career-grid .career-text{display: flex;flex-direction: column;align-items: baseline;}
.career-section .career-text h2 {font-size: 3rem;display: flex;gap: 10px;line-height: 1.5;margin-bottom: 5px;}
.career-section .career-text .excerpt {margin-left: auto;margin-right: auto;text-align: left;margin-bottom: 10px;}
.career-section .career-image {order: 1;}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.career-section {padding: 50px 30px;}
.career-section .career-grid {grid-template-columns: 1fr;gap: 50px;text-align: center;}
.career-section .career-text h2 {font-size: 2.5rem;text-align: left;margin-bottom: 15px;}
.career-section .career-text .excerpt {margin-left: auto;margin-right: auto;text-align: left;}
.career-section .btn-career {align-items: center;}
}
@media only screen and (max-width: 480px) {
.career-section {padding: 50px 20px;}
.career-section .career-grid {grid-template-columns: 1fr;gap: 50px;text-align: center;}
.career-section .career-grid .career-text{display: flex;flex-direction: column;align-items: center;}
.career-section .career-text h2 {font-size: 2.5rem;}
.career-section .career-text .excerpt {margin-left: auto;margin-right: auto;font-size: 1.1rem;}
}
/*=====================
/* Layout Section CSS
/*===================*/
/* --- Section Base --- */
.builder-section.section-layout-1 {width: 100%;display: inline-block;float: left;position: relative;padding: 0;color: #ffffff;overflow: hidden;}
.builder-section.section-layout-1 .builder-overly {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000000b5;z-index: -1;}
.builder-section.section-layout-1 .bs-main-content{padding: 100px 0;display: flex;align-items: center;justify-content: left;gap: 30px;}
.builder-section.section-layout-1 .builder-text {flex: 1;}
.builder-section.section-layout-1 .builder-text h2 {font-size: 3.5rem;line-height: 1.3;margin-bottom: 10px;font-weight: 800;}
.builder-section.section-layout-1 .builder-text .highlight {color: #007bff;}
.builder-section.section-layout-1 .builder-text h3 {font-size: 1.2rem;text-transform: uppercase;letter-spacing: 2px;color: #c4c900;margin-bottom: 20px;}
.builder-section.section-layout-1 .builder-text .excerpt {font-size: 1.3rem;line-height: 1.7;color: #cbd5e0;margin-bottom: 35px;max-width: 500px;}
.builder-section.section-layout-1 .section-btn {display: inline-flex;align-items: center;gap: 10px;background: #00000099;color: #fff;padding: 17px 35px;border-radius: 3px;text-decoration: none;transition: all 0.3s ease;font-size: 1.5rem;font-weight: 400;line-height: 1;border: 1px solid #ffffff96;}
.builder-section.section-layout-1 .section-btn:hover {background: #ffffff;transform: translateX(5px);color: #000;}
.builder-section.section-layout-1 .section-btn .material-symbols-outlined {font-size: 30px;}
.builder-section.section-layout-1 .section-overly-img {flex: 1;display: flex;justify-content: flex-end;}
.builder-section.section-layout-1 .section-overly-img img {max-width: 100%;height: auto;border-radius: 15px;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);transition: transform 0.5s ease;}
.builder-section.section-layout-1 .section-overly-img img:hover {transform: scale(1.03);}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
.builder-section.section-layout-1 .builder-text h2 {font-size: 3.2rem;}
.builder-section.section-layout-1 .builder-text .excerpt {font-size: 1.2rem;}
.builder-section.section-layout-1 .section-btn {padding: 15px 30px;font-size: 1.2rem;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.builder-section.section-layout-1 .builder-overly {background: linear-gradient(0deg, #000000d6, #00000082);}
.builder-section.section-layout-1 .bs-main-content{position: relative;padding: 80px 0;flex-direction: column;}
.builder-section.section-layout-1 .builder-text h2 {font-size: 3rem;}
.builder-section.section-layout-1 .builder-text h3 {font-size: 1rem;}
.builder-section.section-layout-1 .builder-text .excerpt {max-width: 100%;font-size: 1.1rem;}
.builder-section.section-layout-1 .section-btn {font-size: 1rem;padding: 12px 25px;}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.builder-section.section-layout-1 .builder-overly {flex-direction: column;text-align: center;padding: 40px 20px;}
.builder-section.section-layout-1 .bs-main-content{padding: 50px 25px;flex-direction: column;gap: 15px;}
.builder-section.section-layout-1 .builder-text h2 {font-size: 2.2rem;}
.builder-section.section-layout-1 .builder-text h3 {font-size: 1.1rem;}
.builder-section.section-layout-1 .builder-text .excerpt {margin: 10px 0;}
.builder-section.section-layout-1 .section-btn {font-size: 1rem;padding: 12px 25px;}
.builder-section.section-layout-1 .section-overly-img {justify-content: center;margin-top: 40px;}
}
@media only screen and (max-width: 480px) {
.builder-section.section-layout-1 {padding: 50px 20px;}
.builder-section.section-layout-1 .builder-overly {flex-direction: column;text-align: center;padding: 40px 20px;background: linear-gradient(0deg, #000000d1, #0000008f);}
.builder-section.section-layout-1 .bs-main-content{padding: 0;display: flex;flex-direction: column;}
.builder-section.section-layout-1 .builder-text h2 {font-size: 2.2rem;}
.builder-section.section-layout-1 .builder-text h3 {font-size: 1.1rem;color: yellow;}
.builder-section.section-layout-1 .builder-text .excerpt {margin: 10px 0;}
.builder-section.section-layout-1 .section-btn {font-size: 1rem;padding: 12px 20px;}
.builder-section.section-layout-1 .section-overly-img {justify-content: center;margin-top: 40px;}
}
/*=====================
/* Contact CTA CSS
/*===================*/
.contact-cta {background-color: #121314;color: var(--text-light);padding: 100px 0;text-align: center;}
.contact-cta .cta-content {max-width: 980px;margin: 0 auto;}
.contact-cta .cta-content h2 {font-size: 3rem;line-height: 1.5;margin-bottom: 20px;}
.contact-cta .cta-excerpt {font-size: 1.3rem;color: #c1c1c1;margin-bottom: 30px;line-height: 1.8;}
.contact-cta .btn-lg {padding: 18px 45px;font-size: 1.1rem;display: inline-flex;align-items: center;gap: 12px;border-radius: 50px;box-shadow: 0 10px 20px rgba(0, 123, 255, 0.2);}
.contact-cta .btn-lg .material-symbols-outlined {font-size: 1.4rem;transition: var(--transition);}
.contact-cta .btn-lg:hover {transform: translateY(-5px);box-shadow: 0 15px 30px rgba(0, 123, 255, 0.4);background-color: #ffffff;color: var(--primary-color);}
.contact-cta .btn-lg:hover .material-symbols-outlined {transform: rotate(-15deg) scale(1.2);}
@media (max-width: 768px) {
.contact-cta {padding: 50px 0;}
.contact-cta .cta-content h2 {font-size: 2.2rem;}
.contact-cta .cta-excerpt {font-size: 1rem;}
.contact-cta .btn-lg {width: 80%;justify-content: center;}
}
/*=====================
/* Footer Section CSS
/*===================*/
.main-footer {background-color: var(--bg-dark);color: var(--text-light);padding: 0;border-top: 1px solid rgba(255, 255, 255, 0.05);width: 100%;float: left;z-index: 2;position: relative;}
.main-footer .footer-grid {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;gap: 40px;padding: 40px 0;border-top: 4px solid #fff;}
.main-footer .footer-logo {flex: 1;width: 15%;}
.main-footer .footer-logo a {font-size: 1.8rem;font-weight: 800;color: var(--text-light);}
.main-footer .footer-logo img{height: 50px;width: auto;}
.main-footer .footer-logo span {color: var(--primary-color);}
.main-footer .footer-tagline {margin-top: 10px;font-size: 0.9rem;color: #888;max-width: 200px;}
.main-footer .footer-center {flex: 2;text-align: left;display: flex;flex-direction: column;align-items: baseline;gap: 15px;width: 60%;}
.main-footer .footer-copy {font-size: 1.2rem;color: #fff;}
.main-footer .footer-links {display: flex;gap: 20px;width: 100%;}
.main-footer .footer-links a {font-size: 1rem;color: #b1b1b1;transition: var(--transition);}
.main-footer .footer-links a:hover {color: var(--primary-color);}
.main-footer .footer-socials {flex: 3;display: flex;justify-content: flex-end;gap: 15px;width: 20%;}
.main-footer .social-icon {width: 45px;height: 45px;background: rgb(255 255 255 / 12%);display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: var(--transition);color: var(--text-light);}
.main-footer .social-icon:hover {background: var(--primary-color);transform: translateY(-5px);}
.main-footer .social-icon .material-symbols-outlined {font-size: 1.2rem;}
.main-footer .social-icon svg {width: 20px;height: 20px;fill: #fff;}
/* --- Responsive Footer --- */
@media (max-width: 992px) {
.main-footer .footer-grid {flex-direction: column;align-items: center;text-align: center;}
.main-footer .footer-socials {justify-content: center;}
.main-footer .footer-tagline {margin: 10px auto 0;}
}
@media (max-width: 576px) {
.main-footer .footer-links {flex-direction: column;gap: 10px;}
}
/*=========================*/
/*  Single Post
/*=========================*/
.single-post-header{position: relative;padding: 120px 0 80px;background-color: var(--bg-dark);min-height: 650px;display: flex;align-items: center;overflow: hidden;}
.single-post-header .post-header-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.single-post-header .post-header-bg img {width: 100%;height: 100%;object-fit: cover;}
.single-post-header .post-header-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, rgba(0,0,0,0.9) 20%, rgba(0,0,0,0.4) 100%);z-index: 2;}
.single-post-header .header-content {position: relative;z-index: 3;color: var(--text-light);}
.single-post-header .header-content p{font-size: 1.7rem;font-weight: 400;line-height: 1.5;margin-bottom: 20px;color: #ffffffcf;font-family: 'Jost';}
.single-post-header .breadcrumb {display: flex;align-items: center;gap: 10px;font-size: 1.2rem;margin-bottom: 20px;border-bottom: 1px solid #c1c1c1;padding-bottom: 2px;}
.single-post-header .breadcrumb a {color: #fff;font-weight: 500;}
.single-post-header .breadcrumb .separator {opacity: 0.5;}
.single-post-header .breadcrumb .current {opacity: 0.8;}
.single-post-header .post-title {font-size: 3.5rem;margin-bottom: 20px;line-height: 1.5;font-family: 'Lato';}
.single-post-header .post-meta-header {display: flex;gap: 20px;font-size: 1.1rem;opacity: 0.8;color: #ffffff;}
.single-post-header .post-meta-header span {display: flex;align-items: center;gap: 5px;}
.single-post-header .contact-button{display: inline-block;width: 100%;clear: both;float: left;margin: 20px 0;}
.single-post-header .contact-button .pagepost{display: flex;gap: 10px;align-items: center;background: #ffffffc4;width: max-content;border-radius: 25px;transition: .5s;cursor: pointer;}
.single-post-header .contact-button .pagepost:hover{background: #fff;}
.single-post-header .contact-button .contact-person{width: 50px;height: 50px;border-radius: 100%;overflow: hidden;border: 1px solid #fff;}
.single-post-header .contact-button .contact-person img{width: 100%;height: 100%;object-fit: cover;}
.single-post-header .contact-button .contact-author{font-size: 1.3rem;color: var(--text-main);padding-right: 25px;font-family: 'jost', sans-serif;font-weight: 500;}
/*----- Post Main Content ---*/
.post-details-section {background-color: var(--bg-light);padding: 50px 0;}
.post-details-section .small-container {max-width: 980px;}
.post-details-section .post-body p {font-size: 1.3rem;color: #222;margin-bottom: 25px;line-height: 1.5;}
.post-details-section .post-body .lead {font-size: 1.5rem;font-weight: 500;color: var(--bg-dark);line-height: 1.5;}
.post-details-section .post-body h2, 
.post-details-section .post-body h3 {margin: 40px 0 20px;color: var(--bg-dark);font-size: 2.8rem;}
.post-details-section .post-body blockquote {border-left: 5px solid var(--primary-color);padding: 20px 30px;margin: 40px 0;background: #f9f9f9;font-style: italic;font-size: 1.3rem;color: #222;}
.post-details-section .content-img {width: 100%;border-radius: 15px;margin: 20px 0;}
.post-details-section .post-footer {margin-top: 60px;padding-top: 30px;border-top: 1px solid #eee;}
.post-details-section .post-tags {display: flex;gap: 10px;}
.post-details-section .post-tags span {background: #f0f0f0;padding: 5px 15px;border-radius: 20px;font-size: 0.85rem;font-weight: 600;color: var(--text-muted);}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
.single-post-header .header-content p{font-size: 1.5rem;}
.single-post-header .post-title {font-size: 3.3rem;}
.single-post-header .contact-button .contact-person{width: 45px;height: 45px;}
.single-post-header .contact-button .contact-author{font-size: 1.2rem;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.single-post-header{height: 100vh;}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.single-post-header .header-content p{font-size: 1.4rem;}
.single-post-header .post-title {font-size: 3rem;}
.single-post-header .contact-button .contact-person{width: 40px;height: 40px;}
.single-post-header .contact-button .contact-author{font-size: 1rem;}
/*----- Post Main Content ---*/
.post-details-section {padding-top: 35px;}
.post-details-section .post-body p {font-size: 1.1rem;}
.post-details-section .post-body h2, 
.post-details-section .post-body h3 {margin: 15px 0 5px 0;font-size: 2rem;}
}
@media only screen and (max-width: 480px) {
.single-post-header{height: 100vh;padding: 105px 25px;align-items: baseline;}
.single-post-header .header-content p{font-size: 1.1rem;}
.single-post-header .post-title {font-size: 1.8rem;}
.single-post-header .contact-button .contact-person{height: 35px;width: 35px;}
.single-post-header .contact-button .contact-author{font-size: 1rem;}
/*----- Post Main Content ---*/
.post-details-section {padding: 25px 5px;}
.post-details-section .post-body p {font-size: 1rem;}
.post-details-section .post-body h2, 
.post-details-section .post-body h3 {font-size: 1.7rem;line-height: 1.3;margin: 10px 0;border-bottom: 1px solid #e1e1e1;padding-bottom: 5px;}
}
/*=====================
/* Page CSS
/*===================*/
.page-content{}
.page-content .magazine-hero {background-color: var(--bg-dark);color: var(--text-light);overflow: hidden;padding: 0; height:100vh;}
.page-content .magazine-hero::before{content:"";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000000bf;z-index: 1;}
.page-content .magazine-hero .magazine-grid {display: flex;min-height: 80vh;z-index: 2;position: relative;}
.page-content .magazine-hero .mag-text-side {padding: 100px 5% 60px;display: flex;flex-direction: column;justify-content: center;width: 75%;}
.page-content .magazine-hero .mag-text-side p{font-size: 1.8rem;line-height: 1.5;margin: 15px 0;font-family: 'jost', sans-serif;}
.page-content .magazine-hero .mag-text-side .breadcrumb-alt{font-size: 1.2rem;margin-bottom: 10px;}
.page-content .magazine-hero .contact-button{display: inline-block;width: 100%;clear: both;float: left;margin: 20px 0;}
.page-content .magazine-hero .contact-button .pagepost,
.page-content .magazine-hero .contact-button a{display: flex;gap: 10px;align-items: center;background: #ffffffc4;width: max-content;border-radius: 25px;transition: .5s;cursor: pointer;}
.page-content .magazine-hero .contact-button .pagepost:hover,
.page-content .magazine-hero .contact-button a:hover{background: #fff;}
.page-content .magazine-hero .contact-person{width: 50px;height: 50px;border-radius: 100%;overflow: hidden;border: 1px solid #fff;}
.page-content .magazine-hero .contact-person img{width: 100%;height: 100%;object-fit: cover;}
.page-content .magazine-hero .contact-author{font-size: 1.3rem;color: var(--text-main);padding-right: 25px;font-family: 'jost', sans-serif;font-weight: 500;}
.page-content .magazine-hero .mag-image-side {flex: 1;position: relative;}
.page-content .magazine-hero .mag-image-side img {width: 100%;height: 100%;object-fit: cover;}
.page-content .magazine-hero .category-tag {background: var(--primary-color);padding: 10px 25px;border-radius: 4px;font-size: 1rem;font-weight: 700;width: fit-content;margin-bottom: 20px;}
.page-content .magazine-hero .mag-title {font-size: 4rem;line-height: 1.5;}
.page-content .magazine-hero .mag-author {display: flex;align-items: center;gap: 15px;}
.page-content .magazine-hero .author-avatar {width: 50px;height: 50px;border-radius: 50%;border: 2px solid var(--primary-color);}
.page-content .magazine-content{padding: 50px 0;}
.page-content .content-layout {display: grid;grid-template-columns: auto 350px;gap: 50px;}
.page-content .content-layout .mag-article{order: 1;}
.page-content .content-layout .drop-cap {float: left;font-size: 5rem;line-height: 0.8;padding-right: 15px;color: var(--primary-color);font-weight: 800;}
.page-content .content-layout .page-meta{display: inline-block;width: 100%;float: left;margin-bottom: 10px;border-bottom: 1px solid #e1e1e1;}
.page-content .content-layout .page-meta ul{display: flex;align-items: center;justify-content: left;padding: 5px 0;overflow: hidden;font-size: 1.1rem;}
.page-content .content-layout .page-meta li{display: flex;align-items: center;width: max-content;border-left: 1px solid #e1e1e1;padding: 0 10px;line-height: 1.2;white-space: nowrap;gap: 15px;}
.page-content .content-layout .page-meta li span{}
.page-content .content-layout .page-meta li span a{}
.page-content .content-layout .page-meta li:first-child{border: none;padding-left: 0;}
.page-content .content-layout .mag-article h1 {font-size: 2.8rem;line-height: 1.5;font-family: 'jost', sans-serif;font-weight: 600;}
.page-content .content-layout .mag-article h2 {font-size: 2.2rem;margin: 10px 0;display: inline-block;width: 100%;border-bottom: 1px solid #e1e1e1;padding: 5px 0;}
.page-content .content-layout .mag-article h3 {width: 100%;font-size: 1.8rem;margin: 15px 0;}
.page-content .content-layout .mag-article h4 {font-size: 1.5rem;width: 100%;float: left;clear: both;margin: 15px 0;}
.page-content .content-layout .mag-article h5 {font-size: 1.2rem;margin: 15px 0;width: 100%;}
.page-content .content-layout .mag-article h6 {font-size: 1rem;line-height: 1.5;margin: 15px 0;width: 100%;}
.page-content .content-layout .mag-article p {font-size: 1.3rem;line-height: 1.7;margin: 15px 0;}
.page-content .content-layout .mag-article a {}
.page-content .content-layout .mag-article a:hover {}
.page-content .content-layout .mag-article blockquote {margin: 20px 0;width: 100%;background: #007bff0f;padding: 10px;border-radius: 10px;border-left: 4px solid #2296f3;border-right: 3px solid #2296f3;}
.page-content .content-layout .mag-article caption{}
.page-content .content-layout .mag-article .mid-post-image{width: 100%;display: flex;float: left;clear: both;margin-bottom: 15px;text-align: center;background: #f9f9f9;align-items: center;justify-content: center;}
.page-content .content-layout .mag-article .mid-post-image img{width: auto;height: auto;max-height: 380px;max-width: 100%;}
.page-content .content-layout .sticky-share {position: sticky;top: 120px;display: flex;flex-direction: column;align-items: center;gap: 10px;}
.page-content .content-layout .sticky-share span {font-size: 1rem;text-transform: uppercase;font-weight: 700;}
.page-content .content-layout .sticky-share a {color: #ccc;transition: var(--transition);display: flex;align-items: center;justify-content: center;}
.page-content .content-layout .sticky-share img{width: 40px;height: 40px;}
.page-content .content-layout .sticky-share a span {font-size: 1.5rem;text-transform: uppercase;font-weight: 700;}
.page-content .content-layout .sticky-share a:hover { color: var(--primary-color); }
.page-content .content-layout .mag-sidebar-right{order: 2;}
.page-content .content-layout .sidebar-box {background: #f8f9fa;padding: 25px;border-radius: 10px;display: inline-block;width: 100%;}
.page-content .content-layout .sidebar-box h4{font-size: 1.5rem;border-bottom: 1px solid #ccc;}
.page-content .content-layout .related-list {margin-top: 10px;}
.page-content .content-layout .related-list li {display: block;margin-bottom: 15px;border-bottom: 1px solid #eee;padding-bottom: 5px;}
.page-content .content-layout .related-list li a{font-size: 1.2rem;}
.page-content .content-layout .related-list li:last-child{border:none;}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
.page-content .magazine-hero .magazine-grid {align-items: center;justify-content: center;}
.page-content .magazine-hero .mag-text-side {justify-content: center;}
.page-content .magazine-hero .mag-text-side p{font-size: 1.5rem;}
.page-content .magazine-hero .contact-person{height: 40px;width: 40px;}
.page-content .magazine-hero .contact-author{font-size: 1.2rem;}
.page-content .magazine-hero .mag-title {font-size: 2.8rem;}
.page-content .content-layout .mag-article h1 {font-size: 2.5rem;}
.page-content .content-layout .mag-article h2 {font-size: 2rem;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.page-content .magazine-hero .magazine-grid {flex-direction: column;}
.page-content .magazine-hero .mag-text-side {width: 100%;}
.page-content .magazine-hero .mag-text-side p{font-size: 1.5rem;}
.page-content .magazine-hero .contact-person{width: 45px;height: 45px;}
.page-content .magazine-hero .contact-author{font-size: 1.1rem;}
.page-content .magazine-hero .mag-title {font-size: 3.3rem;}
.page-content .content-layout {display: flex;flex-direction: column;}
.page-content .content-layout .mag-article h1 {font-size: 2.5rem;}
.page-content .content-layout .mag-article h2 {font-size: 2rem;}
.page-content .content-layout .mag-article .mid-post-image img{max-height: 420px;}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.page-content .magazine-hero .magazine-grid {flex-direction: column;}
.page-content .magazine-hero .mag-text-side {width: 100%;}
.page-content .magazine-hero .mag-text-side p{font-size: 1.4rem;}
.page-content .magazine-hero .mag-text-side .breadcrumb-alt{font-size: 1rem;}
.page-content .magazine-hero .contact-person{width: 40px;height: 40px;}
.page-content .magazine-hero .contact-author{font-size: 1rem;}
.page-content .magazine-hero .category-tag {padding: 8px 20px;margin-bottom: 10px;}
.page-content .magazine-hero .mag-title {font-size: 2.8rem;}
.page-content .content-layout {display: flex;flex-direction: column;}
.page-content .content-layout .mag-article h1 {font-size: 2.5rem;}
.page-content .content-layout .mag-article h2 {font-size: 1.9rem;}
.page-content .content-layout .mag-article p {font-size: 1.1rem;}
}
@media only screen and (max-width: 480px) {
.page-content .magazine-hero {height: auto;}
.page-content .magazine-hero .magazine-grid {flex-direction: column;}
.page-content .magazine-hero .mag-text-side {width: 100%;padding: 100px 20px 50px;}
.page-content .magazine-hero .mag-text-side p{font-size: 1.1rem;}
.page-content .magazine-hero .mag-text-side .breadcrumb-alt{font-size: 0.9rem;}
.page-content .magazine-hero .contact-person{height: 35px;width: 35px;}
.page-content .magazine-hero .contact-author{font-size: 1rem;}
.page-content .magazine-hero .mag-title {font-size: 1.8rem;}
.page-content .content-layout {display: flex;flex-direction: column;}
.page-content .content-layout .page-meta li{font-size: 1rem;}
.page-content .content-layout .mag-article h1 {font-size: 1.7rem;}
.page-content .content-layout .mag-article h2 {font-size: 1.3rem;margin-bottom: 5px;line-height: 1.5;}
.page-content .content-layout .mag-article h3 {font-size: 1.4rem;}
.page-content .content-layout .mag-article p {font-size: 0.95rem;}
}
/*=====================
/* Term CSS
/*===================*/
.term-content {background: #fff;font-family: 'Inter', sans-serif;display: inline-block;width: 100%;float: left;clear: both;}
.term-content .term-hero {position: relative;min-height: 85vh;display: flex;align-items: center;color: #fff;overflow: hidden;height: 100vh;}
.term-content .term-overly {position: absolute;inset: 0;background: linear-gradient(to right, rgb(0 0 0 / 88%) 30%, rgb(30 34 34 / 61%) 100%);padding: 120px 0;display: flex;align-items: center;}
.term-content .term-hero-content {position: relative;z-index: 2;margin: 25px 0;display: flex;flex-direction: column;gap: 15px 0;}
.term-content .term-hero-content h1{font-size: 4rem;font-weight: 400;margin: 15px 0;display: inline-block;float: left;line-height: 1.5;}
.term-content .term-hero-content h3 {font-size: 1.8rem;font-weight: 400;color: #fff;border-bottom: 1px solid #fff;display: inline-block;float: left;width: 100%;font-family: 'Jost';}
.term-content .term-hero-content .excerpt {font-size: 1.8rem;line-height: 1.4;max-width: 85%;display: inline-block;float: left;font-family: 'Jost';font-weight: 300;}
.term-content .term-hero-content .contact-button{display: inline-block;width: 100%;clear: both;float: left;margin: 20px 0;}
.term-content .term-hero-content .contact-button a{display: flex;gap: 10px;align-items: center;background: #ffffffc4;width: max-content;border-radius: 25px;transition: .5s;}
.term-content .term-hero-content .contact-button a:hover{background: #fff;}
.term-content .term-hero-content .contact-person{width: 50px;height: 50px;border-radius: 100%;overflow: hidden;border: 1px solid #fff;}
.term-content .term-hero-content .contact-person img{width: 100%;height: 100%;object-fit: cover;}
.term-content .term-hero-content .contact-author{font-size: 1.5rem;color: var(--text-main);padding-right: 25px;font-family: 'outfit', sans-serif;font-weight: 600;}
/* --- Main Content Body --- */
.term-content .term-main-content {padding: 50px 0;color: #333;}
.term-content .term-main-content .tc-description {margin: 0 auto;line-height: 1.8;font-size: 1.2rem;color: #4d4d4d;}
.term-content .term-main-content .tc-description p {margin-bottom: 25px;}
.term-content .term-main-content .tc-description h3{color: #0c0e0e;margin: 25px 0;font-weight: 700;font-size: 2.2rem;}
.term-content .term-main-content .tc-description h4 {color: #0c0e0e;margin: 40px 0 20px;font-weight: 700;font-size: 1.8rem;}
.term-content .term-main-content .tc-description blockquote {background: #ebebeb;padding: 30px;border-left: 5px solid #007bff;font-style: italic;font-size: 1.25rem;margin: 40px 0;color: #444;}
.term-content .term-main-content .tc-description img {width: 100%;border-radius: 15px;margin-bottom: 30px;box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
.term-content .term-main-content .tc-description a {color: #007bff;text-decoration: underline;font-weight: 600;}
/* --- Related Services Section --- */
.term-content .customer-stories{padding: 50px 0;background: #f4f3f9;}
.term-content .news-insights{padding: 50px 0;background: #f9f9f9;}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
.term-content .term-hero-content h1{font-size: 3.5rem;}
.term-content .term-hero-content .excerpt {font-size: 1.6rem;}
.term-content .term-hero-content .contact-author{font-size: 1.2rem;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.term-content .term-hero-content h1{font-size: 3rem;}
.term-content .term-hero-content .excerpt {font-size: 1.5rem;}
.term-content .term-hero-content .contact-person{width: 40px;height: 40px;}
.term-content .term-hero-content .contact-author{font-size: 1.2rem;}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.term-content .term-hero {max-height: 85vh;}
.term-content .term-overly {align-items: baseline;padding: 100px 25px;}
.term-content .term-hero-content h1{font-size: 2.8rem;margin: 0;line-height: 1.3;}
.term-content .term-hero-content h3 {font-size: 1.5rem;}
.term-content .term-hero-content .excerpt {font-size: 1.3rem;}
.term-content .term-hero-content .contact-person{width: 40px;height: 40px;}
.term-content .term-hero-content .contact-author{font-size: 1.2rem;}
}
@media only screen and (max-width: 480px) {
.term-content .term-hero {max-height: 85vh;padding: 70px 25px;}
.term-content .term-overly {padding: 75px 15px;}
.term-content .term-hero-content h1{font-size: 2rem;line-height: 1.3;margin: 0;}
.term-content .term-hero-content h3 {font-size: 1.2rem;}
.term-content .term-hero-content .excerpt {font-size: 1.1rem;}
}
/*======================
/* Contact Page
/*====================*/
/* --- Contact Hero Section --- */
.contact-hero {padding: 150px 0;background-color: var(--bg-dark);text-align: center;border-bottom: 1px solid #8d8d8dd1;}
.contact-hero .contact-hero-grid{display: flex;align-items: self-start;text-align: left;gap: 50px;float: left;padding: 50px 0 0 0;}
.contact-hero h1 {font-size: 3.5rem;color: var(--text-light);margin-bottom: 20px;font-weight: 700;}
.contact-hero .chg-excerpt {color: #9b9b9b;line-height: 1.6;width: 50%;font-size: 1.7rem;line-height: 2;}
/* --- Hero Boxes Grid --- */
.contact-hero .ch-boxes{display: inline-block;width: 100%;float: left;overflow: hidden;padding-bottom: 30px;}
.contact-hero .chb-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;margin-top: 70px;}
.contact-hero .chb-item a {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 40px 20px;background: var(--bg-dark);border: 1px solid #ededed;border-radius: 12px;text-decoration: none;transition: all 0.3s ease;box-shadow: 0 4px 6px rgba(0,0,0,0.02);}
.contact-hero .chb-item a:hover {transform: translateY(-10px);border-color: #007bff;box-shadow: 0 15px 30px rgba(0,123,255,0.1);background: #1e2222;}
.contact-hero .chb-item svg {margin-bottom: 20px;fill: var(--text-light);width: 50px;height: 50px;}
.contact-hero .chb-item h3 {font-size: 1.5rem;color: var(--text-light);font-weight: 400;}
/* --- Get in Touch Section --- */
.contact-touch {padding: 150px 0;background: #1e2222;}
.contact-touch::after{content:" ";background: linear-gradient(90deg, #000000ba, #000000d9, #000000cf);position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.contact-touch .get-in-touch{z-index: 1;display: inline-block;width: 100%;clear: both;position: relative;}
.contact-touch .get-in-touch h2 {text-align: center;font-size: 2.5rem;margin-bottom: 60px;position: relative;color: var(--text-light);}
.contact-touch .get-in-touch h2::after {content: '';display: block;width: 60px;height: 4px;background: #007bff;margin: 15px auto 0;}
.contact-touch .git-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 40px;}
.contact-touch .git-item {display: flex;align-items: flex-start;gap: 20px;padding: 20px;background: #00000061;border-radius: 8px;border: 1px solid #0247927a;}
.contact-touch .git-item svg {flex-shrink: 0;fill: #fff;background: rgb(0 96 199 / 71%);padding: 10px;border-radius: 50%;width: 45px;height: 45px;}
.contact-touch .git-note {font-size: 1.1rem;color: #fff;line-height: 1.8;}
.contact-touch .git-note a {display: block;color: #fff;text-decoration: none;font-weight: 400;font-size: 1.1rem;}
.contact-touch .git-note a:hover {text-decoration: underline;}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
/* --- Contact Hero Section --- */
.contact-hero {padding: 100px 0;}
.contact-hero .contact-hero-grid{padding: 0;}
.contact-hero h1 {font-size: 2.5rem;}
.contact-hero .chg-excerpt {font-size: 1.2rem;}
/* --- Hero Boxes Grid --- */
.contact-hero .ch-boxes{padding-bottom: 0;}
.contact-hero .chb-grid {margin-top: 35px;}
/* --- Get in Touch Section --- */
.contact-touch .git-item {align-items: center;}
.contact-touch .git-note {font-size: 1rem;}
.contact-touch .git-note a {font-size: 1rem;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
/* --- Contact Hero Section --- */
.contact-hero {padding: 100px 0;}
.contact-hero .contact-hero-grid{padding: 0;flex-direction: column;gap: 20px;}
.contact-hero h1 {margin: 0;font-size: 2.5rem;}
.contact-hero .chg-excerpt {width: 100%;font-size: 1.5rem;line-height: 1.5;}
/* --- Hero Boxes Grid --- */
.contact-hero .chb-grid {margin-top: 30px;}
/* --- Get in Touch Section --- */
.contact-touch {padding: 100px 0;}
.contact-touch .git-item {align-items: center;}
.contact-touch .git-note {font-size: 1rem;}
.contact-touch .git-note a {font-size: 1rem;}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
/* --- Contact Hero Section --- */
.contact-hero {padding: 100px 0;}
.contact-hero .contact-hero-grid{flex-direction: column;padding: 0;gap: 15px;}
.contact-hero h1 {font-size: 2.1rem;margin-bottom: 0;}
.contact-hero .chg-excerpt {width: 100%;font-size: 1.2rem;}
/* --- Hero Boxes Grid --- */
.contact-hero .chb-grid {grid-template-columns: 1fr;margin-top: 25px;padding: 0 25px;}
/* --- Get in Touch Section --- */
.contact-touch .git-item {align-items: center;}
}
@media only screen and (max-width: 480px) {
/* --- Contact Hero Section --- */
.contact-hero {padding: 70px 0;}
.contact-hero .contact-hero-grid{padding: 25px 0 0;flex-direction: column;gap: 15px;}
.contact-hero h1 {font-size: 2rem;margin-bottom: 0;width: 100%;}
.contact-hero .chg-excerpt {width: 100%;font-size: 1.1rem;}
/* --- Hero Boxes Grid --- */
.contact-hero .chb-grid {grid-template-columns: 1fr;margin: 35px 0;padding: 0 25px;}
.contact-hero .chb-item a {padding: 30px 10px;}
.contact-hero .chb-item svg {width: 35px;height: 35px;}
.contact-hero .chb-item h3 {font-size: 1.2rem;}
/* --- Get in Touch Section --- */
.contact-touch {padding: 100px 0;}
.contact-touch .git-grid {padding: 0 25px;}
.contact-touch .git-item {align-items: center;}
.contact-touch .git-note {font-size: 1rem;}
.contact-touch .git-note a {font-size: 1rem;}
}
/*======================
/* Contact Form
/*====================*/
/* --- Main Container & Overlay --- */
.contact-form {min-height: 100vh;display: flex;align-items: flex-start;justify-content: flex-start;position: relative;font-family: 'Inter', sans-serif;overflow-y: scroll;height: 100%;}
.contact-form .contact-overly {width: 100%;min-height: 100vh;background: linear-gradient(90deg, #000000fa, #000000eb, #00000099);backdrop-filter: blur(8px);display: flex;padding: 100px 0 50px 0;}
.contact-form .contact-request-form {width: 100%;padding: 20px 50px;max-width: 980px;}
.contact-form .contact-request-form .contact-back-button{width: max-content;padding: 8px 25px;margin-bottom: 25px;background: #ffffff1a;font-size: 1.1rem;font-weight: 500;cursor: pointer;border: 1px solid #ededed4d;color: #fff;transition: .5s;}
.contact-form .contact-request-form .contact-back-button:hover{background: #1f293e;box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.2);}
/* --- Header & Details --- */
.contact-form .contact-details h1 {color: #ffffff;font-size: 3rem;margin-bottom: 15px;font-weight: 700;}
.contact-form .contact-details .excerpt {color: #b9b9b9;line-height: 1.7;margin-bottom: 40px;font-size: 1.2rem;}
.contact-form .contact-new-form{width: 100%;clear: both;float: left;}
.contact-form .contact-new-form form{display: flex;flex-direction: column;width: 100%;gap: 35px;}
/* --- Header & Details --- */
.contact-form .sent-mail-result {
    display: none;
    width: 100%;
    padding: 10px;
    text-align: left;
    border: 1px solid #373434;
    box-shadow: 0 0 10px #3b3939;
    border-radius: 5px;
    padding: 50px;
    text-align: center;
}
.contact-form .sent-mail-result .sent-icon {
    text-align: center;
    margin-bottom: 5px;
}

.sent-icon {}

.sent-icon {}
.contact-form .sent-mail-result svg {
    width: 35px;
    height: 35px;
    fill: #c2dfff;
}
.contact-form .sent-mail-result p{
    text-align: center;
    font-size: 1.1rem;
    color: #9b9b9b;
    display: inline-block;
    width: 100%;
    margin-bottom: 50px;
    line-height: 1.5;
    float: left;
}
.contact-form .sent-mail-result  a{
    background: #1e1d1c;
    padding: 15px 20px;
    border: 1px solid #7f7f7f;
    color: #fff;
    font-size: 0.95rem;
    border-radius: 3px;
}
/* --- Form Layout --- */
.contact-form form .form-row {display: flex;gap: 4%;flex-wrap: wrap;width: 100%;}
.contact-form form .form-row .form-item{width: 48%;}
.contact-form form .form-row .form-item.r-1{width: 100%;}
/* --- Labels & Inputs --- */
.contact-form form label {display: block;color: #cbd5e0;margin-bottom: 8px;font-size: 1rem;font-weight: 500;}
.contact-form form .checkbox-label{padding:  5px 0;margin: 5px 0;font-size: 1.1rem;opacity: 0.8;display: flex;align-items: center;width: 100%;cursor: pointer;transition: .5s;}
.contact-form form .checkbox-label:hover{opacity: 1;}
.contact-form form input[type="number"],
.contact-form form input[type="text"],
.contact-form form input[type="email"],
.contact-form form textarea {width: 100%;background: #9393931a;border: none;padding: 14px 18px;color: #fff;font-size: 1.2rem;transition: all 0.3s ease;outline: none;border-bottom: 1px solid #464242;}
.contact-form form input:focus, 
.contact-form form textarea:focus {border-color: #007bff;background: #1f293e;box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.2);}
.contact-form form textarea {min-height: 120px;resize: vertical;}
/* --- Phone Input Group --- */
.contact-form form .phone-input {display: flex;gap: 15px;}
.contact-form form .country-code {width: 150px;}
.contact-form form .phone-no { flex: 1; }
/* --- Checkboxes & Notes --- */
.contact-form form input[type="checkbox"] {accent-color: #007bff;margin-right: 10px;width: 16px;height: 16px;}
.contact-form form .contact-note {font-size: 1.3rem;color: #718096;margin-top: 25px;line-height: 1.7;font-style: italic;}
.contact-form form .contact-note a, 
.contact-form form label a {color: #3094ff;text-decoration: none;}
/* --- Submit Button --- */
.contact-form form input[type="submit"] {background: #007bff;color: #fff;border: none;padding: 16px 40px;border-radius: 8px;font-weight: 600;font-size: 1.1rem;cursor: pointer;transition: background 0.3s ease, transform 0.2s ease;width: 100%;}
.contact-form form input[type="submit"]:hover {background: #0056b3;transform: translateY(-2px);}
.contact-form form input::-webkit-outer-spin-button,
.contact-form form input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
.contact-form form input[type=number] {-moz-appearance: textfield;}
/* --- Success State (Hidden by default) --- */
.contact-form form .sent-mail-result {display: flex; flex-direction: column;align-items: center;text-align: center;padding: 40px 0;background: #b1b1b114;border-radius: 5px;border: 1px solid #ffffff38;display: none;}
.contact-form form .sent-mail-result a{padding: 10px 15px;background: #ffffff1f;color: #f2f2f2;border-radius: 2px;}
.contact-form form .sent-icon svg {width: 80px;height: 80px;fill: #007bffc4;margin-bottom: 20px;}
.contact-form form .sent-mail-result p {color: #e2e8f0;font-size: 1.5rem;margin-bottom: 25px;line-height: 1.7;font-weight: 300;}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
/* --- Header & Details --- */
.contact-form .contact-details h1 {font-size: 2.4rem;margin-bottom: 0;}
.contact-form .contact-details .excerpt {font-size: 1rem;margin-bottom: 20px;}
/* --- Labels & Inputs --- */
.contact-form form label {font-size: 1rem;white-space: nowrap;}
.contact-form form .checkbox-label{flex-wrap: wrap;font-size: 1rem;}
.contact-form form .country-code {width: 100px;}
/* --- Checkboxes & Notes --- */
.contact-form form .contact-note {font-size: 1.1rem;line-height: 1.5;}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
/* --- Main Container & Overlay --- */
.contact-form .contact-request-form {padding: 0 35px;}
.contact-form .contact-request-form .contact-back-button{margin-bottom: 10px;}
/* --- Header & Details --- */
.contact-form .contact-details h1 {font-size: 2rem;}
.contact-form .contact-details .excerpt {font-size: 1rem;margin-bottom: 15px;}
.contact-form .contact-new-form form{gap: 20px;}
/* --- Labels & Inputs --- */
.contact-form form label {white-space: nowrap;}
.contact-form form .checkbox-label{flex-wrap: wrap;}
/* --- Phone Input Group --- */
.contact-form form .country-code {width: 100px;}
/* --- Checkboxes & Notes --- */
.contact-form form .contact-note {font-size: 1rem;line-height: 1.5;}
}
@media only screen and (max-width: 480px) {
/* --- Main Container & Overlay --- */
.contact-form .contact-request-form {padding: 0 15px;}
.contact-form .contact-request-form .contact-back-button{margin-bottom: 15px;}
/* --- Header & Details --- */
.contact-form .contact-details h1 {font-size: 1.8rem;}
.contact-form .contact-details .excerpt {font-size: 1rem;margin-bottom: 20px;}
.contact-form .contact-new-form form{gap: 15px;}
/* --- Form Layout --- */
.contact-form form .form-row .form-item{width: 100%;}
/* --- Labels & Inputs --- */
.contact-form form label {white-space: nowrap;}
.contact-form form .checkbox-label{padding-right: 25px;white-space: pre-wrap;display: inline-block;font-size: 1rem;}
/* --- Phone Input Group --- */
.contact-form form .country-code {width: 100px;}
/* --- Checkboxes & Notes --- */
.contact-form form input[type="checkbox"] {float: left;margin-top: 5px;margin-right: 0;}
.contact-form form .contact-note {font-size: 1rem;margin-top: 5px;}
}
/*======================
/* Related Term Section
/*====================*/
.related-term-section {background-color: #f5f5f5;color: var(--text-main);padding: 50px 0;overflow: hidden;}
.related-term-section .rts-header{width: 100%;clear: both;float: left;display: inline-block;margin-bottom: 0;position: relative;}
.related-term-section .rts-header .section-title{font-size: 3rem;font-weight: 700;}
.related-term-section .rts-header .section-title span{font-weight: 400;}
.related-term-section .rts-header .section-excerpt{font-size: 1.3rem;line-height: 1.7rem;float: left;clear: both;width: 100%;}
.related-term-section .rts-header .rts-controls{position: absolute;right: 15px;top: 15px;display: flex;gap: 15px;}
.related-term-section .rts-header .rts-controls .control-btn{display: flex;align-items: center;justify-content: center;border-radius: 100%;border: none;background: transparent;transition: .5s;color: #313131;cursor: pointer;}
.related-term-section .rts-header .rts-controls .control-btn:hover{background: #f2f2f2;}
.related-term-section .rts-header .rts-controls .control-btn:active{background: #707070;}
.related-term-section .rts-header .rts-controls .control-btn:active span{color: #afafaf;}
.related-term-section .rts-header .rts-controls .control-btn span{font-size: 45px;line-height: 1;}
.related-term-section .rts-header .rts-controls .control-btn span:hover{}
.related-term-section .item-grid-section {width: 100%;padding: 40px 0;float: left;overflow: hidden;}
.related-term-section .item-grid-list{display: flex;gap: 50px;transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);}
.related-term-section .item-grid-list .list-item {flex: 0 0 calc(30% - 15px);transition: z-index 0.3s;z-index: 1;}
.related-term-section .item-grid-list .list-item:hover {z-index: 10;}
.related-term-section .item-grid-list .rts-item-card {position: relative;height: 450px;border-radius: 5px;overflow: hidden;transition: transform 0.4s ease;border: 1px solid #e9e9e9;box-shadow: 0 4px 15px rgb(0 0 0 / 15%);}
.related-term-section .item-grid-list .rts-item-card:hover {transform: scale(1.1);}
.related-term-section .item-grid-list .rts-img {width: 100%;height: 100%;object-fit: cover;}
.related-term-section .item-grid-list .rts-overlay {position: absolute;inset: 0;background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgb(0 0 0 / 50%) 60%, rgb(0 0 0 / 0%) 100%);display: flex;align-items: flex-end;padding: 20px;}
.related-term-section .item-grid-list .rts-content {color: var(--text-light);}
.related-term-section .item-grid-list h3 {font-size: 1.8rem;font-weight: 400;line-height: 1.7;margin-bottom: 5px;}
.related-term-section .item-grid-list p {font-size: 0.95rem;line-height: 1.5;opacity: 0.8;margin-bottom: 10px;display: none;}
.related-term-section .item-grid-list .rts-item-card:hover .rts-content p {display: block;}
.related-term-section .item-grid-list .rts-btn {font-size: 1.2rem;font-weight: 400;color: #00a1ff;}
.related-term-section .item-grid-list .control-btn {background: #f5f5f5;color: var(--text-main);}
.related-term-section .item-grid-list .control-btn:hover {background: var(--primary-color);color: white;}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.related-term-section .rts-header .section-title{font-size: 2.5rem;}
.related-term-section .rts-header .section-excerpt{font-size: 1.1rem;}
.related-term-section .item-grid-section {padding: 25px 0;}
.related-term-section .item-grid-list{gap: 30px;}
.related-term-section .item-grid-list .rts-item-card {height: 350px;}
.related-term-section .item-grid-list h3 {font-size: 1.5rem;line-height: 1.3;}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.related-term-section .rts-header{position: static;}
.related-term-section .rts-header .section-title{font-size: 2.5rem;}
.related-term-section .rts-header .section-excerpt{font-size: 1.1rem;}
.related-term-section .rts-header .rts-controls{top: unset;left: 50%;bottom: 20px;width: max-content;transform: translate(-50%, 0);}
.related-term-section .item-grid-list{gap: 20px;}
.related-term-section .item-grid-list .list-item {flex: 0 0 calc(50% - 15px);}
.related-term-section .item-grid-list .rts-item-card {height: 380px;}
.related-term-section .item-grid-list h3 {font-size: 1.5rem;line-height: 1.3;}
}
@media only screen and (max-width: 480px) {
.related-term-section .rts-header{position: static;}
.related-term-section .rts-header .section-title{font-size: 2.2rem;text-align: center;border-bottom: 1px solid #ddd;margin-bottom: 10px;}
.related-term-section .rts-header .section-excerpt{text-align: center;font-size: 1rem;}
.related-term-section .rts-header .rts-controls{left: 50%;bottom: 25px;top: unset;transform: translate(-50%, 0);width: max-content;}
.related-term-section .item-grid-section {padding: 25px 0;}
.related-term-section .item-grid-list{gap: 20px;}
.related-term-section .item-grid-list .list-item {flex: 0 0 calc(100% - 0px);}
.related-term-section .item-grid-list .rts-item-card {height: 400px;}
}
/*=====================
/* Term Related Posts
/*===================*/
.trp-section {background-color: var(--bg-dark);color: var(--text-light);padding: 75px 0;}
.trp-section .section-title {font-size: 2.8rem;text-align: left;margin-bottom: 50px;font-weight: 400;}
.trp-section .trp-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 50px;width: 100%;float: left;}
.trp-section .trp-card {background: rgb(255 255 255 / 9%);border-radius: 3px;height: 100%;display: flex;flex-direction: column;justify-content: space-between;transition: var(--transition);position: relative;overflow: hidden;}
.trp-section .trp-card:hover {background: rgba(255, 255, 255, 0.07);transform: translateY(-10px);}
.trp-section .trp-item{width: 100%;}
.trp-section .trp-img{float: left;width: 100%;height: 300px;clear: both;}
.trp-section .trp-img img{width: 100%;height: 100%;object-fit: cover;}
.trp-section .trp-img a{display: block;float: left;width: 100%;height: 100%;}
.trp-section .trp-content{padding: 20px;}
.trp-section .trp-content h3 {font-size: 2rem;margin-bottom: 15px;line-height: 1.5;font-weight: 600;}
.trp-section .trp-content p {color: #a3a3a3;font-size: 1.2rem;margin-bottom: 20px;line-height: 1.5;width: 100%;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.trp-section .trp-footer {display: flex;justify-content: space-between;align-items: center;border-top: 1px solid rgba(255, 255, 255, 0.1);padding: 20px;background: #222226;font-size: 1rem;}
.trp-section .trp-footer .date {color: #f2f2f2;}
.trp-section .btn-text {display: flex;align-items: center;gap: 10px;color: var(--primary-color);font-weight: 400;font-size: 1.4rem;}
.trp-section .btn-text .material-symbols-outlined {font-size: 1.5rem;transition: var(--transition);width: 30px;height: 30px;border-radius: 100%;border: 1px solid var(--primary-color);display: flex;align-items: center;justify-content: center;background: var(--primary-color);color: #fff;font-weight: 400;}
.trp-section .btn-text:hover .material-symbols-outlined {transform: translateX(5px);background: transparent;color: var(--primary-color);}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
.trp-section {padding: 50px;}
.trp-section .section-title {font-size: 2.5rem;border-bottom: 1px solid #ffffff66;}
.trp-section .section-title span{color: #ffffff94;}
.trp-section .trp-content h3 {font-size: 1.6rem;}
.trp-section .trp-content p {font-size: 1.1rem;}
.trp-section .trp-footer {padding: 10px;flex-direction: column;}
.trp-section .trp-footer .date {display: none;}
.trp-section .btn-text {font-size:1.2rem}
.trp-section .btn-text .material-symbols-outlined {width: 25px;height: 25px;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.trp-section {padding: 50px;}
.trp-section .section-title {font-size: 2.5rem;border-bottom: 1px solid #ffffff66;}
.trp-section .section-title span{color: #ffffff94;}
.trp-section .trp-grid {gap: 25px;grid-template-columns: repeat(2, 1fr);}
.trp-section .trp-content h3 {font-size: 1.6rem;}
.trp-section .trp-content p {font-size: 1.1rem;}
.trp-section .trp-footer {padding: 10px;flex-direction: column;}
.trp-section .trp-footer .date {display: none;}
.trp-section .btn-text {font-size:1.2rem}
.trp-section .btn-text .material-symbols-outlined {width: 25px;height: 25px;}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.trp-section {padding: 50px 0;}
.trp-section .section-title {font-size: 2.5rem;border-bottom: 1px solid #ffffff66;}
.trp-section .section-title span{color: #ffffff94;}
.trp-section .trp-grid {grid-template-columns: repeat(2, 1fr);gap: 20px;}
.trp-section .trp-img{height: 250px;}
.trp-section .trp-content{padding: 10px;}
.trp-section .trp-content h3 {font-size: 1.2rem;}
.trp-section .trp-content p {font-size: 1rem;}
.trp-section .trp-footer {padding: 10px;flex-direction: column;}
.trp-section .trp-footer .date {display: none;}
.trp-section .btn-text {font-size: 1.1rem;}
.trp-section .btn-text .material-symbols-outlined {width: 25px;height: 25px;}
}
@media only screen and (max-width: 480px) {
.trp-section {padding: 50px 5px;overflow: hidden;}
.trp-section .section-title {font-size: 2.5rem;border-bottom: 1px solid #ffffff66;}
.trp-section .section-title span{color: #ffffff94;}
.trp-section .trp-grid {grid-template-columns: repeat(1, 1fr);}
.trp-section .trp-content h3 {font-size: 1.5rem;}
.trp-section .trp-content p {font-size: 1.1rem;}
.trp-section .trp-footer {padding: 10px;flex-direction: column;}
.trp-section .trp-footer .date {display: none;}
.trp-section .btn-text {font-size:1.2rem}
.trp-section .btn-text .material-symbols-outlined {width: 25px;height: 25px;}
}