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


:root{
    --theme-color: #A70E17;
    --theme-dark: #444444;  
}
body{font-family: "Inter", sans-serif;color: var(--theme-dark);}
h1, h2, h3, h4, h5, h6, p, ul, li{margin: 0;padding: 0;}
ul{margin-bottom: 15px;list-style: none;}
ul:last-child{margin-bottom: 0;}
a{text-decoration: unset;color: unset;display: block;}
p a{display: inline-block;}
p{margin-bottom: 15px;font-size: 19px;color: var(--theme-dark);line-height: 1.6;letter-spacing: 0.2px;}
p:last-child{margin-bottom: 0px;}
b, strong{font-weight: 600;}

/*============================ Section Title ============================*/
.secn-subtitle{font-size: 15px;font-weight: 500;color: #999999;line-height: 1.3;text-transform: uppercase;letter-spacing: 0.8px;}
.secn-title{margin-top: 11px;font-size: 35px;font-family: "Sora", sans-serif;font-weight: 500;color: var(--theme-dark);line-height: 1.3;white-space: pre-line;}
.secn-title span{color: var(--theme-color);}
.secn-title strong{color: var(--theme-color);font-weight: 500;}

/*============================ Theme Button ============================*/
.theme-btn{display: inline-block;padding: 17px 10px;min-width: 158px;background: var(--theme-color);border: none;font-size: 15px;font-weight: 400;line-height: 1.3;color: #fff;text-align: center;}
.theme-btn.btn-glossy{position: relative;overflow: hidden;z-index: 0;}
.theme-btn.btn-glossy::before{content: '';position: absolute;top: 0;left: -200%;width: 200%;height: 100%;
    -webkit-transform: skewx(-20deg);
    -khtml-transform: skewx(-20deg);
    -moz-transform: skewx(-20deg);
    -ms-transform: skewx(-20deg);
    -o-transform: skewx(-20deg);
    transform: skewx(-20deg);
    background-image: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(255,255,255,.35)),to(transparent));
    background-image: linear-gradient(to right,transparent,rgba(255,255,255,.35),transparent);
    z-index: -1}
.theme-btn.btn-glossy:hover::before{-webkit-animation: btn_shine 1.4s 0.1s ease;animation: btn_shine 1.4s 0.1s ease;}
@-webkit-keyframes btn_shine{100%{left: 200%}}
@keyframes btn_shine{100%{left: 200%}}

/*============================ Theme Border Button ============================*/
.theme-btn.bdr-btn{padding: 14px 10px;background: transparent;border: 3px solid #fff;font-size: 16px;line-height: 1.2;}
.theme-btn.bdr-btn.bdr-btn-inlightbg{border-color: var(--theme-color);color: var(--theme-color);}
.theme-btn.bdr-btn.bdr-btn-inlightbg.btn-glossy::before{background-image: -webkit-gradient(linear-gradient(to right, transparent, rgb(0 0 0 / .15), transparent));background-image: linear-gradient(to right, transparent, rgb(0 0 0 / .15), transparent);}

/*============================ Text Link ============================*/
.text-link{position: relative;display: inline-block;color: #444;transition: 0.5s;}
.text-link::before{content: '';position: absolute;bottom: 6px;left: 0;right: auto;width: 100%;height: 1px;background: #444;transition: 0.5s;}
.text-link:hover{color: var(--theme-color);}
.text-link:hover::before{width: 0;left: auto;right: 0;}

/*============================ Theme Form ============================*/
.form-floating{position: relative;}
.form-floating::after{content: '';left: 0px;bottom: 0px;position: absolute;width: 0%;height: 0px;border-bottom: 1px solid var(--theme-color);transition: 0.8s ease;animation-fill-mode: forwards;}
.form-floating.active::after{width: 100%;}

.form-floating span>.form-control, .form-floating span>.form-select{padding-left: 0.5rem;padding-right: 0.5rem;background-color: transparent;border: 0;border-bottom: 1px solid rgb(0 0 0 / 20%);border-radius: 0;color: #000;resize: none; font-size: 16px; box-shadow: none; outline: none;}
.form-floating span>.form-select>option {font-size: 14px;}
.form-floating span>.form-control:focus{box-shadow: none;}
.form-floating span>textarea.form-control{height: 140px;}
.form-floating>label{padding-left: 0.5rem;padding-right: 0.5rem;max-width: 100%;background: transparent;color: rgba(68 68 68 /65%);transition: all 0.25s ease;}
.form-floating span>.form-control-plaintext~label, 
.form-floating span>.form-control:focus~label, 
.form-floating span>.form-control:not(:placeholder-shown)~label, 
.form-floating span>.form-select~label{color: var(--theme-dark);transform: scale(.85) translateY(-1rem) translateX(0.15rem);}
.form-floating span>.form-control-plaintext~label::after, 
.form-floating span>.form-control:focus~label::after, 
.form-floating span>.form-control:not(:placeholder-shown)~label::after, 
.form-floating span>.form-select~label::after{display: none;}
input:-webkit-autofill, 
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 0px transparent inset !important;transition: background-color 9999s ease-in-out 0s;-webkit-text-fill-color: var(--theme-dark);}

.form-floating span>.form-control-plaintext:focus, .form-floating span>.form-control-plaintext:not(:placeholder-shown),
 .form-floating span>.form-control:focus, .form-floating span>.form-control:not(:placeholder-shown)
 {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
 }

 .form-floating >.form-control-plaintext~label, .form-floating >.form-control:focus~label, .form-floating >.form-select~label,.form-floating.active label{
    color: var(--theme-dark);
    transform: scale(.85) translateY(-1rem) translateX(0.15rem);
}
.form-floating span>.form-control, .form-floating span>.form-control-plaintext {
    padding: 1rem .75rem;
}
.form-floating span>.form-control, .form-floating span>.form-control-plaintext, .form-floating span>.form-select {
    height: calc(3.5rem + calc(var(--bs-border-width)* 2));
    min-height: calc(3.5rem + calc(var(--bs-border-width)* 2));
    line-height: 3.8;
}
.form-floating span>.form-control{padding-left: 0.5rem;padding-right: 0.5rem;background-color: transparent;border: 0;border-bottom: 1px solid rgb(0 0 0 / 20%);border-radius: 0;color: #000;resize: none;}

/*============================ Theme Owl carousel ============================*/
.owl-carousel .owl-nav .owl-next, 
.owl-carousel .owl-nav .owl-prev{margin: 0;padding: 10px;border-radius: 0;background: transparent;}
.owl-carousel .owl-nav .owl-next img, 
.owl-carousel .owl-nav .owl-prev img{width: 15px;height: 15px;}
.owl-carousel .owl-nav .owl-prev img{transform: scale(-1);}



.slick-next, .slick-prev{margin: 0;padding: 10px;border-radius: 0;background: transparent;}
.slick-next img, .slick-prev img{width: 15px;height: 15px;}
.slick-prev img{transform: scale(-1);}

/*============================ Theme Card Link ============================*/
.card-link{display: block;}
.card-link span.span-outer{display: inline-block;margin: 0px 0px 0px 5px;width: 18px;height: 18px;border: 2px solid #000;border-radius: 4px;position: relative;top: 2px;}
.card-link span.span-outer::before{content: '';display: block;position: absolute;top: -3px;right: -3px;width: 10px;height: 10px;background: #e4e4e4;border-radius: 10px;}
.card-link span.span-outer span{position: absolute;top: 2px;right: -2px;width: 10px;height: 2px;background: var(--theme-color);z-index: 1;transform: rotate(-45deg);transition: all ease 0.5s;}
.card-link span.span-outer span::after{content: '';display: block;position: absolute;top: -1.8px;right: -0.7px;width: 6px;height: 6px;border: 2px solid var(--theme-color);border-width: 2px 2px 0 0;transform: rotate(45deg);}
.card-link:hover span.span-outer span{transform: rotate(-45deg) translateX(5px);}

/*============================ Theme Table ============================*/
.theme-table{border: 1px solid rgb(68 68 68 / 20%);}
.theme-table.table-responsive .table{min-width: 700px;}
.theme-table .table{margin: 0;text-align: center;}
.theme-table .table th{padding: 16px 8px;background: rgb(0 0 0 / 4%);color: var(--theme-color);font-family: "Sora", sans-serif;font-weight: 600;font-size: 15px; text-align:left;}
.theme-table .table td{padding: 12px 8px;background: transparent;border: none;color: #444;transition: 0.5s; text-align:left;}
.theme-table .table th:nth-child(2),
.theme-table .table td:nth-child(2){text-align: left;}
.theme-table .table tbody tr{position: relative;border-bottom: 1px solid rgb(0 0 0 / 12%);z-index: 0;}
.theme-table .table tbody tr:last-child{border-bottom: 0;}
.theme-table .table tbody tr:hover td{padding: 12px 2px 12px 14px;color: var(--theme-color);}

/*============================ Theme Tab ============================*/
.theme-tab .nav-tabs{padding: 0 30px;border: 0;}
.theme-tab .nav-tabs .nav-link{margin: 0 10px 0 0;padding: 17px 10px;min-width: 158px;background: transparent;border: 0;border-radius: 0;font-size: 15px;color: #444;font-weight: 400;line-height: 1.3;text-transform: uppercase;position: relative;z-index: 0;transition: 0.5s;}
.theme-tab .nav-tabs .nav-link::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 0;background: #303030;z-index: -1;transition: 0.5s;}
.theme-tab .tab-content{background: #fff;box-shadow: 0 0 30px 0 rgb(0 0 0 / 15%);position: relative;}
.theme-tab .tab-content::before{content: '';position: absolute;bottom: 20px;right: 20px;max-width: 300px;width: 100%;height: 100%;background: url("/source/646be2dda304c99860e226b5336390f6/logo-icon.svg") no-repeat right bottom;background-size: contain;filter: brightness(0);opacity: 5%;}
.theme-tab .tab-content .tab-pane{position: relative;padding: 50px 40px 60px;}
.theme-tab .tab-content .tab-pane::before{content: '';position: absolute;top: 0;left: 0;width: 0;height: 2px;background: #303030;transition: 0.5s 0.1s;}
.theme-tab .tab-content .tab-pane .secn-title{margin-top: 0;font-size: 30px;}
.theme-tab .nav-tabs .nav-link.active{color: #fff;}
.theme-tab .nav-tabs .nav-link.active::before{height: 100%;}
.theme-tab .tab-content .tab-pane.show::before{width: 100%;}

/*============================ Theme Tab ============================*/
.theme-list li{position: relative;margin-bottom: 8px;padding: 0 0 0 25px;font-size: 18px;color: var(--theme-dark);line-height: 1.6;letter-spacing: 0.2px;}
.theme-list li:last-child{margin-bottom: 0;}
.theme-list li::before{content: '';position: absolute;top: 12px;left: 0;width: 9px;height: 8px;background: var(--theme-color);border-radius: 0 7px 7px 0;opacity: 80%;}
.theme-list li strong{margin: 0 5px 0 0;font-size: 90%;font-weight: 600;}

/*============================ Theme Modal ============================*/
.modal{-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);}
.theme-modal{background: #fff;border-radius: 0;border: none;}
.theme-modal .btn-close{position: absolute;top: 5px;right: 5px;width: 20px;height: 20px;background: var(--theme-color);border-radius: 0;opacity: 1;z-index: 1;}
.theme-modal .btn-close:focus{box-shadow: unset;}
.theme-modal .btn-close::before,
.theme-modal .btn-close::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60%;height: 2px;background: #fff;transition: 0.5s;}
.theme-modal .btn-close::before{transform: translate(-50%, -50%) rotate(-45deg);}
.theme-modal .btn-close::after{transform: translate(-50%, -50%) rotate(45deg);}
.theme-modal .btn-close:hover::before{transform: translate(-50%, -50%) rotate(0deg);width: 0;}
.theme-modal .btn-close:hover::after{transform: translate(-50%, -50%) rotate(180deg);}
.theme-modal .theme-modal-content{padding: 40px 15px 50px;height: 100%;background: #EFEFEF;display: flex;flex-direction: column;justify-content: space-between;overflow-y: auto;position: relative;z-index: 0;}
.theme-modal .theme-modal-content::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #EFEFEF url("/source/e0d89e5de088db05b1e81c5c09d7e7d8/bg-1.jpg") no-repeat center right;background-size: cover;background-blend-mode: luminosity;opacity: 5%;z-index: -1;}
.theme-modal .theme-modal-content .logo{margin-bottom: 30px;width: 100%;max-width: 180px;}
.theme-modal .theme-modal-content .modal-contact li{margin-bottom: 10px;}
.theme-modal .theme-modal-content .modal-contact li:last-child{margin-bottom: 0;}
.theme-modal .theme-modal-content .modal-contact li a{display: flex;align-items: center;font-size: 15px;font-weight: 500;color: var(--theme-dark);transition: 0.5s;}
.theme-modal .theme-modal-content .modal-contact li a img{margin-right: 8px;width: 21px;height: 15px;opacity: 75%;filter: brightness(0);transition: 0.5s;}
.theme-modal .theme-modal-content .modal-contact li a:hover{color: var(--theme-color);}
.theme-modal .theme-modal-content .modal-contact li a:hover img{opacity: 1;filter: unset;}
.theme-modal .modal-content-area{margin: 14px;padding: 40px;border: 10px solid #efefef;}
.theme-modal .modal-content-area .secn-title{margin: 0 0 15px 0;font-size: 29px;}
.theme-modal .modal-content-area p{width: 90%;font-size: 15px;}

/*============================ Theme Card ============================*/
.theme-card-area{margin-top: 14px;}
.theme-card-area .theme-card{padding: 52px 22px 60px 36px;background: #EEEEEE;position: relative;z-index: 0;}
.theme-card-area .theme-card .theme-card-icon{margin: 0 0 30px 0;max-height: 61px;width: fit-content;transition: 0.7s;}

/*============================ Product Card ============================*/
.product-card {padding: 0 22px 0 25px; }
.product-card .pro-img {padding: 45px 0 0 0; text-align:center; }
.product-card .pro-img img {margin: 0 auto; width: auto !important; max-width: 100%; height: 450px; object-fit: contain; }
.product-card .pro-content {padding: 38px 22px 48px 16px; border-top: 1px solid rgb(0 0 0/ 25%); display: flex; align-items: center; justify-content: space-between; }
.product-card .pro-content p {margin-bottom: 0; font-size: 22px; font-family: "Sora", sans-serif; font-weight: 500; line-height: 1.2; color: var(--theme-dark); white-space: pre-line; transition: 0.5s; }
.product-card:hover .pro-content p {color: var(--theme-color); }
.product-card:hover .card-link span.span-outer span {transform: rotate(-45deg) translateX(5px); }


/*============================ Header Section ============================*/
/*--------------- Main Header ---------------*/
.header{position: fixed;top: 0;left: 0;display: flex;align-items: center;justify-content: space-between;width: 100%;background: rgb(34 34 34 / 85%);z-index: 3;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);transition: 0.5s;}
.header ul{margin-bottom: 0;}
.header .logo{margin: 25px 82px 25px 33px;width: 360px;}
.header .logo img{max-width: 100%;}
.header .logo .logo-light{display: block;}
.header .logo .logo-dark{display: none; !important}
/*------------------------------*/
.header .menu-area{display: flex;flex-direction: column;align-items: flex-end;width: -webkit-fill-available;}
.header .menu-area .header-top{padding: 0 18px 0 0;display: flex;flex-direction: row;justify-content: flex-end;width: 100%;border-bottom: 1px solid #707070;}
.header .menu-area .header-top ul{margin-left: 20px;}
.header .menu-area .header-top ul:first-child{margin-left: 0;}
.header .menu-area .header-top .header-contact{display: flex;align-items: center;}
.header .menu-area .header-top .header-contact li{margin-left: 27px;}
.header .menu-area .header-top .header-contact li:first-child{margin-left: 0;}
.header .menu-area .header-top .header-contact li a{display: flex;align-items: center;font-size: 15px;font-weight: 500;color: rgb(255 255 255/65%);transition: 0.5s;}
.header .menu-area .header-top .header-contact li a img{margin-right: 8px;opacity: 65%;filter: brightness(0) invert(1);transition: 0.5s;}
.header .menu-area .header-top .header-contact li a:hover{color: rgb(255 255 255);}
.header .menu-area .header-top .header-contact li a:hover img{opacity: 1;}
.header .menu-area .header-top .header-menu{display: flex;flex-direction: row;}
.header .menu-area .header-top .header-menu a{padding: 19px 10px 18px;font-size: 15px;color: rgb(255 255 255/65%);font-weight: 500;line-height: 1.3;transition: 0.5s;}
.header .menu-area .header-top .header-menu a:hover{color: #fff;}
/*------------------------------*/
.header .menu-area .header-btm {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: 100%; }
.header .menu-area .header-btm .header-menu {display: flex; flex-direction: row; }
.header .menu-area .header-btm .header-menu > li {margin-left: 21px; padding: 20px 10px; }
.header .menu-area .header-btm .header-menu > li > a {position: relative; padding: 7px 3px; font-size: 18px; font-weight: 500; line-height: 1.3; color: #fff; text-transform: uppercase; transition: 0.7s; }
.header .menu-area .header-btm .header-menu a::before {content: ''; position: absolute; left: 50%; bottom: 0; width: 0px; height: 2px; background: #fff; transform: translateX(-50%); transition: width 0.5s ease; z-index: -1; }
/* .header .menu-area .header-btm .header-menu a:hover{color: var(--theme-color);transition: 0.7s 0.25s;} */
.header .menu-area .header-btm .header-menu a:hover::before {width: 100%; /*height: 100%;*/ transition: width 0.5s ease; }
.header .menu-area .header-btm .theme-btn {margin: 0 18px 0 16px; padding: 10px 15px; font-weight: 500; text-transform: uppercase; }

/*------------------------------*/
.header .menu-area button.dots{display: none;}
button.dots{margin-left: 15px;width: 24px;height: 24px;background: transparent;border: none;position: relative;cursor: pointer;z-index: 100;}
button.dots.dots span, 
button.dots.dots:before,
button.dots.dots:after{content: "";width: 4px;height: 4px;border-radius: 4px;background: rgb(255 255 255/65%);position: absolute;top: calc(50% - 2px);transform: rotate(0deg);transition: all 0.5s;}
button.dots.dots span{left: calc(50% - 2px);}
button.dots.dots:before{left: 0;}
button.dots.dots:after{right: 0;}
button.dots:focus{outline: none;}
button.dots.dots.on span{opacity: 0;}
button.dots.dots.on:before{width: 100%;height: 2px;transform: rotate(225deg);}
button.dots.dots.on:after{width: 100%;height: 2px;transform: rotate(310deg) translate(0px, 0px);}
/*--------------- Popup Menu ---------------*/
header .navbar-collapse{position: fixed;top: 0;right: 0;padding: 30px 15px;width: 100%;height: 100vh;background: #303030;opacity: 1;transform-origin: center;overflow-y: auto;z-index: 99;display: block !important; -webkit-box-align: center; 
    -webkit-clip-path: polygon(0 0%, 0 0, 100% 0%, 100% 0%); 
            clip-path: polygon(0 0%, 0 0, 100% 0%, 100% 0%);
    -webkit-transition: -webkit-clip-path 1s cubic-bezier(.115, .87, .19, 1), -webkit-transform 1s cubic-bezier(.115, .87, .19, 1), -webkit-opacity 1s cubic-bezier(.115, .87, .19, 1); 
       -moz-transition: -webkit-clip-path 1s cubic-bezier(.115, .87, .19, 1), -webkit-transform 1s cubic-bezier(.115, .87, .19, 1), -webkit-opacity 1s cubic-bezier(.115, .87, .19, 1); 
         -o-transition: clip-path 0.4s ease, transform 0.4s ease-in-out, -webkit-clip-path 0.4s ease, -webkit-transform 0.4s ease-in-out, -webkit-opacity 0.3s ease-in-out, opacity 0.3s ease-in-out; 
            transition: clip-path 0.4s ease, transform 0.4s ease-in-out, -webkit-clip-path 0.4s ease, -webkit-transform 0.4s ease-in-out, -webkit-opacity 0.3s ease-in-out, opacity 0.3s ease-in-out; 
    will-change: transform, clip-path;}
header .navbar-collapse::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #303030 url("/source/e0d89e5de088db05b1e81c5c09d7e7d8/bg-1.jpg") no-repeat center center;background-size: cover;background-blend-mode: luminosity;opacity: 5%;}
header .navbar-collapse.collapse.show{visibility: visible;-webkit-clip-path: polygon(0 0%, 0 0, 100% 0%, 100% 0%);clip-path: polygon(0 100%, 0 0, 100% 0%, 100% 100%);-webkit-transform: translateX(0);transform: translateX(0);}
header .navbar-collapse .content-area{position: relative;z-index: 0;height: 100%;}
/*------------------------------*/
header .navbar-collapse .container{height: 100%;max-width: 890px;}
header .navbar-collapse .row{height: 100%;}
header .navbar-collapse .company-sesc{height: calc(100vh - 180px);display: flex;flex-direction: column;justify-content: space-between;}
/*------------------------------*/
.navbar_logo{width: 188px;margin: 0 0 10px;}
/*------------------------------*/
header .navbar-collapse .nav_contact{margin-top: 40px;}
header .navbar-collapse .nav_contact li{display: flex;align-items: center;margin-bottom: 15px;}
header .navbar-collapse .nav_contact li:last-child{margin: 0;}
header .navbar-collapse .company-icon{margin-right: 20px;padding: 10px 10px 10px 0;max-width: 31px;max-height: 40px;border: 0 solid rgb(255 255 255/15%);border-width: 0 1px 0 0;line-height: 1;}
header .navbar-collapse .company-icon img{margin-bottom: 0;width: 20px;filter: brightness(0) invert(0.7);}
header .navbar-collapse .company-details{font-size: 15px;line-height: 1.4;color: rgb(255 255 255 /65%);white-space: pre-line;}
header .navbar-collapse .company-details a{display: inline-block;transition: 0.5s;}
header .navbar-collapse .company-details a:hover{color: #fff;}
/*------------------------------*/
header .navbar-collapse .navbar_menu {position: relative; }
header .navbar-collapse .navbar_menu::before {content: ''; position: absolute; top: 50%; left: 1px; width: 1px; height: 100vh; background: rgb(255 255 255/15%); transform: translateY(-50%); }
header .navbar-collapse .navbar_menu .navbar-nav {padding-left: 3.5vw; max-height: calc(100vh - 60px); overflow-y: auto; }
header .navbar-collapse .nav-item {margin-bottom: 20px; position: relative; /* width: 100%; */ display: flex; text-align: left; width: auto; align-items: flex-start; flex-wrap: wrap; }
header .navbar-collapse .nav-item:last-child {margin-bottom: 0; }
header .navbar-collapse .nav-item .nav-link {padding: 0 5px 0 0; width: fit-content; font-size: 26px; color: #fff; transition: 0.5s; }
header .navbar-collapse .nav-item .nav-link::before {content: ''; position: absolute; top: 0; left: -3.5vw; width: 3px; height: 100%; background: #fff; transition: 0.5s; }
header .navbar-collapse .nav-item .nav-link:hover, header .navbar-collapse .nav-item .nav-link.active {padding: 0 0 0 5px; }
header .navbar-collapse .nav-item .nav-link:not(:hover)::before {transform: scale(0); }
header .navbar-collapse .nav-item .nav-link.active::before {transform: scale(1); }

/*------------------------------*/
/* header .navbar-collapse .nav-item.dropdown .dropdown-menu{display: block;position: absolute;padding: 0 0 0 20px;width: 100%;max-height: 0;background: transparent;border-radius: 0;border: 0 solid rgb(255 255 255/15%);border-width: 0 0 0 1px;overflow: hidden;inset: 0 auto auto 100% !important;transition: 0.5s;transform: unset !important;}
header .navbar-collapse .nav-item.dropdown .dropdown-menu.show,
header .navbar-collapse .nav-item.dropdown:hover .dropdown-menu{padding: 10px 0 10px 20px;max-height: 500px;}
header .navbar-collapse .nav-item.dropdown .dropdown-menu li{margin-bottom: 17px;}
header .navbar-collapse .nav-item.dropdown .dropdown-menu li:last-child{margin-bottom: 0;}
header .navbar-collapse .nav-item.dropdown .dropdown-menu .dropdown-item{padding: 0;width: fit-content;font-size: 16px;line-height: 1.1;color: rgb(255 255 255 /65%);position: relative;transition: 0.5s;}
header .navbar-collapse .nav-item.dropdown .dropdown-menu .dropdown-item::after{content: '';position: absolute;bottom: 0px;left: 0;width: 0;height: 1px;background: #fff;transition: 0.5s;}
header .navbar-collapse .nav-item.dropdown .dropdown-menu .dropdown-item:hover{color: #fff;}
header .navbar-collapse .nav-item.dropdown .dropdown-menu .dropdown-item:hover::after{width: 100%;}
header .navbar-collapse .nav-item.dropdown .dropdown-menu .dropdown-item.active, 
header .navbar-collapse .nav-item.dropdown .dropdown-menu .dropdown-item:active,
header .navbar-collapse .nav-item.dropdown .dropdown-menu .dropdown-item:focus, 
header .navbar-collapse .nav-item.dropdown .dropdown-menu .dropdown-item:hover{background: transparent;color: #fff;}
header .navbar-collapse .nav-item.dropdown .dropdown-toggle::after{display: none;}
header .navbar-collapse .nav-item.dropdown .dropdown-toggle span{display: inline-block;position: relative;top: calc(50% - 5px);margin-left: 10px;width: 10px;height: 10px;}
header .navbar-collapse .nav-item.dropdown .dropdown-toggle span::before,
header .navbar-collapse .nav-item.dropdown .dropdown-toggle span::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
header .navbar-collapse .nav-item.dropdown .dropdown-toggle span::before{width: 100%;height: 1px;background: rgb(255 255 255 /65%);}
header .navbar-collapse .nav-item.dropdown .dropdown-toggle span::after{width: 8px;height: 8px;border: 0 solid rgb(255 255 255 /65%);border-width: 1px 1px 0 0;transform: translate(-2px, -50%) rotate(45deg);} */


/*============================ Counter Card Area ============================*/
.counter-card-area{display: flex;flex-wrap: wrap;justify-content: space-around;margin-top: 12px;max-width: 600px;}
.counter-card-area li{margin: 0 20px 65px;width: 163px;}
.counter-card-area li:nth-last-child(-n + 2){margin-bottom: 0;}
.counter-card{position: relative;padding-bottom: 20px;width: 100%;}
.counter-card::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #DCDCDC;}
.counter-card::after{content: '';position: absolute;bottom: -1px;left: 0;width: 25px;height: 3px;background: var(--theme-color);transition: 0.5s;}
.counter-card h4{font-size: 45px;font-family: "Sora", sans-serif;font-weight: 300;color: var(--theme-color);line-height: 1.3;}
.counter-card p{font-size: 16px;font-family: "Sora", sans-serif;font-weight: 500;color: var(--theme-dark);line-height: 1.4;}
.counter-card:hover::after{width: 100%;}
.counter-card .counter{position: relative;display: inline-flex;align-items: center;overflow: hidden;height: 3.125rem;}
.counter-card .counter > span{display: flex;flex-direction: column;height: 100%;width: 30px;text-align: right;transition: transform 2s ease;transform: translateY(0);z-index: 1;}
.counter-card .counter > span span{flex: 0 0 100%;height: 100%;}
.counter-card sup{font-size: 1em;top: -0.1em;}


/*============================ Caption Area ============================*/
.caption-secn{background: var(--theme-color);position: relative;z-index: 0;}
.caption-secn::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--theme-color) url("/source/e0d89e5de088db05b1e81c5c09d7e7d8/bg-1.jpg") no-repeat center center fixed;background-blend-mode: multiply;background-size: cover;opacity: 35%;z-index: -1;}
.caption-secn .caption-area{display: flex;align-items: center;justify-content: space-between;padding: 66px 100px 66px 63px;}
.caption-secn .caption-area h4{width: 100%;max-width: 740px;font-size: 25px;font-family: "Sora", sans-serif;font-weight: 500;line-height: 1.5;color: #E3E3E3;}


/*============================ Footer Section ============================*/
footer{margin-top: 2px;font-family: "Plus Jakarta Sans", sans-serif;color: #fff;}
footer .footer-top{padding: 70px 0 67px;background: #303030;}
footer .footer-top .container{padding: 0 30px 0 23px; }
footer .footer-top h4{margin: 0;padding:  0 0 0 24px;font-size: 15px;font-weight: 600;letter-spacing: 1.1px;text-transform: uppercase;}
footer .footer-top .footer-link{margin: 28px 0 0 0;padding: 0 0 0 24px;}
footer .footer-top .footer-link li{margin-bottom: 4px;}
footer .footer-top .footer-link li:last-child{margin-bottom: 0;}
footer .footer-top .footer-link li a{padding: 5px 0;width: fit-content;font-size: 16px;font-weight: 500;line-height: 1;color: rgb(255 255 255/85%);transition: 0.5s;}
footer .footer-top .footer-link li a:hover{transform: translateX(5px);}
footer .footer-top .theme-btn{margin: 18px 0 0 24px;padding: 15px 21px;font-size: 15px;font-weight: 500;line-height: 1.3;}
footer .footer-top .footer-contact{text-align: right;}
footer .footer-top .footer-contact .footer-logo{margin: 0 0 17px auto;width: 162px;}
footer .footer-top .footer-contact .footer-logo img{width: 100%;}
footer .footer-top .footer-contact p{margin-bottom: 4px;font-size: 16px;line-height: 1.3;color: rgb(255 255 255/85%);}
footer .footer-top .footer-contact p a{display: inline-block;transition: 0.5s; color: rgb(255 255 255/85%);}
footer .footer-top .footer-contact p a:hover{opacity: 75%;}
footer .footer-btm{padding: 23px 18px;display: flex;align-items: center;justify-content: space-between;}
footer .footer-btm p{margin: 0;font-size: 15px;font-weight: 500;line-height: 1.2;}
footer .footer-btm p a{display: inline-block;transition: 0.5s;}
footer .footer-btm p a:hover{color: var(--theme-color);}










/*============================ Cooki Note ============================*/
.sticky-note{margin: 0 auto;padding: 25px;width: 90%;max-width: 780px;background: #ffffff;border: 1px solid rgb(68 68 68 / 20%);box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);border-radius: 2px;display: flex;align-items: center;justify-content: center;position: fixed;bottom: 10px;left: 50%;transform: translate(-50%, 150%);transition: 500ms all;z-index: 1;}
.sticky-note.show{transform: translate(-50%, 0%);}
.note-details{display: flex;align-items: center}
.note-details .cooki-icon{margin-right: 15px;width: 60px;}
.note-details .note-content{width: calc(100% - 75px - 210px);}
.note-details .note-content h6{margin-bottom: 5px;font-size: 17px;color: var(--theme-dark);font-family: "Sora", sans-serif;font-weight: 500;line-height: 1.3;}
.note-details .note-content p{margin: 0;font-size: 14px;color: var(--theme-dark);line-height: 1.4;}
.note-details .note-content p a {display: inline-block;color: var(--theme-dark);text-decoration: underline;transition: 0.5s;}
.note-details .note-content p a:hover{color: var(--theme-color);}

.note-details .note-button{display: flex;flex-direction: column;margin-left: 20px;}
.note-details .note-button .theme-btn{margin-bottom: 10px;padding: 10px 10px; cursor:pointer; min-width: 190px;max-width: 190px;border: 1px solid var(--theme-color);font-size: 15px;text-align: center;}
.note-details .note-button .theme-btn:last-child{margin: 0;}

/*============================ Modal Popup ============================*/
/* .modal.show .modal-dialog{margin: 0;position: fixed;top: 100%;transform: translateY(-100%);transition: all 0.5s ease;} */
/* .modal .modal-dialog{margin: 0;position: fixed;top: 100%;transform: translateY(-100%);transition: all 0.5s ease;} */
#modal-subscribe button.close{display: block;position: absolute;top: 0;right: 0;padding: 0;width: 40px;height: 40px;background: var(--theme-color);border-radius: 0 0 0 70%;border: 0;font-size: 26px;color: #fff;font-weight: 200;line-height: 17px;z-index: 9999;}
#modal-subscribe button.close span{position: absolute;top: 8px;right: 8px;font-size: 30px;line-height: 18px;}
#modal-subscribe .modal-content{padding: 10px !important;max-width: 600px;background: #fff;border: 0;border-radius: 0px;box-shadow: 1px 4px 7px 0 rgba(0, 0, 0, .5);}
/* .modal-backdrop.show{opacity: 0 !important;} */
.modal-header.border-0{padding: 0;background: #fff;}
#modal-subscribe .modal-body{padding: 0;}
#modal-subscribe .modal-body img{max-width: 100%;max-height: calc(90vh - 20px);}
.header .menu-area .header-btm .header-menu > li .dropdown-menu li a {color: #121511; padding: 12px 15px 12px 30px; font-size: 15px; transition: all 0.4s; background-position: 100%; background: transparent; font-weight: 500; position: relative; letter-spacing: 0.3px; }
.header .menu-area .header-btm .header-menu > li .dropdown-menu li+li {border-top: 1px solid #dddddd; }
.navbar-nav .dropdown-menu {position: static !important; max-height: 0; left: 0; display: flex; top: 0; transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; padding: 0; background: transparent; flex-direction: column; align-items: start; width: 100%; border: none; opacity: 0; visibility: hidden; inset: unset !important; transform: none !important; margin-top: 5px !important; }
header .navbar-collapse .nav-item .dropdown-menu.show {max-height: 200px; transition: .5s ease; opacity: 1; visibility: visible; }
header .navbar-collapse .nav-item .dropdown-menu li .dropdown-item {color: #ffffff; padding: 6px 10px 6px 10px; font-size: 15px; transition: all 0.4s; background-position: 100%; background: transparent; font-weight: 400; position: relative; white-space: pre-wrap; letter-spacing: 0.3px; }
.header .menu-area .header-btm .header-menu > li.dropdown button.dropdown-toggle {background: transparent; outline: none; color: #ffffff; border: none; border-radius: 0; padding: 0 0px 0 0px; margin-top: 9px; box-shadow: none; margin-left: 15px; position: absolute; right: 0; top: 18px; }
.header .menu-area .header-btm .header-menu > li > a::after {display: none; }
.header .menu-area .header-btm .header-menu > li.dropdown {padding-right: 13px;}
header .navbar-collapse .nav-item .nav-link.dropdown-toggle:after {display: none; }
header .navbar-collapse .nav-item.dropdown button.dropdown-toggle {background: transparent; outline: none; color: #ffffff; border: none; margin-top: 9px; box-shadow: none; margin-left: 15px; border: none; border-left: 1px solid #ffffffb0; border-radius: 0; padding: 0 10px 0 7px; }