/* all common css start here */
*{
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
    box-sizing: border-box;
    outline: 0;
}

a,a:hover{
    text-decoration: none;
}

ul,ol{
    list-style-type: none;
}

h1,h2,h3,h4,h5,h6,p{
    margin: 0;
    padding: 0;
    line-height: 0.8;
}
/* all common css end here */

/* header part start here */
.navbar{
    background: #F3F8FF;
}

.nav-link{
    color: #02033B;
    transition: .5s;
    font-size: 19px;
    font-weight: 800;
    padding: 0 30px !important;
}

.nav-link:hover{
    color: #959595;
}


.signIn{
    margin-left: 60px;
    padding: 20px 25px;
    background: #4335DE;
    font-size: 15px;
    line-height: 18px;
    font-weight: 800;
    color: white;
    border-radius: 45px;
    border: 2px solid #4335DE;
    transition: .5s;
}
.signIn:hover{
    background: transparent;
    color: #4335DE;
    border: 2px solid #4335DE;
}

/* header part end here */

/* banner part start */

#bannerPart{
    background: radial-gradient(circle, #ffffff 0%, #e7effa 100%);
    padding-top: 65px;
}

.bannerText{
    padding-top: 100px;
}


.bannerText h1{
    font-size: 60px;
    color: #02033B;
    font-weight: 800;
    line-height: 75px;
    letter-spacing: -1.2px;
    padding-bottom: 60px;
}
.bannerText P{
    font-size: 20px;
    color: #02033B;
    font-weight: 400;
    line-height: 30px;
}

.bannerBtn{
    margin-top: 80px;
    padding: 20px 25px;
    font-size: 19px;
    line-height: 22.5px;
    font-weight: 800;
    color: black;
    border-radius: 45px;
    border: 2px solid black;
    background: transparent;
    transition: .5s;
}
.bannerBtn:hover{
    color: black;
    border: 2px solid #ffaa00;
    background: #FFC247;
}

.btWo{
    margin-left: 60px;
}

.bannerBtn i{
    margin-left: 10px;
    opacity: 0;
    transition: .5s;
}

.bannerBtn:hover i{
    opacity: 100;
}

/* banner part end */

/* review part start */

#reviewPart{
    padding-bottom: 80px;
    background: linear-gradient(90deg, #F7C95F 0%, #FDB235 100%);
}

.commonTitle{
    padding-top: 90px;
}

.commonTitle h3{
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -0.72px;
    line-height: 45px;
    color: #02033B;
    padding-bottom: 75px;
}


.frstRating{
    width: 32%;
    margin-right: 17px;
    padding: 25px;
    background: white;
    border-radius: 50px;
    box-shadow: 12px 12px 20px rgba(0, 0, 0, 0.1);
}

.rIcon i{
    color: #FFC247;
    margin-right: 5px;
}

.frstRating p {
    padding-top: 30px;
    padding-bottom: 40px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #02033B;
}

.frstRating h5{
    display: inline-block;
    font-size: 15px;
    font-weight: 800;
    line-height: 20px;
    color: #02033B;
}

.ratingFLex{
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lastTextRating h4{
    font-size: 23px;
    font-weight: 800;
    color: #02033B;
    line-height: 30px;
    letter-spacing: -0.48px;
}

.companiesImg img{
    margin-right: 50px;
}

/* review part end */

/* random part start */

#randomPart{
    background: white;
    padding-bottom: 80px;
}

.commonTitle p{
    font-size: 20px;
    font-weight: 400;
    color: #02033B;
    line-height: 30px;
    padding-bottom: 80px;
}

.randOmbtnOne{
    padding: 20px 25px;
    font-size: 19px;
    line-height: 22.5px;
    font-weight: 800;
    color: black;
    border-radius: 45px;
    border: 2px solid black;
    background: transparent;
    transition: .5s;
}

.randOmbtnOne:hover{
    color: black;
    border: 2px solid #ffaa00;
    background: #FFC247;
}

.randOmbtnTwo{
    padding-top: 20px;
}

.randOmbtnOne i{
    margin-left: 10px;
    opacity: 0;
    transition: .5s;
}

.randOmbtnOne:hover i{
    opacity: 100;
}

.randomImg{
    padding-top: 90px;
}

/* random part end */


/* service part start */
#servicePart{
    background: linear-gradient(to bottom, #F3F8FF 0%, #E7EFFA 100%);
    padding-bottom: 80px;
}

.insidePart{
    background: white;
    border-radius: 50px;
}

.serVicesItem{
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 20px;
    width: 100%;
}

.serVicesItem h4{
    font-size: 19px;
    font-weight: 800;
    line-height: 25px;
    letter-spacing: -0.4px;
    color: #02033B;
    padding-top: 25px;
    padding-bottom: 25px;
}
.serVicesItem p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #02033B;
    padding: 0 -20px;
}

.sbtn{
    padding-bottom: 60px;
}
/* service part end */

/* about us part start */
#aboutUspart{
    padding-bottom: 80px;
    background: white;
}

.aboutUs{
    margin-top: 80px;
    margin-bottom: 80px;
    padding: 30px;
    background: #fdb43500;
    border-radius: 48px;
    transition: .5s;
}

.aboutUs:hover{
    background: #fdb435;
}

.aboutUs h4{
    font-size: 23px;
    font-weight: 800;
    color: #02033B;
    line-height: 30px;
    letter-spacing: -0.48px;
}
.aboutUs p{
    font-size: 16px;
    font-weight: 400;
    color: #02033B;
    line-height: 24px;
    padding-top: 20px;
    padding-bottom: 30px;
}

.aboutBtnO {
    padding: 16px 20px;
    background: transparent;
    color: black;
    font-size: 15px;
    font-weight: 800;
    line-height: 18px;
    border-radius: 42px;
    border: 2px solid black;
    transition: .5s;
}

.aboutBtnO:hover{
    color: white;
    background: #4335DE;
    border: 2px solid #4335DE;
}

.aboutBtnO i{
    margin-left: 10px;
    opacity: 0;
    transition: .5s;
}

.aboutBtnO:hover i{
    opacity: 100;
}

/* about us part end */

/* spying part start */

#spyingPart{
    padding-bottom: 60px;
    background: linear-gradient(to bottom, #2925CC 0%, #4B48E5 100%);
}

.spyingText h3{
    color: white;
}
.spyingText p{
    color: white;
}

.spyingBtn{
    background: transparent;
    border: 2px solid white;
    color: white;
    border-radius: 42px;
    transition: .5s;
}
.spyingBtn:hover{
    background: #FFC247;
    border: 2px solid #FFC247;
    color: black;
}

.spbtWo{
    margin-left: 20px;
}

/* spying part end */

/* insights part start */

#insightPart{
    padding-bottom: 200px;
    background: #F3F8FF;
}


.insightText h2{
    font-size: 56px;
    font-weight: 800;
    line-height: 75px;
    letter-spacing: -1.2px;
    color: #02033B;
    padding-bottom: 60px;
}

.insightItem{
    border-radius: 48px;
    background: white;
    text-align: center;
    height: 550px;
}

.insightItem h4 {
    display: inline-block;
    font-size: 23px;
    font-weight: 700;
    line-height: 30px;
    color: #02033B;
    padding: 30px 60px;
    text-align: left;
}

.insightItem p {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #02033B;
    padding: 0 60px;
    text-align: left;
}

.imgInsight img{
    border-radius: 48px 48px 0 0 ;
    width: 100%;
}


.insightBtnL{
    margin-top: 60px;
    padding: 20px 25px;
    font-size: 19px;
    line-height: 22.5px;
    font-weight: 800;
    color: black;
    border-radius: 45px;
    border: 2px solid black;
    background: transparent;
    transition: .5s;
}
.insightBtnL:hover{
    color: black;
    border: 2px solid #ffaa00;
    background: #FFC247;
}


.insightBtnL i{
    margin-left: 10px;
    opacity: 0;
    transition: .5s;
}

.insightBtnL:hover i{
    opacity: 100;
}

/* insights part end */

/* footer part start */

#footerPart{
    padding: 90px 0;
    background: #02033B;
}

.footerItem h3{
    font-size: 23px;
    font-weight: 800;
    line-height: 30px;
    color: white;
    padding-bottom: 30px;
}

.footerSocialIcon i{
    margin-right: 20px;
    padding: 8px 0;
    font-size: 20px;
    background: white;
    height: 35px;
    width: 35px;
    border-radius: 5px;
    color: black;
}

.pt{
    padding-top: 30px;
    display: flex;
    column-gap: 30px;
}

.pt p{
    font-size: 11px;
    font-weight: 400;
    color: white;
    line-height: 15px;
    border-bottom: 1px solid white;
}

.creditPart{
    padding-top: 30px;
}
.creditPart p{
    font-size: 11px;
    font-weight: 400;
    color: white;
    line-height: 15px;
}
.designPArt{
    padding-top: 30px;
}
.designPArt p{
    font-size: 11px;
    font-weight: 400;
    color: white;
    line-height: 15px;
}

#brdrbtm{
    border-bottom: 1px solid white;
}

.footerItemTwo{
    text-align: center;
}


.footerItemTwo h2{
    display: inline-block;
    font-size: 35px;
    font-weight: 800;
    line-height: 45px;
    color: white;
    padding-bottom: 30px;
    border-bottom: 2px solid white;
}

.links{
    padding-top: 30px;
}
.links a{
    display: block;
    font-size: 19px;
    font-weight: 800;
    color: #FFC247;
    line-height: 25px;
    letter-spacing: -0.4px;
    margin-bottom: 20px;
}


.footerLastTExt{
    padding-top: 150px;
}
.footerLastTExt p{
    font-size: 11px;
    font-weight: 400;
    color: white;
    line-height: 15px;
}

/* footer part end */