/**{box-sizing: border-box}	
.aeo-content{max-width: 1368px; margin: auto; font-family: Kanit, sans-serif}*/

.aeo-content{max-width: 1368px; margin: 16px auto 0}
.aeo-content.one-over-two{padding-left: 340px}
.aeo-content section{padding: 20px 0}
.aeo-content section:nth-last-child(1){padding-bottom: 0}
.aeo-content img{max-width: 100%; display: block; margin: auto}
.aeo-content h2{font-size: 26px; line-height: 30px; font-weight: 500; margin: 0; padding: 0; text-transform: capitalize}
.aeo-content h2 sup {vertical-align: top; font-size: 16px; line-height: 24px}
.aeo-content h3{font-weight: 500; font-size: 18px; line-height: 22px; margin: 10px 0} 
.aeo-content p{font-weight: 300; font-size: 16px; line-height: 22px; margin: 0}
.aeo-content p sup {vertical-align: top; font-size: 12px; line-height: 16px}
.aeo-content p>a, .aeo-content li>a{color:#004E7D}
.mb0{margin-bottom: 0 !important}

/*********** AEO Title ***********/
.aeo-content .aeo-title{width: 100%; margin: 0 0 20px}
.aeo-content .aeo-title h2{}
.aeo-content .aeo-title p{margin: 15px 0 0}
.aeo-content .aeo-title p>span{font-weight: 400}
.aeo-content p.sub-heading{font-size: 20px; line-height: 24px; font-weight: 500; margin: 0 0 15px}

.aeo-content .flex-wrap{position: relative; width: 100%}
.aeo-content .intro-info .aeo-title{margin: 0}
.aeo-content .list-info .aeo-title{margin: 0 0 10px}
.aeo-list{list-style-type: none;padding: 0; margin: 0 0 15px; display: grid; gap: 7px; width: 100%; max-width: 900px; grid-template-columns: repeat(2, 1fr)}
.aeo-list li{position: relative; padding-left: 20px; font-weight: 300; font-size: 16px; line-height: 22px}
.aeo-list li::before {position: absolute; content: "\2022"; left: 0px; top: -2px; font-size: 24px; line-height: 24px}
.aeo-list li span{font-weight: 400}

/***************** Comparison Chart *****************/
.aeo-tbl-content{width:100%;overflow-x:auto;border:1px solid #bcbec0; border-width: 1px 0 0 1px; margin: 0 0 15px}
.aeo-tbl{border-collapse:separate;border-spacing:0;width:100%}
.aeo-tbl td, .aeo-tbl th{padding:16px;font-size:16px;line-height:22px;border-right:.5px solid #bcbec0;border-bottom:.5px solid #bcbec0;background:#fff; text-align: left; font-weight: 300; min-width: 170px}
.aeo-tbl thead th{background:#f5f8fa !important; font-weight:500 !important}
.aeo-tbl td:first-child,
.aeo-tbl th:first-child{position:sticky;left:0;background:#fff;z-index:4}
.aeo-tbl thead th:first-child{z-index:6}
.aeo-tbl tbody tr:nth-child(2n) td{background:#f4f4f4}
	
/***************** Frequently Asked Questions *****************/
.aeo-faq {width: 100%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap}
.aeo-faq .experts-qa {width: 100%; padding: 20px;border: 1px solid #dddddd; border-radius: 4px}
.aeo-faq .experts-qa .sub-heading {border-bottom: 1px solid #dddddd;margin: 0 0 20px;padding-bottom: 15px;font-weight: 500}
.aeo-faq .swiper-wrapper{flex-direction: column}
.aeo-faq .swiper-button-bottom,.swiper-button-top{position:absolute;content:"";right:0;z-index:1;cursor:pointer;opacity:1}
.aeo-faq .swiper-button-top.swiper-button-disabled{opacity:.4;cursor:not-allowed}
.aeo-faq .swiper-button-bottom.swiper-button-disabled{opacity:.4;cursor:not-allowed}
.aeo-faq .swiper-button-top{background:url(https://static.globalindustrial.com/site42/htmlsection/heat-stress-prevention/images/hsp-arrow-top.png) no-repeat;width:46px;height:42px;top:0}
.aeo-faq .swiper-button-bottom{background:url(https://static.globalindustrial.com/site42/htmlsection/heat-stress-prevention/images/hsp-arrow-bottom.png) no-repeat;width:46px;height:42px;bottom:5px}
.aeo-faq .swiper-container {width: 100%;box-shadow: none;max-height: 180px;margin: 0 auto 0; position: relative; overflow: hidden; z-index: 1;}
.aeo-faq .swiper-button-bottom, .aeo-faq .swiper-button-top{right: 20px}
.aeo-faq .swiper-slide>div {padding-bottom: 0;padding-right: 75px}
.aeo-faq .swiper-slide>div {padding-bottom: 0;padding-right: 10px; margin-bottom: 20px}
.aeo-faq .swiper-slide>div {padding-bottom: 0;padding-right: 75px}
.aeo-faq .swiper-slide>div:nth-last-child(1){margin-bottom: 0}
.aeo-faq .experts-qa .faq-question {margin: 0 0 10px 0}	
.aeo-faq .swiper-slide .aeo-list{list-style-type: none;padding: 0; margin: 10px 0 0; display: grid; gap: 7px; grid-template-columns: repeat(1, 1fr); max-width: 100%}

/* ===== Scrollbar CSS ===== */
.aeo-faq .swiper-slide {overflow-y:auto;}
.aeo-faq .swiper-slide::-webkit-scrollbar {width: 10px}
.aeo-faq .swiper-slide::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px}
.aeo-faq .swiper-slide::-webkit-scrollbar-thumb {background: #a6a9ae; border-radius: 10px;}
.aeo-faq .swiper-slide::-webkit-scrollbar-thumb:hover {background: #212934}	
	
@media screen and (max-width: 992.98px){
.aeo-content.one-over-two{padding: 0}
}
	
@media screen and (max-width: 767.98px){
.aeo-content h2{font-size: 16px; line-height: normal}
.aeo-content h2 sup {vertical-align: top; font-size: 12px; line-height: 16px}
.aeo-content h3{font-size: 12px; line-height: 1.2; margin: 10px 0 0} 
.aeo-content p{font-size: 12px; line-height: 1.2}
.aeo-content p sup {vertical-align: top; font-size: 8px; line-height: 12px}
.aeo-content section{padding: 16px 0}		
	
.aeo-content .aeo-title{width: 100%; margin: 0 0 16px}
.aeo-content .aeo-title h2{}
.aeo-content .aeo-title p{margin: 11px 0 0}	
.aeo-content p.sub-heading{font-size: 13px; line-height: 18px; margin: 0 0 7px !important}
	
.aeo-tbl-content{border-width: 1px 1px 0px 1px}	
.aeo-tbl td, .aeo-tbl th{padding: 10px;font-size: 12px; line-height: 1.2;}
.aeo-list {grid-template-columns: repeat(2, 1fr); gap:5px; margin: 0 0 10px}
.aeo-list li{font-size: 12px; line-height: 1.2; padding-left: 15px}
.aeo-list li::before {font-size: 18px; line-height: 16px}
.aeo-faq .swiper-container{margin: 15px auto 0; max-height: 150px}
.aeo-faq .experts-qa{padding: 15px}
.aeo-faq .experts-qa .faq-question { margin: 0 0 7px 0}
.aeo-faq .swiper-slide>div {margin-bottom: 15px; padding-right: 55px}
.aeo-faq .experts-qa .sub-heading {margin: 0 0 10px; padding-bottom: 10px;}
.aeo-faq .swiper-button-bottom, .aeo-faq .swiper-button-top {width: 30px; height: 32px; background-size: contain}
.aeo-faq .swiper-slide .aeo-list {gap:5px}
}
	
@media screen and (max-width: 430.98px){
.aeo-faq .swiper-container{max-height: 110px}
.aeo-list{grid-template-columns: repeat(1, 1fr)}
}