/* ====================== Site Link ====================== */
/* .site-link{padding: 0;position: relative;}
.site-link:before{position: absolute;left: 0;overflow: hidden;display: inline-block;padding: 0;height: 100%;max-width: 0;color: var(--theme-color);content: attr(data-hover);transition: max-width 0.5s;white-space: pre;}
.site-link:hover{color: transparent;}
.site-link:hover:before{max-width: 100%;} */



/* common form css */
/* .g-6{ --bs-gutter-x:32px; --bs-gutter-y:32px; }
.form-group{position: relative;}
.form-group input, .form-group textarea, .form-group select { caret-color: var(--theme-color); width: 100%; border-radius: 0;border: none; padding:0; height: 56px; font-size: 16px; font-weight: 500; color: var(--white-color); background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.22); outline: none; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease;}
.form-group select option{ color: var(--body-color); background-color: var(--white-color); }
.form-group input::-webkit-input-placeholder, .form-group textarea::-webkit-input-placeholder{color: #efefef94; text-transform: capitalize;}
.form-group input::-moz-placeholder, .form-group textarea::-moz-placeholder{color: #efefef94; text-transform: capitalize;}
.form-group input:-ms-input-placeholder, .form-group textarea:-ms-input-placeholder{color: #efefef94; text-transform: capitalize;}
.form-group input::-ms-input-placeholder, .form-group textarea::-ms-input-placeholder{color: #efefef94; text-transform: capitalize;}
.form-group input::placeholder, .form-group textarea::placeholder{color: #efefef94; text-transform: capitalize;}
.form-group select{color: #efefef94; }
.form-group select.other-selected{color: var(--white-color); }
.form-group textarea::-webkit-input-placeholder{text-transform: unset;}
.form-group textarea::-moz-placeholder{text-transform: unset;}
.form-group textarea:-ms-input-placeholder{text-transform: unset;}
.form-group textarea::-ms-input-placeholder{text-transform: unset;}
.form-group textarea::placeholder{text-transform: unset;}
.form-group textarea{height: 120px; resize: none;}
.form-group .form-control:focus, .form-group select:focus { color: var(--white-color); background-color: transparent; border-color: var(--white-color); outline: 0; -webkit-box-shadow: none; box-shadow: none; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ -webkit-transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s; }

.form-theme-light .form-group input, .form-theme-light .form-group textarea, .form-theme-light .form-group select{ color: var(--body-color); border-bottom: 1px solid rgba(0, 0, 0, 0.22); }
.form-theme-light .form-group input::-webkit-input-placeholder, .form-theme-light .form-group textarea::-webkit-input-placeholder{color: #44444494;}
.form-theme-light .form-group input::-moz-placeholder, .form-theme-light .form-group textarea::-moz-placeholder{color: #44444494;}
.form-theme-light .form-group input:-ms-input-placeholder, .form-theme-light .form-group textarea:-ms-input-placeholder{color: #44444494;}
.form-theme-light .form-group input::-ms-input-placeholder, .form-theme-light .form-group textarea::-ms-input-placeholder{color: #44444494;}
.form-theme-light .form-group input::placeholder, .form-theme-light .form-group textarea::placeholder, .form-theme-light .form-group select{color: #44444494;}
.form-theme-light .form-group select.other-selected{ color: var(--body-color);}
.form-theme-light .form-group .form-control:focus, .form-theme-light .form-group select:focus { color: var(--body-color); border-color: var(--body-color); }
.common_form .theme-btn{background: transparent; padding: 15px 20px;}

.file-drop-area { padding: 33px 15px; width: 100%; border: 2px dashed rgba(255, 255, 255, 0.22); position: relative; min-height: 130px; display: flex; justify-content: center; transition: 0.3s ease; overflow: hidden; background-color: #ffffff14; }
.file-drop-area .file-msg { font-size: 18px; }
.file-drop-area span { display: block; color: #efefef94; text-align: center; }
.file-drop-area.file-selected { padding-block: 25px; }
.file-drop-area #fileName { position: absolute; bottom: 0px; left: 0px; width: 100%; transform: translateY(100%); transition: 0.3s ease; max-height: 32px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 1; line-clamp: 1; font-size: 13px; color: #fff; }
.file-drop-area.file-selected #fileName { padding: 0px 20px 12px; transform: translateY(0); }
.file-drop-area > input[type="file"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }

.get-in-touch-scnn .modal-header .btn-close { position: fixed; top: 30px; right: 30px; z-index: 1; cursor: pointer; width: 45px; height: 45px; background-color: var(--theme-dark); border-radius: 0px; opacity: 1; --bs-btn-close-bg:none; }
.get-in-touch-scnn .modal-header .btn-close::after, .get-in-touch-scnn .modal-header .btn-close::before { content: ''; position: absolute; width: 25px; height: 2px; background-color: #fff; top: 50%; left: 50%; -webkit-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
.get-in-touch-scnn .modal-header .btn-close::after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
.get-in-touch-scnn .modal-header .btn-close::before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }
.get-in-touch-scnn .modal-header .btn-close:hover::after, .get-in-touch-scnn .modal-header .btn-close:hover::before { -webkit-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } */

/* ====================== Theme Header ====================== */
/* .header .header-inr nav{padding: 24px 36px 23.5px; transition: 0.5s ease; box-shadow: none;}
.header .header-inr.scroll-down nav{transform: translateY(-100%); box-shadow: 0px 4px 8px -2px #1313132b;}
.header .header-inr.scroll-up nav{transform: translateY(0%); box-shadow: 0px 4px 8px -2px #1313132b;}
.header .navbar-brand img{max-width: 196px;}
.header .theme-btn{padding-inline: 12px;gap: 7px;color: #fff;}
.header .theme-btn::before{height: 100%;}
.header .theme-btn::after{display: none;}
.header .theme-btn span::before{background: var(--theme-color);transform: scale(1);}
.header .theme-btn span img{filter: brightness(0) invert(1);transform: scale(85%);}
.header .theme-btn:hover{padding-inline: 15px;gap: 1px;}
.header .theme-btn:hover span::before{transform: scale(0);}
.header .theme-btn:hover span img{transform: scale(100%);}
.header .header-inr .navbar-nav .nav-item{margin: 0 16px;}
.header .header-inr .navbar-nav .nav-item .nav-link{padding: 0; transition: 0.5s ease; text-transform: capitalize; font-weight: 500; color: #63656A; position: relative;} 
.header .header-inr .navbar-nav .nav-item:hover .nav-link, .header .header-inr .navbar-nav .nav-item .nav-link.active{color: #1d1d1d;}
.header .header-inr .navbar-nav .nav-item.dropdown .dropdown-toggle::after { border: none; content: "\f107"; font-family: 'FontAwesome'; vertical-align: baseline; font-size: 86%; margin-left: 0px; color: var(--theme-dark); transition: 0.5s; }
.header .header-inr .navbar-nav .nav-item.dropdown:hover .dropdown-toggle::after, .header .header-inr .navbar-nav .nav-item.dropdown .nav-link.active + .dropdown-toggle::after{ color: #1d1d1d; }

.header .header-inr .navbar-nav .nav-item.dropdown .dropdown-menu{border: none; border-radius: 0; padding: 0;}
.header .header-inr .navbar .navbar-nav .nav-item.dropdown::before { content: ""; position: absolute; top: 100%; left: 0px; width: 100%; height: 50px; display: none; }
.header .header-inr .navbar .navbar-nav .nav-item.dropdown:hover::before{display: block;}
.header .header-inr .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item { font-size: 15px; font-weight: 500; padding: 12px 32px 12px 24px; position: relative; background: #fff; --bs-dropdown-link-color: var(--theme-dark); --bs-dropdown-link-active-color: #1d1d1d; --bs-dropdown-link-active-bg: #fff; --bs-dropdown-link-hover-bg: #fff; border-bottom: 1px solid #f1f1f1; }
.header .header-inr .navbar-nav .nav-item.dropdown .dropdown-menu li:last-child .dropdown-item{border-bottom: 0;}

.header .header-inr .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item::before{ content: "\f107"; font-family: 'FontAwesome'; font-size: 86%; top: 13.5px; color: var(--theme-dark); transition: 0.5s; position: absolute; transform: rotate(-90deg); opacity: 0; }
.header .header-inr .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover::before, .header .header-inr .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item.active::before{ opacity: 1; transform: rotate(-90deg) translateY(-13px); color: var(--theme-color); }

 



.get-in-touch-scnn .modal{ --bs-modal-bg:transparent; --bs-border-width:0; }
.get-in-touch-scnn .modal.fade{ transition: opacity 0.3s ease-in; }
.get-in-touch-scnn .modal .modal-content-left{ clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 100%, 50% 50%, 0% 0%); background-color:  var(--theme-color); }
.get-in-touch-scnn .modal .modal-content-right{ clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 15% 100%, 0% 50%); background-color: var(--theme-light); margin-left: -12.5vw; padding-left: 10vw; height: 100%; }
.get-in-touch-scnn .modal .modal-content-right .modal-body form .theme-btn{background: transparent;}
.get-in-touch-scnn .modal.fade .modal-dialog{ transform:none; }
.get-in-touch-scnn .modal.show .modal-dialog{ transform: none; }
.get-in-touch-scnn .modal.fade .modal-dialog .modal-content-left{ transform: translateX(-80px); transition: 0.3s ease-in; }
.get-in-touch-scnn .modal.show .modal-dialog .modal-content-left{ transform: translateX(0px); }
.get-in-touch-scnn .modal.fade .modal-dialog .modal-content-right { transform: translateX(80px); transition: 0.3s ease-in; }
.get-in-touch-scnn .modal.show .modal-dialog .modal-content-right{ transform: none; } */


/* ================================================================================================================
                                                new
================================================================================================================ */
html{scroll-behavior: smooth;}
body{margin: 0;padding: 0;font-family: "Figtree", sans-serif;color: var(--theme-dark);}
a, a:hover, button, button:focus, input{outline: none;box-shadow: none;text-decoration: none;transition: all 0.5s ease;}
a{text-decoration: none;cursor: pointer;color: unset;display: inline-block;}
h1, h2, h3, h4, h5, h6, p{margin: 0;padding: 0;}
ul, li{margin: 0;padding: 0;list-style: none;}
p{margin: 0 0 20px 0;font-size: 17px;font-weight: 500;line-height: 1.6;color: var(--theme-dark);}
p:last-child{margin-bottom: 0;}
:root {
    --theme-color: #293E77;
    --theme-color2: #63A838;
    --theme-light: #F0F2F6;
    --theme-light2: #F3F8EF;
    --theme-dark: #444;
}
::-webkit-scrollbar{width: 5px;height:5px;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 7px grey;}
::-webkit-scrollbar-thumb{background: var(--theme-color);}
::-webkit-scrollbar-thumb:hover{background: var(--theme-color2);}
::selection{color: var(--theme-light);background: rgb(47 47 47/70%);}

hr{display: block;margin: 0;width: 100%;height: 1px;background: #293E77;border: 0;opacity: 1;}
.content-left-padding{padding-left: 40px;}
button:focus{box-shadow: none !important;}





/* ====================== Theme Title ====================== */
.theme-title{font-size: 45px;font-weight: 600;line-height: 1.1;}


/* ====================== Theme Button ====================== */
.theme-btn{display: inline-block;padding: 20px 40px;min-width: 164px;background: var(--theme-color2);border: none;border-radius: 5px;font-size: 16px;font-weight: 500;font-family: "Plus Jakarta Sans", sans-serif;line-height: 1.3;text-align: center;color: #fff;position: relative;z-index: 1;overflow: hidden;cursor: pointer;}
.theme-btn::after{content: '';position: absolute;top: 0;right: 0%;width: 200%;height: 100%;background: rgb(255 255 255/ 20%);clip-path: polygon(23.33% 0, 35.33% 0, 46.66% 100%, 33.66% 100%);z-index: -1;transition: all 0.5s cubic-bezier(0.18, -0.01, 0.39, 1);}
.theme-btn:hover::after{right: -153%;}
/* -------------------------- Theme Light Button -------------------------- */
/* -------------------------- Theme Border Button -------------------------- */
.theme-btn.bdr-btn{border: 2px solid var(--theme-color2);background: transparent;color: var(--theme-dark);font-weight: 600;}
.theme-btn.bdr-btn::after{background: rgb(99 168 56/20%);}
/* -------------------------- Theme Light Border Button -------------------------- */
.theme-btn.bdr-light-btn{border: 2px solid #fff;background: transparent;color: #fff;font-weight: 600;}
.theme-btn.bdr-light-btn::after{background: rgb(255 255 255/20%);}

.theme-btn.bdr-light-btn.color-btn{border: 2px solid var(--theme-color2);}

   


    
/* ====================== Owl Carousel ====================== */
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{position: absolute;top: 50%;width: 40px;height: 40px;border: 1px solid var(--theme-color2);border-radius: 50%;display: flex;justify-content: center;align-items: center;transform: translateY(-50%);}
.owl-carousel .owl-nav button.owl-prev{left: calc(-40px - 5.3%);right: unset;}
.owl-carousel .owl-nav button.owl-next{left: unset;right: calc(-40px - 5.3%);}
.owl-carousel .owl-nav button svg{width: 7px;height: 12px;fill: #a1a1a1;transition: 0.5s;}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover{background: var(--theme-color2);border-color: transparent;}
.owl-carousel .owl-nav button:hover svg{fill: #fff;}




/* ================== Theme Modal ================== */
.modal-content{overflow: hidden;border: 1px solid #eee;border-radius: 5px;}
.modal-content .modal-header{padding: 20px 30px;border-color: #eee;}
.modal-content .modal-header .btn-close{filter: invert(53%) sepia(56%) saturate(490%) hue-rotate(53deg) brightness(98%) contrast(90%);opacity: 1;}
.modal-content .modal-header .btn-close:hover{transform: rotate(90deg);filter: unset;}
.modal-content .modal-header .theme-title{margin-bottom: 0;font-size: 26px;font-weight: 600;line-height: 1.1;}





/* ================== Contact Form ================== */
.contact-form-section{padding: 100px 0;background: var(--theme-light2);position: relative;z-index: 0;overflow: hidden;}
.contact-form-section::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--theme-light2) url(../sub-img/branch-bg.jpg) no-repeat center bottom;background-size: cover;background-attachment: fixed;opacity: 6%;z-index: -1;}
/* ----------  ---------- */
.contact-form{margin: 0;padding: 50px 50px 50px 60px;width: 100%;background: #fff;border: 1px solid #8B8B8B;backdrop-filter: blur(4px);border-radius: 5px;}
.contact-form .page-header{margin: 0 auto 20px;max-width: 910px;}
/* ----------  ---------- */
.contact-form form{margin: auto;max-width: 910px;}
.contact-form .form-btm{margin: 0 -5px 0 0;/*text-align: right;*/display: flex;flex-direction: row-reverse;align-items: center;}
/*--------  --------*/
.contact-form ::-webkit-input-placeholder{padding-right: 5px;font-size: 13px;font-weight: 400;color: rgb(255 255 255 / 0%);font-style: italic;text-align: right;}
.contact-form .input:focus{outline-width: 0px;box-shadow: 0;}
.contact-form .input{margin-top: 20px;padding: 8px 20px 8px 15px;width: 100%;background: transparent;border: 0 solid #8B8B8B;border-width: 0 0 1px 0;font-size: 18px;color: #444;}
.contact-form input:-internal-autofill-selected{background-color: transparent !important;}
.contact-form textarea.input{height: 110px;resize: none;}
/*--------  --------*/
.contact-form input:-webkit-autofill,
.contact-form input:-webkit-autofill:hover,
.contact-form input:-webkit-autofill:focus,
.contact-form input:-webkit-autofill:active{transition: background-color 9999s ease-in-out 0s;}
/*--------  --------*/
.contact-form .input-wrap{position: relative;margin: 0 auto 25px;}
.contact-form label{position: absolute;top: 35px;left: 15px;color: #444;font-size: 16px;line-height: 1;transition: 500ms;}
.contact-form label.active{top: 10px;transition: all 0.8s;color: var(--theme-color2);}
.contact-form .input-wrap.active label{top: 8px;color: var(--theme-color2);font-size: 14px;}
.contact-form i.invalid,
.contact-form label.active.invalid{color: #cd241a;}
.contact-form .active textarea,
.contact-form .not textarea{border-bottom: none;}
.contact-form .input-wrap:before{content: ' ';position: absolute;font-size: 13px;line-height: 13px;right: 0;top: 33px;width: 20px;height: 20px;-webkit-padding-before: 4px;-webkit-padding-end: 3px;-webkit-padding-after: 2px;-webkit-padding-start: 4px;text-align: center;background-color: transparent;border-radius: 50%;color: #fff;font-family: "FontAwesome";transform: scale(0) rotate(90deg);transform-origin: center;transition: all 0.4s;}
/*--------  --------*/
.contact-form .input-wrap.valid:before{content: '\f00c';color: #4CAF50;transform: scale(1) rotate(0deg);transition: all 0.8s;}
.contact-form .input-wrap.invalid:before{content: '\f00d';color: #F44336;transform: scale(1) rotate(0deg);transition: all 0.8s;}
.contact-form .input-wrap.active:after,
.contact-form .input-wrap.not.active:after{border-bottom: 1px solid var(--theme-color);bottom: 0;left: 0;content: "";height: 0;position: absolute;width: 100%;animation-name: bord;animation-fill-mode: forwards;animation-duration: 0.8s;animation-timing-function: ease;}
.contact-form .input-wrap.not:after,.contact-form .input-wrap.input_label.invalid.focus:after{border-bottom: 1px solid var(--theme-color);bottom: 0;left: 0;content: "";height: 0;position: absolute;width: 100%;animation-name: bords;animation-fill-mode: forwards;animation-duration: 0.8s;animation-timing-function: ease;}
.contact-form .input-wrap.textarea.active:after,
.contact-form .input-wrap.textarea.not.active:after,
.contact-form .input-wrap.textarea.not:after{bottom: 6px;}
/*--------  --------*/
.contact-form .input-wrap.active.invalid:after{border-bottom: 1px solid #cd241a;bottom: 0;left: 0;content: "";height: 0;position: absolute;width: 100%;animation-name: bord;animation-fill-mode: forwards;animation-duration: 0.8s;animation-timing-function: ease;}
.contact-form input[type="checkbox"] {text-indent: -9999px;vertical-align: text-top;}
.contact-form [type="checkbox"] + label:before,
.contact-form [type="checkbox"] + label:after {content: '';left: 0;position: absolute;z-index: 1;}
.contact-form [type="checkbox"]:not(:checked) + label:before {width: 0;height: 0;border: 3px solid transparent;left: 3px;top: 0px;transform: scale(0);transform-origin: 100% 100%;transition: all 0.8s;}
.contact-form [type="checkbox"]:not(:checked) + label:after {height: 12px;width: 12px;background-color: #fff;border: 1px solid #aaa;top: 3px;left: 4px;transition: all 0.8s;z-index: 0;}
.contact-form [type="checkbox"]:checked + label:before {content: '\e876';top: 0px;left: 3px;font-size: 16px;color: #fff;font-family: "Material Icons";transform: scale(1);transition: all 0.8s;}
.contact-form [type="checkbox"]:checked + label:after {top: 3px;left: 4px;width: 12px;height: 12px;border: 1px solid #cd241a;background-color: #cd241a;transition: all 0.8s;z-index: 0;}
.contact-form input[type="checkbox"] + label {position: static;font-size: 12px;color: #757575;font-weight: 500;}
.contact-form .active textarea, .contact-form .not textarea {border-bottom: 1px solid #ccc;}
.invalid-feedback {width: 100%;bottom: -22px;left: 15px;margin-top: 0;position: absolute;font-size: .8em;color: #cd241a;font-weight: 400;}
@keyframes bord{0% {width: 0%;}100% {width: 100%;}}
@keyframes bords{0% {width: 100%;}100% {width: 0%;}}

/* ---------- Modal ---------- */
.modal .contact-form{padding: 20px 50px;/*border: none;*/}
.modal .contact-form form{max-width: unset;}


/* ====================== Get Quote Section ====================== */
.getquote .modal-header{position: absolute;top: 0;right: 0;border-color: transparent;z-index: 1;}
.getquote .modal-body{padding: 40px 60px;}
.getquote .getquote-left{margin-block: 30px;}
.getquote .getquote-left h6{font-size: 14px;margin-bottom: 10px;font-weight: 500;color: var(--theme-color2);}
.getquote .getquote-left .theme-title{margin-bottom: 15px;font-size: 34px;font-weight: 500;}
.getquote .getquote-left p{margin-bottom: 0;font-size: 16px;}
/*--------  --------*/
.getquote .getquote-left .getquote-contact{margin-top: 30px;display: flex;align-items: center;gap: 11px;}
.getquote .getquote-left .getquote-contact .icon{width: 50px;aspect-ratio: 1 / 1;background: var(--theme-color2);border: 1px solid var(--theme-color2);border-radius: 50%;display: flex;justify-content: center;align-items: center;transition: 0.5s;}
.getquote .getquote-left .getquote-contact .icon img{filter: brightness(0) invert(1);transition: 0.5s;}
.getquote .getquote-left .getquote-contact p span{display: block;font-size: 90%;}
.getquote .getquote-left .getquote-contact:hover .icon{background: transparent;}
.getquote .getquote-left .getquote-contact:hover .icon img{filter: unset;}
.getquote .theme-btn{padding: 15px 18px;min-width: 130px;font-size: 15px;}


/* ====================== Theme Header ====================== */
.header{padding: 0 50px;background: #fff;box-shadow: 0 0 10px 0 rgb(0 0 0 / 8%);/*position: relative;*/position: sticky;top: 0;transition: 1.0s;z-index: 2;}
.header nav{padding: 0;}
/* -------------------------- Header Brand -------------------------- */
.header .navbar{display: unset;}
.header .navbar-brand img{width: 229px;}
/* -------------------------- Header Menu -------------------------- */
.header .navbar-collapse{justify-content: center;}
.header .navbar-nav{gap: 14px;}
.header .nav-item{font-size: 17px;font-weight: 500;color: var(--theme-dark);}
.header .nav-item .nav-link{padding: 42px 20px;font-size: 17px;line-height: 1;position: relative;z-index: 0;} 
.header .nav-item .nav-link:focus-visible{box-shadow: unset;}
.header .nav-item .nav-link span{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;}
.header .nav-item .nav-link span::before{content: '';position: absolute;width: 100%;height: 100%;background: url(../img/logo-icon.png) no-repeat;background-position: bottom -70% center;background-size: 50px;filter: brightness(0);opacity: 0;z-index: -1;transition: 0.5s;}
.header .nav-item .nav-link span::after{content: '';position: absolute;bottom: -3px;left: 0;width: 0;height: 3px;background: var(--theme-color2);transition: 0.5s;}
.header .nav-item .nav-link.active,
.header .nav-item .nav-link.show{color: var(--theme-dark);}

.header .nav-item .nav-link:hover span::before,
.header .nav-item .nav-link.dropdown-toggle.show span::before{opacity: 6%;background-position: center center;}
.header .nav-item .nav-link:hover span::after,
.header .nav-item .nav-link.active span::after,
.header .nav-item .nav-link.dropdown-toggle.show span::after{width: 100%;}
.header .nav-item .dropdown-toggle{display: flex;align-items: center;}
.header .nav-item .dropdown-toggle::after{margin-left: 5px;width: 10px;height: 6px;background: url(../img/icon-arrow.svg) no-repeat center center;border: unset;vertical-align: unset;transition: 0.5s;}
.header .nav-item .dropdown-toggle.show::after{transform: rotate(180deg);}
/* -------------------------- Header Dropdown Menu -------------------------- */
.header .nav-item.dropdown .dropdown-menu{margin-top: 0;padding: 0 10px 0 20px;width: 300px;border: 1px solid rgb(0 0 0/ 15%);border-top-color: var(--theme-color2);border-radius: 0 0 5px 5px;clip-path: polygon(0% 0%,100% 0%,100% 0%,0% 0%);display: block;opacity: 30%;transition: 0.5s;z-index: -1;}
.header .nav-item.dropdown .dropdown-menu.show{visibility: visible;-webkit-clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);opacity: 1;}
.header .nav-item.dropdown .dropdown-menu .dropdown-item{padding: 15px 5px 15px 10px;border-bottom: 1px solid rgb(0 0 0/5%);font-size: 15px;line-height: 1;position: relative;}
.header .nav-item.dropdown .dropdown-menu .dropdown-item::before{content: '';position: absolute;top: calc(50% - 3px);left: 0;width: 6px;aspect-ratio: 1 / 1;background: var(--theme-color);border-radius: 50%;transform: scale(0);transition: 0.5s;}
.header .nav-item.dropdown .dropdown-menu .dropdown-item:focus, 
.header .nav-item.dropdown .dropdown-menu .dropdown-item:hover{padding: 15px 0px 15px 15px;background: transparent;}
.header .nav-item.dropdown .dropdown-menu .dropdown-item:focus::before, 
.header .nav-item.dropdown .dropdown-menu .dropdown-item:hover::before{transform: scale(1);}
.header .nav-item.dropdown .dropdown-menu .dropdown-item.active,
.header .nav-item.dropdown .dropdown-menu .dropdown-item:active{color: unset;}
/* -------------------------- Header Dropdown Mega Menu -------------------------- */
.header .nav-item.dropdown.dropdown-mega .dropdown-menu{padding: 0;width: 100%;}
.mega-content{padding: 30px 0;display: flex;flex-wrap: wrap;}
.mega-content .dropdown-item-card{display: flex;align-items: center;gap: 30px;padding: 30px 30px;width: 33.33%;border: 3px dashed rgb(0 0 0 / 10%);border-color: rgb(0 0 0 / 20%) rgb(0 0 0 / 20%) transparent transparent;box-shadow: unset;position: relative;z-index: 0;}
.mega-content .dropdown-item-card::before{content: '';position: absolute;top: -2px;left: -2px;right: -2px;bottom: -2px;background: #fff;z-index: -1;}
.mega-content .dropdown-item-card img{width: 60px;aspect-ratio: 1/1;object-fit: contain;transition: 0.5s;}
.mega-content .dropdown-item-card p{padding: 0 5px 0 0;font-size: 21px;font-weight: 500;transition: 0.5s;}
.mega-content .dropdown-item-card:not(:hover) img{filter: brightness(0) invert(0.5);}
.mega-content .dropdown-item-card:hover p{padding: 0 0 0 5px;color: var(--theme-color2);}
/* -------------------------- Header Right -------------------------- */
.header .header-right{margin: 0;padding: 0;display: flex;justify-content: flex-end;align-items: center;gap: 28px;position: relative;z-index: 0;}
.header .header-right .header-contact{display: flex;align-items: center;gap: 11px;}
.header .header-right .header-contact span{width: 50px;aspect-ratio: 1 / 1;background: var(--theme-color2);border: 1px solid var(--theme-color2);border-radius: 50%;display: flex;justify-content: center;align-items: center;transition: 0.5s;}
.header .header-right .header-contact span img{filter: brightness(0) invert(1);transition: 0.5s;}
.header .header-right .header-contact p{margin: 0;font-size: 17px;font-weight: 600;color: var(--theme-dark);line-height: 1;white-space: nowrap;}
.header .header-right .header-contact:hover span{background: transparent;}
.header .header-right .header-contact:hover span img{filter: unset;}
.header .header-right .theme-btn{padding: 15px 18px;font-size: 15px;}
/* -------------------------- Navbar Toggler -------------------------- */
.header .navbar-toggler{padding: 10px;width: 58px;height: 40px;border: 1px solid var(--theme-color2);border-radius: 5px;position: relative;}
.header .navbar-toggler span{height: 2px;width: 25px;background: var(--theme-color);border-radius: 50px;display: block;position: absolute;top: 19px;right: 10px;-webkit-animation: toggleshow 1s infinite ease-in-out alternate forwards 200ms;animation: toggleshow 1s infinite ease-in-out alternate forwards 200ms;}
.header .navbar-toggler span:first-child{width: 18px;top: 12px;-webkit-animation: toggleshow 1s infinite ease-in-out alternate;animation: toggleshow 1s infinite ease-in-out alternate;}
.header .navbar-toggler span:last-child{width: 35px;top: 25px;-webkit-animation: toggleshow 1s infinite ease-in-out alternate forwards 400ms;animation: toggleshow 1s infinite ease-in-out alternate forwards 400ms;}
@-webkit-keyframes toggleshow{0%{width: 35px;}50%{width: 15px;}100%{width: 35px;}}
@keyframes toggleshow{0%{width: 35px;}50%{width: 15px;}100%{width: 35px;}}
/* -------------------------- Mobile Menu Close -------------------------- */
.mobile-menu-close{width: 30px;height: 30px;border: 1px solid var(--theme-color2);border-radius: 5px;position: absolute;top: 17px;right: 10px;}
.mobile-menu-close::before, .mobile-menu-close::after{content: '';position: absolute;top: 50%;left: 50%;width: 20px;height: 2px;background: var(--theme-color);border-radius: 50px;}
.mobile-menu-close::before{transform: translate(-50%, -50%) rotate(45deg);}
.mobile-menu-close::after{transform: translate(-50%, -50%) rotate(-45deg);}


/*====================== Counter Section ======================*/
.counter-section{position: relative;margin-top: -1.04vw;padding: 62px 20px 43px 20px;background: var(--theme-light);border-radius: 5px;display: flex;gap: 9px;z-index: 1;}
.counter-section .counter-card{width: -webkit-fill-available;}
.counter-section .counter-card p{margin-bottom: 0;padding: 0 0 20px 20px;border-bottom: 1px solid #BFBEBE;font-size: 18px;font-weight: 600;line-height: 1.2;letter-spacing: 0.4px;}
/* ------------------ Counter Area ------------------ */
.counter-section .counter-card h6{margin-bottom: 0;padding: 32px 0 0 20px;font-size: 50px;font-weight: 700;line-height: 1;color: var(--theme-color2);display: flex;position: relative;}
.counter-section .counter-card h6::before{content: '';position: absolute;top: 20px;left: 0;width: 57px;aspect-ratio: 1/1;border-radius: 50%;background: rgb(255 255 255/67%);-webkit-animation: counter-float 6.8s infinite linear;animation: counter-float 6.8s infinite linear;}
.counter-section .counter-card h6 sup{font-size: 30px;font-weight: 400;line-height: 0;color: var(--theme-color2);top: 0;left: -2px;}
.counter-section .counter{position: relative;display: flex;align-items: center;overflow: hidden;/*margin: 7px 0;*/height: 61px;}
.counter-section .counter > span{z-index: 1;display: flex;flex-direction: column;height: 100%;width: 31px;transition: transform 2s ease;transform: translateY(0);}
.counter-section .counter > span span{flex: 0 0 100%;height: 100%;display: flex;align-items: center;}
@-webkit-keyframes counter-float{
  from{-webkit-transform: rotate(0deg) translate3d(3px, 0, 0) rotate(0deg);}
  to{-webkit-transform: rotate(360deg) translate3d(3px, 0, 0) rotate(-360deg);}
}
@keyframes counter-float{
  from{transform: rotate(0deg) translate3d(3px, 0, 0) rotate(0deg);}
  to{transform: rotate(360deg) translate3d(3px, 0, 0) rotate(-360deg);}
}



/* ====================== Theme Footer ====================== */
.footer{padding: 0;}
/* -------------------------- Footer Link -------------------------- */
.footer .footer-link-area{margin-bottom: 20px;padding-left: 30px;}
.footer .footer-link-area:last-child{margin-bottom: 0;}
.footer .footer-link-area h6{margin-bottom: 10px;font-size: 15px;font-weight: 600;color: var(--theme-dark);line-height: 1.2;text-transform: uppercase;}
.footer .footer-link-area p{font-size: 16px;}
.footer .footer-link-area a{position: relative;margin-right: 8px;}
.footer .footer-link-area a::before{content: '';position: absolute;bottom: 3px;left: 0;width: 0;height: 1px;background: var(--theme-color2);transition: 0.5s;}
.footer .footer-link-area a::after{content: ',';position: absolute;left: 100%;margin-right: 5px;width: 5px;}
.footer .footer-link-area a:hover::before{width: 100%;}
.footer .footer-link-area a:last-child{margin-right: 0;}
.footer .footer-link-area a:last-child::after{display: none;}
/* -------------------------- Top Footer -------------------------- */
.footer .footer-top{padding: 63px 0 90px;background: var(--theme-color);}
.footer .footer-top .footer-top-area{padding-inline: 10px 90px;/*display: flex;justify-content: space-between*/}
.footer .footer-top .footer-link-area{margin-bottom: 0;}
.footer .footer-top .footer-link-area h6{margin-bottom: 18px;font-size: 16px;color: var(--theme-color2);}
.footer .footer-top .footer-link-area ul li{margin-bottom: 5px;font-size: 16px;font-weight: 500;line-height: 1.6;color: rgb(255 255 255/75%);}
.footer .footer-top .footer-link-area ul li:last-child{margin-bottom: 0;}
.footer .footer-top .footer-link-area ul li a::before{background: #fff;}
.footer .footer-top .footer-link-area ul li a:hover{color: #fff;}
.footer .footer-top .footer-link-area.footer-time li{white-space: pre-line;}
/* -------------------------- Mid Footer -------------------------- */
.footer .footer-mid{padding: 60px 0 45px;}
.footer .footer-mid .footer-link-area ul li a{font-size: 16px;font-weight: 500;line-height: 1.6;}
.footer .footer-logo{margin-left: 40px;}
.footer .footer-logo img{width: 100%;}
.footer .footer-social{margin: 20px 0 0 40px;display: flex;gap: 7px;}
.footer .footer-social li a{width: 45px;aspect-ratio: 1/1;border: 1px solid #888;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 19px;color: var(--theme-dark);}
.footer .footer-social li a:hover{border-color: var(--theme-color2); color: var(--theme-color);}
/* -------------------------- Bottom Footer -------------------------- */
.footer .footer-btm{padding: 28px 0;background: var(--theme-light);text-align: center;}
.footer .footer-btm p{margin: auto;max-width: 90%;font-size: 15px;font-weight: 400;color: rgb(68 68 68/75%);}
.footer .footer-btm .webplus{display: inline-block;}
.footer .footer-btm .webplus img{mix-blend-mode: luminosity;opacity: 0.68;transition: 0.5s all;}
.footer .footer-btm .webplus:hover img{opacity: 1;}