.sub_banner {display: block; position: relative; margin-top: 90px; /* clip-path: polygon(0 0, 93% 0%, 87% 100%, 0% 100%); */ }
.sub_banner:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #dacfc2b0; clip-path: polygon(0 0, 93% 0%, 87% 100%, 0% 100%); }
.sub_banner:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/1.jpg'); background-attachment: fixed; background-repeat: repeat; background-position: right; z-index: -10; }
.sub_banner img {height: 250px; object-fit: cover; width: 100%; clip-path: polygon(0 0, 90% 0%, 84% 100%, 0% 100%); }

.page_title {position: absolute;z-index: 1;top: 50%;transform: translateY(-50%);left: 0;width: calc(100% - 50px);}
.page_title h1 {color: #9b7b5d; font-size: 55px; text-transform: capitalize; font-weight: 600; }
.page_title ol.breadcrumb {justify-content: start; }
.page_title .breadcrumb .breadcrumb-item, .page_title .breadcrumb .breadcrumb-item a {color: #444444; }
.page_title .breadcrumb .breadcrumb-item:before {color: #444444; }
.page_title .breadcrumb .breadcrumb-item.active, .page_title .breadcrumb .breadcrumb-item a:hover {color: #9b7b5d;}

.heading h2 {font-size: 32px; font-weight: 500; color: #323232;}
.heading h4 {font-size: 22px; font-weight: 500; color: #323232;}
.heading p {font-size: 18px; color: #444444; font-weight: 400;}

.common_form {position: relative; padding: 45px 60px; background: white; border-radius: 0px; box-shadow: 0px 5px 30px 0px rgb(0 0 0 / 8%); z-index: 1;}
.contact_bg {padding: 70px 0px; background: linear-gradient(180deg, transparent 62%, #9B7B5D 50%);}
.contact_bg .contact_address {padding: 0px 30px; position: relative; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.contact_bg .contact_address_img {border-bottom: solid 9px #9b7b5d2b; margin-bottom: 15px; }
.contact_bg .contact_address_img img {height: 55px; position: relative; top: 2px; }
.contact_bg .contact_address iframe {outline: solid; outline-width: 12px; outline-color: #fff; box-shadow: -2px 14px 58px #00000045; margin-top: 45px; width: 100%; }

.contant_main {position: relative; margin-bottom: 30px; }
.contant_main .contact_details {padding-left: 40px; }
.contant_main .contact_details li {display: flex; padding: 20px 0; border: 0 solid #d8d8d8; border-width: 0 0 1px 0; }
.contant_main .contact_details li:last-child {border-width: 0; }
.contant_main .contact_details li .icon {padding: 0 15px 0 0; width: 55px; }
.contant_main .contact_details li .icon img {max-width: 100%; }
.contant_main .contact_details li .content {padding: 0 0 0 15px; border: 0 solid #d8d8d8; border-width: 0 0 0 1px; }
.contant_main .contact_details li .content h6 {margin-bottom: 9px; color: #9b7b5d; font-weight: 600; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; }
.contant_main .contact_details li .content p {margin-bottom: 0; font-size: 16px; }
.contant_main .contact_details li .content p.address {white-space: pre-line; }
.contant_main .contact_details li .content p a {color: #444; transition: 0.5s; }
.contant_main .contact_details li .content p a:hover {color: var(--theme-yellow); }
.contant_main .common_form {position: relative; padding: 80px 0 120px 0; background: transparent; box-shadow: none; z-index: 1; }
.contant_main .common_form:before {content: ''; content: ''; position: absolute; right: 40%; top: 0; width: 100vw; height: 100%; background: url(../subimages/reqest.png); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 0px 0px 100px 0px; z-index: -1; }
.contant_main .common_form .border_form {padding: 45px 60px; background: white; border-radius: 0px; box-shadow: 0px 5px 30px 0px rgb(0 0 0 / 8%); position: relative; z-index: 0; }

.about_main {padding: 100px 0px; padding-bottom: 170px; background: url('../subimages/bg_pattern.png'); background-repeat: no-repeat; background-position: right top; position: relative; }
.about-sec-img {margin: 0 auto; padding-top: 100%; max-width: 90%; box-shadow: -20px 20px 30px rgba(2,4,15,.24); -webkit-box-shadow: -20px 20px 30px rgba(2,4,15,.24); position: relative; }
.about-sec-img:before {content: ""; width: 100%; height: 100%; border: 1px solid #9b7b5d; position: absolute; left: -60px; bottom: -65px; display: block; z-index: 0; }
.about-sec-img .bg-img {position: absolute; top: 6px; left: 0; overflow: hidden; width: 100%; height: 100%; }
.scale-img {position: absolute; left: 0; top: 0; height: 100%; width: 100%; object-fit: cover; object-position: center center; transform: scale(1); -webkit-transform: scale(1); transition-duration: .3s; -webkit-transition-duration: .3s; transition: transform 0.6s ease-in-out; }
.zoomed-in .scale-img {transform: scale(1.2); /* Zoom in */ }
.scale-img:hover, .where-to-use-list a:hover .scale-img {transform: scale(1.2); -webkit-transform: scale(1.2); }

.about_text p {color: #444444; font-size: 18px; font-weight: 400; line-height: 27px; }
.about_text h3 {margin-bottom: 20px; }
.about_main h2 {position: absolute; width: 7px; height: 100%; display: block; left: 40px; top: 0; }
.about_main h2:after {content: ''; position: absolute; left: 50%; top: 0; width: 2px; height: 100%; background: #f1f1f1; transform: translateX(-50%); }
.about_main h2:before {content: ''; position: absolute; right: -2px; top: 50%; width: 11px; height: 11px; background: #AA8F72; transform: translateY(-50%); border-radius: 50px; z-index: 1; animation: myfirst 10s infinite; }
.about_main h4 {position: absolute; width: 7px; height: 100%; display: block; left: 80px; top: 0; }
.about_main h4:after {content: ''; position: absolute; left: 50%; top: 0; width: 2px; height: 100%; background: #f1f1f1; transform: translateX(-50%); }
.about_main h4:before {content: ''; position: absolute; right: -2px; top: 50%; width: 11px; height: 11px; background: #AA8F72; transform: translateY(-50%); border-radius: 50px; z-index: 1; }
.about_main h4:before {animation: myfirst 15s infinite; }
.about_main h5 {position: absolute; width: 7px; height: 100%; display: block; left: 120px; top: 0; }
.about_main h5:after {content: ''; position: absolute; left: 50%; top: 0; width: 2px; height: 100%; background: #f1f1f1; transform: translateX(-50%); }
.about_main h5:before {content: ''; position: absolute; right: -2px; top: 50%; width: 11px; height: 11px; background: #AA8F72; transform: translateY(-50%); border-radius: 50px; z-index: 1; animation: myfirst 20s infinite; }

.mission_vision_main {background: rgb(0 0 0 / 30%) url(../subimages/1.jpg) repeat center center fixed; background-blend-mode: multiply; padding: 65px 0px; position: relative; z-index: 0; }
.mission_vision_main::before {content: ''; position: absolute; top: 0; left: 0; width: 80%; height: 100%; background: rgb(241 241 241); z-index: -1; border-radius: 0px 100px 100px 0px; }
.mission_vision_inner {padding: 50px 0px;position: relative;display: block;} 
.mission_vision_inner+.mission_vision_inner {border-top: 1px solid #cccccc; }
.mission_vision_inner .mission_vision_img {background: #f1f1f1; padding-bottom: 10px; }
.mission_vision_inner .mission p {color: #444444; font-size: 18px; font-weight: 400; line-height: 27px; }
.mission_vision_inner .mission p.slogan {font-weight: 600; color: #9b7b5d; padding: 6px 5px 6px 15px; border-left: 3px solid #9b7b5d; }

.sub_ttl h2 {color: #111111; position: relative; line-height: 32px; padding: 10px 0 20px; font-size: 26px; font-weight: 600; letter-spacing: .5px }
.sub_ttl h2:before {position: absolute; content: ''; width: 20px; height: 3px; left: 0; top: 0; background: #AA8F72 }
.sub_ttl h2:after {position: absolute; content: ''; width: 60px; height: 3px; left: 25px; top: 0; background: #AA8F72 }
.our_team {padding: 80px 0px; }
.our_team .team_box {position: relative; width: 95%; margin: 20px auto; text-align: left;display: block; }
.our_team .team_box::after {content: '';position: absolute;top: -9px;right: -9px;height: 250px;width: 250px;background: linear-gradient(225deg, #9b7b5d30 42%, transparent 30%);z-index: -1;}
.our_team .team_img {position: relative; overflow: hidden; }
.our_team .team_img img {display: block; width: 100%;  transition: filter 1.5s ease, transform 1.5s ease; transform: scale(1); clip-path: polygon(14% 0,100% 0,100% 100%,0 100%,0 13%); }
.our_team .team_img::before {content: ''; position: absolute; top: 0; left: 147px; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.5); z-index: 1; transform: skewX(42deg) translateX(100%); transition: transform 1.5s ease, opacity 1.5s ease; }
.our_team .team_img:hover::before {transform: skewX(30deg) translateX(-100%); opacity: 0; }
.our_team .team_img:hover img {filter: grayscale(0); transform: scale(1.05); }
.our_team .team_box h4 {font-size: 22px; font-weight: 600; margin-bottom: 0; color: #111111; letter-spacing: 0.5px; }
.our_team .team_box h4, .team_box span {margin-top: 10px; }
.our_team .team_box span {font-size: 16px; font-weight: 400; margin-bottom: 0; color: #444444; letter-spacing: 0.5px; }

#teamModal .team_header {display: flex; justify-content: space-between; margin-bottom: 30px; align-items: center; border-bottom: solid 1px #00000026; padding-bottom: 8px; }
#teamModal .team_header h4 {font-size: 22px; font-weight: 600; margin-bottom: 0; color: #111111; letter-spacing: 0.5px; }
#teamModal .team_header span {font-size: 16px; font-weight: 400; margin-bottom: 0; color: #444444; letter-spacing: 0.5px; }
#teamModal .team_right img {height: 40px; border-left: solid 1px #00000026; padding-left: 15px; } 
#teamModal .team_text {padding-left: 50px; }
#teamModal .team_text p {color: #444444; font-size: 18px; font-weight: 500; line-height: 27px; }
#teamModal .team_photo img {height: 330px; object-fit: cover; width: 100%; object-position: top; clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%, 0 13%); }
#teamModal .modal-body {text-align: left; padding: 20px; }
#teamModal .modal-fullscreen .modal-body {padding: 5% 0; }
#teamModal .modal-content {height: 60% !important; width: 100%; bottom: 0; position: absolute; transition: transform 0.8s ease; transform: translateY(100%); box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.3); }
#teamModal .modal-content button {height: 50px; width: 50px; padding: 5px; font-size: 20px; font-weight: 100; text-align: center; position: absolute; top: -15px; right: 15px; background: #9b7b5d; box-shadow: -9px 10px 10px #0000001f; border: none; z-index: 1; }
#teamModal.show .modal-content {transform: translateY(0); }
#teamModal.show .modal-content:after {content: ''; position: absolute; height: 100%; width: 22%; background: #9b7b5d; box-shadow: 10px 10px 10px #0000001a; z-index: -1; }
#teamModal.show .modal-content:before {content: ''; position: absolute; background: url(../images/reqest.png); background-repeat: no-repeat; background-size: cover; top: 0; left: 0; height: 100%; width: 100%; mix-blend-mode: multiply; z-index: 0; }

.infrastructure_technology_overview {background: #F1F1F1; padding: 75px 0px; }
.infrastructure_technology_overview h4 {color: #111111; font-size: 42px; font-weight: 500; margin-bottom: 18px; }
.infrastructure_technology_overview h4 span {color: #9b7b5d; }
.infrastructure_technology_overview p {color: #444444;font-size: 19px;font-weight: 400;}
.infrastructure_technology_main {padding-bottom: 10px;position: relative;display: block;}
.infrastructure_technology_main .infrastructure_technology_box {padding: 85px 0px;}
.infrastructure_technology_main .infrastructure_technology_box .infrastructure_technology_title {top: 100px; position: sticky; }
.infrastructure_technology_main .infrastructure_technology_box .infrastructure_technology_title h4 {color: #111111;font-size: 42px;font-weight: 500;/margin-bottom: 18px;}
.infrastructure_technology_main .infrastructure_technology_box .infrastructure_technology_title span {color: #9b7b5d; }
.infrastructure_technology_main .infrastructure_technology_box .infrastructure_technology_text {position: relative; }
.infrastructure_technology_main .infrastructure_technology_box .infrastructure_technology_text p {color: #444444;font-size: 19px;font-weight: 400;}
.infrastructure_technology_main .infrastructure_technology_box .infrastructure_technology_img {position: relative; height: 445px; }
.infrastructure_technology_main .infrastructure_technology_box .infrastructure_technology_img:after {content: ''; position: absolute; top: -12px; right: -13px; height: 330px; width: 330px; background: linear-gradient(225deg, #9b7b5d 50%, transparent 50%); z-index: -1; box-shadow: 8px -2px 17px #00000026; }
.infrastructure_technology_main .infrastructure_technology_box .infrastructure_technology_text img {clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%, 0 20%); width: 100%; height: 100%; object-fit: cover; object-position: center; position: relative; transition: 0.5s all; overflow: hidden; border: solid 7px #fff; }
.infrastructure_technology_box:nth-child(8) {border-bottom: none; }
.infrastructure_technology_box:last-child {border-bottom: none; }

.promise {height: 80px; text-align: center; margin: auto; display: block; position: relative; top: 50px; }
.our_partner {padding: 80px 0px; background: #9b7b5d1c; margin-bottom: 35px; position: relative; }
.our_partner:after {content: ''; position: absolute; background: url(../images/reqest.png); background-repeat: no-repeat; background-size: cover; top: 0; left: 0; height: 100%; width: 100%; mix-blend-mode: multiply; z-index: 0; }
.our_partner_logo_main ,.our_partner_text {position: relative; z-index: 1; }
.our_partner_logo_main:after {content: ''; position: absolute; height: 1px; width: 100%; background: #9b7b5d; top: 50%; left: 0; transform: translateY(-50%); z-index: -1; }
.our_partner_logo {height: 100px; width: 100%; display: flex; align-items: center; justify-content: center; border: solid 1px #9b7b5d; padding: 10px 20px; margin: 45px 0px; background: #fff; transition: 0.5s all; }
.our_partner_logo:hover {transform: translateY(-10px); }
.our_partner_logo img {filter: grayscale(1) invert(1) brightness(0.5); transition: 0.5s all; }
.our_partner_logo:hover img {filter: unset; }
.our_partner_text p {text-align: center; font-size: 20px; }

.quality_assurance_main {padding: 100px 0px; position: relative; }
.quality_assurance_main:before {content: ''; position: absolute; right: 0; top: 0; width: 75%; height: 100%; z-index: -10; background: #f1f1f1; border-radius: 0px 0px 0px 100px; }
.quality_assurance_main img {height: auto; width: 100%; object-fit: cover; }
.quality_assurance_main .quality_assurance_img {position: relative; }
.quality_assurance_main .quality_assurance_img img {height: auto; width: 90%; box-shadow: -2px 9px 24px #00000059; }
.quality_assurance_main .quality_assurance_img:after {content: ''; position: absolute; left: -28px; top: -28px; width: 75%; height: 100%; z-index: -10; background: #ffffff00; border-radius: 0; border: solid 13px #9b7b5d24; }
.quality_assurance_main .quality_assurance_text {padding-left: 10px; }
.quality_assurance_main .quality_assurance_text h6 {color: #999999; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; font-weight: 600; }
.quality_assurance_main .quality_assurance_text h3 {font-size: 40px; color: #111111; margin-top: 10px; font-weight: 600; line-height: 1.3; letter-spacing: 0.5px; margin-bottom: 20px; }
.quality_assurance_main .quality_assurance_text span {color: #9b7b5d; }
.quality_assurance_main .quality_assurance_text p {color: #444444; font-size: 18px; font-weight: 400; line-height: 27px; }

.certificate_main {padding: 80px 0px; background: url(../subimages/bg_pattern_bottom.png); background-repeat: no-repeat; background-position: left bottom; position: relative; }
.certificate_main .certificate_img {position: relative; margin: 20px 0px; transition: 0.5s all; }
.certificate_main .certificate_img:hover {transform: translateY(10px); }
.certificate_main .certificate_img:after {content: ''; position: absolute; top: -9px; right: -9px; height: 230px; width: 230px; background: linear-gradient(225deg, #9b7b5d30 50%, transparent 50%); z-index: -1; }
.certificate_main .certificate_img img {height: auto; width: 100%; box-shadow: 2px 10px 28px #00000030;border: solid 1px #9b7b5d; }

.vactor_img {border-bottom: solid 1px #f2e9da; }
.vactor_img img {height: auto; width: 100%; }

.sustainibility_main {padding: 0px 0px 80px 0px; }
.sustainibility_main .sustainibility_text {text-align: center;padding: 0;max-width: 1000px;margin: 0 auto;}
.sustainibility_main .sustainibility_text h3 {font-size: 35px; font-weight: 500; line-height: 1.3; margin: 28px 0px; text-align: center; }
.sustainibility_main .sustainibility_text p {color: #444444;font-size: 18px;font-weight: 400;/* line-height: 1.3; */}
.sustainibility_main .sustainibility_img {height: 180px; width: 180px; justify-content: center; display: flex; padding: 18px; border-radius: 158px; position: relative; background: #69b73c; z-index: 0; margin: auto; margin-bottom: 85px; padding-top: 69px; }
.sustainibility_main .sustainibility_img:before {content: ''; position: absolute; background: #69b73c; top: 0; height: 100%; width: 100%; z-index: -1; border-radius: 0px 0px 100px 100px; left: 0; }
.sustainibility_main .sustainibility_img img {border: solid 18px #fff; border-radius: 200px; padding: 12px; box-shadow: 1px 1px 21px #00000054; animation: rotate-animation 8s infinite linear; background: #69b73c; }
.sustainibility_steps {padding: 0px 0px 0px 0px; margin-bottom: 41px; background-size: cover; position: relative; }
.sustainibility_steps .sustainibility_steps_top {margin-top: -80px; }
.sustainibility_steps .sustainibility_steps_img {padding-top: 70px; top: 100px; position: sticky; }
.sustainibility_steps .sustainibility_steps_img img {height: auto; width: 90%; }
.sustainibility_steps .sustainibility_step_text {position: relative;z-index: 2;padding: 50px 50px;transition: 0.5s all;background: #b39a7e;margin: 28px 0px;box-shadow: 1px 4px 29px #0000001f;display: block;z-index: 0;}
.sustainibility_steps .sustainibility_step_text:after {content: '';position: absolute;background: url('../images/white_bg.png');background-repeat: no-repeat;background-size: cover;background-position: right;top: 0;left: 0;height: 100%;width: 100%;mix-blend-mode: multiply;transition: 0.5s all;z-index: -1;}
.sustainibility_steps .sustainibility_step_text:hover:after {background-position: left; }
.sustainibility_steps .sustainibility_step_text:hover h2 {color: #fff; }
.sustainibility_steps .sustainibility_step_text h2 {font-size: 23px;color: #fff;transition: 0.5s all;font-weight: 600;letter-spacing: 1px;}
.sustainibility_steps .sustainibility_step_text h4 {font-size: 20px;color: #fff;font-weight: 600;}
.sustainibility_steps .sustainibility_step_text p {color: rgb(255 255 255 / 85%);font-size: 18px;font-weight: 400;line-height: 1.3;}
.sustainibility_steps .sustainibility_step_text img {height: 70px; margin-bottom: 15px; }
/*Collection Page*/

.collection_wrapper {padding: 50px 0px; width: 100%; height: 100%; background: #ffffff; /*  --gap: 5em; */ /*   --line: 1px; */ /*    --color: rgb(153 121 92 / 17%); */ /*     background-image: linear-gradient(-90deg, transparent calc(var(--gap) - var(--line)), var(--color) calc(var(--gap) - var(--line) + 1px), var(--color) var(--gap) ), linear-gradient(0deg, transparent calc(var(--gap) - var(--line)), var(--color) calc(var(--gap) - var(--line) + 1px), var(--color) var(--gap) ); background-size: var(--gap) var(--gap); */ }
.collection_wrapper .collection_box {background: url('../subimages/floor_1.jpg'); padding: 50px; background-repeat: no-repeat; background-size: cover; background-position: bottom; background-attachment: fixed; position: relative; margin: 100px 0px; }
.collection_wrapper .collection_box:nth-child(2) {background: url('../subimages/floor_2.jpg'); background-repeat: no-repeat; background-size: cover; background-position: bottom; background-attachment: fixed; }
.collection_wrapper .collection_box:nth-child(3) {background: url('../subimages/floor_3.jpg'); background-repeat: no-repeat; background-size: cover; background-position: bottom; background-attachment: fixed; }
.collection_wrapper .collection_box:after {content: ''; position: absolute; top: 0; left: 0; background: #0000008c; height: 100%; z-index: 0; width: 100%; }
.collection_wrapper .collection_box .collection_text {position: relative; z-index: 2; background: #9b7b5d; padding: 50px 60px; margin-top: -100px; box-shadow: 0px 5px 20px #00000040;padding-bottom: 75px; }
.collection_wrapper .collection_box .collection_text:after {content: ''; position: absolute; background: url(../images/white_bg.png); background-repeat: no-repeat; background-size: cover; background-position: right; top: 0; left: 0; height: 100%; width: 100%; mix-blend-mode: multiply; transition: 0.5s all; z-index: -1; }
.collection_wrapper .collection_box .collection_text:hover:after {background-position: center; }
.collection_wrapper .collection_box .collection_text p {color: #fff; font-size: 18px; font-weight: 400; line-height: 27px; margin: 25px 0px; }
.collection_wrapper .collection_box .collection_text ul li {color: #ffffffbd; font-size: 18px; font-weight: 300; line-height: 1.4; margin: 10px 0px; }
.collection_wrapper .collection_box .collection_text strong {color: #fff; font-weight: 600; letter-spacing: 1px; border-bottom: solid 1px #fff; }
.collection_wrapper .collection_logo {height: 40px; }

.animated_taglines {display: block; margin: 0 auto; max-width: 1375px; width: 95%; }
.animated_taglines h3 {font-size: 35px;font-weight: 500;margin: 65px 0px;text-align: center;}

.about_feature {padding: 80px 0px; position: relative; margin-bottom: 30px; }
.about_feature:after {content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 100%; background: #f1f1f1; border-radius: 0px 0px 0px 100px; }
.about_feature:before {content: ''; position: absolute; top: 0; left: 0; height: 2px; width: 15%; background: #9b7b5d; border-radius: 0px 0px 0px 100px; z-index: 1; animation: infinite_animation 15s infinite; }
.about_feature .about_feature_box {position: relative; overflow: hidden; width: 100%; height: 100%; clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%, 0 15%); margin-top: 40px; }
.about_feature .about_feature_box img.bg_img {position: absolute; left: 0; bottom: 0; width: 100%; height: 0; z-index: -2; object-fit: cover; opacity: 0; transition: 0.5s all; }
.about_feature .about_feature_box img.about_feature_box_icon {width: auto;transition: 0.4s all;height: 50px;transform: rotateY(0);}
.about_feature .about_feature_box .about_feature_box_content {display: block; position: relative; padding: 60px 50px; }
.about_feature .about_feature_box .about_feature_box_content h4 {font-size: 20px; color: #000; font-weight: 600; margin: 25px 0px; position: relative; z-index: 2; transition: 0.5s all; letter-spacing: 1px; text-transform: capitalize; }
.about_feature .about_feature_box .about_feature_box_content p {font-size: 18px; color: #444444; font-weight: 400; position: relative; z-index: 2; transition: 0.5s all; }
.about_feature .about_feature_box:hover {z-index: 1; background: #00000000; }
.about_feature .about_feature_box:after {content: ''; position: absolute; width: 100%; height: 0; bottom: 0; left: 0; z-index: -1; transition: 0.5s all; background: #000000a3; }
.about_feature .about_feature_box:hover:after {height: 100%;opacity: 1;}
.about_feature .about_feature_box:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;transition: 0.5s all;z-index: -1;}
.about_feature .about_feature_box:hover:before {opacity: 0;}
.about_feature .about_feature_box:hover img.bg_img {opacity: 1; height: 100%; }
.about_feature .about_feature_box:hover img.about_feature_box_icon {filter: grayscale(1) brightness(5);transform: rotateY(360deg);}
.about_feature .about_feature_box:hover .about_feature_box_content h4 {color: #fff;}
.about_feature .about_feature_box:hover .about_feature_box_content p {color: #fff;}
@keyframes infinite_animation {0% {left: 0px; } 50% {left: 85%; } 100% {left: 0px; } }

.product_wrapper {padding: 60px 0px; }
.product_wrapper .product_box {background: #fff; padding: 30px; display: block; width: 95%; margin: 20px 0px; position: relative; border: solid 1px #ebe5e0; }
.product_wrapper .product_box::after {content: ''; position: absolute; top: -9px; left: 50%; height: 100%; width: 87%; background: #9b7b5d30; z-index: -1; transform: translateX(-50%); }
.product_wrapper .product_box .product_img {overflow: hidden; }
.product_wrapper .product_box .product_img img {height: 400px; width: 100%; clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%, 0 15%); transform: scale(1); overflow: hidden; transition: 0.5s all; object-fit: cover; object-position: center; }
.product_wrapper .product_box:hover .product_img img {transform: scale(1.1); }
.product_wrapper .product_box:hover .product_details h3:after {border-color: #9b7b5d; -webkit-animation: zoom 1s infinite alternate; animation: zoom 1s infinite alternate; transform: rotate(45deg); }
.product_wrapper .product_box:hover .product_details h3 img {transform: rotate(45deg); }
.product_wrapper .product_details {display: flex; justify-content: space-between; align-items: center; padding: 18px 25px; transition: 0.5s all; background: #f1f1f1; width: 100%; margin: auto; border-radius: 0px; margin-top: 15px; }
.product_wrapper .product_details p {margin-bottom: 0; font-size: 18px; }
.product_wrapper .product_details h3 {display: flex; position: relative; align-items: center; justify-content: center; align-content: center; padding: 8px; }
.product_wrapper .product_details h3 img{filter: grayscale(1) invert(1) brightness(2.5); z-index: 1; transition: 0.5s all; }
.product_wrapper .product_details h3 img{filter: grayscale(1) invert(1) brightness(2.5); z-index: 1; transition: 0.5s all; }
.product_wrapper .product_details h3:after {border: solid 1px #9b7b5d; background: #9b7b5d; border-radius: 5px; content: ""; position: absolute; height: 100%; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); transition: all 0.4s; }
@-webkit-keyframes zoom {0% {transform: translate(-50%, -50%) scale(1); } 50%{transform: translate(-50%, -50%) scale(1.11); } 100% {transform: translate(-50%, -50%) scale(1); } }
@keyframes zoom {0% {transform: translate(-50%, -50%) scale(1); } 50%{transform: translate(-50%, -50%) scale(1.11); } 100% {transform: translate(-50%, -50%) scale(1); } }

.product_details_main {padding: 90px 0px; margin-bottom: 25px; position: relative; }
.product_details_main:after {content: ''; position: absolute; background-color: #f1f1f1; height: 100%; width: 29%; left: 0; top: 0; border-radius: 0px 0px 100px 0px; }
.product_details_main .owl-nav {display: none; }
.product_details_main div#slider img {max-height: 600px; height: 550px; width: 92%; margin: auto; padding: 0; object-fit: cover; clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%, 0 13%); position: relative; }
.product_details_main div#slider {position: relative; } 
.product_details_main div#slider:after {content: ''; position: absolute; top: -15px; right: 5px; height: 400px; width: 400px; background: linear-gradient(225deg, #ebe5df 42%, transparent 30%); z-index: -1; }
.product_details_main div#thumb img {height: 100px; object-fit: contain; width: 90%; border: solid 1px #9b7b5d; padding: 10px; cursor: pointer; border-radius: 0px; margin: 15px auto; transition: 0.5s all; opacity: 0.3; background: #fff; }
.product_details_main div#thumb img:hover {border: solid 1px #9b7b5d; opacity: 1; } 
.product_details_main .owl-item.active.current .item img {border: solid 1px #9b7b5d !important; opacity: 1 !important; }
.product_details_main .product-thumb .item img {height: 100px; }
.product_details_main .product-dtl {padding-left: 40px; }
.product_details_main .product-dtl .product-info span {color: #999999; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; }
.product_details_main .product-dtl .product-info h4 {font-size: 32px; font-weight: 500; color: #323232; }
.product_details_main .product-dtl .product-info h6 {font-size: 20px; color: #ffffff; font-weight: 500; letter-spacing: 1px; background: #9b7b5d; display: inline-block; padding: 3px 35px 3px 20px; font-size: 18px; margin-bottom: 0; position: relative; margin-left: unset; clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%); }
.product_details_main .product-dtl .product-info h6:after{content: ''; position: absolute; background: url(../images/white_bg.png); background-repeat: no-repeat; background-size: cover; top: 0; left: 0; height: 100%; width: 100%; mix-blend-mode: multiply; z-index: 0; }
.product_details_main .product-dtl .product-info p {color: #444444; font-size: 18px; font-weight: 400; line-height: 27px; }
.product_details_main .product-dtl .product-info .product_table {margin: 20px 0px 30px 0px; }
.product_details_main .product-dtl .product-info .product_table table{width: 80%; }
.product_details_main .product-dtl .product-info .product_table table tr  {border-bottom: solid 1px #e8e1da; }
.product_details_main .product-dtl .product-info .product_table table tr td {color: #444444; font-size: 15px; font-weight: 400; line-height: 31px; }
.product_details_main .product-dtl .product-info .product_table table tr th {color: #000; font-size: 15px; font-weight: 600; line-height: 31px; }
.product_details_main .product-dtl .product-info .product_table table tbody{border: 1px solid #9b7b5d38; background-color: #fefefe; }
.product_details_main .product-dtl .product-info .product_table table tbody tr:nth-child(even) {border-bottom: 1px solid #9b7b5d38; background-color: #9b7b5d12; } 
.product_details_main .product-dtl .product-info .product_table table tbody th, table tbody td {padding: 5px 10px; }
.product_details_main .view_btn {margin-top: 50px; }
.product-slider > .owl-stage-outer {overflow: hidden; }

.installation_steps { padding: 40px 0px; position: relative; }
.installation_steps:after {content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 98%; background: #f1f1f1; z-index: -1; border-radius: 0px 0px 0px 100px; }
.installation_steps .installation_steps_inner{position: relative; }
.installation_steps .installation_steps_box {padding: 30px 0px;}
.installation_steps .installation_steps_box:after {content: ''; position: absolute; top: 0; left: 3.5%; height: 100%; width: 2px; background: #9B7B5D; transform: translateX(-3.5%); }
.installation_steps .installation_steps_box:after {content: ''; position: absolute; top: -90px; left: -25.8%; height: 100%; width: 39.5%; background: #9b7b5d00; transform: translateX(-3.5%); border: solid 2px hsl(0deg 0% 87.45%); border-bottom: 0px; border-top: 0; z-index: 0; }
.installation_steps .installation_steps_box:nth-child(1):after {border-top: solid 3px hsl(0deg 0% 87.45%);}
.installation_steps .installation_steps_box:last-child:after {border-bottom: solid 3px hsl(0deg 0% 87.45%);}
.installation_steps_text {background: #fff; padding: 40px; z-index: 1; position: relative; box-shadow: 1px 4px 20px #00000014; }
.installation_steps .installation_steps_box h4 {text-align: center; justify-content: center; display: flex; align-items: center; font-size: 55px; font-weight: 200; margin-right: 0px; color: #9B7B5D; text-shadow: 10px 10px 7px #00000045; }
.installation_steps .installation_steps_text p {/* background: #f1f1f1; */ color: #444444; font-size: 18px; font-weight: 400; line-height: 1.4; padding-left: 10px; }

.fill_btn {background: #9b7b5d; color: #fff; padding: 14px 25px; border-radius: 100px; font-size: 13px; margin-top: 10px; text-transform: uppercase; font-weight: 500; letter-spacing: 2px; border: solid 2px #9b7b5d; transition: 0.5s all; }
.fill_btn:hover {background: #fff; color: #9b7b5d; border-radius: 0px; }

.tables_page_section {padding: 90px 0px; }
.tables_page_section h3 {padding-bottom: 20px; }
.product_detail_table {display: block; position: relative; padding: 25px; background: #ffffff;	box-shadow: 0px 5px 40px -5px rgb(0 0 0 / 15%);}
.product_detail_part .product_detail_table {display: block; position: relative; 	padding: 0px; background: #ffffff; 	box-shadow: none;  }


.product_detail_table table thead {margin: 0px 0px; position: relative; }
.product_detail_table table thead tr th {padding: 15px 12px; font-size: 18px; color: #000000; font-weight: 600; border: 1px solid rgb(232 225 218); white-space: pre-line; text-align: center; background: #f7f5f3; line-height: 22px; vertical-align: middle; letter-spacing:0.5px; }
.product_detail_table table tbody tr th {padding: 5px 25px; font-size: 17px; color: #444; border: 1px solid rgb(232 225 218); text-align: left; line-height: 1.6;font-weight: 600; }
.product_detail_table table tbody tr td {padding: 10px 25px; font-size: 15px; color: #444; border: 1px solid rgb(232 225 218); text-align: left; font-weight: 500; }
.product_detail_table table thead tr th img {max-width: 170px; width: 100%; }
.product_detail_table table tbody tr ul {margin: 4px 0 0 0; display: flex; flex-wrap: nowrap; }
.product_detail_table table tbody tr ul li {font-size: 15px; font-weight: 600; position: relative; padding: 4px 15px 5px 26px; }
.product_detail_table table tbody tr ul li:before {content: ""; position: absolute; left: 0px; top: 10px; width: 16px; height: 18px; background-size: contain; background-image: url('../sub-images/list_icon.svg'); background-position: center center; background-repeat: no-repeat; }
.product_detail_table table {/* width: 1300px; */ }
.product_detail_table table tbody tr:nth-child(even) {border-bottom: 0; background-color: #ffffff; }
.padding_space table tbody tr td {padding: 15px 25px; font-size: 16px; }
.pricing_table .table-striped>tbody>tr:nth-of-type(odd)>* {--bs-table-accent-bg: unset; color: #f5801e; }

.main_banner {position: relative; z-index: 0; display: block; }
#inquiryModal .modal-body {background-image: url(../images/reqest.png); background-repeat: no-repeat; background-size: cover; }
#inquiryModal .modalpic {height: 100vh; position: relative; overflow: hidden; margin-left: -1rem; }
#inquiryModal .modalpic::after {position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; pointer-events: none; background: rgb(0 0 0 / 35%); background-image: url(../images/inq_bg.png); background-position: center; background-size: cover; background-repeat: no-repeat; }
#inquiryModal .modalpic > img {width: 100%; height: 100%; object-fit: cover; }
#inquiryModal .common_form {position: relative; padding: 45px 60px; background: white; margin-left: -68px; border-radius: 0px; -webkit-transform: translateX(-36px); transform: translateX(-135px); box-shadow: 10px 15px 66px 0px rgb(0 0 0 / 20%); }

.installation_guide_main {padding: 70px 0px; }
.installation_guide_main .installation_guide_box {padding: 50px 0px; border-bottom: solid 1px #f1f1f1; }
.installation_guide_main .installation_guide_box:last-child {border-bottom: solid 1px #fff; }
.installation_guide_main .installation_guide_box h4 {font-size: 100px; line-height: 90px; font-weight: 700; color: #f1f1f1; margin-bottom: 0; text-align: right; display: block; }
.installation_guide_main .installation_guide_box h3 {font-size: 35px; font-weight: 600; line-height: 1.2; }
.installation_guide_main .installation_guide_box p {color: #444444; font-size: 18px; font-weight: 400; line-height: 1.4; }
.installation_guide_main .installation_guide_box img {margin-top: 40px; }
.installation_guide_main .installation_guide_box .tools_icon_img {text-align: left; margin-bottom: 40px; border-left: solid 2px #f1f1f1; padding-left: 15px; }
.installation_guide_main .installation_guide_box .tools_icon_img img {height: 55px; margin-bottom: 10px; margin-top: 0; }
.installation_guide_main .installation_guide_box .tools_icon_img p {color: #000; font-size: 16px; font-weight: 500; line-height: 1.4; padding-left: 0; text-transform: capitalize; }
/*.installation_guide_main .installation_guide_box .subfloor {margin-bottom: 30px; } */
.installation_guide_main .installation_guide_box .subfloor p{padding-left: 0; }
.installation_guide_main .installation_guide_box .subfloor h5 {color: #9b7b5d; font-size: 20px; font-weight: 500; letter-spacing: 1px; }
.installation_guide_main .position_top {position: sticky; top: 100px; }
.installation_guide_box ul  {padding-left: 25px; }
.installation_guide_box ul li {color: #7b7a7a; font-size: 18px; font-weight: 400; line-height: 1.4; padding-left: 10px; position: relative; margin: 15px 0px; }
.installation_guide_box ul li:after {content: '+'; position: absolute; left: -18px; bottom: 7px; height: 100%; width: 100%; font-size: 25px; color: #9b7b5d; font-weight: 600; }

.warranty_section {background-color: #9b7b5d; position: relative; padding: 90px 0px; overflow: hidden; }
.warranty_section:after {content: ''; position: absolute; background: url('../images/white_bg.png'); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; top: 0; left: 0; height: 100%; width: 100%; mix-blend-mode: multiply; z-index: 0; }
.warranty_section .warranty_shape {position: absolute; top: 0; left: 14%; width: 1px; height: 100%; background: #ffffff14; }
.warranty_section .warranty_shape:nth-of-type(odd)::before {animation: 5s linear nama_utha infinite; -webkit-animation: 5s linear nama_utha infinite; -moz-animation: 5s linear nama_utha infinite; }
.warranty_section .warranty_shape:nth-of-type(even)::before {animation: 5s linear utha_nama infinite; -webkit-animation: 5s linear utha_nama infinite; -moz-animation: 5s linear utha_nama infinite; }
.warranty_section .warranty_shape::before {position: absolute; content: ""; width: 1px; height: 30px; }
.warranty_section .warranty_shape::before {background-color: #ffffff; box-shadow: 10px 10px 10px #00000085; }
.warranty_section .warranty_shape.shape-2 {left: 30%; }
.warranty_section .warranty_shape.shape-3 {left: 44%; }
.warranty_section .warranty_shape.shape-4 {left: 58%; }
.warranty_section .warranty_shape.shape-5 {left: 72%; }
.warranty_section .warranty_shape.shape-6 {left: 87%; }
.warranty_text {background: #ebe5df; padding: 50px; position: relative; z-index: 2; box-shadow: 3px 7px 16px #00000033; /* clip-path: polygon(0% 0, 95% 0, 171% 100%, 0 100%, 0 15%); */ }
.warranty_section h2 {font-size: 40px; color: #ffffff; margin-bottom: 30px; font-weight: 600; line-height: 1.3; letter-spacing: 0.5px; position: relative; z-index: 4; }
.warranty_section .col-lg-6:nth-child(2) {margin-top: 100px; }
.warranty_text .warranty_inner_text h4 {font-size: 20px; font-weight: 500; margin-bottom: 25px; }
.warranty_text .warranty_inner_text p {color: #444444; font-size: 18px; font-weight: 400; line-height: 25px; }
.warranty_text .warranty_inner_text ul {padding-left: 25px; }
.warranty_text .warranty_inner_text ul li {color: #444444; font-size: 18px; font-weight: 400; line-height: 1.4; padding-left: 10px; position: relative; margin: 9px 0px; }
.warranty_text .warranty_inner_text ul li:after {content: '+'; position: absolute; left: -12px; bottom: 4px; height: 100%; width: 100%; font-size: 20px; color: #9b7b5d; font-weight: 600; }
@-webkit-keyframes nama_utha {0% {bottom: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% {bottom: 100%; -webkit-transform: translateY(-100%); transform: translateY(-100%); } }
@keyframes nama_utha {0% {bottom: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% {bottom: 100%; -webkit-transform: translateY(-100%); transform: translateY(-100%); } }
@-webkit-keyframes utha_nama {0% {top: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% {top: 100%; -webkit-transform: translateY(100%); transform: translateY(100%); } }
@keyframes utha_nama {0% {top: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% {top: 100%; -webkit-transform: translateY(100%); transform: translateY(100%); } }
strong{font-weight: 500; }

.under_warranty {padding: 60px 0px; }
.under_warranty .under_warranty_contant  {margin: 40px 0px; }
.under_warranty .under_warranty_contant .rv  {flex-direction: row-reverse; }
.under_warranty .under_warranty_contant .under_warranty_contant_img {position: relative; width: 95%; margin: 20px auto; text-align: left; display: block; }
.under_warranty .under_warranty_contant .under_warranty_contant_img::after {content: ''; position: absolute; top: -15px; right: -15px; height: 250px; width: 250px; background: linear-gradient(225deg, #9b7b5d30 42%, transparent 30%); z-index: -1; }
.under_warranty .under_warranty_contant .under_warranty_contant_text  h6 { color: #ffffff; font-weight: 500; letter-spacing: 1px; background: #9b7b5d; display: inline-block; padding: 3px 35px 3px 20px; font-size: 18px; margin-bottom: 0; position: relative; margin-left: unset;    margin-top: 10px; clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%); }
.under_warranty .under_warranty_contant .under_warranty_contant_text  h6:after{content: ''; position: absolute; background: url(../images/white_bg.png); background-repeat: no-repeat; background-size: cover; top: 0; left: 0; height: 100%; width: 100%; mix-blend-mode: multiply; z-index: 0; }
.under_warranty .under_warranty_contant .under_warranty_contant_text table {width: 80%; }
.under_warranty .under_warranty_contant .under_warranty_contant_text table tr {border-bottom: solid 1px #e8e1da; background: #fff; }
.under_warranty .under_warranty_contant .under_warranty_contant_text table tr td {color: #444444; font-size: 15px; font-weight: 400; line-height: 31px; text-align: left; border: solid 1px #e8e1da; }
.under_warranty .under_warranty_contant .under_warranty_contant_text table tr th {color: #000; font-size: 15px; font-weight: 600; line-height: 25px; border: solid 1px #e8e1da; background: #f7f5f3; }
.under_warranty .under_warranty_contant .under_warranty_contant_text table tbody {border: 1px solid #9b7b5d38; background-color: #fefefe; }
.under_warranty .under_warranty_contant .under_warranty_contant_text table tbody tr:nth-child(even) {border-bottom: 1px solid #9b7b5d38; background-color: #9b7b5d12; }
.under_warranty .under_warranty_contant .under_warranty_contant_text table tbody th, table tbody td {padding: 5px 10px; }
.under_warranty .under_warranty_contant .under_warranty_contant_text h3 {font-size: 25px; font-weight: 500; margin-bottom: 15px; }
.under_warranty .under_warranty_contant .under_warranty_contant_text p {color: #444444; font-size: 18px; font-weight: 400; line-height: 25px; }
.under_warranty .under_warranty_contant .under_warranty_contant_text ul {padding-left: 25px; }
.under_warranty .under_warranty_contant .under_warranty_contant_text ul li {color: #444444; font-size: 18px; font-weight: 400; line-height: 1.4; padding-left: 10px; position: relative; margin: 9px 0px; }
.under_warranty .under_warranty_contant .under_warranty_contant_text ul li:after {content: '+'; position: absolute; left: -12px; bottom: 4px; height: 100%; width: 100%; font-size: 20px; color: #9b7b5d; font-weight: 600; }




.certificate_img {position: relative; /* 	overflow: hidden; */ }
.overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; }
.overlay i {font-size: 30px; color: #fff; opacity: 0; transform: translateY(20px); transition: all 0.3s ease; }
.certificate_img:hover .overlay {opacity: 1; }
.certificate_img:hover .overlay i {opacity: 1; transform: translateY(0); }




.why_choose_us_main {padding: 0px 0px; overflow: hidden; }
.what_spc {padding: 80px 0px; position: relative; padding-bottom: 115px; }
/* .what_spc:after {content: ''; position: absolute; top: 0px; left: 0; height: 85%; width: 100%; background: #f1f1f1; z-index: -1; border-radius: 0px 0px 100px 100px; } */
.what_spc_text h3{font-size: 40px; color: #111111; margin-top: 10px; font-weight: 600; line-height: 1.3; letter-spacing: 0.5px; margin-bottom: 20px; }
.what_spc_text p{color: #444444; font-size: 18px; font-weight: 400; line-height: 27px; }
.why_spc {padding: 90px 0px 70px 0px; } 
.why_choose_us {display: block; position: relative; padding: 60px 0px; }
.why_choose_us .content {display: block; position: relative; }

.custom_border {border-bottom: 0; }
.title {position: relative; display: block; }
.title  h2{font-size: 40px; color: #111111; margin-top: 10px; font-weight: 600; line-height: 1.3; letter-spacing: 0.5px; margin-bottom: 20px; }


.timeline_scssn {display: block; background: url('../subimages/reqest.png'); background-attachment: fixed; background-size: cover; background-position: 0 0; margin-bottom: 30px; border-radius: 0px 0px 100px 0px; }
.abt-mil__progress {border: 1px solid #9b7b5d5c; border-radius: 9.9rem; width: 20px; height: 25.5rem; position: sticky; left: 1.6rem; }
.abt-mil__progress-inner {justify-content: center; width: 100%; height: calc(100% - 1rem - 2px); margin-top: calc(0.8rem - 1px); margin-bottom: calc(0.8rem - 1px); display: flex; position: relative; }
.abt-mil__progress-dot {background-color: #9b7b5d; border-radius: 50%; width: 12px; height: 12px; font-size: 0; margin-top: -0.5rem; position: absolute; top: 0%; }
.timeline_title_box {position: sticky; top: 20%; z-index: 1; padding: 50px 0; width: 100%; }
.timeline_title {display: block; position: relative; width: 100%; }
.timeline_title strong {color: #D2D2D2; font-size: 20px; font-weight: 500; }
.timeline_title h2 {font-size: 65px; font-weight: 500; white-space: pre-line; color: #444444; line-height: 1.2; }
.timeline_content_box {display: block; }
.timeline_content_box ul li {padding: 103px 0 103px 60px; opacity: 1; transition: 0.4s all; position: relative; max-width: 720px; width: 95%; }
.timeline_content_box ul li img {height: 70px; margin-bottom: 10px; }
.timeline_content_box ul li:after {content: ''; position: absolute; left: 0; width: 1px; height: 100%; background: rgb(155 123 93 / 21%); top: 0; }
.timeline_content_box ul li h5 {color: #5B5B5B; font-size: 20px; font-weight: 500; margin-bottom: 20px; transition: 0.5s all; }
.timeline_content_box ul li h3 {font-size: 40px; font-weight: 400; line-height: 1.1; color: #444444; position: relative; margin-bottom: 10px; transition: 0.5s all; }
.timeline_content_box ul li h3:before {content: ''; position: absolute; left: -69px; top: 50%; width: 20px; height: 20px; background: #9b7b5d; border-radius: 5px; z-index: 1; transform: translateY(-50%); transition: 0.5s all; }
.timeline_content_box ul li p {color: #5B5B5B; font-size: 21px; font-weight: 400; margin-bottom: 20px; transition: 0.5s all; }
.timeline_content_box ul li.active {color: #ffffff; }
.timeline_content_box ul li:first-child {padding-top: 310px; }
.timeline_content_box ul li:last-child {padding-bottom: 310px; }
.timeline_content_box ul li.active h5 {color: #D2D2D2; }
.timeline_content_box ul li.active h3 {color: #9b7b5d; }
.timeline_content_box ul li.active h3:before {background: #9b7b5d; }
.timeline_content_box ul li.active p {color: #000000; }

.under_construction h2 {text-align: center; padding: 90px 0px; font-size: 50px; color: #9b7b5d; font-weight: 500; }

/* live collections - 25-11 */
.live-collection {
    padding: 80px 0 70px;
}

.live-collection-inr {
    padding: 0 50px;
}

.live-collection-inr .filters_name_list {
    overflow: hidden;
    position: sticky;
    top: 87px;
    z-index: 1;
    background-color: #ffffffc8;
    backdrop-filter: blur(15px);
    padding: 0;
    margin: 0 auto;
    width: fit-content;
    margin-bottom: 50px;
    border: 2px solid #9B7B5D;
    border-radius: 50px;
    color: #fff;
}

.live-collection-inr .filters_name_list li a {
    min-width: 160px;
    text-align: center;
    margin: 0px;
    font-size: 18px;
    border-right: 2px solid #9B7B5D;
    padding: 10px 20px;
    color: #000;
    font-weight: 400;
    display: inline-block;
    font-family: "Inter Tight", sans-serif;
}

.live-collection-inr .filters_name_list li:last-child a {
    border: none;
}

.live-collection-inr .filters_name_list li a:hover , .filters_name_list li a.active {
    background: #9B7B5D;
    color: white;
}

.live-collection-inr .filters-content .row {
    margin: -15px;
}

.live-collection-inr .filters-content .img-view {
    padding: 15px;
}

.live-collection-inr .filters-content .img-view .img-view-inr {
    padding: 22px;
    border: solid 1px #ebe5e0 ;
}

.live-collection-inr .filters-content .img-view .img-view-inr a span {
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%, 0 22%);
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: block;
}

.live-collection-inr .filters-content .img-view .img-view-inr a span img {
    transition: .5s ease;
    max-height: 430px;
    min-height: 430px;
}

.live-collection-inr .filters-content .img-view .img-view-inr a span:hover img {
    transform: scale(1.1);
}

.live-collection-inr .filters-content .img-view .img-view-inr a .live-title {
    font-size: 18px;
    padding: 15px 20px;
    background: #9b7b5d;
    color: white;
    margin-top: -32px;
    margin-left: 32px;
    position: relative;
    text-align: right;
}


/*Export World Map Section Start*/
.export_map_sec{padding: 60px 0;background-color: #ffffff;}
.export_map_sec .map { position: relative; min-width: 992px;}
.map .country-seletion {position: absolute; z-index: 1; text-align: center; transform: translate(-50%, -50%); cursor: pointer;}
.map .country-seletion:hover {
    z-index: 2;
}
.map {
    position: relative;
}
.map .country-seletion .country-name {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -90px;
    width: max-content;
    font-size: 13px;
    opacity: 0;
    transition: all 0.4s;
    visibility: hidden;
    font-weight: 500;
    pointer-events: none;
    color: #000000;
    background-color: #dfccb8;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
}
.map .country-seletion:hover .country-name {
    opacity: 1;
    visibility: visible;
    top: -100px;
}
.map .country-seletion .country-name img {
    height: 22px;
    object-fit: cover;
    max-width: 44px;
    margin-right: 2px;
    width: 22px;
    border-radius: 100%;
    object-fit: cover;
}
.map .country-seletion .country-name:after {
    content: "";
    position: absolute;
    height: 214%;
    left: 50.5%;
    top: 206%;
    transform: translate(-100%, -50%);
    border: 0;
    border-left: 2px solid #9b7b5d;
}
.map .country-seletion img {
    height: 22px;
}
.usa, .usa_export {
    top: 38%;
    left: 19%;
}
.venunzuela, .venunzuela_export {
    top: 55.7%;
    left: 28.1%;
}
.colombia, .colombia_export {
    top: 57.4%;
    left: 25.6%;
}
.russia, .russia_export {
    top: 23%;
    left: 70%;
}
.ukraine, .ukraine_export {
    top: 30.4%;
    left: 55.2%;
}
.germany, .germany_export {
    top: 29.3%;
    left: 49.6%;
}
.italy, .italy_export {
    top: 34%;
    left: 50.1%;
}
.france, .france_export {
    top: 32.8%;
    left: 47.5%;
}
.moldova, .moldova_export {
    top: 31.4%;
    left: 54.5%;
}
.australia, .australia_export {
    top: 74.7%;
    left: 84.5%;
}
.mauritius, .mauritius_export {
    top: 71.4%;
    left: 63%;
}
.ghana, .ghana_export {
    top: 55.4%;
    left: 46.4%;
}
.turkey, .turkey_export {
    top: 37%;
    left: 56.2%;
}
.romania, .romania_export {
    top: 32.9%;
    left: 53.6%;
}
.greece, .greece_export {
    top: 36.6%;
    left: 52.7%;
}
.austria, .austria_export {
    top: 31.3%;
    left: 50.8%;
}
.poland, .poland_export {
    top: 28.6%;
    left: 52%;
}
.uk, .uk_export {
    top: 27.1%;
    left: 46.4%;
}
.sweden, .sweden_export {
    top: 20%;
    left: 51.1%;
}
.finland, .finland_export {
    top: 19.6%;
    left: 54%;
}
.spain, .spain_export {
    top: 36.3%;
    left: 45.8%;
}
.morocco, .morocco_export {
    top: 41%;
    left: 44.9%;
}
.nigeria, .nigeria_export {
    top: 54.6%;
    left: 49%;
}
.guinea, .guinea_export {
    top: 53.4%;
    left: 43.8%;
}
.namibia, .namibia_export {
    top: 71.7%;
    left: 51.4%;
}
.south_africa, .south_africa_export {
    top: 77.6%;
    left: 53%;
}
.zimbabwe, .zimbabwe_export {
    top: 70.6%;
    left: 55%;
}
.canada, .canada_export {
    top: 23%;
    left: 16%;
}
.cuba, .cuba_export {
    top: 47.3%;
    left: 24.6%;
}
.puerto_rico, .puerto_rico_export {
    top: 48.6%;
    left: 26.8%;
}
.ecuador, .ecuador_export {
    top: 60.3%;
    left: 24.1%;
}
.paraguay, .paraguay_export {
    top: 73.3%;
    left: 30.3%;
}
.argentina, .argentina_export {
    top: 81.1%;
    left: 27.9%;
}
.map_container {
    width: 100%;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scrollbar-color: #f1f1f1 transparent;
    scrollbar-width: thin;
}

.map_container::-webkit-scrollbar {
    height: 8px; 
}

.map_container::-webkit-scrollbar-thumb {
    background-color: #f1f1f1;
}

.map_container::-webkit-scrollbar-track {
    background: transparent;
}
/*Export World Map Section End*/

/* ===== 16-07-2025 ====  */
.tables_page_section.product_detail_part {
    position: relative;
/* 	padding-top: 0; */
}
.tables_page_section.product_detail_part h3{
	padding-bottom: 0;
}
/* .tables_page_section:before {
    content: '';
    position: absolute;
    background-image: url(../images/white_bg.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    mix-blend-mode: multiply;
    z-index: 0;
    background-color: #9b7b5d;
} */
.tables_page_section.product_detail_part .product_detail_table {
    background: #f1f1f1;
    padding: 40px 40px;
    position: relative;
}
.tables_page_section.product_detail_part .product_detail_table h4 {
    color: #222222;
    font-size: 24px;
    margin: 18px 0 14px 0;
    line-height: 1.3;
    font-size: 20px;
    font-weight: 500;
}

.tables_page_section.product_detail_part .product_detail_table ul li {
    font-weight: 400;
    margin-bottom: 7px;
    color: #444444;
    font-size: 17px;
    line-height: 1.4;
    position: relative;
	    padding-left: 18px;
}
.tables_page_section.product_detail_part .product_detail_table ul li:before {
    content: '+';
    position: absolute;
    left: 0px;
    bottom: 4px;
    height: 100%;
    width: 100%;
    font-size: 20px;
    color: #9b7b5d;
    font-weight: 600;
}
.tables_page_section.product_detail_part .product_detail_table ul {
    margin-bottom: 27px;
}
.tables_page_section.product_detail_part .product_detail_table ul li strong {
    color: #000;
    font-weight: 500;
}
.tables_page_section.product_detail_part .product_detail_table h3 {
    margin: 8px 0 14px 0;
    line-height: 1.3;
    font-size: 32px;
    font-weight: 500;
    color: #222222;
}



/* ===== 17-07-2025 (export page)===== */
.packaging-details-plankton-pdf .packaging-details-pdf h2 {
    color: #111111;
    font-size: 42px;
    font-weight: 500;
    margin-bottom: 18px;
}

.packaging-details-plankton-pdf .packaging-details-pdf p {
    color: #444444;
    font-size: 19px;
    font-weight: 400;
}
.packaging-details-plankton-pdf .packaging-details-pdf a.export_pdf_link {
    background: #9b7b5d;
    color: #ffffff;
    display: inline-block;
    padding: 12px 22px 12px 52px;
    border-radius: 25px;
    position: relative; 
	    margin-top: 8px;
}
 .packaging-details-plankton-pdf .packaging-details-pdf a.export_pdf_link:before {
    content: "";
    position: absolute;
    height: 25px;
    width: 25px;
    left: 18px;
    top: 12px;
    background-image: url(./../subimages/pdf.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    filter: invert(1);
}
.packaging-details-plankton-pdf .packaging-details-pdf h2 span {
    color: #9b7b5d;
}
.export_map_sec{
	padding-top: 0;
}
.packaging-details-plankton-pdf {
    background: #F1F1F1;
    padding: 75px 0px;
    margin-bottom: 70px;
}
.packaging-details-pdf {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0px 60px;
}
.packaging-details-pdf .left_text {
    width: calc(50% - 30px);
}
.packaging-details-pdf .right_text {
    width: calc(50% - 30px);
}