/*====== Roboto fonts =======*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&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=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Public+Sans:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*====== Poppins Font =======*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&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=Lobster&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&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&family=Protest+Strike&family=Public+Sans:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*============ Utality Classes Start ==============*/
body {
    padding: 0 !important;
    margin: 0 !important;
}

.roboto-font {
    font-family: "Roboto", sans-serif !important;
}

.poppins-font {
    font-family: "Poppins", sans-serif !important;
}

.font-waight-500 {
    font-weight: 500;
}

.font-waight-600 {
    font-weight: 600;
}

.font-waight-700 {
    font-weight: 700;
}

.font-size-12 {
    font-size: 12px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-16 {
    font-size: 16px;
}

.small-blue-btn {
    background: #111B47;
    width: 160px;
    height: 26px;
    line-height: 18px;
    border-radius: 2px;
    font-size: 12px
}

.larg-blue-btn {
    background: #111B47;
    width: 189px;
    height: 36px;
    line-height: 26px;
    border-radius: 2px;
    font-size: 16px
}

.blue-color {
    color: #091133 !important;
}

.border-2px {
    border: 2px solid #091133;
}

/*============ Utality Classes End ================*/

/*============ Header Styling Start ===============*/
.logo {
    font-weight: 900;
    color: #37447E !important;
    font-size: 26px;
}

.header-sec .navbar .nav-link {
    color: #505F98;
    line-height: 24px;
    font-size: 14px;
}

.header-sec .navbar .active {
    color: #505F98 !important;
}

.header-sec .navbar .navbar-nav :not(:last-child) {
    margin-right: 40px;
}

/*============ Header Styling End =======================*/

/*============ Hero Section Styling Start ===============*/
.hero-sec .main-heading {
    font-size: 45px;
    line-height: 66px;
    letter-spacing: 1px;
    color: #091133;
}

.hero-sec .para {
    font-size: 18px;
    line-height: 30px;
    color: #505F98
}

.circle-img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    height: 1180px;
}

/*============ Hero Section Styling End =================*/

/*============ content Styling Start ====================*/
.powr-sec-fst {
    padding-top: 450px;
}

.small-heading {
    font-size: 36px;
    line-height: 48px;
    color: #091133;
}

.para-text {
    font-size: 16px;
    line-height: 26px;
    color: #6F7CB2;
}

.sml-title {
    font-size: 16px;
    line-height: 26px;
}

.powr-sec-fst .small-box .box-para {
    font-size: 12px;
    line-height: 18px;
    color: #5D6970;
}

.powr-sec-fst .row {
    align-items: center !important;
}

.price-sec h5 {
    color: #37447E;
}

.simple-price {
    color: #5D6970;
    font-size: 14px;
    line-height: 24px;
}

.price-sec {
    background: url('./images/footer-top-banner.png');
    background-repeat: no-repeat;
    margin-top: 120px;
    padding-bottom: 180px;
}

/*============ content Styling End ======================*/


/*============ Design & Build section ===================*/
.design-left-sec h2 {
    line-height: 48px;
    font-size: 36px;
}

.design-left-sec p {
    line-height: 27px;
    color: #6F7CB2;
}

.design-img-outer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.title-card p {
    line-height: 18px;
    color: #76848C;
}

.full-image-sec .row {
    box-shadow: 0px 0px 17px 2px rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: 0px 0px 17px 2px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 17px 2px rgba(0, 0, 0, 0.45);
}

/*============ Design & Build section ===================*/

/*============ Footer Styling Start =====================*/
.footer-sec {
    background: #E7ECFF;
}

.footer-sec .footer-main {
    border-bottom: 1px solid #CDD1D4;
}

.footer-sec .footer-links ul :not(:last-child) {
    margin-right: 40px;
}

.footer-sec .footer-links ul li a {
    font-size: 14px;
    line-height: 24px;
    color: #929ECC;
}

.footer-sec .copyrights {
    font-size: 14px;
    line-height: 24px;
    color: #939EA4;
    display: flex;
    align-items: center;
}

/*============ Footer Styling End =======================*/

@media (max-width: 992px) {
    .hero-sec .main-heading {
        font-size: 20px;
        line-height: 28px;
    }

    .powr-sec-fst {
        padding-top: 0px;
    }

    .price-sec {
        margin-top: 50px;
        padding-bottom: 100px;
    }
}

@media (max-width:1200px) and (min-width: 992px) {
    .circle-img {
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
        height: 900px !important;
    }

    .powr-sec-fst {
        padding-top: 20px;
    }
}

@media (max-width:1473px) and (min-width: 768px) {
    .out-cont {
        position: absolute;
        right: 0;
    }

    .full-image-sec .container {
        max-width: 100% !important;
    }
}

@media (min-width:1473px) {
    .circle-img {
        width: 62%;
        height: 1035px;
    }

    .powr-sec-fst {
        padding-top: 115px !important;
    }

    .price-sec {
        background-size: cover;
    }
}

@media (max-width:576px) {
    .circle-img {
        width: 62%;
        height: 1050px;
    }

    .powr-sec-fst p {
        font-size: 14px;
    }

    .small-heading {
        font-size: 20px;
        line-height: 30px;
    }

    .price-sec {
        margin-top: 30px;
        background-position: center;
        padding-bottom: 50px;
    }

    .design-img-outer {
        width: 200px !important;
        height: auto;
        margin: 0 auto;
    }

    .design-left-sec h2 {
        line-height: 30px;
        font-size: 20px;
    }

    .design-left-sec p {
        line-height: 27px;
        font-size: 14px;
    }
}

@media (min-width:576px) and (max-width:768px) {
    .design-img-outer {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .design-left-sec h2 {
        line-height: 30px;
        font-size: 20px;
    }

    .design-left-sec p {
        line-height: 27px;
        font-size: 14px;
    }
}