:root{
    --black: #262626;
    --white: #ffffff;
    --text-gradient: linear-gradient(89deg, #009444 -0.19%, #D7DF23 87.21%);
    --green: #009444;
    --border-color: #E8E8E8;
    --footer-p: #858585;
    --copy-right-border: #D0D0D0;
    --box-border:#D7D7D7;
    --light-green: #EDFFF5;
    --badge-border:#DFDFDF;
    --disabled: #C3C3C3;
    --icon-box-bg: #F9F9F9;
    --icon-box-border: rgba(217, 217, 217, 0.87);
    --feature-d-border: #D9D9D9;
}
body{font-family: "Inter", sans-serif;color: var(--black);background-color: var(--white);}

/*************************************** Input Placeholder ***************************************/
input::-webkit-input-placeholder {color: var(--black) !important;}
input::-moz-placeholder {color: var(--black) !important;}
input:-ms-input-placeholder {color: var(--black) !important;}
input:-moz-placeholder {color: var(--black) !important;}

/*************************************** Button Style ***************************************/
.custom-btn{
    border-radius: 52px;background: var(--black);padding: 16px 24px;color: var(--white);font-size: 18px;font-weight: 500;line-height: 135%;
    display: inline-block; text-align: center;border: 0;text-decoration: none;transition: 0.3s all;
}
.custom-btn:hover{background: var(--green);transition: 0.3s all;}

/*************************************** Navbar ***************************************/
.navbar-brand{margin-right: 40px;}
nav{background: rgba(255, 255, 255, 0.70);backdrop-filter: blur(35px);}
.nav-link{padding: 8px 24px !important;font-weight: 500;color: var(--black);}
.nav-link.active{background: var(--text-gradient);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.dropdown-toggle::after{
    border: solid var(--black);border-width: 0 2px 2px 0;display: inline-block;padding: 3px;transform: rotate(45deg);-webkit-transform: rotate(45deg);
    transition: 0.3s all ease-in;margin-left: .255em;margin-bottom: -0.155em;
}
.book-demo{border-radius: 16px;background: var(--text-gradient);color: var(--white) !important;padding: 10px 24px !important;font-size: 16px;background-size: 100% 200%;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.book-demo:hover{
    background:var(--text-gradient);background-position: 70% 0;background-size: 200% 200%;
    -moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;
}

/*************************************** Banner Section ***************************************/
section{padding: 130px 0;}
.banner-bg,.features-bg{position: relative;overflow: hidden;padding: 100px 0;}
.banner-bg::before{
    position: absolute;content: '';background-image: url(../img/banner-shape.svg);background-repeat: no-repeat;background-size: cover;
    background-position: center center;height: 100%;top: -300px;width: 100%;z-index: -1;
}
.banner-content{max-width: 1068px;}
.banner-content h1{color: var(--black);font-size: 66px;font-weight: 600;line-height: 135%;margin-bottom: 16px;}
.banner-content span,h2 span,.breadcrumb .breadcrumb-item.active{
    background: var(--text-gradient);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;
    -webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-animation: glow 5s linear infinite;animation: glow 5s linear infinite;background-size: 200%;display: inline-block;
}
@-webkit-keyframes glow {
    0% {background-position: 0% 43%}
    50% {background-position: 100% 58%}
    100% {background-position: 0% 43%}
}
@keyframes glow {
    0% {background-position: 0% 43%}
    50% {background-position: 100% 58%}
    100% {background-position: 0% 43%}
}
.banner-content p{max-width: 733px;font-weight: 400;line-height: 175%;margin-bottom: 0;}
.email-box{display: block;gap: 32px;max-width: 895px;margin: auto;}
.email-box input{border-radius: 52px;border: 1px solid var(--green)!important;background: rgba(255, 255, 255, 0.50)!important;min-height: 76px;padding: .375rem 2rem;box-shadow: none !important;}
.min-width{min-width: 216px;padding: 16px 32px !important;}

/*************************************** Number Box Section ***************************************/
.inner-title-width{max-width: 581px;}
h2{color: var(--black);font-size: 56px;font-weight: 600;line-height: 135%;}
.paragraph-style p{font-weight: 400;line-height: 175%;}
.margin-b-60{margin-bottom: 60px;}

.number-box{border-radius: 16px;border: 1px solid var(--border-color);padding: 24px 32px;height: 100%;max-width: 307px;}
.number-box h3{color: var(--black);font-size: 56px;font-weight: 600;line-height: 135%;}
.number-box p{font-size: 18px;font-weight: 400;line-height: 135%;margin: 0;}


/*************************************** Powerful Features Section ***************************************/
.powerful-main::before{
    content: ''; background-image: url(../img/powerful-features-top-line-shape.svg);position: absolute;height: 100%;width: 100%;background-size: auto;
    background-repeat: no-repeat;background-position: top right;top: 4%;z-index: -1;
}
.powerful-main::after{
    content: ''; background-image: url(../img/powerful-features-bottom-line-shape.svg);position: absolute;height: 100%;width: 100%;background-size: auto;
    background-repeat: no-repeat;background-position: bottom left;bottom: -4%;z-index: -1;
}
.powerful-text{max-width: 990px;}
.powerful-inner-content{max-width: 581px;}
.powerful-inner-content h3{color: var(--black);font-size: 40px;font-weight: 600;line-height: 135%;max-width: 576px;}
.column-gap{column-gap: 79px;row-gap: 79px;}
.ul-check-mark > li{display: flex;color: var(--black);font-size: 16px;font-weight: 600;line-height: 175%;}
.ul-check-mark > li:not(:last-child){margin-bottom: 16px;}
.ul-check-mark li::before{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M9.9997 15.6709L19.1921 6.47852L20.6063 7.89273L9.9997 18.4993L3.63574 12.1354L5.04996 10.7212L9.9997 15.6709Z' fill='%23009444'/%3E%3C/svg%3E");margin-right: 16px;}
.column-row-gap{column-gap: 120px;row-gap: 120px;}
.top-shape::after{
    content: ''; background-image: url(../img/powerful-features-top-shape.svg);position: absolute;height: 100%;width: 100%;background-size: auto;
    background-repeat: no-repeat;background-position: top right;right: -20%;top: 0;left: auto;z-index: -1;
}
.bottom-shape::after{
    content: ''; background-image: url(../img/powerful-features-bottom-shape.svg);position: absolute;height: 100%;width: 100%;background-size: auto;
    background-repeat: no-repeat;background-position: bottom left;bottom: -14%;left: -16%;z-index: -1;
}

/*************************************** Why Pay Section ***************************************/
.why-pay{border-radius: 64px;background: var(--black);padding: 64px;overflow: hidden;z-index: 1;}
.why-pay::before{ content: '';background: url(../img/why-pay-left.svg) no-repeat left bottom;position: absolute;width: 100%;height: 100%;top: 17px;left: 60px;z-index: -1;}
.why-pay::after{ content: '';background: url(../img/why-pay-right.svg) no-repeat right bottom;position: absolute;width: 100%;height: 100%;top: 17px;right: 60px;z-index: -1;}
.why-content{max-width: 895px;column-gap: 40px;row-gap: 40px;}
.why-content h2{color: var(--white);margin-bottom: 40px;}
.why-content .custom-btn{background: var(--white);color: var(--black);}
.why-content .custom-btn span{color: var(--green);font-weight: 700;}


/*************************************** The Real Section ***************************************/
.the-real-text{max-width: 1080px;}
.benefits-of-cartrush{
   height: 100%;border-radius: 24px;padding: 24px 32px;gap: 16px;position: relative;background: var(--white);background-clip: padding-box;border: solid 1px transparent;border-radius: 24px;
}
.benefits-of-cartrush::before{
    content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;margin: -1px;border-radius: inherit;background: linear-gradient(to right, #009444 0%, #d7df23 100%);
}
.benefits-of-cartrush h3,.features-details h3{color: var(--black);font-size: 36px;font-weight: 700;line-height: 175%;}
.benefits-of-cartrush p{font-size: 16px;font-weight: 400;line-height: 175%;margin-bottom: 0;}


/*************************************** Footer Section ***************************************/
footer{
    position: absolute;content: '';background-image: url(../img/footer-bg.svg);background-repeat: no-repeat;background-size: cover;
    background-position: center center;width: 100%;z-index: -1;
}
.five-column{max-width: 1298px;padding: 83px 0 60px;gap: 66px;}
.footer-logo-box{max-width: 269px;}
.footer-logo-box img{margin-bottom: 24px;}
.footer-logo-box p{color: var(--footer-p);}
.inner-four-column{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-auto-columns: 1fr;column-gap: 90px;row-gap: 30px;}
.inner-four-column ul{margin-bottom: 0;}
.inner-four-column ul > li:first-child{color: var(--black);font-size: 18px;font-weight: 600;line-height: 135%;}
.inner-four-column ul > li:not(:last-child){margin-bottom: 26px;}
.inner-four-column ul > li > a{color: var(--black);text-decoration: none;}
.copy-right{border-top: 1px solid var(--copy-right-border);padding: 40px 12px 30px;}
.copy-right p{font-weight: 600;}


/*************************************** Price Page ***************************************/
.price-banner h1{max-width: 750px;}
.pricing-main{grid-template-columns: 1fr 1fr;grid-auto-columns: 1fr; column-gap: 32px;row-gap: 32px;}
.pricing-box{border-radius: 16px;border: 1px solid var(--box-border);background: var(--white);padding: 32px;}
.total-price{border-radius: 24px;background: var(--light-green);padding: 24px;}
.text-bg-light{border-radius: 55px;border: 1px solid var(--badge-border);background: var(--white);padding: 8px 16px;font-size: 18px;font-weight: 500;line-height: 135%;}
.text-bg-light svg{margin-right: 10px;}
.total-price h2{color: var(--black);font-size: 54px;font-weight: 600;line-height: 135%;}
.total-price h2 > span{color: var(--black) !important;font-size: 24px;font-weight: 600;line-height: 135%;-webkit-text-fill-color: unset;margin-left: 12px;}
.total-price p{line-height: 135%}
.checkmart-point li::before{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM5 5V19H19V5H5ZM11.0026 16L6.75999 11.7574L8.17421 10.3431L11.0026 13.1716L16.6595 7.51472L18.0737 8.92893L11.0026 16Z' fill='url(%23paint0_linear_362_4632)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_362_4632' x1='3' y1='23.3684' x2='18.9657' y2='23.1293' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23009444'/%3E%3Cstop offset='1' stop-color='%23D7DF23'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");margin-right: 10px;}
.checkmart-point ul > li {display: flex;padding: 8px 10px;}
li.check-disabled{color: var(--disabled);}
li.check-disabled::before{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM5 5V19H19V5H5ZM11.0026 16L6.75999 11.7574L8.17421 10.3431L11.0026 13.1716L16.6595 7.51472L18.0737 8.92893L11.0026 16Z' fill='%23C4C4C4'/%3E%3C/svg%3E");}


/*************************************** Features Page ***************************************/
.features-bg::before{position: absolute;content: url(../img/features-left-shape.svg);top: -80px;left: 0;background-image: none;z-index: -1;}
.features-bg::after{position: absolute;content: url(../img/features-right-shape.svg);top: -80px;right: 0;background-image: none;z-index: -1;}
.all-icon-box{grid-template-columns: 1fr 1fr 1fr 1fr;grid-auto-columns: 1fr;column-gap: 50px;row-gap: 50px;}
.icon-box{border-radius: 32px;border: 1px solid var(--icon-box-border);background: var(--icon-box-bg);display: flex;padding: 32px;flex-direction: column;gap: 8px;}
.inner-icon-box{border-radius: 16px;background: var(--white);display: flex;padding: 10px 0px;justify-content: center;align-items: center;gap: 10px;width: 100%;}
.icon-box p{text-align: center;font-size: 21px;font-weight: 600;line-height: 175%;max-width: 188px;margin: 0 auto;}
.max-150{max-width: 150px !important;}


/*************************************** Features Details Page ***************************************/
.breadcrumb-item a{color: var(--black);text-decoration: none;}
.breadcrumb .breadcrumb-item.active{font-weight: 600;}
.breadcrumb-item+.breadcrumb-item::before {
    background: var(--black);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 400;
}
.hr-style{border-top: 1px solid var(--feature-d-border);margin: 49px 0 67px;}
.features-inner-bg::before{
    content: '';background: url(../img/features-center-shape.svg) no-repeat center right / contain;position: absolute;top: 40%;right: 0;z-index: -1;height: 612px;width: 614px;
}
.features-details{max-width: 1075px;}
.features-details h3{font-weight: 600;line-height: 135%;max-width: 641px;margin-bottom: 16px;}
.features-details p{font-size: 21px;font-weight: 400;line-height: 175%;}
.features-details img{margin: 50px 0;border-radius: 10px;box-shadow: -29px 37px 122.5px 0px rgba(0, 0, 0, 0.10);}
.features-inner-details{margin-bottom: 50px;position: relative;}
.features-inner-details h3,.features-why-choose h3{margin-bottom: 24px;}
.features-inner-details ol{padding-left: 1.3rem;}
.features-inner-details h6,.features-inner-details li::marker,.features-why-choose h6{color: var(--black);font-size: 21px;font-weight: 600;line-height: 135%;margin-bottom: 8px;}
.features-inner-details p,.features-why-choose p{margin-left: -21px;margin-bottom: 0;font-size: 16px !important;}
.features-inner-details li:not(:last-child){margin-bottom: 24px;}
.features-why-choose p{margin-left: 0;}
.features-why-choose li:not(:last-child){margin-bottom: 16px;}


/*************************************** Media Query Section ***************************************/

@media screen and (max-width:1524px) {
    .powerful-main::after{bottom: -10%;left: -20%;}
}

@media (min-width: 1200px) {
    .container{max-width: 1464px;}
}

@media screen and (max-width:1199px) {
    .banner-content h1{font-size: 58px;}
    .email-box{gap: 16px;max-width: 700px;}
    .email-box input{min-height: 54px;}

    .inner-title-width {max-width: 430px;}
    h2,.number-box h3{font-size: 44px;}
    .number-box p{font-size: 16px;}

    .powerful-inner-content{max-width: 450px;}
    .column-gap{column-gap: 40px;}
    .powerful-inner-content h3{font-size: 30px;}

    .powerful-main::before{top: 0%;right: -18%;}
    .powerful-main::after {bottom: -10%;left: -40%;}
    .top-shape::after{right: -30%;}
    .bottom-shape::after{left: -44%;}

    .why-pay{padding: 64px 64px 100px;}
    .why-pay::before{left: 10px;}
    .why-pay::after{right: 10px;}

    .benefits-of-cartrush h3,.features-details h3{font-size: 26px;}

    .five-column{gap: 33px;}
    .all-icon-box{grid-template-columns: 1fr 1fr 1fr;}

    .features-details p{font-size: 18px;}
}

@media screen and (max-width:991px) {
    .navbar-brand {margin-right: 16px;}
    .nav-link {padding: 8px 12px !important;}
    section,.banner-bg,.features-bg {padding: 50px 0;}

    .banner-bg::before{top: -200px;}
    .banner-content h1{font-size: 44px;}
    .email-box{max-width: 600px;}
    .custom-btn{font-size: 16px;padding: 12px 24px;}

    .inner-title-width {max-width: 330px;}
    h2,.number-box h3{font-size: 36px;}
    .number-box,.powerful-inner-content{max-width: 100%;}
    .column-row-gap{row-gap: 60px;}
    .column-gap{row-gap: 40px;}
    .powerful-inner-content h3{font-size: 26px;max-width: 100%;}
    .ul-check-mark > li:not(:last-child) {margin-bottom: 8px;}

    .bottom-shape::after{background-position: 100% 100%;bottom: 0%;}
    .powerful-main::after {bottom: 1%;}
    .why-pay {padding: 32px;}
    .why-content h2{margin-bottom: 20px;}
    .why-pay::after,.why-pay::before{background-image: none;}

    .benefits-of-cartrush{margin-bottom: 30px;height: auto;}
    .why-pay{border-radius: 32px;}

    .inner-four-column{column-gap: 30px;}
    .icon-box{padding: 32px 16px;}
    .all-icon-box{column-gap: 40px;row-gap: 40px;}
    .icon-box p{font-size: 18px;max-width: 164px;}
    .max-150 {max-width: 130px !important;}

    .features-inner-details h6, .features-inner-details li::marker, .features-why-choose h6{font-size: 18px;}
}

@media screen and (min-width: 767px) {
	.navbar {min-height: 80px;top: 0;}
	.dropdown:hover .dropdown-menu {display: block;margin-top: 0;}
	.dropdown .dropdown-menu {display: none;}
	.dropdown:hover .dropdown-toggle::after {transform: rotate(224deg);-webkit-transform: rotate(224deg);transition: 0.3s all ease-in;}
}

@media screen and (max-width:767px) {
    .navbar-nav .dropdown{width: 100%;}
    .navbar-nav .dropdown-item{text-align: center;}
    .navbar-toggler{border: 0;box-shadow: none !important;padding: 0;}
	.navbar-toggler .icon-bar:nth-of-type(1) {-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);}
	.navbar-toggler .icon-bar:nth-of-type(2) {opacity: 1;filter: alpha(opacity = 100);}
	.navbar-toggler .icon-bar:nth-of-type(3) {-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);}
	.navbar-toggler .icon-bar + .icon-bar {margin-top: 4px;}
	.navbar-toggler .icon-bar {width: 22px;display: block;height: 2px;background-color: var(--black);-webkit-transition: all 0.2s;transition: all 0.2s;}
	.navbar-toggler[aria-expanded=true] .icon-bar:nth-of-type(1) {
		-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform-origin: 10% 10%;-ms-transform-origin: 10% 10%;transform-origin: 10% 10%;
	}
	.navbar-toggler[aria-expanded=true] .icon-bar:nth-of-type(2) {opacity: 0;filter: alpha(opacity = 0);}
	.navbar-toggler[aria-expanded=true] .icon-bar:nth-of-type(3) {
        -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transform-origin: 10% 90%;-ms-transform-origin: 10% 90%;transform-origin: 10% 90%;
    }
	.navbar .nav-link {text-align: center;}
	
    .banner-bg::before{top: -100px;}
    .banner-content h1{font-size: 36px;}
    .email-box{display: grid;margin: 30px 0;}

    .inner-title-width {max-width: 100%;}
    h2,.number-box h3{font-size: 30px;}
    .margin-b-60{margin-bottom: 30px;}

    .powerful-main::before,.powerful-main::after,.top-shape::after,.bottom-shape::after{background-image: none;}
        
    .five-column{padding: 40px 0;}
    .inner-four-column{grid-template-columns: 1fr 1fr;}
    
    .pricing-main{grid-template-columns: 1fr}
    .pricing-box{padding: 16px;}

    .icon-box {padding: 16px 16px;}
    .all-icon-box{grid-template-columns: 1fr 1fr}
    .all-icon-box{column-gap: 20px;row-gap: 20px;}
    .icon-box p{font-size: 14px;max-width: 128px;}
    .max-150 {max-width: 100px !important;}
}

@media screen and (max-width:575px) {    
    .number-box{padding: 20px;}
    .number-box p {font-size: 12px;}
    .benefits-of-cartrush h3,.features-details h3{font-size: 24px;}
    .inner-four-column ul > li {margin-bottom: 13px !important;}
    .inner-four-column ul > li > a{font-size: 14px;}
    .copy-right{padding: 20px;}
}