﻿body {font-size:16px;font-family: "Baloo Bhai 2", sans-serif;}
.card-header{margin-bottom:20px;margin-left: 15px;margin-right: 15px;border-bottom: 1px dotted #d3bed3;}
.header-top {display: flex;align-items: center;justify-content: space-between;width: 100%;max-width: 100%;}
.header-top img {max-width: 160px;object-fit: contain;}
.header-top h5 {font-size: 17px;}
.form-wrap .card-body{padding: 15px 50px 40px 50px;background: transparent;}
.bg-effect {background-image: url('../img/bg.png');background-size: cover;background-repeat: no-repeat;padding:50px 50px 50px 50px;width:100%;height: 100%;}
.card-header{background: transparent;border-radius: 25% !important;padding: 40px 70px 20px 70px;}
.form-wrap .card {border: 0;box-shadow:unset !important;border-radius:0;background: transparent;}
.form-wrap {box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;border-radius: 25%;background: #fff;}
.form-wrap input,.form-wrap select,.form-wrap textarea{font-size:15px;}
.form-wrap label,.form-wrap i {font-size:16px;}
.success-wrap .header-top{text-align: center;justify-content: center;margin-bottom: 60px;}
.success-wrap .header-top img{max-width: 160px;object-fit: contain;}
.success-sign i{position:relative;color: #fff;font-size: 25px;z-index: 1;}
.success-sign i::after {content: '';background: green;padding: 20px 29px;width: 30px;height: 55px;border-radius: 50%;position: absolute;top: -15px;left: -14px;z-index: -1;color: #fff;}
.success-wrap .text-success {font-size: 20px;}
.success-s{padding:25px;}
.form-wrap .card-body textarea {line-height: 1.2;}

@media screen and (max-width: 1199px) {
    .full-page {
        display: grid;
        place-items: center;
        height: 100vh;
    }
}
    @media screen and (max-width: 767px) {
        .form-wrap {
            border-radius: 5%;
        }

        .card-header {
            padding: 40px 15px 20px 15px;
            margin-left: 0px;
            margin-right: 0px;
        }
    }

    @media screen and (max-width: 575px) {
        .bg-effect {
            padding: 30px 15px;
        }
    }

    @media screen and (max-width: 479px) {
        .form-wrap .card-body {
            padding: 15px 25px 50px 25px;
        }

        .success-s {
            padding: 10px 0px;
        }
    }

    @media screen and (max-width: 413px) {
        .header-top img {
            max-width: 110px;
        }

        .header-top h5 {
            font-size: 15px;
        }

        .form-wrap .card-body {
            padding: 15px 25px 30px 25px;
        }

        .card-header {
            padding: 25px 15px 20px 15px;
        }

        .form-wrap label {
            font-size: 15px;
        }
    }

    @media screen and (max-width: 359px) {
        .bg-effect {
            padding: 20px 0px;
        }
    }
