#inner-banner-section{margin: 0px 0px;padding: 0px 0px;position: relative;background: linear-gradient(to right, #f18b02, #e45029);}
.sub-banner-img { height: 100%; margin: 0px 0px; padding: 0px 0px; position: relative;}
.sub-banner-img img{width: 100%; height: 100%; object-fit: cover;min-height: 165px;object-position: center;}
.banner-content {display: flex;justify-content: center;align-items: center;align-content: center;height: 100%;flex-wrap: wrap;flex-direction: column;padding: 25px 25px;text-align: center;}
.banner-content h1,.banner-content h2{color: #fff;font-size: 35px;font-weight: 600;}
.breadcrumbs-nav{ margin: 0px 0px; padding: 0px 0px; position: relative;}
.breadcrumbs-nav li{font-size: 17px;color: #ffffff9c;display: inline-block;margin: 0px 0px;padding: 0px 10px;position: relative;}
.breadcrumbs-nav li::after{content: '|';display: block;position: absolute;right: -6px;top: -4px;font-size: 20px;}
.breadcrumbs-nav li:last-child:after{ display: none;}
.breadcrumbs-nav li a{ color: #fff;}

#about-page{ padding: 75px 0px 0px 0px; margin: 0px 0px; position: relative;}
.about-info{ padding: 0px 50px 0px 50px; margin: 0px 0px 30px 0px; position: sticky; top: 110px;}
.about-info .large-text{ white-space: pre-line; margin: 0px 0px 30px 0px; font-weight: 500;}
.about-points{ margin: 0px 0px 50px 0px; padding: 0px 0px; position: relative;}
.about-points li{list-style: none;padding: 13px 0px 13px 35px;margin: 0px 0px;position: relative;border-bottom: 1px solid #EFEFEF;font-size: 18px;}
.about-points li span,.about-points li strong{position: absolute;left: 0;font-size: 15px;top: 15px;color: #e2492e;}
.about-points li:last-child{ border: none;}
.about-img{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; position:sticky; top: 110px; background: #000;}
.about-img img{ opacity: 0.65;}

#mission-part{margin: 0px 0px 0px 0px;padding: 75px 0px 75px 0px;position: relative;  /* fallback for old browsers */  /* Chrome 10-25, Safari 5.1-6 */background: linear-gradient(to left, #f18b02, #e45029); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
.mission-left{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.mission-left p.large-text{color: #fff;margin: 0px 0px 30px 0px;font-size: 50px;}
.mission-left p{color: #ffffffd6;margin: 0px 0px 30px 0px;font-size: 18px;}
.mission-right{padding: 0px 50px 0px 100px; margin: -150px 0px 0px 0px; } 
.mission-data{ padding: 50px 50px; margin: 0px 0px 30px 0px; background: #fff; position: sticky; top: 110px; border-radius: 15px;}
.mission-data span{ display: block; margin: 0px 0px 15px 0px;}
.mission-data img{ max-height: 60px; filter: invert(41%) sepia(85%) saturate(700%) hue-rotate(337deg) brightness(94%) contrast(100%);}
.mission-data h3{ font-size: 26px; color: #444; margin: 0px 0px 20px 0px;}
.mission-data p{ color: #444; font-size: 18px; margin: 0px 0px 0px 0px;}

#management-team{ margin: 0px 0px; padding: 75px 0px 75px 0px; position: relative;}
.management-data{ max-width: 1400px; text-align: center; margin: 0px auto 70px auto; position: relative;}
.management-data h3{ font-size: 50px; color: #444; font-weight: 500; margin: 0px 0px 30px 0px;}
.team-info{ max-width: 1400px; margin: 0px auto;}
.team {text-align: center;position: relative;padding: 30px;background: #f5f5f5;height: 100%;}
.team h4 { font-size: 22px; color: #444; font-weight: 600;}
.team h6{ font-size: 16px; color: #e2492e; font-weight: 500; margin: 0px 0px 20px 0px;}
.team a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.team p{ font-size: 16px; color: #444; line-height: 1.4;}
.team-img{clip-path: circle(44.9% at 50% 51%);margin: 0px auto 20px auto;transition: all ease 0.5s;max-width: 230px;}
.team:hover .team-img { clip-path: circle(38.9% at 50% 51%);}

#director-desk{ margin: 0px 0px 0px 0px; padding: 75px 0px; position: relative; background: #EFEFEF;}
 
#why-gkv{ margin: 0px 0px 0px 0px; padding: 75px 0px 25px 0px; position: relative;}
.why-gkv-info{ padding: 50px 0px 50px 0px; margin: 0px 0px 50px 0px; position: relative; z-index: 1;}
.why-gkv-info::after{ content: ''; display: block; position: absolute; right: 0; top: 0; width: 85%; height: 100%; background: #f5f5f5; z-index: -1;}
.gkv-information{ padding: 0px 30px; margin: 0px 0px 0px 0px; position: relative;}
.gkv-information h2{ font-size: 50px; color: #444; font-weight: 600; margin: 0px 0px 20px 0px;}

#why-section{ padding: 75px 0px; margin: 0px 0px 0px 0px; position: relative;}
.gkv-data{ margin: 0px 0px 0px 0px; max-width: 1400px;}
.gkv-data p{ margin: 0px 0px 0px 0px;}

.gkv-sticky{position:relative; width: 100%; padding: 75px 0px; z-index: 1;}
.gkv-sticky:nth-child(odd){ background: #fff;}
.gkv-sticky:nth-child(even){ background: #f7f7f7;}
.gkv-sticky:nth-child(even) .slide-info span{ color: #e7e7e7;}
.slide-img{ height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.slide-img img{ width: 100%; height: 100%; border-radius: 15px; object-fit: cover;}
.slide-info{ margin: 0px 0px 0px 0px; padding: 70px 70px 70px 70px; position: relative;}
.slide-info span {font-size: 60px;position: absolute;top: -10px;color: #f5f5f5;font-weight: 700;}
.slide-info h3{ font-size: 50px; font-weight: 600; color: #444; margin: 0px 0px 20px 0px;}
.slide-info p.highlight-para{ font-size: 26px; font-weight: 600; color: #444; margin: 0px 0px 20px 0px; line-height: 1.3;}
.cover-background{ background-size: cover; background-position: center center !important;}

#service-mainpage{ margin: 0px 0px 0px 0px; padding: 75px 0px; position: relative;}
.services-content{ margin: 0px 0px 0px 0px; padding: 50px 50px; position: relative;}
.services-content::before{ content: ''; display: block; position: absolute; top: 0; left: 50%; border-right: 1px dashed #ccc; width: 1px; height: 100%;}
.services-data{ margin: 0px 0px 0px 0px; padding: 50px 50px; position: relative;}
.services-data a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11;}
.service-m-img{ margin: 0px 0px 20px 0px; padding: 0px 0px; position: relative;}
.service-m-img img{ max-height: 500px; width: 100%; object-fit: cover; object-position: center; border-radius: 15px;}
.service-m-info{ margin: 15px 0px 20px 0px; padding: 0px 0px; position: relative;}

#services-page{padding: 75px 0px 0px 0px; margin: 0px 0px; position: relative;}
.services-info{ padding: 0px 50px 0px 50px; margin: 0px 0px 30px 0px; position: sticky; top: 110px;}
.services-info .large-text{ white-space: pre-line; margin: 0px 0px 30px 0px; font-weight: 500;}
.services-info h2{ font-size: 22px; font-weight: 600; color: #444; margin:0px 0px 20px 0px;}
.services-info h3{ font-size: 22px; font-weight: 600; color: #444; margin:0px 0px 20px 0px;}
.services-info p{ margin: 0px 0px 20px 0px; color: #444;}
.services-info p a{ color: #444; text-decoration: underline;}
.services-points{ margin: 0px 0px 30px 0px; padding: 0px 0px; position: relative;}
.services-points li{list-style: none;padding: 13px 0px 13px 35px;margin: 0px 0px;position: relative;border-bottom: 1px solid #EFEFEF;font-size: 18px;}
.services-points li span,.services-points li strong{position: absolute;left: 0;font-size: 15px;top: 15px;color: #e2492e;}
.services-points li:last-child{ border: none;}
.services-img{padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;position:relative;background: #000;height: 100%;}
.services-img img{opacity: 0.65;height: 100%;object-fit: cover;}

.inquiry-btn_m{margin: 0px 0px 0px 0px;padding: 0px 0px;position: relative;display: flex;}
.inquiry-btn_m a{padding: 20px 0px 20px 70px;position: relative;display: flex;align-items: center; font-size: 17px; color: #444; font-weight: 400;}
.inquiry-btn_m a::before{ content: ''; display: block; position: absolute; left: 0; width: 55px; height: 55px; background: #E45228; border-radius: 55px; transition: all ease 0.5s;}
.inquiry-btn_m a::after{content: '';display: block;position: absolute;left: 22px;background: url(../img/arrow.svg) no-repeat;z-index: 1;width: 11px;height: 11px; transition: all ease 0.5s;}
.inquiry-btn_m a:hover::before{-webkit-animation-name: hvr-icon-buzz-out; animation-name: hvr-icon-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; transform: scale(1.1);}
.inquiry-btn_m a:hover::after{ transform: rotate(45deg);}

#service-second-part{ padding: 75px 0px 35px 0px; margin: 0px 0px 0px 0px; position: relative; background: #EFEFEF;}
.services-subpart { margin: 0px auto; max-width: 1500px;}
.services-subpart h3{font-size: 22px; font-weight: 600; color: #444; margin: 0px 0px 20px 0px; position: relative;}
.serv-sub-points{ margin: 0px 0px 30px 0px; padding: 0px 0px; position: relative;}
.serv-sub-points li{list-style: none;padding: 8px 20px 8px 40px;font-size: 18px;position: relative;background: #fff;margin: 0px 0px 5px 0px;border-radius: 30px;}
.serv-sub-points li::before{content: '';display: block;position: absolute;left: 7px;top: 5px;background: url(../sub-img/arrow.svg) no-repeat;width: 31px;height: 31px;background-size: contain;filter: invert(32%) sepia(7%) saturate(7458%) hue-rotate(360deg) brightness(100%) contrast(100%);}

.sub-service-info{ padding: 50px 50px; margin: 0px 0px 0px 0px; position: relative;}
.sub-service-info h2{ font-size: 22px; font-weight: 600; color: #444; margin:0px 0px 20px 0px;}
.sub-service-info p{ margin: 0px 0px 20px 0px; color: #444;}
.sub-service-info p a{ color: #444; text-decoration: underline; transition: all ease 0.3s;}
.sub-service-info p a:hover{ color:#e2492e;}
.serv-sub-img {background: #efefef; overflow: hidden; position: sticky; top: 110px;}
.serv-sub-img img{ margin: 0px 0px 0px 0px;}

#machines-usages{ padding: 75px 0px; margin: 0px 0px; position: relative;}
.specification-part{ max-width: 1500px; margin: 0px auto 0px auto;}
.specification-part h3{font-size: 20px;font-weight: 600;color: #444;margin: 0px 0px 20px 0px;position: relative;}

/* ----------------- Theme Accordion ----------------- */
.theme-accordion .accordion-item{margin-bottom: 10px;border: none;counter-increment: section;z-index: 0;position: relative;}
.theme-accordion .accordion-item:last-child{margin-bottom: 0;}
.theme-accordion .accordion-item .accordion-button{display: flex;align-items: center;padding:20px 25px 20px 25px;background: transparent;border-radius: 0;border-bottom: solid 1px #d3d3d3;box-shadow: unset;font-size: 22px;font-weight: 500;line-height: 1.2;color: #444;text-transform: capitalize;position: relative;cursor: pointer;transition: 0.6s;}
.theme-accordion .accordion-item:last-child .accordion-button{border-color: transparent;}
.theme-accordion .accordion-item .accordion-button:not(.collapsed){border-color: #E45228;color: #E45228;}
.theme-accordion .accordion-item .accordion-button:not(.collapsed)::after{transform: rotate(45deg);}
.theme-accordion .accordion-item .accordion-button::before{content: '0' counter(section);margin:0 20px 0 0;font-size: 24px;color: #E45228;}
.theme-accordion .accordion-item .accordion-button::after{content: "\002B";background: transparent;font-size: 35px;font-weight: 200;color: #000;line-height: 14px;position: absolute;right: 20px;transition: 0.2s;}
.theme-accordion .accordion-body{padding: 20px 30px 20px 75px;}
.theme-accordion .accordion-body p{ color: #444; font-size: 18px;}
.theme-accordion .accordion-body p:last-child{margin-bottom: 0;}

ul.accordion-lists{ margin: 0px 0px 30px 0px; padding: 0px 0px; position: relative;}
ul.accordion-lists li{ list-style: none; padding: 5px 0px 5px 25px; font-size: 18px; color: #444; position: relative;}
ul.accordion-lists li::before{content: '';display: block;position: absolute;left: 0;background: url(../sub-img/true-icon.png) no-repeat;width: 20px;height: 18px;background-size: contain;top: 10px;}

#clientele-section{ padding: 75px 0px; position: relative;}
.clients-logo { margin: -1px -1px 0px 0px; padding: 50px; display: flex; align-content: center; justify-content: center; align-items: center; flex-wrap: wrap; border: 1px solid #d7d7d7; min-height: 230px;}
/* .clients-logo img { filter: grayscale(1); opacity: .65; max-height: 70px; transition: all ease 0.5s;} */
.clients-logo img { position: relative; max-height: 120px; transition: all ease 0.5s;}
.clients-logo:hover img{ filter: grayscale(0); opacity: 1;}
.client-data{ padding: 0px 50px; margin: 0px 0px; position: relative;}

#projects-page{ margin: 0px 0px 0px 0px; padding: 75px 0px 75px 0px; position: relative;}
.our-projects{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.our-projects p.large-text{ white-space: pre-line; margin: 0px 0px 50px 0px;}
.project-data{margin: 0px 0px 0px 0px;padding: 30px 30px 30px 60px;position: relative;border: 1px dashed #c9c9c9;transition: all ease 0.5s;height: 100%;}
.project-data label{ color: #e2492e; margin: 0px 0px 10px 0px;}
.project-data span{color: #e65d20;font-size: 15px;font-weight: 500;margin: 4px 0px 0px 0px;display: block;position: absolute;left: 27px;}
.project-data p.project-ttl{ font-size: 20px; font-weight: 600; color: #444; margin: 0px 0px 0px 0px; text-transform: uppercase;}
.project-data p{font-size: 18px;color: #444;margin: 0px 0px 15px 0px;}
.project-data small{font-size: 15px;color: #898989; text-transform: uppercase;}

.projects-data:hover{ border-color: #e7e7e7;}
.projects-data:hover .project-image{clip-path: circle(29.6% at 48% 34%); transition:clip-path .6s cubic-bezier(.76,0,.24,1);}
.projects-data:hover .project-info h2, .projects-data:hover .project-info h6{ color: #444;}

.our-projects div#v-pills-tab { position: sticky; top: 110px; padding: 20px; border: 1px dashed #c9c9c9;}
.our-projects .nav-pills .nav-link.active, .our-projects .nav-pills .show>.nav-link { color:#fff; background-color: #e34b2d; border-radius: 0;}
.our-projects .nav-pills .nav-link { border-radius:0; color: #444;}

#contact-page{ padding: 75px 0px; margin: 0px 0px 0px 0px; position: relative;}
#contact-page::before{content: '';display: block;position: absolute;top: 0;right: 0;width: 50%;height: 100%;background: url(../sub-img/contact-bg.png) no-repeat;object-fit: cover;opacity: .03;}
#contact-page::after{content: '';display: block;position: absolute;top: 0;right: 0;width: 50%;height: 100%;background: #fbfbfb;z-index: -2;}

.contact-info{ margin: 0px 0px 30px 0px; padding: 0px 50px 0px 50px;}
.contact-info p.large-text{ font-size: 50px; white-space: pre-line; margin: 0px 0px 30px 0px;}
.contact-info p { font-size: 22px; font-weight: 500; color: #444; margin: 0px 0px 30px 0px;}
.address{ margin: 0px 0px 50px 0px; padding: 0px 0px 0px 0px; position: relative;}
.address h3{font-size: 18px;text-transform: uppercase;color: #e2492e;margin: 0px 0px 15px 0px;font-weight: 600;}
.address p{ font-size: 18px; color: #444; font-weight: 400;}
.address .address-link{ margin: 0px 0px; padding: 0px 0px; position: relative;}
.address .address-link li{ list-style: none;}
.address .address-link li a{ color: #444; font-size: 18px; font-weight: 400;}

.contact-form{ margin: 0px 0px 0px 0px; padding: 0px 50px 0px 50px;}
.contact-form .form-group{ padding: 0px 0px; margin: 0px 0px 10px 0px; position: relative;}
.contact-form .form-group input{width: 100%;padding: 15px 25px;background: transparent;border: 1px solid #b7b7b7;outline: none;box-shadow: none;} 
.contact-form .form-group textarea{width: 100%; height: 140px; padding: 15px 25px;background: transparent;border: 1px solid #b7b7b7;outline: none;box-shadow: none; resize: none;} 
.contact-form .form-group .submit{padding: 20px 0px 20px 70px;position: relative;display: flex;align-items: center;font-size: 17px;color: #444;font-weight: 400;border: none;outline: none;background: transparent;}
.contact-form .form-group .submit::before{ content: ''; display: block; position: absolute; left: 0; width: 55px; height: 55px; background: #E45228; border-radius: 55px; transition: all ease 0.5s;}
.contact-form .form-group .submit::after{content: '';display: block;position: absolute;left: 22px;background: url(../img/arrow.svg) no-repeat;z-index: 1;width: 11px;height: 11px; transition: all ease 0.5s;}
.contact-form .form-group .submit:hover::before{-webkit-animation-name: hvr-icon-buzz-out; animation-name: hvr-icon-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; transform: scale(1.1);}
.contact-form .form-group .submit:hover::after{ transform: rotate(45deg);}

#contact-map{ height: 500px; position: relative;}
#contact-map iframe{ width: 100%; height: 100%; margin: 0px 0px 0px 0px; position: relative;}

#profile-information{ margin: 0px 0px 0px 0px; padding: 0px 0px;}
#profile-information .modal-header{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; display: flex;}
#profile-information .modal-header .profile-title {padding: 0px 15px;}
#profile-information .modal-header .profile-title h1{ font-size: 35px; color: #444; margin: 0px 0px 0px 0px;}
#profile-information .modal-header .profile-title h2{ margin: 0px 0px 20px 0px;}
#profile-information .modal-content{ padding: 35px 35px;}
#profile-information .team-data-modal{ padding: 0px 50px 0px 0px;}

#profile-information .modal-content p{ font-size: 18px; color: #444;}
#profile-information .modal-content p.highlight-text{ font-size: 18px; font-weight: 600;}
#profile-information .modal-team-img{clip-path: circle(43.0% at 50% 50%);}
.modal-backdrop.fade {opacity: 0.80;}

#scrollDiv { position: fixed; max-width: 1500px; bottom: 50px; right: 20px; left: 20px; z-index: 11; margin: auto; padding: 20px 20px; background:linear-gradient(to left, #f18b02, #e45029); color: #fff; display: none; border-radius: 30px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); transition: all ease 0.5s; border: none;}
.inquiry-part{display: flex;margin: 0px 0px;padding: 0px 0px;position: relative;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.inquiry-part h3{ font-size: 28px; color: #fff; margin: 0px 0px 0px 0px;}
.inquiry-part p{ margin: 0px 0px 0px 0px; padding: 0px 0px; font-size: 17px; color: #fff;}
.inquire-btn{padding: 15px 0px;margin: 0px 0px;position: relative;display: flex;align-items: center;flex-wrap: wrap;}
.inquire-btn a{display: inline-block;padding: 0px 20px 0px 0px;border: 2px solid #ffffff;color: #ffffff;border-radius: 50px;text-transform: uppercase;font-size: 14px;font-weight: 500; transition: all ease 0.5s;}
.inquire-btn a span{margin: 0px 10px 0px 0px;width: 43px;height: 43px;background: #fff;border-radius: 50px;display: inline-block;text-align: center;line-height: 40px;}
.inquire-btn a span img {filter: brightness(0.3);}
.inquire-btn a:hover{ background: #444; border-color: #444;}
#scrollDiv .btn-close { position: absolute; top: -10px; right: -10px; z-index: 2; padding: 0px 0px; outline: none;}

#career-page{ padding: 75px 0px; margin: 0px 0px 0px 0px; position: relative;}
.career-data{ max-width: 1100px; margin: 0px auto 0px auto; text-align: center;}
.career-data h3{ font-size: 50px; font-weight: 600; color: #444; margin: 0px 0px 20px 0px;}
.job-section{ padding: 75px 0px; background: #EFEFEF;}
.job-openings{ max-width: 1300px; margin: 0px auto 0px auto; padding: 0px 0px; position: relative;}
.job-openings h2{ font-size:38px; font-weight: 600; color: #444; text-align: center; margin: 0px 0px 30px 0px;}
.openings{ position: relative;margin: 0px 0px;padding: 25px 25px 50px 25px;background: #fff;border: 1px solid #e7e7e7;}
.openings a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11;}
.openings::after{content: 'Apply Now';display: block;position: absolute;bottom: 25px;font-size: 14px;color: #e2492e;font-weight: 600;text-transform: uppercase;}
.openings h4{font-size: 26px;color: #444;font-weight: 600;margin: 0px 0px 5px 0px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.openings h4 span{font-size: 12px;color: #fff;padding: 6px 8px;background: #e65d20;border-radius: 5px;font-weight: 500;}
.openings h6{font-size: 16px;color: #444;font-weight: 400;margin: 0px 0px 20px 0px;}
.openings p{font-size: 17px;color: #444;line-height: 1.4;}

#career-inquiry{ padding: 75px 0px; margin: 0px 0px 0px 0px; position: relative;}
.career-form-section{ max-width: 1300px; margin: 0px auto; padding: 0px 0px; position: relative;}
.career-form-section h2{ font-size: 38px; color: #444; text-align: center; margin: 0px 0px 20px 0px;}

.career-form-section .form-group{ margin: 0px 0px 30px 0px; padding: 0px 0px; position: relative;}
.career-form-section .form-group label{display: block; font-size: 15px; color: #555; font-weight: 500; margin: 0px 0px 5px 20px;}
.career-form-section .form-group input{font-size: 15px;color: #444;width: 100%;padding: 15px 20px;background: #fff;border: 1px solid #929499;border-radius: 10px !important}
.career-form-section .form-group textarea{ width: 100%; height: 150px; margin: 0px 0px; padding: 15px 20px; background: #eaeef538; position: relative; border: 1px solid #929499;  outline: none; resize: none; border-radius: 10px !important}
.career-form-section .form-group .submit { display: inline-block; background: #e75d21; color: #fff; font-size: 15px; padding: 13px 50px; border: none; border-radius: 10px;}
.career-form-section .form-group textarea{width: 100%;height: 115px;margin: 0px 0px;padding: 15px 20px;background: #fff;position: relative;border: 1px solid #929499;outline: none;resize: none;border-radius: 10px !important}
.career-form-section .form-group input::placeholder, .career-form-section .form-group textarea::placeholder{ font-size: 15px; color: #999; }
.career-form-section .form-group .file-drop-area {margin-top: 15px;padding:10px 15px;width: 100%;height: 127px;border: 1px dashed rgb(146 148 153);border-radius: 10px;position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;transition: 0.2s;}
.career-form-section .form-group .file-drop-area.is-active {background: rgb(245 123 41 / 5%); }
.career-form-section .form-group .file-drop-area .fake-btn {margin: 0 0 10px 0;padding: 8px 25px;background: #e24a2e;border-radius: 26px;font-size: 12px;color: #fff;letter-spacing: 1.5px;text-transform: uppercase;flex-shrink: 0;}
.career-form-section .form-group .file-drop-area .file-msg {width: 100%;font-size: 16px;font-weight: 400;color: #c1c0c0;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.career-form-section .form-group .file-drop-area .file-input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.career-form-section .form-group .file-drop-area .file-input:focus {outline: none; }
.career-form-section .form-group .submit{display: block;font-size: 17px;text-transform: uppercase;color: #fff;background: #e34b2d;margin: 0px auto 0px auto;padding: 15px 70px;position: relative;text-align: center;min-width: 335px;}
.career-form-section .wpcf7-form-control-wrap { position: unset;}
.career-form-section .form-group input#file {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#thanks-details { background: #f1f1f1; padding: 75px 0px;}
.thanks-message {max-width: 800px;margin: 0px auto;padding: 70px 50px 50px 50px;background: #fff;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.thanks-message img { margin: 0px 0px 30px 0px;}
.thanks-message h3 { font-size: 100px; color: #444; margin: 0px 0px 0px 0px; font-weight: 700;}
.thanks-message h2 { font-size: 30px; color: #E45228; margin: 0px 0px 20px 0px;}
.thanks-message p { font-size: 17px; margin: 0px 0px 20px 0px;}
.thanks-message p a{ text-decoration: underline; color: #444;}
.thanks-message img {max-width: 100px;}


/* 24/02/2026 */
/* ==== blogs page === */

#blog-page{ padding: 75px 0px; margin: 0px 0px 0px 0px; position: relative;}
.blog-header{ text-align: center; margin: 0px 0px 50px 0px;}
.blog-header h2{ margin: 0px 0px 10px 0px;}
.blog-card{ margin: 0px 0px; padding: 0px 0px; position: relative; background: #fff; border: 1px solid #e7e7e7; transition: all ease 0.5s; height: 100%;}
.blog-card a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.blog-card:hover{ box-shadow: 0 5px 20px rgba(0,0,0,0.1); transform: translateY(-5px);}
.blog-img{ margin: 0px 0px; padding: 0px 0px; position: relative; overflow: hidden;}
.blog-img img{width: 100%;aspect-ratio: 5/3;object-fit: cover;transition: all ease 0.5s;}
.blog-card:hover .blog-img img{ transform: scale(1.05);}
.blog-content{ padding: 25px 25px; margin: 0px 0px; position: relative;}
.blog-date{ font-size: 14px; color: #E45228; font-weight: 500; display: block; margin: 0px 0px 10px 0px;}
.blog-content h3{ font-size: 22px; color: #444; font-weight: 600; margin: 0px 0px 15px 0px; line-height: 1.3;}
.blog-content p{ font-size: 16px; color: #666; line-height: 1.5; margin: 0px 0px 0px 0px;}

#blog-details-page{ padding: 75px 0px; margin: 0px 0px 0px 0px; position: relative;}
.blog-detail-content{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.blog-detail-img{ margin: 0px 0px 30px 0px; padding: 0px 0px; position: relative;}
.blog-detail-img img{ width: 100%; /*height: 450px;*/ object-fit: cover; border-radius: 10px;}
.blog-meta{margin: 0px 0px 20px 0px;padding: 0px 0px;position: relative;color: #cdcdcd;}
.blog-meta span{font-size: 14px;color: #999;/* margin: 0px 15px 0px 0px; */display: inline-block;}
.blog-meta .blog-date{ color: #E45228; font-weight: 500;}
.blog-detail-content h1{font-size: 40px;color: #444;font-weight: 600;line-height: 1.2;}
.blog-detail-content h3{ font-size: 26px; color: #444; font-weight: 600; margin: 30px 0px 15px 0px;}
.blog-detail-content p{ font-size: 18px; color: #444; line-height: 1.7; margin: 0px 0px 20px 0px;}
.blog-list{ margin: 0px 0px 30px 0px; padding: 0px 0px 0px 20px; position: relative;}
.blog-list li{font-size: 18px;color: #444;line-height: 1.7;margin: 0px 0px 5px 0px;padding: 0px 0px 0px 10px;}

.blog-sidebar{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.sidebar-widget{margin: 0px 0px 26px 0px;padding: 30px 30px;background: #f5f5f5;border-radius: 10px;}
.sidebar-widget h3{ font-size: 22px; color: #444; font-weight: 600; margin: 0px 0px 25px 0px; padding: 0px 0px 15px 0px; border-bottom: 2px solid #E45228;}
.recent-posts{ margin: 0px 0px; padding: 0px 0px; position: relative;}
.recent-posts li{ list-style: none; margin: 0px 0px 20px 0px; padding: 0px 0px; position: relative;}
.recent-posts li:last-child, .sidebar-widget:last-child{ margin: 0px 0px 0px 0px;}
.recent-posts li a{ display: flex; gap: 15px; align-items: center; transition: all ease 0.3s;}
.recent-posts li a:hover{ opacity: 0.8;}
.recent-post-img{ width: 80px; height: 80px; flex-shrink: 0;}
.recent-post-img img{ width: 100%; height: 100%; object-fit: cover; border-radius: 5px;}
.recent-post-content h4{ font-size: 16px; color: #444; font-weight: 600; margin: 0px 0px 5px 0px; line-height: 1.3;}
.recent-post-content span{ font-size: 13px; color: #999;}
.categories-list{ margin: 0px 0px; padding: 0px 0px; position: relative;}
.categories-list li{ list-style: none; margin: 0px 0px 10px 0px; padding: 0px 0px; position: relative;}
.categories-list li:last-child{ margin: 0px 0px 0px 0px;}
.categories-list li a{ font-size: 16px; color: #444; padding: 10px 15px; display: block; background: #fff; border-radius: 5px; transition: all ease 0.3s;}
.categories-list li a:hover{ background: #E45228; color: #fff;}

@media only screen and (max-width: 1199px) {
    .blog-header{margin-bottom: 32px; }
}

@media only screen and (max-width: 1199px) {
    .sidebar-widget{padding: 24px; }
}