body{
 font-family:"Plus Jakarta Sans", sans-serif;
 background-color:#000;
 color:#fff;
 scroll-behavior:smooth;
}
 
 @font-face{
 font-family:"canela deck";
 src:url("assets/fonts/CanelaDeck-Thin-Trial.otf");
 font-weight:100;
}
 
 @font-face{
 font-family:"canela deck";
 src:url("assets/fonts/CanelaDeck-Thin-Trial.otf");
 font-weight:300;
}
 
 @font-face{
 font-family:"canela deck";
 src:url("assets/fonts/CanelaDeck-Regular-Trial.otf");
 font-weight:400;
}
 
 @font-face{
 font-family:"canela deck";
 src:url("assets/fonts/CanelaDeck-Medium-Trial.otf");
 font-weight:500;
}
 
 @font-face{
 font-family:"canela deck";
 src:url("assets/fonts/CanelaDeck-Bold-Trial.otf");
 font-weight:700;
}
 
 
 h1,
 h2,
 h3{
 font-family:"Playfair Display", serif;
 /* font-family:canela deck;*/
}
 
 @media (min-width:1200px){
 
 .container,
 .container-lg,
 .container-md,
 .container-sm,
 .container-xl{
 max-width:1224px;
}
}
 
 .navbar-collapse ul li{
 
 align-items:center;
 
 flex-grow:unset;
 align-items:center;
}
 
 .banner{
 background-image:url(../images/fold.png);
 padding:122px 0 70px;
 background-size:cover;
 background-repeat:no-repeat;
 background-position:center;
}
 
 .banner .banner-inner{
 max-width:646px;
 margin:0 auto;
}
 
 .banner h1{
 font-size:64px;
 font-weight:400;
 text-align:center;
 margin:0;
 
}
 
 .banner p{
 font-size:16px;
 font-weight:400;
 text-align:center;
 color:rgba(255, 255, 255, 0.7);
 margin:0;
 padding:20px 0 40px;
}
 
 .btn.btn-primary{
 background-color:#272727;
 padding:20px 64px;
 border-radius:12px;
 border:solid 2px#FFFFFF1A;
 font-size:16px;
 font-weight:600;
 color:#fff;
}
 
 .banner .btn{
 color:#fff;
}
 
 .banner .structural button{
 background-color:unset;
 color:#fff;
 font-size:16px;
 font-weight:600;
 border:none;
 
}
 
 .banner .trusted-by{
 font-size:12px;
 font-weight:400;
 color:rgba(255, 255, 255, 0.69);
 padding:0;
 margin-top:27px;
}
 
 header nav.navbar button.navbar-toggler .navbar-toggler-icon{
 background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
 
 .features{
 padding:65px 0;
}
 
 .heading-2{
 color:rgba(255, 255, 255, 1);
 font-size:45px;
 font-weight:400;
}
 
 .features span{
 color:#FF721A
}
 
 .features h4{
 font-size:20px;
 font-weight:500;
 margin:0px;
 padding-bottom:10px;
 color:rgba(255, 255, 255, 1);
}
 
 .features p{
 font-size:15px;
 font-weight:400;
 margin:0;
 color:rgba(255, 255, 255, 0.8);
}
 
 .features h2{
 padding-bottom:40px;
}
 
 .features .box{
 border:1px solid#323232;
 border-radius:12px;
 overflow:hidden;
 height:100%;
}
 
 .features .feature-card{
 padding:24px 32px;
 border-top:1px solid rgba(50, 50, 50, 1);
}
 
 .custom-col-5{
 width:46.70%;
}
 
 .custom-col-7{
 width:53.30%;
}
 
 .how-it-works{
 padding:65px 0 100px;
 overflow:hidden;
}
 
 .how-it-works h2{
 margin-bottom:40px;
}
 
 .how-it-works .icon-box{
 padding:32px;
 border-radius:10px;
 position:relative;
 background-color:#000;
 height:100%;
}
 
 .how-it-works .icon-box::before,
 .how-it-works .icon-box::after{
 position:absolute;
 width:100%;
 height:100%;
 border-radius:10px;
 content:"";
 left:0;
 top:0;
}
 
 .how-it-works .icon-box::before{
 background:linear-gradient(216.57deg, #FFFFFF -101.97%, rgba(255, 255, 255, 0) 42.18%);
}
 
 .how-it-works .icon-box::after{
 background:linear-gradient(222.91deg, #FFFFFF 0%, rgba(153, 153, 153, 0) 76.2%);
 content:'';
 position:absolute;
 z-index:-1;
 background:linear-gradient(222.91deg, #FFFFFF 0%, rgba(153, 153, 153, 0) 76.2%);
 width:calc(100% + 2px);
 height:calc(100% + 2px);
 left:-1px;
 top:-1px;
}
 
 .how-it-works .icon-box h5{
 font-weight:500;
 font-size:18px;
 color:rgba(255, 255, 255, 1);
 
 margin:10px 0 13px;
}
 
 .how-it-works .icon-box p{
 font-weight:400;
 font-size:14px;
 color:rgba(255, 255, 255, 0.8);
 margin:0;
}
 
 .how-it-works .icon-box h3{
 position:absolute;
 font-size:220px;
 font-weight:500;
 color:rgba(255, 255, 255, 0.2);
 bottom:-102px;
 right:calc(100% - 40px);
}
 
 .how-it-works .gutter-10{
 margin-left:-50px;
 margin-right:-50px;
}
 
 .how-it-works .gutter-10 [class*="col-"]{
 padding:0 50px;
 position:relative;
}
 
 .why-choose{
 padding:65px 0;
 position:relative;
}
 
 .why-choose .viewport{
 position:absolute;
 top:0;
 right:0;
}
 
 .why-choose .viewport img{
 width:80px;
}
 
 .why-choose .why-choose-content{
 background:#fff;
 position:relative;
 padding:40px;
 border-radius:24px;
 background:linear-gradient(102.03deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 246, 241, 0.96) 50%, rgba(255, 255, 255, 0.96) 100%);
 
}
 
 .why-choose h2{
 color:rgba(0, 0, 0, 1);
 margin-bottom:40px;
 
}
 
 .why-choose span{
 color:#FF721A
}
 
 .why-choose .card{
 background:RGBA(255, 255, 255, 1);
 background:linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
 border-radius:10px;
 padding:32px;
 border:1px solid rgba(153, 153, 153, 0);
}
 
 .why-choose .card img{
 width:70px;
}
 
 .why-choose .card h4{
 color:rgba(0, 0, 0, 1);
 font-size:20px;
 font-weight:500;
 margin:10px 0 13px;
 
}
 
 .why-choose .card p{
 font-size:16px;
 font-weight:400;
 margin:0px;
 color:rgba(0, 0, 0, 0.8);
}
 
 .pricing{
 background-image:url(../images/pricing-bg.jpg);
 padding:40px 0;
 background-size:cover;
 position:relative;
 background:rgba(39, 39, 39, 1);
 overflow:hidden;
 z-index:0;
}
 
 
 .pricing::before,
 .pricing::after{
 content:"";
 position:absolute;
 left:10px;
 background-image:url(../images/pricing-dollar.png);
 width:94px;
 height:126px;
 bottom:0;
 z-index:-1;
 background-repeat:no-repeat;
}
 
 .pricing::after{
 background-image:url(../images/pricing-two-dollar.png);
 width:413px;
 height:318px;
 right:0;
 left:auto;
}
 
 
 .pricing p{
 font-size:14px;
 font-weight:400;
 margin:10px 0 40px;
 color:rgba(255, 255, 255, 0.8)
}
 
 .pricing .heading-2{
 margin-bottom:20px;
}
 
 .faq-section{
 padding:65px 0;
}
 
 .faq-section .heading-text{
 font-size:14px;
 font-weight:400;
 color:rgba(255, 255, 255, 0.6);
 margin-top:12px;
 
}
 
 .faq-section .accordion{
 background:transparent;
 margin-top:60px;
}
 
 .faq-section .accordion .accordion-item{
 margin-bottom:16px;
 background:rgba(255, 255, 255, 0.1);
 border-radius:12px;
 border:moccasin;
 padding-bottom:24px;
}
 
 .faq-section .accordion .accordion-item h2.accordion-header{
 position:relative;
 border:none;
 font-family:"Plus Jakarta Sans", sans-serif;
}
 
 .faq-section .accordion .accordion-item h2.accordion-header button{
 background:transparent;
 box-shadow:none;
 color:#fff;
 font-size:18px;
 font-weight:600;
 padding:20px 46px 0px 61px;
 position:relative;
}
 
 .faq-section .accordion .accordion-item h2.accordion-header::before{
 position:absolute;
 content:"1";
 left:16px;
 top:14px;
 background:rgba(255, 255, 255, 0.05);
 width:32px;
 height:32px;
 border-radius:50%;
 display:flex;
 align-items:center;
 justify-content:center;
 font-size:15px;
 color:rgba(255, 255, 255, 0.8);
}
 
 .faq-section .accordion .accordion-item:nth-child(2) h2.accordion-header::before{
 content:"2";
}
 
 .faq-section .accordion .accordion-item:nth-child(3) h2.accordion-header::before{
 content:"3";
}
 
 .faq-section .accordion .accordion-item:nth-child(4) h2.accordion-header::before{
 content:"4";
}
 
 .faq-section .accordion .accordion-item:nth-child(5) h2.accordion-header::before{
 content:"5";
}
 
 .faq-section .accordion .accordion-item:nth-child(6) h2.accordion-header::before{
 content:"6";
}
 
 .faq-section .accordion .accordion-item:nth-child(7) h2.accordion-header::before{
 content:"7";
}
 
 .faq-section .accordion .accordion-item:nth-child(8) h2.accordion-header::before{
 content:"8";
}
 
 .faq-section .accordion .accordion-item:nth-child(9) h2.accordion-header::before{
 content:"9";
}
 
 .faq-section .accordion .accordion-item:nth-child(10) h2.accordion-header::before{
 content:"10";
}
 
 .faq-section .accordion .accordion-item .accordion-button::after{
 display:none;
}
 
 .faq-section .accordion .accordion-item .accordion-button::before{
 content:"+";
 transition:transform 0.2s ease-in-out;
 position:absolute;
 right:15px;
 top:13px;
 font-size:27px;
 width:35px;
 height:35px;
 display:flex;
 align-items:center;
 justify-content:center;
}
 
 .faq-section .accordion .accordion-item .accordion-button:not(.collapsed)::before{
 content:"-";
 transform:rotate(0deg);
}
 
 .faq-section .accordion .accordion-item .accordion-body{
 padding:10px 0 0 60px;
 color:rgba(255, 255, 255, 0.9);
 font-size:14px;
}
 
 .call-to-action{
 padding:0 0 75px;
}
 
 .call-to-action .cta-content{
 border-radius:24px;
 border:2px solid rgba(125, 56, 13, 1);
 padding:83px 80px;
 background:linear-gradient(173deg, #000000 52.09%, #FF721A 148.26%);
 
}
 
 .call-to-action h4{
 font-size:30px;
 font-weight:500;
 color:rgba(255, 255, 255, 1);
 margin-bottom:10px;
 
}
 
 .call-to-action p{
 font-size:14px;
 font-weight:400;
 color:rgba(255, 255, 255, 0.8);
 margin:0;
}
 
 .call-to-action .btn.btn-primary{
 border-radius:65px;
 border:1px solid rgba(255, 255, 255, 1);
 font-size:16px;
 font-weight:600;
 background:transparent;
 padding:20px 64px;
}
 
 .call-to-action .btn{
 color:#fff;
}
 
 footer h4{
 font-size:20px;
 font-weight:600;
 margin-bottom:10px;
 color:rgba(255, 255, 255, 1)
}
 
 footer p{
 color:rgba(255, 255, 255, 0.8);
 font-size:14px;
 font-weight:400;
 margin:0;
}
 
 footer ul{
 margin:0;
 padding:0;
 list-style:none;
}
 
 footer ul li{
 padding-top:10px;
 font-size:16px;
 font-weight:500;
}
 
 footer ul li a{
 color:#fff;
 text-decoration:none;
}
 
 .copyright-text{
 font-size:14px;
 font-weight:500;
 padding:25px 0;
 color:rgba(255, 255, 255, 1);
 margin-top:40px;
}
 
 .divider-border{
 background:linear-gradient(90deg, rgba(153, 153, 153, 0.6) 0%, #FFFFFF 50.32%, rgba(153, 153, 153, 0.7) 100%);
 height:1px;
 top:0;
}
 
 header .navbar-nav .nav-item .nav-link{
 color:#fff;
 padding:10px 18px;
}
 
 header .navbar-nav .nav-link.active,
 header .navbar-nav .nav-link.show{
 color:rgb(255 255 255);
 font-size:15px;
}
 
 header nav.navbar .btn{
 border-radius:13px;
 border-width:2px;
 padding:12px 24px;
 color:#fff;
}
 
 header nav.navbar{
 padding:20px 0;
}
 
 .pricing .btn.btn-primary{
 border-radius:12px;
 border-width:2px;
 padding:20px 48px;
 
}
 
 .how-it-works .hiw-arrow{
 position:absolute;
 left:-30px;
 top:40px;
}
 
 .how-it-works .hiw-arrow img{
 width:70px;
}
 
 .btn.btn-primary:hover{
 background:#ff721a;
}
 
 .btn{
 padding:20px 24px;
}
 
 header .navbar-collapse-inner{
 align-items:center;
 display:flex;
 flex-basis:auto;
 width:100%;
}
 
 
 
 @media(max-width:767px){
 .banner{
 padding:62px 0 30px;
}
 
 .banner h1{
 font-size:33px;
}
 
 .banner p{
 font-size:14px;
 padding:15px 0 15px;
}
 
 .btn.btn-primary{
 padding:13px 46px;
}
 
 .heading-2{
 font-size:28px;
}
 
 [class*="custom-col-"]{
 width:100%;
}
 
 .features{
 padding:45px 0;
}
 
 .how-it-works{
 padding:45px 0 0;
}
 
 .how-it-works .icon-box{
 height:auto;
 margin-bottom:51px;
 padding:32px 45px;
}
 
 .how-it-works .icon-box h3{
 font-size:120px;
 bottom:-50px;
 right:calc(100% - 50px);
}
 
 .how-it-works .hiw-arrow{
 display:none;
}
 
 .why-choose{
 padding:15px 0 45px;
}
 
 .why-choose .why-choose-content{
 padding:30px;
}
 
 .why-choose .card{
 padding:20px;
}
 
 .why-choose .card p br{
 display:none;
}
 
 .faq-section{
 padding:45px 0;
}
 
 .faq-section .accordion{
 margin-top:30px;
}
 
 .faq-section .accordion .accordion-item h2.accordion-header button{
 font-size:16px;
}
 
 .call-to-action .cta-content{
 padding:30px;
 text-align:center;
}
 
 .call-to-action p{
 margin-bottom:30px;
}
 
 header .navbar-nav .nav-item .nav-link{
 padding:6px 0;
}
 
 .features .feature-card{
 padding:20px 18px;
}
 
 .how-it-works h2{
 margin-bottom:25px;
}
 
 .features h2{
 padding-bottom:20px;
}
 
 footer [class*="col-"]{
 margin-bottom:30px;
}
 
 .copyright-text{
 margin-top:0;
 text-align:center;
}
 
 footer ul li{
 font-size:14px;
}
 
 .pricing::before{
 width:31px;
 height:40px;
 background-size:30px;
}
 
 .pricing::after{
 width:180px;
 height:139px;
 background-size:180px;
 background-repeat:no-repeat;
}
 
 .banner .trusted-by{
 margin-top:12px;
}
 
 .banner .banner-bg{
 position:relative;
 
}
 
 .banner{
 background:transparent;
 overflow:hidden;
}
 
 .banner .banner-bg::before,
 .banner .banner-bg::after{
 background-image:url("../images/banner-before.svg");
 content:"";
 width:100%;
 height:185%;
 position:absolute;
 background-size:cover;
 background-position:center;
 z-index:-1;
 top:-44%;
 left:-50%;
}
 
 .banner .banner-bg::after{
 background-image:url("../images/banner-after.svg");
 left:auto;
 right:-50%;
}
}
 
 @media(min-width:768px) and (max-width:991px){
 
 .banner{
 padding:62px 0 0px;
}
 
 .banner h1{
 font-size:40px;
}
 
 .btn.btn-primary{
 padding:13px 46px;
}
 
 .heading-2{
 font-size:30px;
}
 
 .features{
 padding:45px 0;
}
 
 .how-it-works{
 padding:45px 0 0;
}
 
 .how-it-works .icon-box{
 height:auto;
 margin-bottom:51px;
 padding:22px;
}
 
 .how-it-works .icon-box h3{
 font-size:120px;
 bottom:-50px;
 right:calc(100% - 20px);
}
 
 .why-choose{
 padding:15px 0 45px;
}
 
 .why-choose .why-choose-content{
 padding:30px;
}
 
 .why-choose .card{
 padding:20px;
}
 
 .faq-section{
 padding:45px 0;
}
 
 .faq-section .accordion{
 margin-top:30px;
}
 
 .faq-section .accordion .accordion-item h2.accordion-header button{
 font-size:16px;
}
 
 .call-to-action .cta-content{
 padding:30px;
 text-align:center;
}
 
 .call-to-action p{
 margin-bottom:30px;
}
 
 header .navbar-nav .nav-item .nav-link{
 padding:6px 0;
}
 
 .features .feature-card{
 padding:20px 18px;
}
 
 .how-it-works h2{
 margin-bottom:25px;
}
 
 .features h2{
 padding-bottom:20px;
}
 
 footer [class*="col-"]{
 margin-bottom:30px;
}
 
 .copyright-text{
 margin-top:0;
}
 
 .how-it-works .gutter-10 [class*="col-"]{
 padding:0 30px;
}
 
 .how-it-works .gutter-10{
 margin-left:-30px;
 margin-right:-30px;
}
 
 .how-it-works .hiw-arrow img{
 width:46px;
}
 
 .how-it-works .hiw-arrow{
 left:-22px;
 top:30px;
}
 
 
}
 
 @media(max-width:991px){
 
 .main-header .navbar-collapse .navbar-collapse-inner{
 background:#1A1A1A;
 padding:20px 20px;
 margin-top:14px;
 display:block;
 border-radius:15px;
}
 
 .main-header button.navbar-toggler{
 padding:0;
}
 
 
 
}