@charset "utf-8";
/* CSS Document*/
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


* 					{margin:0;padding:0;-webkit-font-smoothing:antialiased;line-height:normal;}
body 				{margin:0 auto;font-size:16px;color:#000;font-family: "Poppins", serif;line-height:normal;background-color: #F0F3FA;}
html				{ }
a:active, a:focus,input:focus, textarea:focus,select button{outline:0}
a:active, a:focus	{outline:expression(hideFocus='true')}
::-moz-focus-inner	{border:1px solid transparent!important}
:link,:visited      {text-decoration:none}
ul,ol,li,pre,
form,blockquote,
fieldset,input,p,select,label,button,textarea,section,a{margin:0px;list-style:none;padding:0;vertical-align:top;border-radius:0;font-family: 'Nunito', sans-serif;line-height:normal;}
a img				{border:none;}
h1,h2,h3,h4,h5,h6	{margin:0px;padding:10px 0px;color:#000000;line-height:normal;font-family: "Chakra Petch", serif;}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{font-family: "Chakra Petch", serif;}
header,.button,.wsmenu-list > li a,.copyrights p a,.social-media li a,.social-media-inner li a,.wsmenu-list > li,.search-input .form-control,.navigation,.swiper-pagination-bullet,.service-img img,.service-contents,.swiper-button-next,.swiper-button-prev,.logo-img img,.foot-navi li a,.kuwait-water,.menu-link,.guest-icon,.awards-img img,.tabs-links li a,.shopping-container .shopping-box .shopping-img,.submenulink::before,.submenulink::after,.shopping-img img,.member-photo img, .search-main
					{transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s}
header{/*padding:15px 0 15px 0;*/position:fixed;z-index:111;top:0px;width:100%;left:0px;right:0px;text-align:center;height:120px;background-color:#ebebeb;box-shadow:0 1px  5px rgba(0,0,0,0.1);}

/*.navigation{position:fixed;top:0px;left:0px;bottom:0px;right:0px;width:100%;height:100%;z-index:99;display:none}*/

@media screen and (min-width:780px){
	header.small-header{/*padding:5px 0 5px 0;background:rgba(100,100,100,0.95);*//*background-color:#012756cf;height:auto;*/}
	header.small-header .kuwait-water{width:125px;margin-left:60px;margin-bottom:0px}
	header.small-header .menu-link{top:0px;}
	header.small-header .kuwait-water-logo-small img{margin-top: -15px;}
	header.small-header .lang-switch{top: 1.8rem;}
	header.small-header ul.top-header-listings{top:1rem;}
}
.top-header{position: fixed;background-color: #37491D;width: 100%;margin-top:0px;}
ul.top-header-listings {display: inline-flex;padding: 10px;float: right;align-items: center;gap: 10px;}
ul.top-header-listings li a{color:#fff;}
ul.top-header-listings li{margin: 5px;}
ul.top-header-listings img{width:5%;margin-right: 5px;}

.vertical-line {display: inline-block;width: 1px;height: 20px;background-color: #fff; margin: 0 10px; /* Space around the line */}
.rightcol {margin-top:60px;}
.fertile-logo img {width: 6%;position: absolute;top:65px;left: 5%;z-index: 9999;}
.padding-left-right{padding-left:6%;padding-right:6%;}

/****HOME_TOP_SECTION_CSS STARTS HERE****/
.home-top-section{position:relative;z-index: 9;padding-top: 10rem;padding-bottom: 15rem; background-color: #37491D;clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vw), 0 100%);-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vw), 0 100%);margin-bottom: -10vw;}
.home-top-section-img img{position: absolute;}
.home-top-heading h1{font-size:60px;font-weight: bold;color:#fff;}
.home-top-heading p{font-size:20px;font-weight:400;line-height: 35px;color:#fff;}
.discover-industry-link{margin-top: 5rem;}
.discover-industry-link a{background-color: #fff;padding:10px 20px 10px 20px;color:#37491D;}
.discover-industry-link a:hover{background-color: #c2720c;color:#fff;}
.mission-col-img{margin-top: 0rem;position: relative;z-index: 9;}
.mission-col{padding-left: 7rem;padding-top: 15rem;padding-right: 7rem;}
.mission-col h4{font-size:30px;color:#37491D;}
.mission-col p{font-size:20px;}
/****HOME_TOP_SECTION_CSS ENDS HERE****/

/****CHAIRMAN_SECTION_CSS STARTS HERE****/
.chairman-section{padding-top: 3rem;padding-bottom: 3rem;}
.chairman-section h1{font-size:50px;color:#37491D;}
.chairman-section-content h3{color:#777777;}
.chairman-section-content p{color:#777777;line-height: 30px;text-align: justify;}
.chairman-img-col img{clip-path: polygon(80px 0, calc(100% - 0px) 0, 100% 20px, 100% calc(100% - 100px), calc(100% - 0px) 100%, 0px 100%, 0 calc(100% - 20px), 0 100px);}
/****CHAIRMAN_SECTION_CSS ENDS HERE****/


/****SINCE_SECTION_CSS STARTS HERE****/
.since-learn-more{padding-top: 2rem;padding-bottom: 3rem;}
.since-learn-more h1{font-size:50px;color:#37491D;}
.since-learn-more p {font-size: 18px;line-height: 30px;}
.since-right-content h2{color:#37491D;margin-bottom: 3rem;line-height: 45px;}
.since-right-content a{background-color:#37491D;color:#fff;padding: 10px 40px 10px 40px;}
.since-right-content a:hover{background-color: #c2720c;color:#fff;}
.since{padding-top: 3rem;padding-bottom: 3rem;/*background-color:#37491D;background: linear-gradient(-45deg, transparent 100px,#37491D 0) bottom right;*/}
/*.since-img{margin-top: -50%;}*/
.underline-tabs .nav-tabs {border-bottom: 2px solid #D9D9D9;}
.underline-tabs .nav-link {border: none;border-bottom: 2px solid #37491d;padding: 1rem 1.5rem;margin-bottom: -2px;font-weight: bold;color: #37491d;transition: all 0.3s ease;font-size:25px;font-family: "Chakra Petch", serif;}
.since-tab-content{margin-top: 2rem;}
.since-tab-content p{color: #37491d;line-height: 30px;font-size:20px;font-weight: 400;}
.underline-tabs .nav-link:hover {border-bottom-color: #ef9201;color: #ef9201;}
.underline-tabs .nav-link.active {border-bottom-color: #ef9201;color: #37491D;border-radius: 0px;}
.tab-pane.fade {transition: all 0.2s ease-out;}
.tab-pane.fade.show {animation: fadeIn 0.5s ease-out;}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/****SINCE_SECTION_CSS ENDS HERE****/

/****VALUED_CLIENTS STARTS HERE***/
.valued-clients{padding-top: 3rem;padding-bottom: 3rem;}
.valued-clients h1{color:#37491D;font-size:50px;}
.valued-clients p{font-size: 18px;line-height: 30px;}
.value-clients-list{margin-top:3rem;}
.valued-clients-col img{background-color:#fff;padding: 15px;border-radius:20px;}
.valued-clients-col h4{color:#37491D;}
.valued-clients-col p{font-size:16px;}
.counter-wrap h1{font-size:2.0rem;font-weight:500; line-height: normal; color: #fff; display: inline-block;}
.counter-wrap span 	{line-height: 30px; color: #fff; font-size:17px;font-weight:500;}
.experience-counter{padding:2rem 2rem 3rem 2rem;background-color:#37491D;background: linear-gradient(30deg, transparent 50px,#37491D 0) bottom left;height:100%;}
.experience-col h2{color: #fff;font-size:50px;font-weight:600;}
.counter-wrap{padding-top: 1rem;}
.valued-clients-col{text-align: left;}
/****VALUED_CLIENTS ENDS HERE***/


/****GALLERY_CSS_STARTS_HERE***/
.gallery{padding-top: 3rem;padding-bottom: 3rem;}
.gallery h1{color:#37491D;font-size:50px;}
.gallery p{font-size: 20px;line-height: 30px;padding-bottom: 2rem;}
/****GALLERY_CSS_ENDS_HERE****/

/****GALLERY_CSS_STARTS_HERE***/
.careers{padding-top: 3rem;padding-bottom: 3rem;}
.careers h1{color:#37491D;font-size:50px;}
.careers p{font-size: 20px;line-height: 30px;padding-bottom: 2rem;}
.career-img img{clip-path: polygon(80px 0, calc(100% - 0px) 0, 100% 20px, 100% calc(100% - 100px), calc(100% - 0px) 100%, 0px 100%, 0 calc(100% - 20px), 0 100px);}
/****GALLERY_CSS_ENDS_HERE****/

/****PRODUCTS_SERVICES_SECTION STARTS HERE****/
.products-services{padding-top: 3rem;padding-bottom: 3rem;/*background-image: url("../images/products-back.png");background-repeat:no-repeat;background-size: contain;background-position: right;*/}
.products-services h1{color:#37491D;font-size:50px;}
.products-services p{font-size:18px;line-height: 30px;}
.events-swiper{margin-top: 3rem;}
.products-content p{font-size:18px;line-height: 30px;}
.products-content{margin-top:3rem;}
.products-content h3{font-size:30px;font-weight:600;color:#37491D;}
.products-content p{font-size:18px;line-height: 30px;}
.products-img img{clip-path: polygon(0px 0, calc(100% - 0px) 0, 100% 20px, 100% calc(100% - 100px), calc(100% - 100px) 100%, 0px 100%, 0 calc(100% - 20px), 0 20px);}
/* Common styles for both arrows */
.swiper-products-arrow{text-align: center;margin-top: -5rem;}
.swiper-prev {position: relative;transform: translateY(-50%);background: url("../images/prev-arrow.png") no-repeat center center;background-size: contain;border: none;border-radius: 50%;width: 50px;height: 50px;cursor: pointer;z-index: 10;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);display: inline-block !important;}
.swiper-next {position: relative;transform: translateY(-50%);background: url("../images/next-arrow.png") no-repeat center center;background-size: contain;border: none;border-radius: 50%;width: 50px;height: 50px;cursor: pointer;z-index: 10;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);display: inline-block !important;}



/* Optional hover effect */
.swiper-arrow:hover {
    opacity: 0.8; /* Slight transparency for hover effect */
}
/****PRODUCTS_SERVICES_SECTION ENDS HERE*****/


/****DELIVERED_WITH_EXCELLENCE_CSS STARTS HERE****/
.delivered-with-excellence{padding-top: 3rem;padding-bottom: 3rem;}
.delivered-with-excellence h1{color:#37491D;font-size:50px;}
.delivered-with-excellence p{font-size:18px;line-height: 30px;}
.excellence-img-1 img{clip-path: polygon(0px 0, calc(100% - 0px) 0, 100% 20px, 100% calc(100% - 0px), calc(100% - 100px) 100%, 100px 100%, 0 calc(100% - 100px), 0 20px);}
.excellence-img-2 img{clip-path: polygon(0px 0, calc(100% - 0px) 0, 100% 20px, 100% calc(100% - 100px), calc(100% - 100px) 100%, 0px 100%, 0 calc(100% - 100px), 0 20px);}
.delivered-excellence-row{padding-top: 3rem;}
.excellence-content img{width:40%;}
.excellence-content{padding-left: 2rem;}
.excellence-content h3{margin-top:0rem;}
ul.listings{padding-left: 2rem;}
ul.listings li{list-style: disc;line-height: 30px;font-size:15px;}
/****DELIVERED_WITH_EXCELLENCE_CSS ENDS HERE****/

/****CONTACT_US_CSS STARTS HERE****/
.contact-us-section   {padding-top: 3rem;padding-bottom: 3rem;}
.contact-us-section h1{color:#37491D;font-size:50px;}
.contact-us-section p{font-size:18px;line-height: 30px;}
.get-in-touch{clip-path: polygon(0px 0, calc(100% - 100px) 0, 100% 100px, 100% calc(100% - 0px), calc(100% - 100px) 100%, 100px 100%, 0 calc(100% - 0px), 0 20px);background-color:#37491D;}
.contact-us-col{margin-top: 2rem;background-color: #fff;}
.get-in-touch{padding: 2rem 2rem 2rem 2rem}
.get-in-touch h3{color:#fff;font-size:35px;}
.get-in-touch h4{color:#fff;font-size:25px;}
.get-in-touch span{color:#fff;display: block;}
.get-in-touch img{padding-top: 2rem;}
.get-in-touch p{color:#fff;padding-bottom: 1rem;}
.form-control{padding: 0.8rem;background-color: #F0F3FA;}
.contact-form{padding: 5rem 2rem 2rem 2rem;}
.submit-now-btn{padding-top: 2rem;}
.submit-now-btn a{background-color: #37491D;color: #fff;padding: 10px 40px 10px 40px;}
.submit-now-btn a:hover{background-color: #c2720c;color:#fff;}
/****CONTACT_US_CSS ENDS HERE***/


/****PRIVACY_POLICY***/
.privacy-policy   {padding-top: 3rem;padding-bottom: 3rem;}
.privacy-policy h1{color:#37491D;font-size:50px;}
.privacy-policy p{font-size:18px;line-height: 30px;padding-bottom: 2rem;}
.privacy-policy a{display: contents;color:#37491D;}
/****PRIVACY_POLICY****/

/****ADDRESS_INFO_CSS STARTS HERE****/
.address-info{padding-top: 3rem;padding-bottom: 3rem;}
.address-info-div{background-color: #37491D;padding: 30px 20px 0px 30px;height: 80%;}
.address-info-div a{color: #fff;font-size:18px;top:5px;position: relative;}
.location-info {display: flex;align-items: flex-start; /* Aligns the image and text at the top */gap: 10px; /* Space between the image and text */line-height: 1.6; /* Adjusts the line height for better readability */margin: 0; /* Optional: Adjust margin if necessary */}
/* Style the image */
.location-info img {flex-shrink: 0; /* Prevents the image from shrinking */width: 30px; /* Adjust size of the image */height: auto;position: relative;left: -0.5rem;}
/* Style the text */
.location-info span {display: block;white-space: pre-line; /* Preserves line breaks in the text */word-wrap: break-word; /* Ensures long text wraps properly */fnt-size:18px;}
p.location-info{color:#fff;font-size:18px;line-height: 30px;}
.address-info h3{color:#37491D;font-size: 35px;}
/****ADDRESS_INFO_CSS STARTS HERE***/

/****QUICK_LINKS_CSS STARTS HERE****/
.quick-links{padding-top: 3rem;padding-bottom: 3rem;}
.footer-row{text-align: center;}
.btn-subscribe{background-color: #37491D;border-radius: 0px;padding: 0.8rem;}
.btn-subscribe:hover{background-color:#bb6d0f;border-color:#bb6d0f;}
.form-subscribe{margin-top: 1rem;}
.form-subscribe .form-control{}
.quick-links-list{padding-top: 2rem;}
.links-list li{line-height: 30px;}
.links-list li a{color:#37491D;}
/****QUICK_LINKS_CSS ENDS HERE****/

/****FOOTER_CSS_STARTS_HERE****/
.footer{background-color: #37491D;padding:20px 0 30px 0;}
.copyrights p{/*float: left;*/color:#fff;text-align: center;}
/*.designed p{float: right;color:#fff;}*/
.designed a{color:#fff;}
/****FOOTER_CSS_ENDS_HERE****/



/***************MOBILE_CSS_STARTS_HERE*********************/

@media only screen and (max-width:1700px){
.home-top-heading h1{font-size:50px;}
.experience-counter {padding: 1rem 3rem 1rem 2rem;}}

@media only screen and (max-width:1600px){
.experience-col h2{font-size:40px;}}

@media only screen and (max-width:1500px){
.counter-wrap{padding-top: 0rem;}}

@media only screen and (max-width:1440px){
.home-top-heading h1{font-size:45px;}
.experience-col h2{font-size:35px;}
.since-right-content h2{font-size:25px;}
.since-tab-content p{font-size:16px;}
.counter-wrap h1{font-size:1.5rem!important;}
.counter-wrap span{font-size:15px;}
.valued-clients h1{font-size:45px;}
.gallery h1{font-size:45px;}
.careers h1{font-size:45px;}		
.privacy-policy h1{font-size:45px;}
.products-services h1{font-size:45px;}	
.delivered-with-excellence h1{font-size:45px;}	
.contact-us-section h1{font-size:45px;}
.experience-col h2{font-size:30px;}
.excellence-content img{width: 35%;}
.mission-col{padding-top: 10rem;}
.fertile-logo img{width:8%;}
.home-top-section{padding-bottom: 12rem;}}

@media only screen and (max-width:1366px){
.excellence-content{padding-left: 3rem;}
.excellence-content h3{font-size:25px;}
.excellence-content h3{margin-top: -1rem;}}

@media only screen and (max-width:1280px) {
.experience-counter {padding: 1rem 3rem 0rem 3rem;}
.wsmenu-list > li > a{font-size:16px!important;}}

@media only screen and (max-width:1024px){
.home-top-heading h1 {font-size: 35px;}	
.valued-clients h1{font-size:30px;}
.gallery h1{font-size:30px;}
.careers h1{font-size:30px;}		
.privacy-policy h1{font-size:30px;}	
.products-services h1{font-size:30px;}	
.delivered-with-excellence h1{font-size:30px;}	
.contact-us-section h1{font-size:30px;}
.home-top-heading p{font-size:15px;line-height: 30px;}
.mission-col{padding-left: 4rem;padding-top: 8rem;padding-right: 1rem;}
.since-right-content h2 {font-size: 20px;}
.address-info-div a{font-size:14px;}
p.location-info{font-size:15px;}
.home-top-section{padding-bottom: 10rem;}
.swiper-products-arrow{margin-top: 0rem;}}

.top-header-mobile-icon{display: none!important;}
.since-img-mobile{display: none;}


@media only screen and (max-width:768px){
.top-header{background-color: #fff;}
.fertile-logo img{width: 10%;top:15px;left:10%;}
ul.top-header-listings li a{color:#37491D;font-size:14px;font-weight: 600;}
.top-header-desktop-icon{display: none!important;}
.top-header-mobile-icon{display: block!important;}
header{height: auto;}
.home-top-section{padding-top: 5rem;}
.home-top-heading h1{font-size:40px;}
.chairman-section h1{font-size:40px;}	
.discover-industry-link{margin-top: 2rem;}
.mission-col{padding-left: 3rem;padding-top: 2rem;padding-right: 3rem;}
.since-img-desktop{display: none;}
.since-img-mobile{display: block;}
.since-img{margin-top: 0%;}
.since-right-content h2{font-size:22px;}
.experience-col h2{font-size:30px}	
.valued-clients h1{font-size:40px;}
.gallery h1{font-size:40px;}
.careers h1{font-size:40px;}		
.privacy-policy h1{font-size:40px;}	
.valued-clients-col h4{font-size:20px;}
.products-services{padding-top: 1rem;padding-bottom: 1rem;}
.swiper-arrow{bottom:47%;right: 0%;}
.products-content{margin-top: 0rem;}
.delivered-with-excellence{padding-top: 0rem;}
.home-top-heading p{font-size:17px;}
.home-top-section{padding-bottom: 7rem;}
.experience-counter{padding: 1rem 1rem 0rem 3rem;background: linear-gradient(30deg, transparent 40px, #37491D 0) bottom left;}
ul.listings{padding-bottom: 2rem;}
.address-info-div a{font-size:17px;}}

@media only screen and (max-width:475px){
.home-top-heading h1{font-size:30px;}
.mission-col{padding-left: 2rem;}
.chairman-section h1{font-size:30px;}
.padding-left-right{padding-left: 1%;padding-right: 1%;}
.since-right-content h2{font-size:19px;}
.underline-tabs .nav-link{padding: 1rem 1.0rem;font-size:16px;}
.since-tab-content p{font-size:16px;}
.valued-clients p{font-size:16px;}	
.since{background: linear-gradient(-45deg, transparent 70px, #37491D 0) bottom right;padding-bottom: 0rem;}
.valued-clients h1{font-size:30px;}
.gallery h1{font-size:30px;}
.privacy-policy h1{font-size:30px;}
.careers h1{font-size:30px;}	
.experience-col h2{font-size:25px;}
.experience-counter{padding: 1rem 0rem 1rem 0rem;}
.experience-counter{background: linear-gradient(30deg, transparent 25px, #37491D 0) bottom left;}
.valued-clients{padding-bottom: 2rem;}
.products-content h3{font-size:20px;}
.products-content p{font-size:15px;}
.excellence-content{padding-left: 0rem;}
.excellence-content img{width:60%;}
.excellence-content h3{font-size:20px;}
.get-in-touch h3{font-size:25px;}
.contact-us-section p{font-size:15px;}
.address-info{padding-top: 1rem;}
.address-info h3{font-size:25px;}
.copyrights p{float: none;text-align:center;line-height:30px;}
.designed p{float: none;text-align:center;line-height:30px;}
.designed a{line-height: 30px;}
.delivered-with-excellence{padding-bottom: 1rem;}
.contact-us-section{padding-top: 1rem;}
.get-in-touch{padding: 1rem 1rem 1rem 1rem;}
.contact-form{padding: 2rem 1rem 1rem 1rem;}
.submit-now-btn{padding-top: 1rem;padding-bottom: 1rem;}
.top-header-mobile-icon{margin-top:5rem;}
ul.top-header-listings{padding: 0px;background-color: #fff;}
.fertile-logo img{width:30%;left: 15%;}
.home-top-section{padding-top: 8rem;padding-bottom: 5rem;}
.top-header{background-color: #f0f3fa;}
.fertile-logo img{z-index: 9;}
ul.top-header-listings li{padding-top: 0.5rem;}
.mission-col{padding-left: 1rem;padding-right: 1rem;}
.mission-col p {font-size: 18px;line-height: 30px;}
.chairman-section-content h3{font-size:20px;}
.swiper-arrow{bottom: 62%;}}

@media only screen and (max-width:375px){
ul.top-header-listings li a{font-size:13px;}
.counter-wrap span{line-height: 20px;font-size:13px;}
.swiper-arrow{bottom: 70%;}}

@media only screen and (max-width:360px){
ul.top-header-listings li a{font-size:12px;}
.home-top-heading h1{font-size:25px;}
.home-top-heading p{font-size:15px;}}

@media only screen and (max-width:320px){
ul.top-header-listings li a{font-size:11px;}
.swiper-arrow{bottom: 75%;}}

.quick-links-inner{background-color: #ebebeb;}

.breadcrumb-inner{background-color: #37491d !important;padding-top: 5rem;padding-bottom: 1rem;margin-top: 5rem;}
.breadcrumb-inner a{color:#fff;font-size:20px;font-family: "Chakra Petch", serif;}
.breadcrumb-inner .breadcrumb-item+.breadcrumb-item::before{color:#fff;margin: 3px;}
.wsmenu-list > li > a{padding: 15px 10px!important;}


/*********************** Demo - 14 *******************/
.box14{position:relative}
.box15,.box17,.box18{box-shadow:0 0 5px #7e7d7d;text-align:center}
.box14:before{content:"";width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;opacity:0;transition:all .35s ease 0s}
.box14:hover:before{opacity:1}
.box14 img{width:100%;height:auto}
.box14 .box-content{width:90%;height:90%;position:absolute;top:5%;left:5%}
.box14 .box-content:after,.box14 .box-content:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;transition:all .7s ease 0s}
.box14 .box-content:before{border-bottom:1px solid rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.5);transform:scale(0,1);transform-origin:0 0 0}
.box14 .box-content:after{border-left:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(255,255,255,.5);transform:scale(1,0);transform-origin:100% 0 0}
.box14:hover .box-content:after,.box14:hover .box-content:before{opacity:1;transform:scale(1);transition-delay:.15s}
.box14 .title{font-size:21px;font-weight:700;color:#fff;margin:15px 0;opacity:0;transform:translate3d(0,-50px,0);transition:transform .5s ease 0s}
.box14:hover .title{opacity:1;transform:translate3d(0,0,0)}
.box14 .post{font-size:14px;color:#fff;padding:10px;background:#dc9772;opacity:0;border-radius:0 19px;transform:translate3d(0,-50px,0);transition:all .7s ease 0s}
.box14 .icon,.box15 .icon{padding:0;list-style:none}
.box14:hover .post{opacity:1;transform:translate3d(0,0,0);transition-delay:.15s}
.box14 .icon{width:100%;margin:0;position:absolute;bottom:-10px;left:0;opacity:0;z-index:1;transition:all .7s ease 0s}
.box14:hover .icon{bottom:40%;opacity:1;transition-delay:.15s}
.box14 .icon li a{display:block;width:100px;height:40px;line-height:40px;border:1px solid #fff;border-radius:0 16px;font-size:16px;color:#fff;margin-left:12rem;margin-top: -8rem; transition:all .4s ease 0s;text-align: center;}
.box14 .icon li a:hover{background:#dc9772;border-color:#dc9772}
@media only screen and (max-width:990px){.box14{margin-bottom:30px}
}
.icon img{width:15%;}
ul.icon{text-align: center;}




/*****CAREER_FORM_CSS***/
a.submit-fertile-cv                                                    {background-color: #37491d;text-transform: uppercase;}
.form-main                                                            {background-color: #fff;padding: 15px;}
.form-main .inputbox                                                  {padding-bottom: 1rem;}
.file-upload                                                          {background-color: #ffffff;width: 100%;margin: 0 auto;padding: 20px;}
.file-upload-btn                                                      {width: 100%;margin: 0;color: #fff;background: #525252;border: none;padding: 10px;transition: all .2s ease;
	                                                                  outline: none;text-transform: uppercase;font-weight: 500;}

.file-upload-btn:hover                                                {background: #000;color: #ffffff;transition: all .2s ease;cursor: pointer;}
.file-upload-btn:active                                               {border: 0;transition: all .2s ease;}
.file-upload-content                                                  {display: none;text-align: center;}
.file-upload-input                                                    {position: absolute;margin: 0;padding: 0;width: 100%;height: 100%;outline: none;opacity: 0;cursor: pointer;}
.image-upload-wrap                                                    {margin-top: 20px;border: 4px dashed #525252;position: relative;}

.image-dropping,
.image-upload-wrap:hover                                              {background-color: transparent;border: 4px dashed #525252;}
.image-title-wrap                                                     {padding: 0 15px 15px 15px;color: #222;}
.drag-text                                                            {text-align: center;}
.drag-text h3                                                         {font-weight: 100;color: #525252;padding: 60px 0;}
.file-upload-image                                                    {max-height: 100%;max-width: 100%;margin: auto;padding: 20px;}
.remove-image                                                         {width: 50%;margin: 0;color: #fff;background: #525252;border: none;padding: 10px;border-radius: 4px;
	                                                                  border-bottom: 4px solid #525252;transition: all .2s ease;outline: none;text-transform: uppercase;font-weight: 500;}
.remove-image:hover                                                   {background: #525252;color: #ffffff;transition: all .2s ease;cursor: pointer;}
.remove-image:active                                                  {border: 0;transition: all .2s ease;}

a.submit-xerox-cv                                                     {font-size: 18px;font-weight: 300;font-family: 'Nunito', sans-serif;}
a.submit-xerox-cv:hover                                               {color:#fff;}
.button {color: #fff;background-color: #d82133;padding: 15px 25px 10px 25px;font-size: 17px;font-weight: 700;display: inline-block;cursor: pointer;text-align: center;border: 0px solid #fff;text-decoration: none;line-height: normal;}

/*.form-label{padding-bottom:10px;}*/
.custom-file-upload {position: relative;display: flex;align-items: center;gap: 10px;background: #fff;border: 2px dashed #37491D;border-radius: 10px;padding: 15px;text-align: center;cursor: pointer;transition: 0.3s ease-in-out;}
.custom-file-upload:hover {background: rgba(0, 123, 255, 0.1);}
.file-input {display: none; /* Hide default file input */}
.file-label {font-size: 16px;color: #37491D;font-weight: bold;cursor: pointer;display: flex;align-items: center;gap: 8px;}
.file-label i {font-size: 18px;}
.file-name {font-size: 14px;color: #666;}

/* Responsive Design */
@media (max-width: 576px) {
.custom-file-upload {flex-direction: column;text-align: center;padding: 10px;}}



/*****CAREER_FORM_CSS***/


/* Preloader Styels */
.tm-preloader {position: fixed;left: 0;top: 0;right: 0;bottom: 0;width: 100%;background: #F0F3FA;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;z-index: 1000;-webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0;-webkit-transition: all 0.6s ease-out 0s;-o-transition: all 0.6s ease-out 0s;transition: all 0.6s ease-out 0s;}
.tm-preloader-logo {text-align: center;}
.tm-preloader-progress {display: block;height: 3px;width: 100%;background: #77768e;margin-top: 30px;position: relative;overflow: hidden;}
.tm-preloader-progress::before {content: "";position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: #37491D;-webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0; -webkit-animation: tmFillFull 4s linear 0s 1 both;animation: tmFillFull 4s linear 0s 1 both;}
.tm-preloader .tm-button, .tm-preloader .tm-readmore {position: absolute;left: auto;top: auto;right: 15px;bottom: 15px;border: 0;}
/* Preloader Styels */