@font-face {
    font-family: poppins;
    src: url(../font/Poppins-Regular.ttf);
}

* {
    font-family: poppins;
}

:root {
    --yellow: #F4D160;
    --black: #273E47;
    --bg-yellow: #f4d1602d;
    --white: #ffffff;
    --para: #181818AD;
    --dark-yellow: #F9E5D8;
    --orange: #BD632F;
}

.rg .cont {
    padding-top: 150px !important;
    padding-bottom: 80px;
}

.hero .cont {
    background-color: transparent;
    background-image: linear-gradient(180deg, var(--bg-yellow) 0%, var(--dark-yellow) 100%);
    border-radius: 30px 30px 0px 150px;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.08);
    border: 5px solid var(--white);
    margin-top: -100px;
}

.cont .hea {
    font-size: 52px;
}

.fw-b {
    font-weight: 900 !important;
}

/* header css start  */

.logo-h {
    transition: all 0.5s;
}

.logo-h:hover {
    transform: scale(1.1) !important;
}

.ez-head-2 .container {
    position: relative;
    z-index: 1;
}

.ez-head-2 img {
    width: 120px;
}

.ez-head-2 .title {
    font-size: 26px;
    color: var(--black);
    font-family: 'Nunito', sans-serif;
    transition: all 0.5s;
}

.ez-head-2 .title:hover {
    text-shadow: none;
}

.ez-head-2 ul li a:hover,
.ez-head-2 ul li a:hover i {
    color: var(--orange) !important;
}

.getStarted {
    border-radius: 20px 20px 0px 20px;
    color: var(--white);
    background-color: var(--black);
    border-style: solid;
    letter-spacing: 2px;
    box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.5);
}

.getStarted-log {
    border-radius: 20px 20px 0px 20px;
    color: var(--white);
    background-color: var(--black);
    border-style: solid;
    letter-spacing: 2px;
    box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.5);
}

.getStarted:hover {
    background-color: var(--orange) !important;
}

.error-404 .ez-head-2 .container::after {
    display: none;
}

.para {
    color: var(--para) !important;
}

.black {
    color: var(--black) !important;
}

.orange {
    color: var(--orange) !important;
}

.bg-black {
    background-color: var(--black) !important;
}

.bg-light-yell {
    background-color: var(--bg-yellow) !important;
}


.navbar-toggler-icon {
    background-image: url(../images/bar-ic.webp) !important;
}

/* header css end  */

/* index css start  */

.hero .contain {
    background-color: transparent;
    background-image: linear-gradient(180deg, var(--bg-yellow) 0%, var(--dark-yellow) 100%);
    border-radius: 30px 30px 0px 150px;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.08);
    border: 5px solid var(--white);
    margin-top: -100px;
    padding-top: 100px;
}

.about .contain,
.testimoni .contain,
.b-error header .container {
    background-color: transparent;
    background-image: linear-gradient(180deg, var(--bg-yellow) 0%, var(--dark-yellow) 100%);
    border-radius: 30px 30px 0px 150px;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.08);
    border: 5px solid var(--white);
}

.b-error header .container {
    padding-top: 16px;
    padding-bottom: 16px;
}

.count .cent .cen {
    width: 87px;
}

.ez-footer .contain,
.integrity .contain,
.count .contain,
.newsletters .contain,
.blog .contain {
    background-color: transparent;
    background-image: linear-gradient(180deg, var(--bg-yellow) 0%, var(--dark-yellow) 100%);
    border-radius: 30px 30px 150px 0px;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.08);
    border: 5px solid var(--white);
}

.hero .head {
    font-size: 48px;
}

.hero .circle {
    width: 75%;
    opacity: 0.5;
}

.hero .girl {
    position: absolute;
    left: 0;
    bottom: -48px;
    z-index: 1;
    width: 75%;
}

#typing-text {
    border-right: 2px solid var(--orange);
}

/* about section start  */

.heading {
    font-size: 36px;
    font-weight: bold;
}

.about .getStarted i,
.about .part-2 a i {
    color: var(--black);
    font-size: 12px;
    background-color: var(--white);
    border-radius: 50%;
}

.part-2 .para {
    padding-bottom: 10px;
}

.about .part-2 a i,
.work .part-2 a i {
    border-radius: 50%;
    padding: 2px;
    color: var(--orange);
}

.impec {
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.18);
    border-radius: 20px 20px 0px 20px;
}

.about .part-2 a:hover i,
.work .part-2 a:hover i {
    border-radius: 50%;
    padding: 2px;
    color: rgb(248, 149, 0) !important;
}

.about .part-2 a:hover,
.work .part-2 a:hover,
.blog .date a:hover {
    color: rgb(248, 149, 0) !important;
}

/* about section end  */

/* integrity section start  */

.integrity .circle {
    position: absolute;
    top: -45px;
    left: 50px;
    margin: 0 auto;
    text-align: center;
    right: 0;
    z-index: -11;
    width: 70%;
}

.integrity .social a {
    color: var(--black);
}

/* integrity section end  */

/* count section start  */

.count img {
    width: 17% !important;
}

.same h3 {
    font-size: 20px;
    font-weight: 900;
}

.same .para {
    padding-bottom: 10px;
}

.count .no-bg,
.blog .no-bg,
.about .no-bg {
    background-image: none !important;
    border: 5px solid var(--dark-yellow);
}

.count .doc a:hover {
    color: rgb(248, 149, 0) !important;
}

.same-1 h3 {
    display: flex;
    align-items: center;
    font-size: 26px !important;
}

/* count section end  */

/* testimonial section start  */

.testimoni .post {
    font-size: small;
}

.testimoni ul li {
    color: var(--orange);
}

.testimoni .user {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

.test-user-1 {
    background: url(../images/testi-1.webp) no-repeat center center;
}

.test-user-2 {
    background: url(../images/testi-2.webp) no-repeat center center;
}

.test-user-3 {
    background: url(../images/testi-3.webp) no-repeat center center;
}

.testimoni .quote {
    position: absolute;
    right: 40px;
    bottom: 20px;
}

.testimoni .circle {
    position: absolute;
    top: -40px;
    left: 60px;
    z-index: -2;
    width: 60% !important;
}

.br::before {
    box-shadow: -20px 0 20px -20px #001f9c inset;
    content: " ";
    height: 100%;
    left: -20px;
    position: absolute;
    top: 0;
    width: 20px;
}

/* testimonial section end  */

.work .arrow {
    position: absolute;
    right: 0;
    top: 65px;
    transform: translateX(50%);
}

/* newsletters section start  */

.newsletters .getStarted {
    border-radius: 20px 20px 0px 20px;
    color: var(--white);
    background-color: var(--orange);
    letter-spacing: 2px;
    box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.5);
    border: 2px solid var(--white);
    transition: all 0.5s;
}

.newsletters .getStarted:hover {
    background-color: var(--black) !important;
}

.newsletters .circle {
    position: absolute;
    z-index: -2;
    background: url(../images/circle.webp);
}

.newsletters input[type="email"] {
    border-radius: 20px;
    border: 1px solid var(--orange);
}

/* newsletters section end  */

/* index css end  */

/* Footer Css start */

.ez-footer a {
    color: var(--para) !important;
    transition: all 0.5s;
}

.ez-footer a:hover {
    color: var(--orange) !important;
}

.get i {
    border: 1px solid var(--orange);
    border-radius: 50%;
}

.school ul li {
    position: relative;
}

.school ul li a {
    text-decoration: none;
}

.school ul li:before {
    position: absolute;
    content: '';
    background: var(--orange);
    width: 6px;
    height: 6px;
    left: -30px;
    top: 12px;
    transform: translatey(-50%);
}

/* Footer Css end */

.same h3 {
    min-height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.same .para {
    min-height: 106px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* contact us page  */

.cont-p {
    font-weight: 600;
    font-size: 16px;
}

.icon i {
    border-radius: 30px 30px 0px 30px;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.08);
    padding: 20px;
    font-size: 40px;
}

.form-1 input {
    border-radius: 20px;
    outline: 0;
    border: 1px solid black;
    padding: 10px 10px 10px 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}

.form-1 input[type="submit"] {
    width: 150px;
    color: var(--orange);
    padding: 10px 10px;
    background-color: var(--bg-yellow);
    border: 1px solid var(--orange);
    font-weight: bold;
    font-size: 20px;
    transition: all 0.5s;
}

.form-1 input[type="submit"]:hover {
    background-color: var(--orange);
    color: black;
    border: 1px solid black;
}

.form-1 textarea {
    width: 100% !important;
    width: 100% !important;
    border-radius: 20px;
    padding: 10px 10px 10px 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.cont-form h3 {
    font-weight: 700;
}

.cont-img {
    height: 100% !important;
    width: 100% !important;
    border-radius: 20px;
    background: url(../images/cont-img-1.webp);
    background-size: cover;
    background-position: center;
}

@media (max-width:575px) {

    .hero .cont {
        margin-top: -350px;
    }

    .rg .cont {
        padding-top: 400px !important;
    }

    .cont .hea {
        font-size: 28px;
    }

    .heading {
        font-size: 18px;
    }

    .ez-footer .container {
        background-color: transparent;
        background-image: linear-gradient(180deg, var(--bg-yellow) 0%, var(--dark-yellow) 100%);
        border-radius: 30px 30px 150px 0px;

    }

    .hero .head,
    .about .head {
        font-size: 24px;
    }

    .hero .girl {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
        bottom: -24px;
        z-index: 1;
        width: 75%;
    }

    .hero .contain {
        border-radius: 30px;
        margin-top: -340px;
        padding-top: 340px;
    }

    .testimoni .quote {
        position: absolute;
        right: 10px;
        bottom: 40px;
    }

}

@media (max-width:767px) {

    .cont-img {
        height: 250px !important;
    }

    .integrity .learn {
        border-right: none;
    }

    .work .contain {
        background-color: transparent;
        background-image: linear-gradient(180deg, var(--bg-yellow) 0%, var(--dark-yellow) 100%);
        border-radius: 30px 30px 150px 0px;
        box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.08);
        border: 5px solid var(--white);
    }

    .work .no-bg {
        background-image: none !important;
        border: 5px solid var(--dark-yellow);
    }

    .cont-p+p {
        width: 75%;
    }

}

@media (min-width:576px) and (max-width:767px) {
    .hero .girl {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
        bottom: -24px;
        z-index: 1;
        width: 50%;
    }

    .hero .circle {
        width: 50%;
    }

    .hero .head {
        font-size: 26px;
    }

    .hero .cont {
        margin-top: -350px;
    }

    .rg .cont {
        padding-top: 380px !important;
    }

    .cont .hea {
        font-size: 30px;
    }

    .heading {
        font-size: 28px;
    }



}

@media (min-width:768px) and (max-width:991px) {

    .cont-img {
        height: 350px !important;
    }

    .hero .cont {
        margin-top: -350px;
    }

    .rg .cont {
        padding-top: 380px !important;
    }

    .cont .hea {
        font-size: 26px;
    }

    .rg header .log {
        margin-bottom: 16px !important;
    }

    .hero .head,
    .about .head {
        font-size: 36px;
    }

    .hero .para {
        font-size: 18px;
    }

    .hero .circle,
    .integrity .circle {
        width: 50%;
    }

    .hero .girl {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
        bottom: -24px;
        z-index: 1;
        width: 45%;
    }

    .same h3 {
        min-height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .same .para {
        min-height: 130px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .same-1 h3 {
        font-size: 20px !important;
        min-height: 48px !important;
    }

    .hero .contain {
        background-color: transparent;
        background-image: linear-gradient(180deg, var(--bg-yellow) 0%, var(--dark-yellow) 100%);
        background-attachment: fixed;
        border-radius: 30px 30px 0px 150px;
        box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.08);
        border: 5px solid var(--white);
        margin-top: -340px;
        padding-top: 340px;
    }

    .heading {
        font-size: 22px;
    }

    .work .arrow {
        top: 4px;
    }

    .work .part-2 h4 {
        min-height: 55px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .same-1 .para {
        min-height: 192px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cont-p+p {
        width: 75%;
    }

}

@media (min-width:992px) {

    .cont-p+p {
        width: 50%;
    }

    .cont-p {
        font-size: 24px;
    }
}

@media (min-width:992px) and (max-width:1199px) {

    .heading {
        font-size: 30px;
    }

    .hero .girl {
        width: 90%;
    }

    .hero .head {
        font-size: 34px;
    }

    .same h3 {
        min-height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .same h3 {
        min-height: 106px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .same-1 h3 {
        font-size: 24px !important;
        min-height: 57.6px !important;
    }

    .same-1 .para {
        min-height: 168px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .work .part-2 h4 {
        min-height: 56.5px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cont .hea {
        font-size: 44px;
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .hero .head {
        font-size: 40px;
    }

    .same h3 {
        min-height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .same .para {
        min-height: 106px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cont .hea {
        font-size: 48px;
    }

}