@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root{
 --red: #DF2D38;
 --gray:#F6F6F6;
 --orange:#F58030;
}

/*--------------------------------------------------------------------------------------*/
/*General-Css-Here
/*--------------------------------------------------------------------------------------*/

*{margin: 0; padding: 0; box-sizing: border-box;}
body,html{font-size: 16px; font-weight: 400; font-style: normal; box-sizing: border-box; font-family: "Poppins", sans-serif;}
body{background: var(--gray);}
html{scroll-padding-top: 10rem;}
a{text-decoration: none; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
button{transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
ul{margin: 0; padding: 0; list-style: none;}
img{max-width: 100%;}

.btn{border-radius: 8px; background: var(--red); color: #fff; font-size: 16px; border: none; height: 50px; line-height: 50px; font-weight: 600; padding-top: 0; padding-bottom: 0; display: inline-flex; align-items: center; gap: 10px; justify-content: center;}
.btn:hover{background:#000; color:#fff;}
.btn.outline-btn{background: rgba(255, 255, 255, 0.20); border: 1px solid var(--shades-secondary-s200); color: var(--icons-black); width: 50px; height: 50px; border-radius: 60px; font-size: 24px; color: var(--icons-white);}
.border-btn{border: 1px solid var(--prime-primary); color: var(--prime-primary); background:transparent; line-height: 48px; padding-top: 0; padding-bottom: 0;}
.btn i{font-size: 22px;}

.form-check label{font-size: 14px; color: var(--text-black);}
.form-check-input:checked{background-color: var(--prime-primary); border-color: var(--prime-primary);}
.section-padding{padding: 80px 0px;}
p{color: #616161; font-size: 14px;}
.warper{padding-top: 94px;}

.form-control{height: 48px;}
textarea.form-control{height: 148px;}



/*--------------------------------------------------------------------------------------*/
/*header-Css-Here
/*--------------------------------------------------------------------------------------*/

header{position: fixed; left: 0; top:0; width: 100%; z-index: 99;}
.header-inner{background:var(--red); padding: 21px 0px; position: relative;}
.header-inner::before{content: ""; width: 40px; height: 95px; background: url(../images/left-shape01.svg) no-repeat left top; position: absolute; left: -40px; top: -1px;}
.header-inner::after{content: ""; width: 40px; height: 95px; background: url(../images/right-shape01.svg) no-repeat right top; position: absolute; right: -40px; top: -1px;}
.navbar ul li a{font-size: 14px; color: #fff; font-weight: bold; }
.navbar ul li a:hover{color: #fff;}
.download-app-btn .btn{background: #fff; color:var(--red);}

/*--------------------------------------------------------------------------------------*/
/*home-page-css-here
/*--------------------------------------------------------------------------------------*/

.banner-section{background:url(../images/shape1.png) no-repeat left 100px,url(../images/shape2.png) no-repeat right 0px, var(--gray);}
.banner-des{display: flex; flex-direction: column; gap: 10px;}
.banner-des span{color: var(--orange); font-weight: 600; font-size: 20px;}
.banner-des h1{font-size: 60px; font-weight: bold; color: #000;}
.about-section{background: #FFFFFF; border-radius: 100px 100px 0px 0px; position: relative;}
.section-head{margin-bottom: 30px; background: url(../images/head-shape.png) no-repeat center bottom; padding-bottom: 40px; margin-bottom: 50px; display: flex; flex-direction: column; gap: 10px;}
.section-head span{font-size: 20px; color: var(--orange); font-weight: 600;}
.section-head h2{font-size: 50px; font-weight: bold; color: #000; margin: 0;}
.shape-box{position: absolute; pointer-events: none;}
.about-shape1{top: -170px; right: 0;}
.about-shape2{bottom: 100px; left: 0;}
.about-shape3{bottom: 00px; right: 0;}
.about-content-list{display: flex; flex-direction: column; gap: 30px;}
.about-content-box{display: flex; flex-direction: column; gap: 15px;}
.about-content-box h3{margin: 0; font-size: 20px; color:#000; font-weight: 600;}
.about-content-box p{margin: 0;}
.about-mid-box{text-align: center; display: flex; flex-direction: column; gap: 30px;}
.why-choose-content .section-head{background-position: left bottom; margin-bottom: 30px;}
.why-choose-section{background: url(../images/why-choose-banner.png) no-repeat; background-size: cover; padding-top: 50px;}
.why-choose-content{background: rgba(255, 255, 255, 0.53); backdrop-filter: blur(62px); border-radius: 30px 30px 0px 0px; padding: 40px;}
.why-choose-list ul{display: flex; flex-direction: column; gap: 20px;}
.why-choose-list ul li{display: flex; align-items: center; gap: 15px; border-radius: 16px; background: #fff; padding: 15px;}
.why-choose-list ul li figure{margin: 0; width: 67px; height: 67px; flex:0 0 67px; background: #F5EAE2; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 31px; color: var(--red); font-weight: 700;}
.why-choose-list ul li figcaption{display: flex; flex-direction: column; gap: 5px;}
.why-choose-list ul li figcaption h3{margin: 0; font-size: 17px; font-weight: 600; color:#000;}
.why-choose-list ul li figcaption p{margin: 0;}
.why-choose-image{width: 100%; text-align: center;}
.app-screenshots-section{background:url(../images/screenshot-bg.png)no-repeat center 95px,#fff;}
.app-screenshots-list ul{display: flex; align-items: center; gap: 30px;}
.app-download-bg{background: linear-gradient(115.04deg, #DF2D38 19.06%, #F58030 70.65%); border-radius: 30px; padding: 70px 70px 0px 70px;}
.app-download-section{position: relative; background: #fff;}
.download-des{display: flex; flex-direction: column; gap: 20px;}
.download-des h5{font-size: 20px; color: #fff; font-weight: 600;}
.download-des h2{font-size: 50px; color: #ffff; font-weight: 600;}
.download-des p{color: #fff;}
.about-shape4{left: 0; bottom:0;}
.about-shape5{right: 0; top:0;}
.accordion-item{margin-bottom: 20px; background: #fff; border: solid 1px var(--shades-secondary-s200) !important; border-radius: 20px !important; overflow: hidden;}
.accordion-button{font-size: 18px; outline: none !important; box-shadow: none !important; color: #000; font-weight: 600;}
.accordion-button:not(.collapsed){background: #fff; border: none; color: var(--text-black);}
.accordion-body{padding-top: 0; font-size: 15px; color: var(--text-black);}
.contact-des-box h4{font-weight: bold;}

/*--------------------------------------------------------------------------------------*/
/*footer-css-here
/*--------------------------------------------------------------------------------------*/

footer{background: #000; border-top: 15px solid #DF2D38; border-radius: 100px 100px 0px 0px;}
.top-footer{padding: 40px 0px;}
.footer-top-des{display: flex; flex-direction: column; gap: 25px; text-align: center;}
.top-footer{display:flex; flex-direction: column; gap: 10px;}
.footer-menu ul{display: flex; align-items: center; justify-content: center; gap: 30px;}
.footer-menu ul li a{font-size: 14px; color:#fff; font-weight: 600;}
.bottom-footer{text-align: center;}
.copyright-des{padding: 30px 0px; border-top: solid 1px rgba(255, 255, 255, 0.20);}
.bottom-footer p{margin: 0;color: #fff;}
.social-link{display: flex; align-items: center; justify-content: center; gap: 10px;}