@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Rubik:wght@300;400;500&display=swap');



html{scroll-behavior: smooth; }
hr{margin:40px 0;}
hr{background: rgb(68 68 68 / 50%);}
::-webkit-scrollbar{width: 7px; height:7px; }
::-webkit-scrollbar-track{box-shadow: inset 0 0 7px #444; }
::-webkit-scrollbar-thumb{background: var(--theme-color); }
::-webkit-scrollbar-thumb:hover{background: var(--theme-dark); }
::selection{color: #fff; background: var(--theme-color);}
:focus-visible{outline: var(--theme-color) auto 1px;}
.nav-link:focus{color: var(--theme-color);}


:root {
  --theme-dark: #10191e;
  --theme-color: #f2b410;
  --theme-light: #e4e2e3;
}

body{font-family: "Inter", sans-serif;color: #444;font-size: 17px;line-height: 28px;font-weight: 400;}
h1, h2, h3, h4, h5, h6{margin: 0;}
a{text-decoration: none;color: unset;}
ul{margin: 0;padding: 0;list-style: none;}
p{margin: 0;}
button{background: transparent;}


p{margin-bottom: 15px;font-size: 17px;font-weight: 400;line-height: 1.5;}
p:last-child{margin-bottom: 0;}



/*====================== Theme Title ======================*/
.theme-title-area{margin-bottom: 25px;width: 90%;}
.theme-title-area .theme-subtitle{margin-bottom: 10px;padding: 0 0 10px;width: fit-content;font-size: 22px;line-height: 1;position: relative;}
/* --------------------------- */
.theme-title-area .theme-subtitle::before,
.theme-title-area .theme-subtitle::after{content: '';position: absolute;left: 0;}
.theme-title-area .theme-subtitle::before{bottom: 2px;width: 50px;height: 1px;background: var(--theme-dark);}
.theme-title-area .theme-subtitle::after{bottom: 0;width: 30px;height: 5px;background: var(--theme-color);animation: subtitleAfter 5s linear infinite;}
@keyframes subtitleAfter {0%, 100%{width: 3px;}50%{width: 30px;}}
.theme-title-area .theme-title{font-size: 35px;font-weight: 700;line-height: 1.2;}


/*====================== Page Button ======================*/
.theme-btn{display: inline-block;position: relative;padding: 0 30px;width: fit-content;border: 1px solid var(--theme-dark);border-radius: 8px;font-size: 15px;font-weight: 500;color: var(--theme-dark);line-height: 40px;overflow: hidden;z-index: 0;transition: 0.5s;}
.theme-btn::before{position: absolute;top: 0;left: 0;padding: 0 0 4px 30px;max-width: 0;border-bottom: none;color: #fff;content: attr(data-hover);transition: max-width 0.5s;white-space: pre;overflow: hidden;}
.theme-btn::after{content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background: var(--theme-color);z-index: -1;transition: 0.5s;}
.theme-btn:hover{border-color: var(--theme-color);}
.theme-btn:hover::before{max-width: 100%;}
.theme-btn:hover::after{width: 100%;}

/*====================== Page Site Link ======================*/
.site-link{padding: 0 0 10px 0;position: relative;line-height: 1;z-index: 0;}
.site-link:before{position: absolute;top: 0;left: 0;overflow: hidden;padding: 0 0 4px 0;max-width: 0;border-bottom: 1px solid #fff;color: #fff;content: attr(data-hover);transition: max-width 0.5s;white-space: pre;}
.site-link::after{content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background: #000;transition: 500ms;z-index: -1;}
.site-link:hover:before{max-width: 100%;}
.site-link:hover:after{width: 100%;}


/*====================== Theme Carousel ======================*/
.owl-carousel .owl-nav{display: flex;margin: 20px auto 0;width: fit-content;border: 1px solid rgb(0 0 0/20%);border-radius: 10px;z-index: 1;overflow: hidden;}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next{display: flex;justify-content: center;align-items: center;position: relative;width: 40px;height: 40px;background: rgb(255 255 255/10%);opacity: 1;transition: 0.5s;}
.owl-carousel .owl-nav .owl-prev{border: 0 solid rgb(0 0 0/20%);border-width: 0 1px 0 0;}
.owl-carousel .owl-nav .owl-prev::before,
.owl-carousel .owl-nav .owl-next::before{content: '';width: 10px;height: 10px;background: transparent;border: 3px solid var(--theme-color);border-width: 3px 3px 0 0;transform: translate(-2px, 2px) rotate(45deg);transition: 0.5s;}
.owl-carousel .owl-nav .owl-prev::before{transform: translate(2px, 2px)rotate(-135deg);}
.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover{background: var(--theme-color);}
.owl-carousel .owl-nav .owl-prev:hover::before,
.owl-carousel .owl-nav .owl-next:hover::before{border-color: #fff;}



/*====================== Header ======================*/
.top-header{border-bottom: 1px solid #ECECEC;}
.top-header .header-content{display: flex;justify-content: flex-end;align-items: center;}
.top-header .header-content .header-contact{display: flex;align-items: center;}
.top-header .header-content .header-contact li{margin-right: 27px;}
.top-header .header-content .header-contact li:last-child{margin-right: 18px;}
.top-header .header-content .header-contact li a{font-size: 16px;font-weight: 400;line-height: 1;color: #444;}
.top-header .header-content .header-contact li a .icon{display: inline-block;margin-right: 10px;}
.top-header .header-content .header-contact li a .site-link:before{top: 2px;border-bottom: 1px solid #000;color: #000;}
.top-header .header-content .header-contact li a .site-link:after{background: #fff;}
.top-header .header-content .header-contact li a:hover .site-link:before{max-width: 100%;}
.top-header .header-content .header-social{display: flex;}
.top-header .header-content .header-social li{border-left: 1px solid #ECECEC;}
.top-header .header-content .header-social li a{display: block;width: 55px;line-height: 50px;text-align: center;font-size: 18px;color: #666;transition: 500ms;}
.top-header .header-content .header-social li a.facebook:hover{color: #1058A4;}
.top-header .header-content .header-social li a.instagram:hover{color: #fa7e1e;}
.top-header .header-content .header-social li a.linkedin:hover{color: #C23071;}
/*--------  --------*/
.btm-header .logo{display: block;margin-bottom: -105px;}
/*--------  --------*/
.header{position: relative;z-index: 2;}
.header .navbar{padding: 0;}
.header .navbar-nav .nav-item{padding: 0 25px;}
.header .navbar-nav .nav-item .nav-link{padding: 0;font-size: 17px;font-weight: 400;color: #444;line-height: 1;}
.header .navbar-nav .nav-item .nav-link.site-link:before{color: #000;border-color: #000;}
.header .navbar-nav .nav-item .nav-link.site-link:after{background: #fff;}
.header .navbar-nav .nav-item .nav-link.site-link.active:before{max-width: 100%;}
.header .navbar-nav .nav-item .nav-link.enq-btn{border-radius: 0;overflow: unset;}
.header .navbar-nav .nav-item .nav-link.enq-btn::after{display: none;}
/*--------  --------*/
.header .enq-btn{padding: 18px 30px;line-height: 1;}
.header .enq-btn:before{padding: 18px 0 18px 30px;border: none;}
.header .enq-btn::after{background: var(--theme-color);}
.header .enq-btn:hover{border-color: var(--theme-color);color: var(--theme-color);}
/*-------------------  -------------------*/
.header .navbar-toggler{margin: 15px 0 15px;padding: 0;border: none;}
.header .navbar-toggler:focus{box-shadow: none;}
.ham-menu{height: 20px;width: 25px;position: relative;display: flex;flex-direction: column;justify-content: space-between;}
.ham-menu .line{width: 100%;height: 2px;background: var(--theme-dark);}
.ham-menu .line1{transform-origin: -5% 100%;transition: transform 100ms ease-in-out;}
.ham-menu .line2{transition: 100ms ease-in-out;}
.ham-menu .line3{transform-origin: 0% 100%;transition: transform 100ms ease-in-out;}
/*-------------------  -------------------*/
.header .navbar-toggler:focus{box-shadow: none;}
.header .navbar-toggler.close .ham-menu .line1{display: block;transform: rotate(45deg);}
.header .navbar-toggler.close .ham-menu .line2{opacity: 0;}
.header .navbar-toggler.close .ham-menu .line3{display: block;transform: rotate(-45deg);}




/*====================== Footer ======================*/
.footer{background: #444;}
.footer .footer-top{padding: 0;}
.footer .footer-logo-area{width: 100%;height: 100%;min-height: 150px;background: #e8e8e8;background: linear-gradient(131deg, rgb(240 237 232) 0%, rgb(229 225 222) 50%, rgb(216 213 209) 100%);}
.footer .footer-logo-area img{margin: 10%;width: 80%;height: 80%;object-fit: contain;}
.footer .footer-company{margin: 40px 0;}
.footer .footer-company h4{margin-bottom: 10px;font-size: 22px;line-height: 1.2;color: #fff;font-weight: 500;}
.footer .footer-company p{font-size: 15px;line-height: 1.4;color: rgb(255 255 255 / 70%);font-weight: 300;}
.footer .footer-contact{margin: 40px 0;position: relative;}
.footer .footer-contact::before{content: '';position: absolute;top: 0;left: -24px;width: 1px;height: 100%;background: rgb(255 255 255 /20%);}
.footer .footer-contact ul{display: flex;flex-direction: column;gap: 8px;}
.footer .footer-contact .f-contact-link{font-size: 16px;color: rgb(255 255 255 / 70%);transition: 0.5s;}
.footer .footer-contact .f-contact-link i{margin-right: 10px;font-size: 20px;transition: 0.5s;}
.footer .footer-contact .social-link{margin-top: 15px;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;gap: 10px;}
.footer .footer-contact .social-link a{width: 40px;height: 40px;border: 1px solid rgb(255 255 255 / 30%);border-radius: 50%;color: rgb(255 255 255 / 70%);text-align: center;line-height: 40px;transition: 0.5s;}
.footer .footer-contact .f-contact-link:hover{color: var(--theme-color);}
.footer .footer-contact .f-contact-link:hover i{color: #fff;}
.footer .footer-contact .social-link a:hover{background: var(--theme-color);color: #fff;}
/*--------  --------*/
.footer .footer-mid{padding: 20px 0 20px 0;border-top: 1px solid rgb(255 255 255 /20%);}
.footer .footer-nav{display: flex;flex-wrap: wrap;justify-content: center;gap: 30px;}
.footer .footer-nav li{margin: 5px 0;font-size: 15px;line-height: 1.2;font-weight: 400;}
.footer .footer-nav li a{color: #fff;transition: 0.5s;}
.footer .footer-nav li a:hover{color: var(--theme-color);}
/*--------  --------*/
.footer .footer-btm{padding: 20px 10px 20px 10px;border-top: 1px solid rgb(255 255 255 /20%);}
.footer .footer-btm p{margin: 0;font-size: 14px;line-height: 1.2;color: rgb(255 255 255 /75%);text-align: center;}


/*====================== Inquiry Popup Area ======================*/
.inquiry_popup .offcanvas-start{padding: 50px;padding-bottom: 20px;width: 600px;}
.inquiry_popup .offcanvas-header{display: block;padding-inline: 0;padding-bottom: 10px;}
.inquiry_popup .offcanvas-body{padding-left: 0;}
.inquiry_form .card{border: none;}
.inquiry_form .contact-form{padding: 0;min-height: unset;border-radius: 0;box-shadow: none;}
.inquiry_form .contact-form form{margin: 0;}
.inquiry_form .contact-form textarea.input{height: 80px;resize: none;}
.inquiry_form .contact-form .input{margin-top: 15px;}
.inquiry_popup .sub-title{font-size: 30px;}
.inquiry_popup button.btn-close{position: relative;top: 0;right: -89px;float: right;padding: 15px;background-color: #fff;border-radius: 0 5px 5px 0;box-shadow: none;opacity: 1;z-index: 1;}
.inquiry_popup a{color: var(--theme-color);text-decoration: underline;}


/*====================== Contact form Area ======================*/
.contact-form{padding: 40px;width: 100%;min-height: 500px;box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);border: 1px solid rgb(0 0 0/20%);border-radius: 10px;justify-content: center;transition: 800ms;}
.contact-form .theme-btn{display: block;margin: 0 0 0 auto;}
.contact-form form{margin: auto;max-width: 910px;}
/*--------  --------*/
.contact-form ::-webkit-input-placeholder{padding-right: 5px;font-size: 13px;font-weight: 400;font-style: italic;color: rgb(0 0 0 / 0%);text-align: right;}
.contact-form .input:focus{outline-width: 0px;box-shadow: 0;}
.contact-form .input{background: transparent;border-width: 0 0 1px 0;border-color: rgb(0 0 0/ 40%);border-style: solid;margin-top: 20px;padding: 8px 20px 8px 15px;width: 100%;font-size: 18px;color: rgb(0 0 0 / 95%);}
.contact-form textarea.input{height: 110px;resize: none;}
/*--------  --------*/
.contact-form .input-wrap{position: relative;margin: 0 auto 25px;}
.contact-form label{position: absolute;top: 25px;left: 15px;font-size: 16px;color: rgb(0 0 0 / 60%);transition: 500ms;pointer-events: none;}
.contact-form label.active{top: 10px;color: rgb(0 0 0 / 85%);transition: all 0.8s;}
.contact-form .input-wrap.active label{top: 0;font-size: 15px;color: rgb(0 0 0 / 85%);}
.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;top: 33px;right: 0;width: 20px;height: 20px;background-color: transparent;border-radius: 50%;font-size: 13px;line-height: 13px;font-family: "FontAwesome";color: #000;text-align: center;-webkit-padding-start: 4px;-webkit-padding-end: 3px;-webkit-padding-before: 4px;-webkit-padding-after: 2px;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{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 0;border-bottom: 2px solid var(--theme-color);animation-name: bord;animation-fill-mode: forwards;animation-duration: 0.8s;animation-timing-function: ease;}
.contact-form .input-wrap.not:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 0;border-bottom: 2px solid var(--theme-color);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: 8px;}
/*--------  --------*/
.contact-form .input-wrap.active.invalid:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 0;border-bottom: 2px solid #cd241a;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: '';position: absolute;left: 0;z-index: 1;}
.contact-form [type="checkbox"]:not(:checked) + label:before{width: 0;height: 0;border: 3px solid transparent;top: 0px;left: 3px;transform: scale(0);transform-origin: 100% 100%;transition: all 0.8s;}
.contact-form [type="checkbox"]:not(:checked) + label:after{top: 3px;left: 4px;width: 12px;height: 12px;background-color: #000;border: 1px solid #aaa;transition: all 0.8s;z-index: 0;}
.contact-form [type="checkbox"]:checked + label:before{content: '\e876';top: 0px;left: 3px;font-size: 16px;color: #000;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;font-weight: 500;color: #757575;}
.contact-form .active textarea, .contact-form .not textarea{border-bottom: 1px solid #ccc;}
@keyframes bord{0%{width: 0%;}100%{width: 100%;}}
@keyframes bords{0%{width: 100%;}100%{width: 0%;}}



/* 
.header .navbar-nav .nav-item:nth-child(4),
.footer .footer-nav li:nth-child(4){display: none;} */