body{margin: 0; padding: 0; background: url("../images/bg.jpg") repeat-x left top #ececed; font-family: "Inter", sans-serif; color: #27272a; font-size: 16px;  line-height: 1.675; position: relative;}
*{box-sizing: border-box;}
.m-auto{margin: 0 auto;}
.d-block{display: block;}
.d-flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.justify-content-between {justify-content: space-between;}
.align-items-center{align-items: center;}
.w-100{width: 100%;}
ul{margin: 0; padding: 0; list-style-type: none;}
p{margin: 0; padding: 0;}
.container{max-width: 575px; padding: 0 25px; margin: 0 auto;}
.wrapper{max-width: 1926px; position: relative; z-index: 1;}
h1, h2, h3{padding: 0; margin: 0;}
.mobile-cta{background: #fff; box-shadow: 0px -2px 20px #0000001a; padding: 20px 25px; position: fixed; bottom: 0; left: 0; display: block; z-index: 1000; transition: bottom 0.2s ease-in-out;}
.mobile-cta-btn{}
.mobile-cta-btn a{background: #D22B2B; padding: 14px 0; font-size: 18px; font-weight: 800; color: #fff; text-decoration: none; width: 100%; display: block; text-align: center;}
.mobile-cta-btn a:hover{background: #2077c8;}
.mobile-cta-btn a i{margin: 0 0 0 7px; font-weight: 900;}
.mobile-cta-tel{padding: 8px 0  0; text-align: center; font-size: 15px;}
.mobile-cta-tel a{color: #27272a; text-decoration: underline; font-weight: 700;}
.mobile-cta.down{bottom:-132px;}

/*=== Header ===*/
header{position: fixed; top: 0; left: 0; z-index: 10;}
header .container{max-width: 100%;}
.header-wrap{max-width: 100%;}
.header-container{background: #fff; padding: 20px 0; font-size: 18px; border-bottom: 1px solid #e4e4e7;}
.logo a{color: #09090b; text-decoration: none; font-size: 15px;}
.logo strong{font-weight: 800;}
.logo .mark{width: 28px; height: 28px; background: #D22B2B; border-radius: 50%; color: #fff; text-align: center; margin: 0 8px 0 0; display: inline-block; font-size: 14px; padding: 2px 0 0 0;}
.header-tel{padding: 2px 0 0 0;}
.tel-title{font-size: 15px; color: #27272a; padding: 0 10px 0 0; position: relative; display: none;}
.tel-title:after{width: 1px; height: 24px; background: #e4e4e7; position: absolute; right: 0; top: 2px; content: ""; }
.tel-number{padding: 0 0 0 0; font-size: 13px;}
.tel-number a{font-weight: 800; color: #09090b; text-decoration: none; display: block;}
.icon-box{width: 24px; height: 24px; background: #D22B2B; color: #fff; border-radius: 2px; font-size: 10px; text-align: center; display: inline-block; margin: 0 0 0 7px; padding: 4px 0 0 0;}
.header-mobile-strip{background: #D22B2B; color: #fff; text-align: center; display: block;}
.header-mobile-strip a{width: 100%; display: block; padding: 8px 10px; color: #fff; text-decoration: none; font-size: 13px;}
/*=== Header end ===*/

/*=== Banner ===*/
.banner{padding: 58px 0 128px; background: url("../images/cta-bg.jpg") no-repeat center/cover;  color: #fff; margin: 109px 0 0 0;}
.banner h1{color: #fff; font-size: 28px; font-weight: 900; line-height: 1.25; padding: 0 0 10px; text-align: center;}
.banner h1 span{font-size:22px;}
.banner p{font-size: 18px; text-align: center;}
.banner p a{color: #fff; text-decoration: underline;}
.banner p a:hover{color: #fff; text-decoration: none;}
.banner-btn{text-align: center; padding: 26px 0 0 0;}
.banner-btn a{background: #D22B2B; border-radius: 50px; color: #fff; font-weight: 800; font-size: 18px; padding: 14px 32px; text-decoration: none; text-shadow: 0 10px 15px -3px #0000004d,0 4px 6px -4px #0000004d; display: inline-block;}
.banner-btn a i{margin: 0 0 0 10px; position: relative; top: 2px; animation: shake 1s infinite;}
@keyframes shake {
  0%,
  to {animation-timing-function:cubic-bezier(.8,0,1,1); transform:translateX(20%)}
  50% {animation-timing-function:cubic-bezier(0,0,.2,1); transform:translateX(0)}
}
.banner-rating{padding: 20px 0 0 0; text-align: center; color: #f9d83c; font-size: 20px;}
.banner-rating i{margin: 0 3px;}
.timing-text{padding: 20px 0 0 0; font-size: 18px; font-weight: 800; text-align: center;}
.timing-text span{display: inline-block; width: 8px; height: 8px; background: #8bde32; border-radius: 50%; margin: 0 10px 0 0; position: relative; top: -2px;}
.timing-text span:after{opacity: 0.75; width: 100%; height: 100%; border-radius: 50%; background: #8bde32; animation:ping 1s cubic-bezier(0,0,.2,1) infinite; content: ""; display: block;}
@keyframes ping {
  75%,
  to {opacity:0; transform:scale(2.5)}
}
.banner-bullets{max-width: 825px; margin: 0 auto; display: block; padding: 8px 0 0 0; font-size: 16px; color: #bfbfc0;}
.banner-bullets ul{display: flex; flex-wrap: wrap;}
.banner-bullets ul li{padding: 0 18px 0 22px; position: relative; align-items: center; display: flex; width: 50%; margin: 12px 0 0 0;}
.banner-bullets ul li i{position: absolute; left: 0; top: 22px; color: #fff; font-size: 14px;}
/*=== Banner End ===*/

/*=== Middle ===*/
.middle{background: #fff; position: relative;}
.middle-top{padding: 0 0 64px;}
.middle-top .col-1{width: 100%;  margin: -24px 0 0 0;}
.middle-top .col-2{width: 100%; display: none;}
.middle-top h2{color: #09090b; font-size: 22px; line-height: 1.25; font-weight: 400; padding: 0 0 8px;}
.middle-top h2 span{font-weight: 900;}
.middle-top p{padding: 16px 0 0 0;}
.middle-top p a{color: #D22B2B; text-decoration: underline; font-weight: 700;}
.middle-top p a:hover{color: #000; text-decoration: none;}
.check-bullets{padding: 16px 0 0 0;}
.check-bullets ul li{border-bottom: 1px dashed #e4e4e7; padding: 16px 0 16px 24px; position: relative;}
.check-bullets ul li strong{color: #09090b; font-weight: 900;}
.check-bullets ul li i{position: absolute; left: 0; top: 23px; color: #D22B2B;}
.check-bullets ul li:last-child{border: none;}
.sub-title{position: relative; color: #09090b; margin: 32px 0 0 0; font-weight: 800;}
.sub-title:after{width: 100%; display: block; position: absolute; left: 0; top: 16px; height: 1px; background: #e4e4e7; content: ""; }
.sub-title span{background: #fff; padding: 0 10px 0 0; position: relative; z-index: 1;}
.dot-bullets{padding: 12px 0 0 0;}
.dot-bullets ul{display: flex; flex-wrap: wrap; position: relative;}
.dot-bullets ul:after{width: 100%; position: absolute; left: 0; bottom: 0; background: #fff; content: ""; height: 1px;}
.dot-bullets ul li{width: 50%; padding: 10px 0 10px 14px; position: relative; border-bottom: 1px dashed #e4e4e7;}
.dot-bullets ul li:after{width: 5px; height: 5px; background: #D22B2B; display: block; position: absolute; left: 0; top: 22px; border-radius: 50%; content: "";}
.dot-bullets ul li strong{font-weight: 800;}
.number-bullets{padding: 12px 0 0 0;}
.number-bullets ul li{padding: 10px 0 10px 20px; position: relative; width: 100%; display: block; border-bottom: 1px dashed #e4e4e7;}
.number-bullets ul li:last-child{border: none;}
.number-bullets ul li span{color: #D22B2B; position: absolute; left: 0; top: 10px; font-weight: 800}
.number-bullets ul li strong{font-weight: 800;}
.right-cta-box{background: #fff; position: sticky; top: 148px; margin: 64px 0 0 0;}
.right-cta-box-bottom{box-shadow: 10px 10px 70px #0000001a; padding: 32px; text-align: center;}
.right-cta-box-title{font-size: 20px; font-weight: 800;}
.right-cta-box-bottom p{padding: 8px 0 0 0;}
.call-btn{padding: 16px 0 0 0;}
.call-btn a{background: #D22B2B; padding: 14px 0; font-size: 20px; font-weight: 800; color: #fff; text-decoration: none; width: 100%; display: block;}
.call-btn a:hover{background: #2077c8;}
.call-btn a i{margin: 0 4px 0 0; font-weight: 900;}
.cta-section{background: url("../images/cta-bg.jpg") no-repeat center/cover; padding: 40px 0 54px;}
.cta-section h3{font-size: 28px; text-align: center; color: #fff; font-weight: 900; line-height: 1.25}
.cta-section h3 span{font-size: 22px;}
.cta-section p{padding: 10px 0 0 0; font-size: 18px; color: #c7cbd0; line-height: 1.675; text-align: center;}
.cta-section p a{color: #fff; text-decoration: underline;}
.cta-section p a:hover{text-decoration: none;}
.mobile-middle-img{position: relative; top: -70px;}
/*=== Middle End ===*/


/*=== Footer ===*/
footer{background: #18181b; border: 1px solid #303032; padding: 16px 0 180px; font-size: 14px;}
footer .col-1{width: 100%;}
.footer-title{position: relative; font-weight: 800; font-size: 14px; text-transform: uppercase; color: #fff; margin: 40px 0 0 0;}
.footer-title:after{width: 100%; height: 1px; background: #303032; display: block; position: absolute; left: 0; top: 10px; content: "";}
.footer-title .arrow{width: 32px; height: 32px; border: 1px solid #303032; background: #18181b; position: absolute; right: 0; top: -7px; z-index: 1; text-align: center; line-height: 30px;}
.footer-title .text{background: #18181b; position: relative; z-index: 1; padding: 0 10px 0 0;}
.footer-nav{padding: 12px 0 0 0;}
.footer-nav ul{width: 50%;}
.footer-nav ul li{width: 100%; display: block; padding: 20px 0 0 0;}
.footer-nav ul li a{color: #c5c5c6; text-decoration: none;}
.footer-nav ul li a:hover{color: #fff; text-decoration: none;}
footer p{padding: 32px 0 0 0; color: #c5c5c6; line-height: 190%;}
footer p.lesspad{padding: 20px 0 0;}
footer .col-2{width: 100%; }
/*=== Footer End ===*/

@media screen and (min-width:768px){
	.mobile-cta{display: none;}
	/*=== Header ===*/
	.header-container{padding: 24px 0;}
	.logo a{font-size: 17px;}
	.logo .mark{width: 40px; height: 40px; margin: 0 10px 0 0; font-size: 20px; padding: 4px 0 0 0;}
	.tel-title{display: inherit;}
	.tel-number{padding: 0 0 0 10px; font-size: 17px;}
	.icon-box{width: 40px; height: 40px; font-size: 18px; margin: 0 0 0 10px; padding: 5px 0 0 0;}
	.header-mobile-strip{display: none;}
	.header-tel{padding: 0;}
	
	/*=== Header End ===*/
	
	/*=== Banner ===*/
	.banner{margin: 88px 0 0 0;}
	.banner h1{font-size: 44px;}
	.banner h1 span{font-size: 28px;}
	/*=== Banner End ===*/
	
	/*=== Middle ===*/
	.middle-top h2{font-size: 32px;}

	.cta-section{padding: 70px 0 78px;}
	.cta-section h3{font-size: 44px;}
	.cta-section h3 span{font-size: 28px;}
	/*=== Middle End ===*/
	
}

@media screen and (min-width:992px){
	/*=== Middle ===*/
	/*=== Middle End ===*/
}

@media screen and (min-width:1200px){
	.container{max-width: 1070px;}
	
	/*=== Header ===*/
	header .container{max-width: 1070px;}
	/*=== Header End ===*/
	
	/*=== Banner ===*/
	.banner{padding: 98px 0 118px;}
	.banner h1{font-size: 56px;}
	.banner h1 span{font-size: 40px;}
	.banner p{font-size: 24px;}
	.banner-bullets{font-size: 18px;}
	.banner-bullets ul{row-gap: 12px; justify-items: center; column-gap: 32px; padding: 14px 0 0 0; flex-wrap: nowrap;}
	.banner-bullets ul li{width: auto; padding: 0 0 0 32px;}
	.banner-bullets ul li i{font-size: 18px;}
	.banner-btn a{font-size: 24px; padding: 14px 36px;}
	.banner-rating{padding: 26px 0 0 0;}
	.timing-text{padding: 26px 0 0 0; font-size: 24px;}
	.timing-text span{top: -4px;}

	/*=== Banner End ===*/
	
	/*=== Middle ===*/
	.middle-row{margin: 0 -64px;}
	.middle-top .col-1{width: 60.5%; border-right: 1px solid #e4e4e7; margin: 64px 0 0 0; padding: 0 64px;}
	.middle-top .col-2{width: 39.5%; display: inline-block; padding: 0 64px;}
	.dot-bullets ul li{width: 33.33%;}
	.cta-section h3{font-size: 56px;}
	.cta-section h3 span{font-size: 40px;}
	.cta-section p{font-size: 24px;}
	.mobile-middle-img{display: none;}
	/*=== Middle End ===*/
	
	/*=== Footer ===*/
	footer{background: #18181b; border: 1px solid #303032; padding: 49px 0 82px;}
	.footer-row{margin: 0 -34px;}
	footer .col-1{width: 38%; padding: 0 34px; order: 0}
	footer .col-2{width: 62%; padding: 0 34px; order: 1;}
	/*=== Footer End ===*/
}

@media screen and (min-width:1300px){
	.wrapper{max-width: 1926px;  padding: 0 63px;}
	
	/*=== Header ===*/
	.header-wrap{max-width: 1926px;  padding: 0 63px;}
	/*=== Header End ===*/
}