@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

body {font-family: font-family: "Jost", sans-serif !important; font-weight: 400;}
.banner-bg {background-image: linear-gradient(to top , #f3bc32, #f6d56d, #f3bc32);  padding-top:20px;}
.logo {width:180px;}
.right-logo {width:300px; height: 150px; margin-left: auto;}
.right-logo > img {width: 100%; height: 100%; object-fit: contain;}
.banner-img {width:100%; margin-top:-20px; position: relative; right: 50px;}
.banner-main-heading {font-size: 56px; font-weight: 700; color:#3d4142; text-align: center; text-transform: uppercase; padding-top:20px;}
.banner-heading {font-size: 46px; font-weight: 700; color:#e05f4b; text-align: center;  text-transform: uppercase; }
.banner-btn {border-radius: 10px; background: #fff; color:#3d4142; text-align: center; display: table; margin: 40px auto 20px; padding:15px 40px; font-size:18px; font-weight: 500; box-shadow: 0px 0px 24px #ccc;}
.banner-btn:hover {text-decoration: none; color:#3d4142;}
.wrap-hding {font-size:34px;color:#000; font-weight: 700; padding-top:50px; padding-bottom: 20px;}
.wrap-hding > span {color:#e05f4b;}
.form-design { background:#c1d7df; border:1px solid #ddd; margin-bottom:30px; }
.form-hding {background: #e05f4b; color:#fff; padding:10px; font-size:24px; text-align: center; display: block;}
.form-area {padding:30px 50px;}
.form-field {width: 100%; border:none; font-size:16px; background:#fff; border-radius:10px; padding:8px 15px; }
.form-lbl {color:#3d4142; font-size:16px;}
.form-btn {background-image: linear-gradient(to top , #f3bc32, #f6d56d, #f3bc32); color:#000; text-transform: uppercase; font-weight: 500; margin:0 auto 30px; display: table; border:none; font-size: 18px; text-align: center; border-radius: 8px; padding:10px 80px;}
.bg-sec {background-image: linear-gradient(to top , #f3bc32, #f6d56d, #f3bc32);  padding:0px 0 50px;}
.wc-box {background: #fff; border-radius: 10px 10px 0 0; margin-bottom: 15px; box-shadow: 6px 6px 10px #746e6e;}
.wc-box-header {background-image: linear-gradient(to top , #9f322c, #df5841); height:120px; display:flex; align-items:center; justify-content:center; border-radius:10px 10px 0 0; }
.wc-box-header2 {background-image: linear-gradient(to top , #637e92, #bccdd9); height:120px; display:flex; align-items:center; justify-content:center; border-radius:10px 10px 0 0; }
.wc-box-content {padding:10px 10px 20px;}
.wc-box-hding {font-size: 18px; color:#31689f; text-align: center; font-weight: 500; display: block; margin: 0;}
.wc-box-text {font-size: 18px; color:#000; font-weight: 500; text-align: center; display: block; margin:0;} 
.wc-box-icon {margin: auto; display: table; width: 80px;}
.testimonial-bg {background:#b5cad9; padding:15px; border-radius: 14px; transition: all 0.3s ease-in-out; margin-top: 15px;}
.testimonial-bg:hover {background:#e05f4b; transition: all 0.3s ease-in-out;}
.testimonial-img {width:100%; height: 100%; margin:auto; display: table; padding:20px;}
.testimonial-txt {font-size:14px; color:#000; margin:0;  line-height: 20px; text-align: center; transition: all 0.3s ease-in-out; }
.testimonial-bg:hover .testimonial-txt {color:#fff; transition: all 0.3s ease-in-out; }
.faq-hding {font-size:17px; font-weight: 600; text-transform: uppercase; color:#d96351;} 
.faq-prgh {font-size:15px;  color:#000;} 

footer {position: relative; margin-top:100px;}
.footer-strip-bg {background: #617f9d; padding:5px 0; position:relative;}
.footer-strip-design {background: #617f9d; position:absolute; right:0; top:-30px; width:30%; height:100%;}
.footer-strip-design:after { content:''; position:absolute; left:-63px; top:0px; width:64px; height:39px; background: url('../images/landing-page/revpi/footer-strip-design.png') no-repeat;}
/*.footer-strip-bg:before { content:''; position:absolute; right:0; top:-30px; width:30%; height:100%; background:#ddd; }
.footer-strip-bg:after { content:''; position:absolute; right:0; top:0; width:50px; height:30px; background:#000; }*/
/*.footer-strip-bg:after {content: ''; position: absolute; right:0; top:0; width:100px; height: 40px; }*/
.contact-info {font-size:14px; color:#fff; margin:0; padding:0;}
.footer-copyright-bg {background:#cad9de; padding:20px 0; }
.footer-text {font-size:12px; margin:0; padding: 0;}

.social-icon {margin:0px; padding:0px; display: flex; z-index: 1; position: relative; top:10px;}
.social-icon li {list-style: none; margin-left: 20px;}
.social-icon li:first-child {margin-left: 0px;}
.social-icon li a {color:#fff; font-size:30px;}

@media (max-width:767px) {
	.logo {width:160px;}
	.right-logo {width:160px; height: 80px;}
	.banner-main-heading {font-size:30px;}
	.banner-heading {font-size:20px;}
	.banner-img {margin:20px auto 0; display: table; right:0; width:65%;}
	.wrap-hding {font-size:22px;}
	.form-area {padding:10px;}
	.form-hding {font-size:18px;}
	.form-lbl {font-size:14px;}
	.form-field {font-size: 14px; padding:4px 15px; border-radius: 6px;}
	.faq-hding {font-size:14px;}
	.faq-prgh {font-size:13px;}
	.testimonial-txt {font-size:13px;}
	.footer-strip-design {width:45%;}
	.social-icon li {margin-left: 10px;}
	.social-icon li a {font-size:20px;}
	.footer-strip-design {top:0px;}
	footer {margin-top:0px;}
}
@media (min-width:768px) and (max-width:991px) { 
	.banner-main-heading {font-size:42px; padding-top:0px;}
	.banner-heading {font-size:24px;}
	.banner-img {right:80px;}
}