/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 15 2025 | 15:41:27 */
.wp-block-buttons.homepage-process-buttons {display: none !important;}

/* How it Works
--------------------------------------------------- */ 

.hiw-steps-wrap {text-align: center; position: relative; width: 980px; padding: 40px 0; margin: 0 auto;}
.hiw-steps-bar {width: 15px; height: 100%; background: #cee0e0; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 1;}
.hiw-steps-bar:before, .hiw-steps-bar:after {font-family: FontAwesome; font-size: 98px; color: #cee0e0; position: absolute; left: 50%; transform: translateX(-50%); z-index: 1;}
.hiw-steps-bar:before {content: "\f0d8"; top: -80px;}
.hiw-steps-bar:after {content: "\f0d7"; bottom: -80px;}
.hiw-step {position: relative; height: 300px; z-index: 3;}
/*.hiw-step1 {padding-top: 60px;}*/
.hiw-step2, .hiw-step3, .hiw-step4, .hiw-step5, .hiw-step6 {margin-top: 30px;}
.hiw-step-icon {width: 150px; height: 150px; font-size: 80px; text-align: center; color: #fff; display: table; margin: 0 auto; background: #00b1b1; border-radius: 50%;}
.hiw-step:hover .hiw-step-icon, .hiw-step:hover .hiw-step-number {background: #843737; color: #fff;}
.hiw-step:hover .hiw-step-indicator {border-color: #843737;}
.hiw-step-icon span.content-icon {display: table-cell; vertical-align: middle;}
.hiw-step-contents-wrap {width: 400px; text-align: left; position: absolute; z-index: 3;}
.hiw-step-left .hiw-step-contents-wrap {top: 30px; left: 0;}
.hiw-step-right .hiw-step-contents-wrap {top: 60px; right: 0;}
.hiw-step-content {padding-top: 80px;}
.hiw-step-left .hiw-step-content {padding-top: 100px;}
.hiw-step-title {color: #00b1b1;}
.hiw-step:hover .hiw-step-title {color: #843737;}
.hiw-step-content p {font-size: 15px; margin: 0;}
.hiw-step-content p a {color: #000; border-bottom: 1px dotted #000;}
.hiw-step-indicator {width: 440px; height: 5px; border-bottom: 5px dashed #cee0e0; position: absolute; top: 70px; z-index: -1;}
.hiw-step-left .hiw-step-indicator {left: 0;}
.hiw-step-right .hiw-step-indicator {right: 0;} 
.hiw-step-number {width: 60px; height: 60px; font-size: 24px; background: #cee0e0; color: #00b1b1;  border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%);}
.hiw-step-left .hiw-step-number {left: -10px;}
.hiw-step-right .hiw-step-number {right: -10px;}
.hiw-step-number-mobi {width: 40px; height: 40px; font-size: 17px; background: #cee0e0; color: #00b1b1;  border-radius: 50%; display: none; position: absolute; top: -15px; left: 5px; border: 5px solid #fff;}

.hiw-step-number:before, .hiw-step-number-mobi:after {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: bold;}
.hiw-step1 .hiw-step-number:before, .hiw-step1 .hiw-step-number-mobi:after {content: "1";}
.hiw-step2 .hiw-step-number:before, .hiw-step2 .hiw-step-number-mobi:after {content: "2";}
.hiw-step3 .hiw-step-number:before, .hiw-step3 .hiw-step-number-mobi:after {content: "3";}
.hiw-step4 .hiw-step-number:before, .hiw-step4 .hiw-step-number-mobi:after {content: "4";}
.hiw-step5 .hiw-step-number:before, .hiw-step5 .hiw-step-number-mobi:after {content: "5";}
.hiw-step6 .hiw-step-number:before, .hiw-step6 .hiw-step-number-mobi:after {content: "6";}

@media screen and (max-width: 1560px) {
	
	.homepg-sev-columns {max-width: 96% !important;}
	
}
@media screen and (max-width: 1340px) {
	
	.homepg-sev-columns {gap: 30px 15px;}
	
}
@media screen and (max-width: 1280px) {
	
	.homepg-sev-columns {max-width: 100% !important;}
	.hiw-steps-wrap {width: 960px;}
	
}
@media screen and (max-width: 1170px) {
	
	.homepg-sev-columns {flex-wrap: wrap !important; gap: 30px 25px;}
	.homepg-sev-col {flex: 45% !important; box-sizing: border-box !important;}
	
}
@media screen and (max-width: 1024px) {

	.hp-arrow {display: none;}
    .hiw-steps-wrap {width: 700px; margin: 0 auto; text-align: left;}
    .hiw-steps-bar {left: 90px; transform: none;}
    .hiw-step-left .hiw-step-contents-wrap, .hiw-step-right .hiw-step-contents-wrap {width: 400px; right: auto; left: 300px;}
    .hiw-step-icon {margin: 0 0 0 20px;}
    .hiw-step-indicator {width: 600px;}
    .hiw-step-left .hiw-step-indicator, .hiw-step-right .hiw-step-indicator {left: 90px; right: auto;}    
    .hiw-step-left .hiw-step-number {left: auto; right: 0;} 
	
}
@media screen and (max-width: 840px) {
	
	/* How it works */
    .hiw-steps-wrap {width: 100%; height: auto; padding: 60px 0;}
    .hiw-steps-bar {width: 10px; left: 50%; transform: translateX(-50%);}
    .hiw-step {height: auto; width: auto; padding: 0; border-bottom: 2px dashed #cee0e0;}
    .hiw-step.hiw-step1 {padding-top: 30px; background: #fff; border-top: 2px dashed #cee0e0;}
    .hiw-step-icon {margin: 0 auto; text-align: center;}
    .hiw-step-contents-wrap {margin-left: 150px;}
    .hiw-step-left .hiw-step-contents-wrap, 
    .hiw-step-right .hiw-step-contents-wrap {
        background: #fff; padding: 30px 0; margin-left: 0; text-align: center; width: auto; right: auto; left: auto; position: relative; top: auto;
    }
    .hiw-step-content, .hiw-step-left .hiw-step-content {padding-top: 0;}
    .hiw-step-indicator {display: none;}
	
    .hiw-step-number-mobi {display: block;}
	
}
@media only screen and (max-width: 781px) {
    
	.wp-block-buttons.homepage-process-buttons {display: flex !important;}
	
	.homepg-sev-columns {flex-direction: column !important;}
	.homepg-sev-col {flex: 1 !important;}
	
	.homepage-sn-benefits,
	.homepage-hiw-diagam {display: none !important;}

}
@media only screen and (max-width: 640px) {
	
	.hiw-step-contents-wrap {margin-left: 110px;}
    .hiw-step-number-mobi {top: -25px;}
	
	.s-tblock-has-arrow.s-tblock-arrow-cv2:after {content: none; display: none;}

}