* {padding: 0;margin: 0;font-family: 'indivisible';}
html {scroll-behavior: smooth;}

.p30Sec {padding: 40px 5.5vw;}
.bannerTopFixed {background-image: url('../../assets/images/how-viewer/banner-how-viewer.webp');width: 100%;height: 100%;min-height: 666px;max-height: 666px;background-repeat: no-repeat;background-size: cover;}
.connecImg {display: flex;align-items: start;gap: 24px;}
.grayBgoffer{background-color: #EAEAEA;}
.safetyImg{position: relative;display: flex;align-items: center;flex-wrap: wrap;}
.innerPromisContent{display: flex; justify-content: center; position: absolute; right: 0;width: 40.5%;}
.community-standardsSec .accordion-button:not(.collapsed){    color: #861D1D;}
.processDesignSec{background-image: url('../../assets/images/how-viewer/process-designed-bg.webp'); padding: 80px 50px; background-repeat: no-repeat; background-size: cover; width: 100%; height:100%; background-position: center center;}
.safetyFlexSec{display: flex; gap: 12px;}
.saftMainSec{width: 100%;}
.safteyBgImg{background-image: url('../../assets/images/how-viewer/safety-measures.webp'); background-repeat: no-repeat;height: 100%;background-size: cover;}

@media (max-width: 1400px){
.bannerTopFixed{min-height: 484px; max-height: 484px;}
.connecImg img{max-width: 130px !important;}	
.respSizeHeadings .font-64 {font-size: 56px;}
.respOfferSec{height: 193px;}
.safetyContent{    padding: 10px 30px !important;}


}
@media (max-width: 1300px){	
	.innerPromisContent{width: 54%;}
}
@media (max-width: 1250px){
.bannerTopFixed { min-height: 406px; max-height: 406px;}
.respSizeHeadings .font-64 {margin-bottom: 10px !important;}
.respSizeHeadings .font-36 {font-size: 32px;}

}
@media (max-width: 1200px){
	.respOfferSec {height: auto;}
	.offImgSecResp{padding: 0 12px !important;}
	.innerPromisContent {width: 64%;}
	.safetyContent .font-24 { font-size: 18px; margin-bottom: 4px !important;}
	.safetyContent p {font-size: 14px; margin: 0;}
}
@media (max-width: 999px){
	.bannerTopFixed{ min-height: 100%;max-height: 100%;height: 340px;background-position: center}
	.innerPromisContent{width: 54%;}
	.innerPromisContent .font-36 {font-size: 28px;}
	.innerPromisContent p {font-size: 14px; margin-bottom: 0;}	
	.respSizeHeadings .font-64 {font-size: 48px;}
	.respSizeHeadings .font-36 {font-size: 26px;}
	.connecImg{text-align: center; display: inline; border-bottom: 1px solid #cacaca;}
	.connecImg img {max-width: 90px !important;margin-bottom: 6px;}	
}
@media (max-width: 992px){
.respOfferSec {height: 160px;}

.respoUniSec {text-align: center;border-bottom: 1px solid #bababa;}
.respoUniSec ul{text-align: left; font-size: 14px;}
.uniqGapSec{--bs-gutter-y: 1rem;}
.respSizeHeadings .mb-60{margin-bottom: 28px !important;}
.suppAssSec .font-24 { font-size: 20px; margin-bottom: 6px !important;}
.supootMailSec{max-width: 570px !important;margin: 20px auto !important;font-size: 14px;padding: 12px 10px !important;}
.processDesignSec{text-align: center; padding: 20px 10px 30px;}
.processDesignSec .font-20 {font-size: 16px;}
}
@media (max-width: 900px){
	.innerPromisContent {width: 100%;position: static;}
	.safetyImg{flex-direction: column-reverse;}
	.respOfferSec {height: 160px;}
	.innerPromisContent{text-align: center;}
}
@media (max-width: 767px){
	.p30Sec {padding: 20px 2.5vw;}
	.bannerTopFixed{height: 120px;}
	.connecImg img{max-width: 80px !important;}	
	section p{font-size: 14px;}
	.respBtnBgRed{ margin: 30px auto 10px !important;}
	.respBtnBgRed .font-16 { font-size: 14px;} 
	.respSizeHeadings .font-64 {font-size: 40px;}
	.respOfferSec {height: auto;}
	.suppAssSec .font-24 {font-size: 18px;margin-bottom: 4px !important;}
	.suppAssSec {border-bottom: 1px solid #c3c3c3;}
	.processDesignSec .font-20{font-size: 14px;}
	.processDesignSec .font-40 {font-size: 32px !important;}
	.processDesignSec .font-18 {font-size: 14px;padding: 6px 12px;}	
	.safetyContent .my-28{text-align: center;border-bottom: 1px solid #00000045;padding-bottom: 24px;}
	.safteyBgImg{min-height: 260px;}
	.safetyFlexSec{flex-wrap: wrap;}
}
@media (max-width: 580px) {
    .respSizeHeadings .font-64 {font-size: 34px;}
	.respSizeHeadings .font-36 {font-size: 24px;}
	.respSizeHeadings .font-24 {font-size: 18px;}
	.connectionSec .font-24 {font-size: 18px;}
	.connecImg img {max-width: 70px !important;}
	.respOfferSec .font-20 {font-size: 18px; margin: 4px;}
	
	.innerPromisContent .p-24 {padding: 10px 16px 16px !important;}
	.respoUniSec .font-24 {font-size: 18px;margin-bottom: 6px !important;}
}
@media (max-width: 380px){
	.connecImg{display: inline;text-align: center;}
	.bannerTopFixed {height: 80px;}
	.respSizeHeadings .font-64 {font-size: 30px;}
	.respSizeHeadings .font-36 { font-size: 18px;}
	.innerPromisContent .font-36 {font-size: 22px;}
	.processDesignSec .font-40 {font-size: 24px !important;}
}
@media (max-width: 373px){
	.respSizeHeadings .font-64 {font-size: 24px;}
}