@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Sofia&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Sofia&family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&display=swap');

.body{
    align-content: center;
    /* flex-direction: column;
    display: flex; */
}

.Hero-Section{
    width: 1440px;
    /* height: 1024px; */
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    font-family: 'Gilroy-Medium';
    color: #141414;
}

.header{
    display: flex;
    flex-direction: row;
    width:  1150px;
    height: 44px;
    margin-top: 12px;
    margin-left: 145.09px;
    margin-right:  144.91px;
    gap: 140px;
    align-items: center;
}

.logo{
width: 155px;
height: 40px;
}

.middle-nav{
    display: flex;
    flex-direction: row;
    gap: 40px;
}

.sc{
    font-family: 'Gilroy-Medium';
font-size: 18px;
line-height: 21.09px;
text-decoration: none;
color: #141414;
}

.end-nav{
    width: 211px;
    height: 44px;
}

.login{
    color: #0065FE;
    font-size: 16px;
    border-style: none;
    background-color: transparent;
    text-decoration: none;
    /* width: 45px;
    height: 20px; */
}

.try-for-free{
    width: 142px;
    height: 44px;
    border-radius: 100px;
    border-style: none;
    background-color: #0065FE;
    color: #FFFFFF;
    font-size: 16px;
    text-decoration: none;

}

.hero-content-container{
    margin-left: 246px;
    /* display: flex;
    flex-direction: column;
    align-items: center; */
    /* width: 948px; */
    /* height: 389px; */
}

/* .hero-top-container{
    width: 948px;
    height: 389px;
} */
.hero-top-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.hero-top-h1{
    width: 948px;
    text-justify: distribute-all-lines;    
    align-items: center;
    text-align: center;
    color: #141414;
    margin-top:0px;
}
.h1-title{
    width: 982px;
    /* height: 232px; */
    margin-top: 108px;
    margin-bottom: 0px;
    font-family: 'Gilroy-Bold';
    font-size: 48px;
    line-height: 96px;

}

.hero-top-span{
    color: #005AE2;
}

.hero-top-text{
    display: flex;
    flex-direction: column;
    width: 934px;
    height: 105px;
    font-family: 'Gilroy-Medium';
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    color: #141414;
    margin-top: 1px;
}

.hero-bottom-container{
    display:flexbox;
    flex-direction: row;
    margin-top:  32px;
    width: 282px;
    height: 44px;
    gap: 56px;
    margin-left: 333px;
}

.signup{
    width: 142px;
    height: 44px;
    border-radius: 100px;
    background-color: #0065FE;
    color: #FFFFFF;
    font-size: 16px;
    text-decoration: none;
    border-style: none;
}

.learn-more{
    color: #0065FE;
    font-size: 16px;
    border-style: none;
    background-color: transparent;
    text-decoration: none;

}

.group2{
    
    display: flex;
    /* flex-direction: column; */
    margin-top: 56px;
    align-items: center;
    background-color: transparent;
    /* margin-top: 607px; */
    /* height: 336.57px; */
    /* width: fit-content; */
    /* margin-left: 369px; */

}

.Frame-29{
    align-content: center;
    overflow: hidden;
    width: 768px;
    height: 224px;
    border-radius: 24px;
    border-style: inset;
    border-width: 0.5px;
    border-color: #005AE2;
    background-color: #FEFEFE1A;
    z-index: 2;
    position: relative;
    backdrop-filter: blur(212px);
    top:0px;
    left: 297px;
    padding-left: 60px;
}

.link2{
    width: 80px;
    height: 80px;
    
}

.link2b{
        width: 80px;
        height: 80px;
        position: relative;
        left: -34px;
}

.link2c{
    width: 80px;
        height: 80px;
        position: relative;
        left: -69px;
}
.link2d{
    width: 80px;
    height: 80px;
    position: relative;
    left: -69px;
}
.arrow{
    position: relative;
    left: -69px;
}

.p-frame{
text-align: center;
font-family: 'Gilroy-Medium';
/* padding-left: 60px;
padding-right: 60px; */
}
.Frame-1000001716{
    display: flex;
    align-items: center;
width: 384px;
height: auto;
gap: 20px;
z-index: 2;
}

.frame-7{
    width: 648px;
    height: 48px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;

}

.vector2{
z-index: 1;
width: 238.55px;
height: 251.2px;
transform: rotate(4deg);
position: relative;
top: 4px;
left: -469px;
}

.ellipse{
    width: 956px;
    height: 49px;
    margin-left: 256px;
   
    position: relative;
    top: 80px;
}

.rectangle-9{
    width: 1440px;
    height: 93px;

}
.group3{
    /* overflow: hidden;
    display: flex;
    flex-direction: column;
    align-content:  center; */
    width: 1440px;
    height: 93px;
    overflow: hidden;
    margin-top: 931px;
}
.aurora{
position: relative;
}
.au1{
width: 199.1px;
    height: 215.08px;
    color: #D60505;
    position: relative;
    backdrop-filter: blur(700px);

}
.au2{
    width: 199.1px;
    height: 215.08px;
    background-color: #067808;
    position: relative;
    backdrop-filter: blur(700px);

}
.au3{
    width: 271px;
    height: 293px;
    background-color: #EAC81F;
    position: relative;
    backdrop-filter: blur(700px);

}
.second-section{
    width: 1440px;
    /* height: 982px; */
    display: flex;
flex-direction: column;


/* align-items: center; */
}

.second-cn{
    display: flex;
    flex-direction: row;
    background-color: #F9FBFD;
    padding-block: 62px;
    width: 1440px;
    gap: 120px;
    /* padding-inline: 140px;
    grid-column-gap: 50px; */
    ;
    
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1,1fr);
}

.left{
    margin-left: 140px;
    grid-column: 1;
    grid-row: 1;
    width: 337px;
}
.line70{
    background-size: 0.1px 48px;
    height: 48px;
}
.right{
    grid-column: 2;
    grid-row: 1;
    gap: 72px;
    /* display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(1,1fr); */
}
.h2-sc{
    width: fit-content;
    margin: 8px;
    font-family: 'Gilroy-SemiBold';
}
.right-cn{
    display: flex;
    gap: 72px;
    /* grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(1,1fr); */
    
}

.one-stop{
    font-size: 40px;
    line-height: 48px;
    margin: 0px;
    font-family: 'Gilroy-Bold';
    
}

.blue{
    color: #005AE2;
}

.mill{
    grid-column: 1;
    grid-row: 1;
    width: fit-content;
    font-family: 'Gilroy-Medium';
}

.sixty{
    grid-column: 2;
    grid-row: 1;
    width: fit-content;
    font-family: 'Gilroy-Medium';
}

.bill{
    grid-column: 3;
    grid-row: 1;
    width: fit-content;
    font-family: 'Gilroy-Medium';
}

.three{
    grid-column: 4;
    grid-row: 1;
    width: fit-content;
    font-family: 'Gilroy-Medium';
}

.scissors{
    width: 1202.1px;
    height: 504px;
    display: flex;
    margin-left: 120px;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(1,1fr);
    grid-column-gap: 98px;
    margin-top: 128px;
    margin-bottom: 132px;
}

.choose{
    grid-column: 1;
    grid-row: 1;
}
.choose-text{
    width: 370px;
    font-size: 16px;
line-height: 24px;
font-family: 'Gilroy-Medium';
color: #141414;
}
.ctable-grid{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(2,1fr);
    grid-column-gap: 28px;
    grid-row-gap: 64px;

}
.table-h2{
    font-size: 32px;
    line-height: 28px;
    font-family: 'Gilroy-Bold';
}
.item1{
width: 340px;
/* height: 220px; */
}

.table-text{
width: 340px;
font-size: 16px;
line-height: 24px;
font-family: 'Gilroy-Medium';
}
.table-text2{
    width: 463px;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Gilroy-Medium';
    }

.price-section{
width: 1440px;
height: fit-content;
display: flex;
flex-direction: column;
align-content: center;
vertical-align: middle;
/* padding-left: 176px;
padding-right: 176px; */
}

.price-top{
/* width: 576.1px; */
height: auto;
margin-bottom: 68px;
margin-left: 432px;
margin-right: 433.9px;
display: flex;
flex-direction: column;
text-align: center;
}

.price-text{
    width: 417px;
    height: 52px;
    text-align: center;   
}
.pt{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.price-cards{
    /* display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(1,1fr); */
    display: flex;
    /* width: 1088px; */
    height: 627px;
    margin-left: 176px;
}

.white-card{
width: 379px;
height: 455px;
padding-left: 87px;
padding-right: 98px;
border-radius: 12px;
border-style: solid;
border-width: 0.4px;
border-color: #005AE2;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
z-index: 1;
top: 80px;
    right: 10px;
    position: relative;
    margin-left: 14px;
}

.black-card{
    width: 410px;
    height: 627px;
    border-radius: 12px;
    background-color:rgba(30, 52, 72, 1);
    color: #FFFFFF;
    padding-left: 65px;
padding-right: 106px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
    z-index: 2;
    /* top: 80px; */
    right: 100px;
    position: relative;
}

.white-card2{
    width: 379px;
    height: 455px;
    padding-left: 86px;
    padding-right: 66px;
    border-radius: 12px;
    border-style: solid;
    border-width: 0.4px;
    border-color: #005AE2;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
    z-index: 1;
    top: 80px;
    left: -140px;
    position: relative;
    }

.text1{
    font-family: 'Gilroy-Medium';
font-size: 24px;
line-height: 32px;
margin-bottom: 34px;
margin-top: 24px
}

.text2{
    font-size: 40px;
    line-height: 48px;
    gap: 8px;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;

}

.ch-text{
    margin: 0px;
    /* display: flex;
    flex-direction: row; */
gap: 8px;
/* width: 200px; */
}
.check{
    width: 13.33px;
    height: 13.33px;
}
.icon-text{
display: flex;
flex-direction: row;
}
.text2a{
    margin: 0px;
    font-family: 'Gilroy-Bold';
    font-size: 40px;
    line-height: 48px;
}
.text3{
    font-size: 20px;
    line-height: 32px;
    margin: 0;
    font-family: 'Gilroy-Medium';

}
.check-icons{
display: flex;
flex-direction: column;
gap: 24px;
}

.check-text{
    font-size: 14px;
    line-height: 24px;
    font-family: 'Gilroy-Medium';
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.price-bottom{
width: auto;
height: 48px;
margin-top: 68px;
margin-bottom: 112px;
margin-left: 514px;
}

.custom-pricing{
    width: 200px;
    height: 48px;
    border-radius: 100px;
    border-style: solid;
    border-width: 1px;
    border-color: #0065FE;
    color: #0065FE;
    background-color: transparent;
    text-decoration: none;
}

.select-pricing{
    width: 200px;
    height: 48px;
    border-radius: 100px;
    color: #FFFFFF;
    background-color: #0065FE;
    border-style: none;
    text-decoration: none;
}
.custom-pricinga{
    width: 200px;
    height: 48px;
    border-width: 1px;
    border-color: #0065FE;
    color: #0065FE;
    background-color: transparent;
    text-decoration: none;
    font-family: 'Gilroy-SemiBold';
    font-size: 16px;
    line-height: 12px;
}

.select-pricinga{
    width: 200px;
    height: 48px;
    color: #FFFFFF;
    background-color: #0065FE;
    border-style: none;
    text-decoration: none;
    font-family: 'Gilroy-SemiBold';
    font-size: 16px;
    line-height: 12px;
}

.trim-section{
    width: 1440px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    vertical-align: middle;
    background-color: #1E3448;
    position: relative;

}


.trim-images{
    z-index: 0;
    padding: 0px;
    margin: 0px;

    position: absolute;
}

.form-img-left{
    margin-top: 0px;
    left:-746px;
    top: 0px;
    z-index: 0;
    position: absolute;
    /* width: 500px;
    height: 200px; */
}
.form-img-right{
    margin-top: 0px;
    left:-206px;
    top: 0px;
    z-index: 0;
    position: absolute;
    /* width: 500px;
    height: 200px; */
}

.form-trim{
width: 476px;
height: fit-content;
border-radius: 12px;
padding: 42px;
display: flex;
flex-direction: column;
align-items: center;
background-color: #FFFFFF;
border-radius: 12px;
margin-top: 83.5px;
margin-bottom: 73.5px;
z-index: 1;
}

.fieldset-trim{
    margin: 0px;
    padding: 0px;
    display: flex;
    border-style: none;
    flex-direction: column;
    align-items: center;
    width: 392px;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: repeat(3,1fr);
    grid-row-gap: 24px;

}
.fd{
    z-index: 1;
    height: fit-content;
}
.input1{
grid-column: 1;
grid-row: 1;
width: 392px;
height: 55px;
border-radius: 12px;
border-style:  inset;
border-width: 0.5px;
border-color: #3284FF;
background-color: transparent;
color: #3284FF;
padding-left: 13px;
font-family: 'Gilroy-Medium';
font-size: 12px;
line-height: 18px;
}

.input2{
    /* grid-column: 1;
grid-row: 2; */
    width: fit-content;
    height: 48px;
    border-radius: 12px;
    border-style:  inset;
    border-width: 0.5px;
    border-color: #3284FF;
    background-color: transparent;
    color: #3284FF;
    padding-left: 13px;
}
.input2-cn{
    font-family: 'Gilroy-Medium';
    font-size: 12px;
line-height: 18px;
    grid-column: 1;
grid-row: 2;
display: flex;
gap: 12px;

}

.url-cn{
    grid-column: 1;
    grid-row: 3;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

.trim-url{
    /* display: flex; */
    flex-direction: row;
    align-content: center;
    vertical-align: middle;
    width: 392px;
    height: 48px;
    border-style: none;
    border-radius: 100px;
    background-color: #005AE2;
    color: white;
    font-size: 14px;
line-height: 36px;
text-decoration: none;
font-family: 'Gilroy-SemiBold';
}


.form-footer{
    width: 373px;
    height: 40px;
    padding: 10px;
    margin: 0px;
    font-family: 'Gilroy-Medium';
    font-size: 14px;
    line-height: 20px;
}

.form-span{
font-size: 14px;
line-height: 20px;
color: #4991FF;
font-family: 'Gilroy-Bold';
font-size: 14px;
    line-height: 20px;
}
.form-span-text{
    text-decoration: none;
    color: #4991FF;
}
.faq-section{
width: 1440px;
height: fit-content;
background-color: rgb(255, 255, 255);
display: flex;
flex-direction: column;
align-items: center;
padding-top: 43px ;
padding-bottom: 155px;
overflow: hidden;
}

.faq-images{
    z-index: 0;
    position: absolute;
    padding: 0px;
    margin: 0px;
    
}
.faq-img-left{
    position: absolute;
    left:-729px;
    top: 0px;
    z-index: 0;
    background-size:  804.53px 596.14px;
}
.faq-img-right{
    position: absolute;
    left:346px;
    top: 400px;
    z-index: 0;
    background-size:  804.53px 596.14px;
}
.faq-title-cn{
    display: flex;
flex-direction: row;
margin-bottom: 64px;
z-index: 1;
}

.faq-container{
    display: flex;
    flex-direction: column;
    gap: 16px;
    z-index: 1;
    font-family: 'Gilroy-Medium';
}

.aside-cn{
    border-bottom-style: solid;
    border-color: #D6D6D6;
    border-width: 1px;
    margin-bottom: 16px;
}
.faq-details{
    /* width: 792px; */
    /* height: 63px; */
    gap: 16px;
   
}

.faq-heading{
    
    font-size: 20px;
    line-height: 32px;
    color: #141414;
}
.faq-text{
    margin-left: 24px;
    width: 792px;
    height: 63px;
    font-size: 16px;
    line-height: 32px;

}

.Revolute-section{
    width: 1440px;
    height: 299px;
    /* display: flex;
    flex-direction: column; */
    align-items: center;
    z-index: 1;
    background-color:  #1E3448;
    overflow: hidden;
}


.revolute{
    /* width: 806px; */
    gap: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    
    /* margin-left: 317px; */
    top: -336px;
    left: 296px;
    /* margin-top: 109px;
    margin-bottom: 53px; */

}
.revo{
width: fit-content;
font-family: 'Gilroy-Bold';
font-size: 40px;
line-height: 48px;
text-align: center;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
color: white;
}

.revo-images{
    z-index: 0;
    padding: 0px;
    margin: 0px;
    position: absolute;
    width: 1440px;
    
}

.revo-img-left{
   position: absolute;
    left:-2px;
    top: 0px;
    z-index: 0;
}
.revo-img-right{
    position: absolute;
    left:864px;
    top: -0px;
    z-index: 0;
}
.revo-cn{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    margin-top: 109px;
    margin-bottom: 53px;
}
.started{
    width: 200px;
    height: 48px;
    font-size: 16px ;
    line-height: 12px;
    background-color: #005AE2;
    color: #FFFFFF;
    border-style: none;

}
.starteda{
    width: 200px;
    height: 48px;
    font-size: 16px ;
    line-height: 12px;
    background-color: #005AE2;
    color: #FFFFFF;
    border-style: none;
    text-decoration: none;
    font-family: 'Gilroy-SemiBold';

}
.footer-section{
   
    /* display: flex; */
    flex-direction: column;
    align-items: center;
    width: 1440px;
    height: fit-content;
    padding-top: 95px;
    padding-bottom: 82px;
    margin: 0px;
    overflow: hidden;
    
    
    /* margin-left: 95px;
    margin-bottom: 82px;
    grid-column-gap: 39px; */
}

.footer-container{
    /* max-width: 1440px;
    /* height: 571px; */
    /* margin: 0px;*/
    margin-left: 203px;
}

.footer-cn{
    display: flex;
    flex-direction: row;
    gap: 39px;
    z-index: 2;
}
.social{
    width: 184px;
    gap: 32px;
    display: flex;
    flex-direction: column;
    z-index: 2;
}

.footer-links-cn{
width: 812px;
z-index: 2;
}

.footer-links{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(2,1fr);
    grid-column-gap: 24px;
    /* grid-row-gap: 31px; */
    font-size: 16px;
    line-height: 24px;
    z-index: 2;

}
.footer-a{
    text-decoration: none;
    font-family: 'Gilroy-Medium';
    color: #112232
}
.g1{
    grid-column: 1;
    grid-row: 1;
    padding-left: 24px;
    padding-right: 24px;
    gap: 8px;

}
.g1-p{
    padding: 0px;
    margin: 0px;
    width: fit-content;
}
.g2{
    grid-column: 1;
    grid-row: 2;
    padding-left: 24px;
    padding-right: 24px;
}


.g3{
    grid-column: 2;
    grid-row: 1;
    padding-left: 24px;
    padding-right: 24px;
}

.g4{
    grid-column: 2;
    grid-row: 2;
    padding-left: 24px;
    padding-right: 24px;
}

.g5{
    grid-column: 3;
    grid-row: 1;
    padding-left: 24px;
    padding-right: 24px;
}
.g6{
    grid-column: 3;
    grid-row: 2;
    padding-left: 24px;
    padding-right: 24px;
}
.g7{
    grid-column: 4;
    grid-row: 1;
    padding-left: 24px;
    padding-right: 24px;
}

.sm-icons{
display: flex;
flex-direction: row;
gap: 24px;
width: auto;
height: 24px;
}

.black-logo{
width: 155px;
height: 40px;
}

.footer-nav-h3{
    margin-top: 0px;
    font-family: 'Gilroy-Bold';
    font-size: 16px;
    line-height: 24px;
}
.footer-text{
    display: flex;
    flex-direction: row;
    width: 296px;
    height: 20px;
    font-family: 'Gilroy-Medium';
    font-size: 14px;
    color: #112232;
    background-color: transparent;
    margin-left: 1017px;
    gap: 8px;
    vertical-align: middle;
    z-index: 2;
    
}
.footer-img{
    position: absolute;
    width: fit-content;
    margin: 0px;
    position: absolute;
   
    }

.footer-img-left{
position: absolute;
left: -312px;
top: -9px;
z-index: 0;
overflow: hidden;
max-width: 1440px;
    height: auto;
/* transform: rotate(4deg); */
}

.footer-img-right{
   position: absolute;
    left:697px;
    top: 173px;
    z-index: 0;
    overflow: hidden;
    max-width: 1440px;
    height: auto;
    /* transform: rotate(4deg); */
}