@import url(../bootstrap/css/bootstrap.min.css);
@import url(owl-carousel.min.css);
@import url(animate.min.css);
@import url(swiper-bundle.min.css);
@import url(offcanvas-menu.min.css);
@import url(main-min.css);
@import url(https://fonts.googleapis.com/css2?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);
@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);


:root {
    --color_1: #d6ac01;
    --color_2: #fe9d6a;
    --color_3: #66000b;
    --color_4: #747679;
    --color_5: #686868;
    --color_6: #4e4e4e;
    --color_7:#000;
    --color_8:#06202a;
}
input::-webkit-input-placeholder, textarea::-webkit-textarea-placeholder {
    font-size: 18px !important;
}
textarea::placeholder {
    font-size: 18px !important;
}
.Banner_heading{
font-family: 'elephant', sans-serif;
}
.f-content p{
font-family: century;
}
body {
    font-family: 'Poppins';
}
h2{
    font-family: century;
}
.custum-container{
    max-width: 1000px;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
}

.grecaptcha-badge {
    display: none !important;
    opacity: 0;
    visibility: hidden;
}

.contacterr,
.emailerr {
    color: red;
    font-size: 14px;
    margin: -20px 0 10px;
    display: none;
}
#header_form
.contacterr, #header_form .emailerr {
color: #ffc4a5;
font-size: 14px;
margin: -20px 0 10px;
display: none;
}
#form2 .contacterr {
    margin: -20px 0 10px;
}

#form2 .emailerr {

    margin: 10px 0 0;
}

#recaptcha_callback2,
#recaptcha_callback {
    display: none;
}

#contact .first-sec .form-control.error {
    border: 1px solid red !important;
    background: none !important;

}

form .error {
    border: 1px solid red;
}

form .error:focus {
    border: 2px solid #fff;
    background: #fff
}

.required {
    color: red;
    font-size: 13px;
    display: none
}

.modal-backdrop {
    z-index: 1
}

.modal-dialog {
    width: max-content
}

#preloader {
    position: fixed;
    display: flex;
    width: 100%;
    height: 100vh;
    background: #fff;
    align-items: center;
    justify-content: center;
    z-index: 1200
}

.bookshelf_wrapper {
    position: relative
}

.books_list {
    margin: 0 auto;
    width: 300px;
    padding: 0
}

.book_item {
    position: absolute;
    top: -120px;
    box-sizing: border-box;
    list-style: none;
    width: 40px;
    height: 120px;
    opacity: 0;
    background-color: #1e6dc700;
    border: 5px solid #fe9d6a;
    transform-origin: bottom left;
    transform: translateX(300px);
    animation: travel 2.5s linear infinite
}

.book_item.first {
    top: -140px;
    height: 140px
}

.book_item.first:after,
.book_item.first:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #fe9d6a
}

.book_item.first:after {
    top: initial;
    bottom: 10px
}

.book_item.fifth:after,
.book_item.fifth:before,
.book_item.second:after,
.book_item.second:before {
    box-sizing: border-box;
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 17.5px;
    border-top: 5px solid #fe9d6a;
    border-bottom: 5px solid #fe9d6a
}

.book_item.fifth:after,
.book_item.second:after {
    top: initial;
    bottom: 10px
}

.book_item.third:after,
.book_item.third:before {
    box-sizing: border-box;
    content: "";
    position: absolute;
    top: 10px;
    left: 9px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 5px solid #fe9d6a
}

.book_item.third:after {
    top: initial;
    bottom: 10px
}

.book_item.fourth {
    top: -130px;
    height: 130px
}

.book_item.fourth:before {
    box-sizing: border-box;
    content: "";
    position: absolute;
    top: 46px;
    left: 0;
    width: 100%;
    height: 17.5px;
    border-top: 5px solid #fe9d6a;
    border-bottom: 5px solid #fe9d6a
}

.book_item.fifth {
    top: -100px;
    height: 100px
}

.book_item.sixth {
    top: -140px;
    height: 140px
}
.banner-info-bg.ml-lg-auto {
    text-align: center;
}
.book_item.sixth:before {
    box-sizing: border-box;
    content: "";
    position: absolute;
    bottom: 31px;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #fe9d6a
}

.book_item.sixth:after {
    box-sizing: border-box;
    content: "";
    position: absolute;
    bottom: 10px;
    left: 9px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 5px solid #fe9d6a
}

.book_item:nth-child(2) {
    animation-delay: 416ms
}

.book_item:nth-child(3) {
    animation-delay: 833ms
}

.book_item:nth-child(4) {
    animation-delay: 1.25s
}

.book_item:nth-child(5) {
    animation-delay: 1.666s
}

.book_item:nth-child(6) {
    animation-delay: 2.083s
}

.shelf {
    width: 300px;
    height: 5px;
    margin: 0 auto;
    background-color: #fe9d6a;
    position: relative
}

.shelf:after,
.shelf:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fe9d6a;
    background-image: radial-gradient(#66000b 30%, transparent 0);
    background-size: 10px 10px;
    background-position: 0 -2.5px;
    top: 200%;
    left: 5%;
    animation: move 250ms linear infinite
}

.shelf:after {
    top: 400%;
    left: 7.5%
}

@keyframes move {
    from {
        background-position-x: 0
    }

    to {
        background-position-x: 10px
    }
}

@keyframes travel {
    0% {
        opacity: 0;
        transform: translateX(300px) rotateZ(0) scaleY(1)
    }

    6.5% {
        transform: translateX(279.5px) rotateZ(0) scaleY(1.1)
    }

    8.8% {
        transform: translateX(273.6px) rotateZ(0) scaleY(1)
    }

    10% {
        opacity: 1;
        transform: translateX(270px) rotateZ(0)
    }

    17.6% {
        transform: translateX(247.2px) rotateZ(-30deg)
    }

    45% {
        transform: translateX(165px) rotateZ(-30deg)
    }

    49.5% {
        transform: translateX(151.5px) rotateZ(-45deg)
    }

    61.5% {
        transform: translateX(115.5px) rotateZ(-45deg)
    }

    67% {
        transform: translateX(99px) rotateZ(-60deg)
    }

    76% {
        transform: translateX(72px) rotateZ(-60deg)
    }

    83.5% {
        opacity: 1;
        transform: translateX(49.5px) rotateZ(-90deg)
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translateX(0) rotateZ(-90deg)
    }
}
.follow_text {
    padding: 5px 0px;
    color: #fff;
    font-size: 18px;
    /* background: transparent; */
    /* position: relative; */
    /* transform: skewX(0deg); */
    width: inherit;
}

.follow_text:before {
    /* content: ''; */
    /* position: absolute; */
    /* left: 0; */
    /* top: 0; */
    /* right: 0; */
    /* bottom: 0; */
    /* border-radius: 0px 0px; */
    /* transform: skewX(-30deg); */
    /* background: orange; */
    /* z-index: -1; */
}
.menu.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    background:#fff;
    opacity: 1;
}

header .logo-area {
    box-shadow: 0 0 10px #0003;
    border-radius: 0px 0px 30px 30px;
    background: white;
    opacity: 0.8;
    z-index: 99999999;
    position: absolute;
    width: 100%;
}
.Contact_us_button {
    text-decoration: none;
    color: #000;
    background: #d6ac01;
    padding: 10px 15px;
    border-radius: 10px;
    float: right;
    font-weight: 600;
}
.logo-area li {
    background: #d3d3d3;
    padding: 10px 15px;
    border-radius: 10px;
}
    /* a:hover {
    color: #fff !important;
    } */
    .main-form {
        background: #FFF;
        border-radius: 20px;
        position: relative;
        width: 50%;
        margin: 80px auto;
    }
    form label {
        float: left;
        margin-bottom: 5px;
        font-weight: 600;
        font-size: 18px;
        color: #595959;
    }
.form input {
    border: none;
    border-bottom: 2px solid #000;
    border-radius: 0px;
    padding: 0px;
}
.form textarea {
    border: none;
    border-bottom: 2px solid #000;
    border-radius: 0px;
    padding: 10px 0px;
}
.form-control:focus{
    border-color: transparent;
    box-shadow: none;
    border-bottom: 2px solid #000;

}
.bg {
    background: url(../images/middle_bg.png) no-repeat;
    background-size: 100% 100%;
}
.Choose {
    background: url(../images/Choose_bg.png) no-repeat;
    background-size: cover;
}
.Testimonials {
    background: url(../images/testimonial_bg.jpg) no-repeat;
    background-size: cover;
}
#gallery .Testimonials {
    background: url(../images/gallery-testimonial_bg.png) no-repeat;
    background-size: cover;
}
.cc h6 {
    width: fit-content;
}
.Apply-Now_button:before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f105";
}
.icons i {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border-color: #fff;
    color: #d6ac01;
    margin: 0 3px;
    transition: .5s;
    font-size: 18px;
}

header .logo-area p span {
    padding-left: 10px
}

header .logo-area button {
    width: 166px;
    display: flex;
    align-items: center;
    border: transparent;
    border-radius: 10px;
    background: var(--color_1);
    color: var(--white)
}

header .logo-area button span {
    background: #66000b;
    padding: 12px;
    float: left;
    border-radius: 10px 0 0 10px;
    margin: 0 10px 0 0
}

header nav ul {
    background: var(--color_2);
    padding: 10px 15px 10px 100px !important;
    font-size: 16px;
    color: var(--color_3);
    border-radius: 15px;
    position: absolute;
    width: 1296px;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto;
    top: 25px
}

header nav ul .en-roll {
    padding: 10px 30px;
    border-radius: 10px
}

header nav .main-form {
    position: absolute;
    right: 15px;
    width: 350px;
    top: 89px;
    height: 0
}

header nav .main-form .top {
    background: #66000b;
    padding: 15px;
    border-radius: 0 0 10px 10px;
    cursor: pointer
}

header nav .main-form .top.active {
    border-radius: 0
}

header nav .main-form .top .f-1 {
    display: flex;
    align-items: center
}

header nav .main-form .top .f-1 h5:before {
    content: "";
    position: absolute;
    top: 20%;
    right: 0;
    background: url(../images/arrow-af.png) no-repeat;
    background-size: contain;
    width: 23px;
    height: 8px
}

header nav .main-form .top .f-1 span {
    line-height: 1;
    padding: 0 5px 0 0
}

header nav .main-form .top .f-1 span img:nth-child(1) {
    animation: clrChange1 .5s infinite
}

header nav .main-form .top .f-1 span img:nth-child(3) {
    animation: clrChange2 .7s infinite
}

header nav .main-form .top .f-1 span img:nth-child(5) {
    animation: clrChange3 .9s infinite
}

@keyframes clrChange1 {
    0% {
        filter: brightness(20)
    }

    100% {
        filter: brightness(1)
    }
}

@keyframes clrChange2 {
    0% {
        filter: brightness(20)
    }

    100% {
        filter: brightness(1)
    }
}

@keyframes clrChange3 {
    0% {
        filter: brightness(20)
    }

    100% {
        filter: brightness(1)
    }
}

.f-2 h5 {
    font-size: 53px;
    display: flex;
    color: #fff;
    align-items: center;
    margin: 0;
    padding: 0;
    font-weight: 600;
    line-height: 1
}

.f-2 h5 span:nth-child(3) {
    font-size: 13px
}

.perc {
    font-size: 30px;
    line-height: .9
}

.f-3 p {
    text-transform: uppercase;
    margin: 0;
    background: #fe596a;
    color: #fff;
    text-align: center;
    line-height: 1.2;
    padding: 9px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 10px
}

header nav {
    z-index: 9
}

header nav:before {
    content: "";
    background: #66000b;
    width: 350px;
    height: 25px;
    right: 15px;
    position: absolute;
    top: 0
}

header nav ul:before {
    content: "";
    background: #fe9d6a73;
    width: 85%;
    height: 17px;
    right: 0;
    left: 50%;
    position: absolute;
    bottom: -17px;
    transform: translateX(-50%);
    border-radius: 0 0 10px 10px
}

header nav .form {
    background: linear-gradient(180deg, #66000be8, #66000bd9, #66000bd1, #66000bd9);
    transform: rotateX(90deg);
    transform-origin: top;
    transition: .5s
}

header nav .form.active {
    transform: rotateX(0);
    box-shadow: inset 0 6px 29px -10px #000
}

.btn-main {
    width: auto;
    height: auto;
    border-radius: 30px;
    border: 1px solid transparent;
    color: #fff;
    padding: 5px 30px;
}
.social-icons.mg-t-20 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-form h3 {
    background: #000;
    color: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 20px 20px 0px 0px;
    font-size: 36px;
}
.banner {
    background: url(../images/banner.png);
    background-position: center;
    background-size: cover;
    padding: 170px 0px 100px 0px;
}
#services .banner {
    background: url(../images/services_banner.png);
    background-position: center;
    background-size: cover;
    padding: 170px 0px 100px 0px;
}
#gallery .banner {
    background: url(../images/gallery_banner.png);
    background-position: center;
    background-size: cover;
    padding: 170px 0px 100px 0px;
}

/* .banner .content .cc h5 {
    letter-spacing: -1px;
    padding: 10px 20px;
    border-radius: 10px
} */

.banner .content .cc a:nth-child(5) button {
    margin-right: 20px
}

.banner .content .cc-2 .in {
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

/* .banner .content .cc {
    margin: 0 0 140px
} */

/* .banner .content .fst {
    transform: translateY(72px)
} */

.banner .content .cc-2 .in {
    background: #494b4e;
    border-radius: 10px
}

.banner .content .cc-2 .in h5 {
    font-size: 20px;
    margin: 0 0 0 12px;
    color: #fff;
    line-height: .9
}


.banner .content .cc-2 .in h5 span {
    font-size: 14px;
    font-weight: 400
}

.banner-af .in {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.banner-af {
    background: url(../images/aft_banner.png) no-repeat;
    background-size: cover;
    background-position: center
}

.About {
    background-position: center;
    background: url(../images/About_bg.png) no-repeat;
    background-size: cover;

}

.third-sec {
    background: url(../images/third-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center
}

.br-1 {
    background: url(../images/br-bg.png) no-repeat;
    background-size: cover;
    background-position: center
}
#services .br-1 {
    background: url(../images/services-br-bg.png) no-repeat;
    background-size: cover;
    background-position: center
}
#gallery  .br-1 {
    background: url(../images/gallery-br-bg.png) no-repeat;
    background-size: cover;
    background-position: center
}
#reviews  .br-1 {
    background: url(../images/gallery-br-bg.png) no-repeat;
    background-size: cover;
    background-position: center
}

.fourth-sec {
    background: url(../images/fourth-bg.jpg) no-repeat;
    background-size: cover
}

.fifth-sec {
    background: url(../images/fifth-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center
}

.sixth-sec {
    background: url(../images/sixth-bg.jpg) no-repeat;
    background-size: cover
}

.testimonial {
    background: url(../images/testimonial.jpg) no-repeat;
    background-size: cover;
    background-position: center
}

footer {
    background: url(../images/Footer.jpg) no-repeat;
    background-size: cover;
    background-position: bottom;
}
.services-heading{
    display: flex;
    align-items: center;
}
.services-heading h4{
font-size: 24px;
font-weight: 600;
margin-left: 20px;
}
.services-inner-content p{
    font-size: 18px;
margin-top: 20px;
color: #686868;
    }

.services-heading img{
width: 60px;
}
.ff-content {
    width: 70%;
    margin: auto 0 auto auto;
}
  
  .ff-content form {
    display: flex;
  }
  
  #footer_form .contacterr,
  #footer_form .emailerr {
    color: red;
    font-size: 14px;
    margin: -8px 0 10px;
    display: none;
    position: absolute;
    top: 36px;
  }
  
  .contacterr,
  .emailerr {
    color: red;
    font-size: 14px;
    margin: -8px 0 10px;
    display: none;
  }
  
  footer .ff-content .form-control {
    height: calc(1.5em + 0.75rem + 4px);
  }
  
  footer .ff-content .form-control, footer .ff-content .form-control:focus {
    padding: 5px 10px;
    border-radius: 20px 0px 0px 20px;
    background: none;
    border: 2px solid #fff;
    color: #fff;
    font-family: 'poppins';
    box-shadow: none;
    height: 40px;
}
.ff-content button {
    background-color: #d6ac01;
    padding: 0 10px;
    width: 200px;
    font-size: 16px;
    color: #fff;
    border: none;
    border-radius: 0px 20px 20px 0px;
}
.first-sec .cc .in {
    position: absolute;
    bottom: 0;
    right: 10%;
    background: url(../images/fs-af-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 5px 30px;
    width: 263px;
    height: 142px;
    border-radius: 10px 0 10px
}

.first-sec .cc .in h5 {
    margin: 0;
    display: flex;
    align-items: center;
    color: #fff;
    line-height: 1;
    justify-content: center;
    height: 100%
}

.first-sec .cc .in h5 .ff {
    font-size: 96px;
    padding-right: 10px
}

.second-sec .content .cc {
    padding: 0px 0px 20px;
    border-radius: 20px;
    min-height: 400px;
    transition: 0.3s;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
.Gallery .content .cc {
    padding: 0px 0px 0px;
    border-radius: 20px;
    min-height: 300px;
    transition: 0.3s;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
.Testimonials .content .cc {
    padding: 20px 30px; 
    border-radius: 20px;
    min-height: 300px;
    transition: 0.3s;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.more_button {
    margin-top: 20px;
    text-align: right;
}
.more_button a{
    color: #000;
    text-transform: uppercase;
}
.more_button a:hover{
    color: #000;
}
/* .second-sec .content .cc:hover{
    background-color: var(--color_1) !important;
} */

/* .second-sec .content:before {
    content: "";
    position: absolute;
    top: 50px;
    left: 50%;
    width: 68px;
    height: 68px;
    transform: translate(-50%, -50%)
} */

.second-sec .content-3 h5 {
    margin-left: 30px;
    margin-bottom: 0
}

.second-sec .end .cc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.second-sec .end .cc .in h3 {
    font-size: 130px;
    font-weight: 700;
    line-height: 1;
    position: relative;
    display: inline-block
}

.second-sec .end .cc .in h3:before {
    content: "%";
    position: absolute;
    right: 2%;
    top: 50%;
    font-size: 23px;
    background: #fff;
    padding: 5px 3px;
    color: var(--color_1);
    transform: translateY(-50%);
    font-weight: 900
}

.fourth-sec .content .cc {
    position: absolute;
    bottom: 10%;
    padding:20px;
}

.fourth-sec .content .cc span {
    transform: translateY(50px);
    margin-top: -50px;
    opacity: 0;
    visibility: hidden;
    transition: .7s;
    width:100%;
    text-align:center;
}
.fourth-sec .content:hover .cc span {
    transform: translateY(0);
    margin-top: 30px;
    opacity: 1;
    visibility: visible;
}
.fourth-sec .content .cc p {
    transform: translateY(50px);
    margin-top: -50px;
    opacity: 0;
    visibility: hidden;
    transition: .7s
}

.fourth-sec .content:before {
    content: "";
    background-image: linear-gradient(transparent, black);
    width: 100%;
    height: 00%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transition: .5s;
    border-radius: 0 0 12px 12px
}

.fourth-sec .content:hover .cc p {
    transform: translateY(0);
    margin-top: 30px;
    opacity: 1;
    visibility: visible
}

.fourth-sec .content:hover:before {
    height: 50%
}

.fifth-sec .content .cc h5 {
    padding-left: 25px
}

.banner-af .side-line::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 50%;
    background: #d2d2d2;
    transform: translateY(-50%)
}

/* .banner-af .in h4:before {
    content: "";
    background: url(../images/line-ss.png) no-repeat;
    background-size: contain;
    width: 59px;
    height: 11px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%)
} */

.lg-line::before {
    content: "";
    background: url(../images/big-line-d.png) no-repeat;
    background-size: contain;
    width: 323px;
    height: 8px;
    position: absolute;
    bottom: 0;
    left: 0
}

.md-line::before {
    content: "";
    background: url(../images/md-line-d.png) no-repeat;
    background-size: contain;
    width: 215px;
    height: 8px;
    position: absolute;
    bottom: -10px;
    left: 0
}
#reviews .reviews-card {    
    margin-top: 50px;
}
.md-line.center-line::before {
    left: 50%;
    transform: translateX(-50%)
}

.md-line.white-line::before {
    filter: brightness(20)
}

.sm-line::before {
    content: "";
    background: url(../images/sm-line-d.png) no-repeat;
    background-size: contain;
    width: 138px;
    height: 8px;
    position: absolute;
    bottom: 0;
    left: 0
}

.sm-line.center-line::before {
    left: 50%;
    transform: translateX(-50%)
}

.sm-line.white-line::before {
    filter: brightness(20)
}

.sixth-sec .adsewewe {
    background: #f9f9f9;
    margin: 13px 0 30px;
    border-radius: 0 10px 0 10px
}
.slider {
    margin-bottom: 30px;
    position: relative;
  }
  .slider-card {
    margin: 50px 15px 90px 15px;
  }
  .Testimonials .slider-card {
    margin: 50px 15px 30px 15px;
    background: #fff;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    padding: 20px 30px;
    border-radius: 20px;
}
  #reviews .reviews-card {
    background: #fff;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    padding: 50px 20px 10px 20px;
    border-radius: 20px;
    position: relative;
}
.home-testimonials .slider .owl-item.active.center .slider-card {
    transform: scale(1.15);
    opacity: 1;
    border-left: 4px solid #d6ac01;
    border-right: 4px solid #d6ac01;
    margin: 50px 15px 30px 15px;
  }
  .home-testimonials .slider .owl-item .slider-card {
    margin: 50px 15px 30px 15px;
    background: #fff;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    z-index: 0;
    padding: 20px 30px;
    border-radius: 20px;
    position: relative;
    border-left: 3px solid #000;
    border-right: 3px solid #000
  }
   .slider .owl-item .slider-card {
    margin: 50px 15px 30px 15px;
    background: #fff;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    z-index: 0;
    padding: 20px 30px;
    border-radius: 20px;
    position: relative;
  }
  
.reviews-card .reviews-img {
    position: absolute;
    width: 100%;
    left: 0px;
    top: -50px;
}
    .slider-card p {
      color: #000;
  }
  
  .slider-card h5 {
      color: #000;
  }
  .overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
      transition: .5s ease;
      background-color: #008CBA;
    }
    .slider .owl-item.active.center > .overlay {
      opacity: 1;
    }
    .gallery .owl-nav.disabled+.owl-dots {
        margin-top: 30px;
      }
      
      .gallery .owl-dots {
        text-align: center;
        -webkit-tap-highlight-color: transparent;
        display: block;
    }
      
      .gallery .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 2px;
        border: 1px solid #333;
        background: #333;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 25px;
        position: relative;
        opacity: 0.9;
      }
      .gallery .owl-dots  .active span {
        width: 15px;
        height: 15px;
        margin: 5px 2px;
        border: 1px solid #333;
        background: #333;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 25px;
        position: relative;
        opacity: 0.9;
      }
      .Testimonials .owl-nav{
        display: block ;
      }
      .Testimonials .owl-dot{
        display: none ;
      }
      .Testimonials .owl-nav button.owl-prev {
        position: absolute;
        background: #fff;
        width: 40px;
        height: 40px;
        top: calc(50% - 25px);
        left: -40px;
        opacity: 1;
        font-size: 30px !important;
        z-index: 1;
        border-radius: 50%;
        box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
      }
      .Testimonials .owl-nav button.owl-next {
        position: absolute;
        background: #fff;
        width: 40px;
        height: 40px;
        top: calc(50% - 25px);
        right: -40px;
        opacity: 1;
        font-size: 30px !important;
        z-index: 1;
        border-radius: 50%;
        box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
      }
.testimonial .testi-slider .owl-controls .owl-dot {
    width: 12px;
    height: 12px;
    background: #aaa;
    border-radius: 50%
}

.testimonial .testi-slider .owl-controls .owl-dot.active {
    background: var(--color_1)
}

.testimonial .testi-slider .owl-controls .owl-dots {
    display: flex;
    justify-content: space-around;
    width: 12%
}

.testimonial .testi-slider .owl-controls {
    position: absolute;
    width: 100%;
    bottom: -5%
}

.testimonial .content-2 {
    border-radius: 12px 0 12px
}

.testimonial .min-mar {
    margin-top: -80px;
    padding-bottom: 20px
}

.faq {
    background: url(../images/faq-bg.jpg) no-repeat;
    background-size: cover
}

.faq .main {
    padding: 30px 60px;
    background: url(../images/faq-in-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px
}

.faq .accordion-button:not(.collapsed) {
    background-color: var(--color_1);
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
    border-radius: 10px 10px 0 0
}

.faq .accordion-button.collapsed {
    background: #747679;
    border-radius: 10px 10px
}

.faq .accordion .cc {
    background: #fff;
    border-radius: 15px
}

.faq .accordion-button::after {
    display: none
}

footer ul li {
    color: #d4d4d4
}

footer ul {
    line-height: 2.5
}

.copyright {
    background: #45121cb2;
    border-radius: 15px
}

.xs-line::before {
    content: "";
    background: url(../images/xs-line.png) no-repeat;
    background-size: contain;
    width: 85px;
    height: 8px;
    position: absolute;
    bottom: 0;
    left: 0
}

.l-side-line:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background: url(../images/l-side-line.png) no-repeat;
    background-size: contain;
    width: 8px;
    height: 41px;
    transform: translateY(-50%)
}

.l-side-line {
    padding-left: 20px
}

.l-side-line.white-line:before {
    filter: brightness(20)
}
/* 
.r-side-line::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 8%;
    width: 6px;
    height: 76px;
    background: #747679;
    transform: translate(-50%, -50%)
} */
.mg-20{
margin-top: 20px;
}

#about .second-sec {
    background: url(../images/about/second-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 40px 0
}
#services .second-sec {
    background: url(../images/about/second-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 40px 0
}

#subject .first-sec {
    background: url(../images/about/first-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center
}

#subject .second-sec {
    background: url(../images/subject/second-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 40px 0
}

#subject .third-sec {
    background: url(../images/subject/third-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center
}

#courses .first-sec {
    background: url(../images/courses/first-bg.png) no-repeat;
    background-size: cover;
    background-position: center
}

#courses .first-sec .links {
    position: absolute;
    bottom: 2%;
    right: 5%
}

#courses .first-sec .links p {
    display: flex
}

#courses .first-sec .links p a {
    display: flex;
    align-items: center;
    flex-direction: row;
    font-weight: 600;
    transition: .5s
}

#courses .first-sec .links p a img {
    padding-right: 5px
}

#courses .first-sec .links p a:hover {
    color: var(--color_1) !important
}

#subject .third-sec .content {
    border: 2px solid #e0e2eb;
    border-radius: 15px;
    padding: 12px 30px;
    transition: .5s
}

#subject .third-sec .content p {
    transition: .5s
}

#subject .ccc .cc {
    position: absolute;
    bottom: 14%;
    right: 30%
}

#subject .ccc .cc h5 {
    letter-spacing: 4.4px;
    font-weight: 600;
    line-height: 1
}

#subject .ccc .cc p {
    text-align: center;
    background: var(--color_1);
    border-radius: 6px;
    padding: 0 0;
    margin: 5px 0 0 !important
}

#subject .third-sec .content:hover {
    background: var(--color_1)
}

#subject .third-sec .content:hover p {
    color: #fff !important
}

#subject .third-sec .content:hover p img {
    filter: brightness(20)
}

#contact .first-sec {
    background: url(../images/contact_bg.png) no-repeat;
    background-size: cover;
    background-position: center;
}

#contact .first-sec .form-control {
    border: 0px solid #d1d1d1;
    border-radius: 30px;
    color: #acacac;
    padding: 15px 20px;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    font-size: 18px;
}

.md-line.md-bannr::before {
    width: 244px;
    height: 10px
}

.md-line.md-bannr2::before {
    width: 466px;
    height: 18px;
    transform: rotateX(55deg)
}

#contact .first-sec .form-control::placeholder {
    color: #acacac;
    font-size: 14px
}

#contact .first-sec .content .cc p {
    padding-left: 25px;
    position: relative
}

#contact .first-sec .content .cc p:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 46px
}

#contact .first-sec .content .cc p.v1:before {
    background-color: #fe9d6a
}

#contact .first-sec .content .cc p.v2:before {
    background-color: #66000b
}

#contact .first-sec .content .cc p.v3:before {
    background-color: #fe596a
}

.inner-banner .cc {
    display: inline-block;
    padding: 18px 25px 25px;
    background: #00000045;
    border-radius: 15px;
    position: relative
}

.inner-banner .cc::before {
    content: "";
    background: url(../images/inner-heading-af.png) no-repeat;
    background-size: contain;
    width: 135px;
    height: 140px;
    position: absolute;
    left: -10%;
    top: 8%
}

.swiper-button-next:after,
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: ""
}

.tabcontent {
    display: none;
    animation: fadeEffect 1s
}

@keyframes fadeEffect {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#inner .first-in .rev,
#inner .first-in .tabs-button {
    background: #ebedf2;
    border-radius: 10px;
    margin: 30px 0
}

#inner .first-in {
    background: url(../images/inner-pages/first-in-bg.jpg) no-repeat;
    background-size: contain;
    background-position: 22px 0;
    background-repeat-y: repeat
}

#inner .first-in .rev .cc i {
    color: #ffa800
}

#inner .first-in .content-1 {
    padding: 0 0 0 25px
}

#inner .first-in .content-1 .search {
    border: 1px solid #fff;
    border-radius: 13px;
    padding: 12px
}

#inner .first-in .content-1 .feature {
    background: url(../images/inner-pages/feature-bg.jpg) no-repeat;
    background-size: cover;
    border-radius: 10px
}

#inner .first-in .content-1 #more {
    visibility: hidden;
    opacity: 0;
    height: 0;
    display: block;
    transition: .5s
}

#inner .first-in .tabs-button .tablinks {
    position: relative
}

#inner .first-in .tabs-button .tablinks::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -50%;
    width: 40px;
    height: 4px;
    background: var(--color_1);
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    transition: .5s
}

#inner .first-in .tabs-button .tablinks.active::before {
    top: -70%;
    opacity: 1;
    visibility: visible
}

#inner .first-in .tabs-button .tablinks.active p {
    color: #66000b !important
}

#inner .first-in .content-1 .categories p span:nth-child(2) {
    background: var(--color_1);
    color: #fff;
    font-weight: 600;
    padding: 2px 4px;
    border-radius: 50%;
    font-size: 11px;
    height: 100%
}

#inner .first-in .content-1 .tags button {
    padding: 7px 25px;
    margin: 0 10px 12px 0;
    background: 0 0;
    border: 2px solid #747679;
    border-radius: 10px;
    color: #747679;
    font-weight: 500;
    transition: .5s
}

#inner .first-in .content-1 .tags button:hover {
    background: var(--color_1);
    color: #fff;
    border: 2px solid var(--color_1)
}

#inner .first-in .content-1 .contact h5 img {
    filter: brightness(0) opacity(.5)
}

#sub-category .first-sec .content-2 .cc {
    background: #e3e4eb;
    border-radius: 0 0 15px 15px
}

#sub-category .first-sec .content-2 .cc .stars i {
    color: #ffa800
}

#sub-category .first-sec .content-2 .pay {
    position: absolute;
    top: 3%;
    right: 5%
}

#sub-category .first-sec .content-2 .pay p {
    padding: 2px 8px;
    font-size: 12px;
    border-radius: 5px
}

#sub-category .first-sec {
    background: url(../images/sub-category/first-bg.jpg) no-repeat;
    background-size: cover
}

.dbl-line::before {
    content: "";
    position: absolute;
    bottom: -80%;
    left: 0;
    background: url(../images/line-ss.png) no-repeat;
    background-size: contain;
    width: 59px;
    height: 11px;
    transform: translateY(-50%)
}

#subject .img-box-sec {
    width: 67px;
    text-align: center
}

.after-ball {
    width: 35px;
    height: 35px;
    position: absolute;
    bottom: 11.3px;
    right: 31.5%;
    border-radius: 50%
}

.after-ball::before {
    content: "";
    position: absolute;
    bottom: 12px;
    right: 34%;
    background: #fff;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    animation: rotate360 3s infinite;
    transform: translate(-3px, 10px);
    transition: .5s
}

@keyframes rotate360 {
    0% {
        transform: translate(-3px, 10px)
    }

    5% {
        transform: translate(2px, 10px)
    }

    10% {
        transform: translate(6px, 7px)
    }

    15% {
        transform: translate(9px, 0)
    }

    20% {
        transform: translate(9px, -7px)
    }

    25% {
        transform: translate(6px, -12px)
    }

    30% {
        transform: translate(4px, -14px)
    }

    35% {
        transform: translate(-3px, -16px)
    }

    40% {
        transform: translate(-10px, -16px)
    }

    45% {
        transform: translate(-16px, -10px)
    }

    50% {
        transform: translate(-22px, -8px)
    }

    55% {
        transform: translate(-27px, -9px)
    }

    60% {
        transform: translate(-33px, -14px)
    }

    65% {
        transform: translate(-35px, -27px)
    }

    70% {
        transform: translate(-30px, -32px)
    }

    75% {
        transform: translate(-19px, -34px)
    }

    80% {
        transform: translate(-11px, -29px)
    }

    85% {
        transform: translate(-11px, -14px)
    }

    90% {
        transform: translate(-18px, -5px)
    }

    95% {
        transform: translate(-15px, 4px)
    }

    100% {
        transform: translate(-5px, 9px)
    }
}

.rotate-around {
    animation: rotate-around 4s infinite;
    transform-origin: center
}

@keyframes rotate-around {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.btn-11 {
    overflow: hidden;
    border-radius: 10px
}

.btn-11:before {
    position: absolute;
    content: "";
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 2s ease-in-out infinite
}

@-webkit-keyframes shiny-btn1 {
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0
    }

    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: .5
    }

    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0
    }
}

.lft-ryt {
    animation: lft-ryt 3s infinite
}

@keyframes lft-ryt {
    0% {
        transform: translateX(-2px)
    }

    50% {
        transform: translateX(3px)
    }

    100% {
        transform: translateX(-2px)
    }
}

.mobx-holder {
    display: none !important
}

#reviews .c .name {
    font-size: 20px;
    color: var(--color_6);
    margin: 0
}

#reviews .c .dt,
#reviews .c p {
    font-size: 14px;
    color: var(--color_4);
    margin: 0
}

#reviews .c p i {
    color: #ffa800
}

#reviews .c p span {
    margin-left: 10px
}

#reviews .c {
    margin-left: 20px
}

#reviews .m-revi {
    font-size: 16px;
    color: var(--color_4);
    margin: 20px 0
}

#reviews .helpful {
    font-size: 16px;
    color: var(--color_6)
}

#reviews .revi {
    border-bottom: 1px solid #ebedf2;
    padding: 30px 0
}

.catgory {
    cursor: pointer
}

.noneInPc {
    display: none;
}

.g-recaptcha {
    overflow: hidden;
    border-right: 1px solid #d1d1d1;
}
/* New Css */
/* .content img {
    width: 50%;
    display: block;
    margin: 0 auto;
} */
.content .main-img {
    width: 100%;
    height: 400px;
    border-radius: 20px;
}
.inner_content {
    margin-top: -40px;
}
.img-div {
    position: relative;
}
.img-div:before {
    content: '';
    position: absolute;
    border: 30px solid #f2e4ab;
    width: 0%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 0px 30px 30px 0px;
}
.img-div::after {
    content: '';
    position: absolute;
    border: 30px solid #f2e4ab;
    width: 0%;
    height: 100%;
    right: 0;
    top: 0;
    border-radius: 30px 0px 0px 30px;
}
/*  */
@media (max-width:1600px) {
    .banner .content .banner-img {
        transform: translateY(50px) scale(.8)
    }

    /* .banner .content .cc {
        margin: 0 0 70px
    } */

    header nav ul {
        top: 15px
    }

    header nav:before {
        height: 15px
    }

    header nav .main-form {
        top: 79px
    }

    .after-ball {
        width: 30px;
        height: 30px;
        bottom: 53.1px;
        right: 34.9%;
        border-radius: 50%
    }

    #inner .first-in {
        background-position: 60px 0
    }
}

@media (max-width:1440px) {
    .banner .fst .cc h6 {
        font-size: 16px
    }

    .banner .fst .cc h1 {
        font-size: 39px
    }

    .banner .fst .cc h5 {
        font-size: 26.5px
    }

    .banner .content .fst {
        transform: translateY(50px)
    }

    .banner .content .banner-img {
        transform: translateY(50px) scale(.7) translateX(-70px)
    }

    .sixth-sec {
        background-position: center
    }

    .sixth-sec .adsewewe {
        margin: 13px 0 30px
    }

    .fourth-sec .content .cc {
        left: 5%
    }

    #inner .first-in {
        background-position: 77px 0
    }
}

@media (max-width:1375px) {
    #subject .ccc .cc {
        right: 21%
    }

    header nav ul {
        width: 1116px
    }

    .second-sec .content .cc {
        padding: 0px 0px 20px;
        min-height: 221px
    }
    .Testimonials .content .cc{
        padding: 20px;
    }
    .second-sec .content:before {
        top: 55%
    }

    .fourth-sec .content:hover:before {
        height: 55%
    }

    .fifth-sec .content .cc h5 {
        font-size: 20px
    }

    .second-sec .content .cc h5 {
        font-size: 20px
    }

    .fourth-sec .content .cc h5 {
        font-size: 25px
    }

    .fourth-sec .content .cc p {
        font-size: 16px
    }

    .sixth-sec .adsewewe {
        margin: -33px 0 30px
    }

    .testimonial .cont h5 {
        font-size: 14px
    }

    .testimonial .cont h5 span {
        font-size: 18px
    }

    footer .link h4 {
        font-size: 18px
    }

    .copyright {
        padding: 30px 30px
    }

    .sixth-sec .adsewewe h4 {
        font-size: 18px
    }

    .sixth-sec .adsewewe p {
        font-size: 14px;
        line-height: 1.1
    }

    #about .content-3 h5 span:nth-child(1) {
        font-size: 16px
    }

    #about .content-3 h5 span:nth-child(3) {
        font-size: 14px
    }

    #inner .first-in {
        background-position: 54px 0
    }
}

@media (max-width:1360px) {
    .min-mar h5 span {
        font-size: 18px
    }

    .min-mar h5 {
        font-size: 16px
    }

    footer .link h4 {
        font-size: 18px;
        overflow: hidden
    }

    header nav .form {
        padding: 20px
    }

    header nav .form .mg-b-30 {
        margin-bottom: 20px
    }
}

@media (max-width:1336px) {
    .sixth-sec .adsewewe {
        margin: -41px 0 50px
    }

    .sixth-sec .col-lg-8 .content:nth-child(2) h4 {
        font-size: 16px
    }

    #inner .first-in {
        background-position: 58px 0
    }
}

@media (max-width:1280px) {
    .banner .content .cc {
        margin: 0 0 40px
    }

    .banner .content .fst {
        transform: translateY(40px)
    }

    #inner .first-in {
        background-position: 65px 0
    }
}

@media (max-width:1199px) {
    footer .ff-content {
        width: 80%;
        margin: auto 0 auto auto;
    }
    #contact .banner .cc h1 {
        font-size: 46px;
    }

    #contact .banner .cc h6 {
        font-size: 15px;
    }

    #subject .ccc .cc {
        right: 4%
    }

    footer .link h4 {
        font-size: 17px;
        overflow: hidden
    }

    .testimonial .content h2 {
        font-size: 35px
    }

    .testimonial .content-2 h2 {
        font-size: 25px
    }

    .testimonial .cont h5 span {
        font-size: 16px
    }

    .faq .main {
        padding: 30px 35px
    }

    .sixth-sec .adsewewe {
        margin: -30px 0 85px
    }

    .sixth-sec .adsewewe h4 {
        font-size: 14px
    }

    .sixth-sec .adsewewe p {
        font-size: 12px;
        line-height: 1.2
    }

    header nav ul {
        max-width: 935px;
        padding: 8px 15px 8px 60px !important
    }

    .banner .fst .cc h5 {
        font-size: 20px;
        padding: 8px 12px
    }

    .banner .fst .cc h1 {
        font-size: 28px
    }

    .banner .fst .cc h6 {
        font-size: 14px
    }

    .banner .fst .cc p br {
        display: none
    }

    .banner .content .cc-2 .in h5 {
        font-size: 16px
    }

    .banner .content .cc-2 .in h5 span {
        font-size: 11px
    }

    .banner .content .cc-2 .in {
        padding: 10px 0
    }

    .banner .content .cc {
        margin: 0 0 25px
    }

    header nav .main-form {
        top: 75px
    }

    header nav ul:before {
        width: 87%;
        height: 12px;
        bottom: -12px
    }

    header .logo-area p {
        font-size: 12px !important
    }

    header .logo-area p spam {
        font-size: 14px
    }

    header .logo-area p img {
        width: 30px;
        height: 30px
    }

    .fifth-sec .content h2,
    .first-sec .content h2,
    .third-sec h2 {
        font-size: 25px
    }

    .fifth-sec .content p,
    .first-sec .content p,
    .fourth-sec .content .cc p,
    .second-sec .content .cc p,
    .second-sec .end .cc p,
    .third-sec .content p {
        font-size: 16px;
        line-height: 1.4;
    }

    .first-sec .content .cc h5 {
        font-size: 18px
    }

    .second-sec .content .cc h5 {
        font-size: 16px
    }

    .second-sec .content:before {
        top: 54%
    }

    .second-sec .content .cc {
        min-height: 199px
    }

    .second-sec .end .cc .in h3 {
        font-size: 116px;
        line-height: .9
    }

    .second-sec .end .cc .in h6 {
        font-size: 12px
    }

    .second-sec .end .cc .in h3:before {
        font-size: 18px
    }

    .fourth-sec .content .cc h5 {
        font-size: 20px
    }

    .fifth-sec .content .cc h5 {
        font-size: 15px
    }

    .sixth-sec .adsewewe {
        margin: 75px 0 0
    }

    .sixth-sec .heading h2 {
        margin: 0;
        padding: 0
    }

    .sixth-sec .pdd-mob {
        padding-top: 0;
        padding-bottom: 0
    }

    footer ul li {
        font-size: 14px;
        font-weight: 600
    }

    footer .link h5 {
        font-size: 12px
    }

    footer .f-logo {
        width: 100%
    }


    footer .cc p {
        font-size: 18px ;
        line-height: 1.3
    }

    .copyright p {
        font-size: 12px !important
    }

    .copyright {
        padding: 20px 20px
    }

    header .top p {
        font-size: 12px !important
    }

    .second-sec .content-3 h5 {
        margin-left: 15px;
        margin-bottom: 0
    }

    #about .content-3 h5 span:nth-child(1) {
        font-size: 14px
    }

    #about .content-3 h5 span:nth-child(3) {
        font-size: 12px;
        line-height: 1
    }

    #about .banner h1 {
        font-size: 35px
    }

    #inner .first-in {
        background-position: 47px 0
    }

    .rev .cc p {
        font-size: 14px
    }

    .rev .btn-main {
        width: 100%;
        height: 43px;
        border-radius: 10px;
        border: 1px solid transparent;
        font-size: 14px
    }
}

@media (max-width:1024px) {

    .services-inner-content p{
        font-size: 16px;
    }
    .ff-content button {
        font-size: 14px;
    }
    .content .main-img {
        height: 350px;
    }
    .w3l-main-slider .banner-view {
        min-height: 50vh;
    }
    .logo-area li {
        background: #d3d3d3;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 14px;
}
    .logo-area img {
width: 70%;
}
h2{
    font-size: 60px !important;
}
.w3l-main-slider .banner-info-bg h2 {
    font-size: 80px !important;
}
h3{
    font-size: 40px !important;
}
.btn-main{
    padding:5px 20px;   
}
.main-form {
    width: 70%;
    margin: 40px auto;
}
    .banner .content .banner-img {
        transform: translateY(50px) scale(.5) translateX(-70px)
    }

    .banner .cc-2 {
        display: none
    }

    #inner .first-in {
        background-position: 60px 0
    }
}

@media (max-width:991px) {
    .testi-1{
        display: none;
    }
    #reviews .reviews-card {    
        min-height: 420px;
        margin-top: 100px;
    }
    h2{
        font-size: 40px !important;
    }
    .w3l-main-slider .banner-info-bg h2 {
        font-size: 60px !important;
    }
    h3{
        font-size: 30px !important;
    }
    .custum-container p{
        font-size: 14px;
        margin-top: 30px;
    }
    footer .ff-content .form-control, footer .ff-content .form-control:focus {
        font-size: 14px;
    }
    .button_div {
        margin-top: 20px;
    }
    form label{
        font-size: 16px;
    }
    .mdNone {
        display: none;
    }
    .Contact_us_button {
        padding: 5px 10px;
        font-size: 14px;
    }
    h6{
        font-size: 20px !important;
    }
    #sub-category .first-sec .content-2 img {
        width: 100%
    }

    #sub-category .inner-banner .cc {
        background: 0 0;
        padding: auto
    }

    #inner .banner h1 {
        font-size: 33px
    }

    #inner .md-line.md-bannr2::before {
        width: 300px
    }

    #inner .first-in {
        background: #fff
    }

    header .menu ul {
        max-width: 695px
    }

    #subject .ccc .cc {
        right: 10%
    }

    header .logo-area p spam {
        font-size: 12px
    }

    header .logo-area p {
        font-size: 12px !important;
        transform: translateX(-65px)
    }
    header .top p {
        font-size: 9px !important;
        transform: scale(1.1)
    }

    header .top p img {
        width: 15px
    }

    header .menu ul li {
        font-size: 13px;
        padding: 5px;
    }

    header nav .main-form .top {
        padding: 7px 12px
    }

    header nav .main-form {
        top: 72px
    }

    .fifth-sec .content h2,
    .first-sec .content h2,
    .third-sec h2 {
        font-size: 20px
    }

    .first-sec .cc .in h5 .ff {
        font-size: 42px
    }

    .first-sec .cc .in h5 span {
        font-size: 10px
    }

    .first-sec .cc .in {
        width: 122px;
        height: 58px
    }

    .fifth-sec .content p,
    .first-sec .content p,
    .fourth-sec .content .cc p,
    .third-sec .content p {
        font-size: 14px;
        line-height: 1.2;
        margin-top: 20px;
    }

    .second-sec .content .cc h5 {
        font-size: 10.9px
    }

    .second-sec .content .cc p {
        font-size: 16px
    }

    .second-sec .content .cc {
        min-height: 155px;
        padding: 0px 0px 15px;
        width: 90%;
        margin-top: 20px;
    }
    .Testimonials .content .cc {
        padding: 15px;
        width: 90%;
        margin-top: 20px;
        transform: scale(1) !important;
    }
    .main-form {
    width: 80%;
    margin: 40px auto;
}
.ff-content button {
    font-size: 12px;
}
    .content .main-img {
        height: 300px;
    }
    .second-sec .content:before {
        top: 50%;
        width: 50px;
        height: 50px
    }

    .second-sec .end .cc p {
        font-size: 10px;
        line-height: .9
    }

    .second-sec .end .cc .in h3 {
        font-size: 60px;
        line-height: .9
    }

    .second-sec .end .cc .in h3:before {
        font-size: 8px
    }

    .second-sec .end .cc .in h6 {
        font-size: 7px
    }

    .third-sec .content h4 {
        font-size: 16px
    }

    .fourth-sec .content .cc h5 {
        font-size: 16px
    }

    .fourth-sec .content .cc h5.l-side-line:before {
        width: 8px;
        height: 28px
    }

    .fourth-sec .content .cc p {
        font-size: 10px
    }

    .fourth-sec .content .cc {
        left: 4%;
        bottom: 17%
    }

    .fourth-sec .content:hover:before {
        height: 60%
    }

    .fifth-sec {
        background-position: 40% 100%;
        padding: 40px 0
    }

    .sixth-sec .heading {
        padding-top: 0
    }

    .sixth-sec .adsewewe {
        margin: 33px 0 0;
    }

    .sixth-sec .heading h2 {
        font-size: 30px
    }

    .sixth-sec {
        background-position: 25% -80px
    }

    .testimonial .content-2 h2 {
        font-size: 18px
    }

    .testimonial .content-2 p,
    .testimonial .testi p {
        font-size: 12px
    }

    .testimonial .testi h5 {
        font-size: 14px
    }

    .testimonial .cont h5 span {
        font-size: 14px
    }

    .testimonial .cont h5 {
        font-size: 11px
    }

    .testimonial .min-mar {
        margin-top: 0;
        padding-bottom: 20px
    }

    footer .link h4 {
        font-size: 15px;
        overflow: hidden
    }

    footer ul li {
        font-size: 9px;
        font-weight: 600
    }

    footer .f-content .cc h5 {
        font-size: 15px
    }

    footer .cc p {
        font-size: 14px !important;
        line-height: 1.2;
    }

    .copyright {
        margin-bottom: 0
    }

    #about .first-sec .content p,
    #subject .first-sec .content p {
        margin-bottom: 10px
    }

    #about .banner h1 {
        font-size: 27px
    }

    #about .banner h6 {
        font-size: 14px
    }

    .inner-banner .cc {
        top: 35px
    }
}

@media (max-width:767px) {
    .second-row{
        margin-top: 20px;
        flex-direction: column-reverse !important;
    }
    .Testimonials .slider-card {
        margin: 50px 30px 30px 30px;
    }
    .link {
        text-align: left !important;
    }
    footer .icons{
        justify-content: flex-start !important;
    }
    footer .ff-content {
        width: 100%;
        margin: 10px 0px;
    }
    footer .link h4 {
        font-size: 18px;
        overflow: hidden;
    }
    footer ul li {
    font-size: 14px;
    font-weight: 600;
}
#contact form{
    margin-top: 30px;
}
    .mob-block {
        display: block
    }
    header .logo-area{
        opacity: 1;
    }
    .bg {
    background-size: cover;
}
.Testimonials .row .col-lg-4{
        padding: 10px !important;
    } 
    h3{
        font-size: 25px !important;
    }
    .second-sec .content .cc {
        width: 60%;
        margin: 0 auto;
    }
    .main-form {
        width: 100%;
        margin: 40px auto;
    }
    .ff-content {
        width: 100%;
        margin: 20px 0px;
    }
    .mob-none{
        display: none;
    }
    .logo-area li {
        background: none;
    }
    .google_translate_elementNone {
        display: none;
    }
    header .menu ul {
        max-width: none;
    }

    #contact .first-sec .col-lg-5 .content p {
        font-size: 14px;
        margin: 30px 0 0;
    }

    #contact .first-sec .content .cc p {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    #about .first-sec .row .col-sm-4,
    #subject .first-sec .row .col-sm-4 {
        display: none;
    }

    #subject .ccc .cc {
        right: -22%;
    }

    .banner .content .cc {
        top: 0;
    }

    .faq .main {
        padding: 18px 18px;
    }

    .faq .accordion-button {
        padding: 10px 10px;
        font-size: 12px;
    }

    .faq .accordion-body {
        padding: 10px;
    }

    .faq .accordion-body p {
        margin: 0;
        font-size: 14px;
    }

    .faq .content h6 {
        font-size: 16px;
    }

    .faq .accordion .cc.mg-b-30 {
        margin-bottom: 10px;
    }

    .faq .content h2 {
        font-size: 26px;
    }

    .testimonial .testi-slider {
        padding-top: 0;
        padding-bottom: 15px;
        margin-bottom: 40px;
    }

    .testimonial .content-2 {
        padding: 20px;
        margin: 0 0 30px;
    }

    .testimonial .content-2 p {
        font-size: 14px;
    }

    .testimonial .content-2 h2 {
        font-size: 22px;
    }

    .testimonial .testi p {
        font-size: 14px;
    }
    #contact .btn-main {
        width: auto;
        height: auto;
        font-size: 16px;
        margin-top: 10px;
    }
    .btn-main {
        width: auto;
        height: auto;
        font-size: 14px;
        margin-top: 10px;
    }

    .sixth-sec {
        background-position: 28% -92px;
    }

    .first-sec .content .cc h5 {
        font-size: 16px;
    }

    .second-sec .content .cc h5 {
        font-size: 18px;
    }

    .second-sec .content:before {
        top: 60%;
        width: 50px;
        height: 50px;
    }

    .second-sec .end .cc {
        background: #ffffffb8;
    }

    .second-sec .end .cc p {
        font-size: 11px;
        line-height: 1;
    }

    .second-sec .end .cc .in h3 {
        font-size: 75px;
        line-height: .9;
    }

    .second-sec .end .cc .in h3:before {
        right: 0;
        font-size: 16px;
    }

    .second-sec .end .cc .in h6 {
        font-size: 9px;
    }

    header {
        position: sticky;
        top: 0;
        z-index: 999;
        background: #fff;
    }

    .menu-toggle {
        display: block;
    }

    .menu.mob-none,
    .smNOnescreen {
        display: none;
    }

    .logo-area .row .col-lg-8 .row {
        justify-content: flex-end;
    }

    .logo-area .logo-img {
        width: 100%;
    }

    .banner .fst .cc h5 {
        font-size: 16px;
        padding: 8px 12px;
    }

    .banner .content .cc a button {
        margin-right: 10px;
        width: 120px;
        height: 37px;
        font-size: 14px;
    }

    .banner .content .fst {
        transform: translateY(20px);
    }

    .banner .fst .cc h1 {
        font-size: 24px;
    }

    .banner .fst .cc h1 {
        font-size: 22px;
    }

    .banner .content .banner-img {
        transform: translateY(10px) scale(1) translateX(0px);
    }

    .lg-line::before {
        width: 236px;
        height: 6px;
    }

    .fifth-sec .content p.mg-t-15 {
        display: flex;
        align-items: flex-start;
        gap: 9px;
    }
}

@media (max-width:690px) {
    .sixth-sec {
        background-position: 30% -92px;
    }
}

@media (max-width:650px) {
    .sixth-sec {
        background-position: 36% -92px;
    }
    .Testimonials .owl-nav button.owl-next{
right: -20px;
    }
    .Testimonials .owl-nav button.owl-prev{
left: -20px;
    }
}

@media (max-width:575px) {
    #reviews .reviews-card {
        min-height: 250px;
        margin-top: 100px;
    }
    .fifth-sec .content p, .first-sec .content p, .fourth-sec .content .cc p, .third-sec .content p,.custum-container p {
        font-size: 16px;
        line-height: 1.2;
        margin-top: 20px;
    }
    .Testimonials .owl-nav button.owl-next {
        top: auto;
        bottom: -20px;
        right: 0px;
    }
    .Testimonials .owl-nav button.owl-prev{
        top: auto;
        bottom: -20px;
        left: 0px;
            }
    .icons {
    justify-content: flex-start !important;
}
form label {
    font-size: 16px;
    text-align: left;
}
    #subject .ccc .cc {
        right: 18%;
        bottom: 19%;
        transform: scale(1.4);
    }

    .faq .accordion-button {
        padding: 14px 14px;
        font-size: 16px;
    }

    .faq .accordion-body p {
        margin: 0;
        font-size: 16px;
    }

    .faq .accordion-body {
        padding: 18px;
    }

    .faq .main {
        padding: 25px;
        background: #f1f1f1;
    }

    .faq .accordion .cc.mg-b-30 {
        margin-bottom: 20px;
    }

    .sixth-sec .adsewewe .row .col-lg-4 img.img-fluid {
        width: 40%;
    }

    .sixth-sec {
        background-position: 9% -92px;
    }

    .sixth-sec .adsewewe .row.pd-t-30 p {
        display: flex;
        align-items: flex-start;
        gap: 6px;
    }

    #sub-category .sub-id {
        display: block
    }

    header {
        position: sticky;
        top: 0;
        z-index: 999;
        background: #fff
    }

    header .logo-area .col-lg-4 .logo-img {
        width: 60%
    }

    .noneInPc {
        display: block;
    }

    .banner .content .fst {
        transform: translateY(00px)
    }

    .banner .content .cc {
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 1px;
        align-items: baseline;
    }

    .banner .content .cc a {
        display: none;
    }

    .banner .fst .cc h5 {
        font-size: 21.4px;
        padding: 8px 12px;
    }

    .banner .fst .cc h1 {
        font-size: 30px;
    }

    .banner .fst .cc h6 {
        font-size: 15px;
    }

    .first-sec .cc .in {
        width: 150px;
        height: 76px
    }

    .first-sec .cc .in h5 span {
        font-size: 12px
    }

    .first-sec .cc .in h5 .ff {
        font-size: 50px
    }

    .second-sec .content .cc {
        min-height: auto;
        padding: 0px 0px 20px;
        width: 70%;
        margin: 0 auto;
    }
    .Testimonials .content .cc {
        padding: 15px !important;
        width: 90%;
        margin-top: 20px;
        transform: scale(1) !important;
    }
    .second-sec .content:before {
        top: 57%
    }

    .second-sec .content .cc h5 {
        font-size: 14px
    }

    .second-sec .mid .content-2 p {
        font-size: 14px
    }

    .second-sec .mid .content-2 h4 {
        font-size: 30px
    }

    .second-sec .mid .content-2 h6 {
        font-size: 16px
    }

    .second-sec .mid {
        padding-top: 30px
    }
    footer .f-logo {
        width: 60%;
    }
    .fourth-sec .content .cc h5 {
        font-size: 14px;
        padding-left: 10px
    }

    .fourth-sec .content:before {
        height: 48% !important;
    }

    .fourth-sec .content .cc {
        left: 4%;
        bottom: 10%
    }

    .fourth-sec .content .cc p {
        transform: translateY(0);
        margin-top: 30px;
        opacity: 1;
        visibility: visible
    }

    .fifth-sec {
        background-position: 0 100%;
        background: #f1f1f1;
        padding: 40px 0
    }

    .pdd-mob .col-lg-6 {
        text-align: center
    }

    .sixth-sec .adsewewe {
        padding: 15px
    }

    .sixth-sec .col-lg-8 .content:nth-child(2) h4 {
        font-size: 14px;
        margin: 0 0 20px !important
    }

    .min-mar .cont {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        text-align: center
    }

    .faq .main {
        background-position: revert
    }

    .faq .main {
        padding: 20px 20px
    }

    footer ul li {
        font-size: 14px;
        font-weight: 400;
    }

    footer .cc p {
        font-size: 16px !important;
        line-height: 1.3;
        text-align: left !important;
    }
    footer .link h4 {
        font-size: 18px;
        overflow: hidden;
    }
    .link.text-center {
        text-align: left !important;
    }
    .copyright p,
    header .top .icons {
        text-align: center !important;
        float: unset !important;
        justify-content: center
    }

    #about .inner-banner .cc,
    #contact .inner-banner .cc,
    #inner .inner-banner .cc,
    #sub-category .inner-banner .cc,
    #subject .inner-banner .cc,
    #courses .inner-banner .cc {
        top: 0;
        padding: 15px;
        display: block;
    }

    .inner-banner {
        overflow: hidden;
    }

    .inner-banner .mainInnerBanner {
        height: 180px;
    }

    .br-1 .content p {
        font-size: 16px;
    }

    #about .second-sec,
    #subject .second-sec {
        margin-top: 0
    }

    .br-1 .content h4 {
        font-size: 26px;
    }

    .br-1 {
        padding: 25px 0
    }

    #subject .banner h1 {
        font-size: 37px
    }

    #contact .banner h1,
    #inner .banner h1,
    #sub-category .banner h1 {
        font-size: 30px
    }

    #contact .banner h6,
    #inner .banner h6,
    #sub-category .banner h6,
    #subject .banner h6 {
        font-size: 14px
    }

    #subject .second-sec .content-3 h5 span {
        font-size: 15px
    }

    #inner .md-line.md-bannr2::before {
        width: 272px;
        height: 18px;
        transform: rotateX(55deg)
    }

    #inner .rev .cc p {
        font-size: 12px
    }

    #inner .first-in {
        background-size: cover;
        background-position: center
    }

    #sub-category .first-sec .content-2 img {
        width: 100%
    }

    #subject .second-sec h4 {
        font-size: 30px
    }

    header .logo-area button {
        width: 146px;
        font-size: 14px
    }

    header .logo-area button span {
        padding: 9px
    }

    .btn-main {
        width: auto;
        height: auto;
        font-size: 14px
    }

    #subject .second-sec .col-lg-5 img {
        width: 100%
    }

    #subject .ccc .cc h5 {
        font-size: 20px
    }

    #subject .ccc .cc {
        right: 22%;
        bottom: 19%;
        transform: scale(1.6);
    }

    .third-sec .row .col-lg-6 a button {
        float: left;
    }
}

@media (max-width:495px) {
    .fourth-sec .content .cc p {
        margin-top: 20px;
    }
}

@media (max-width:460px) {
    .fourth-sec .content .cc p {
        font-size: 12px;
        letter-spacing: 0.4px;
    }

    .fourth-sec .content:before {
        height: 60% !important;
    }

    #subject .ccc .cc {
        right: 20%;
        bottom: 19%;
        transform: scale(1.3);
    }
}

@media (max-width:420px) {
    .Choose,footer{
        padding-bottom: 40px !important;
        padding-top : 40px !important;
    }
    .second-sec .content .cc {
        min-height: auto;
        padding: 0px 0px 20px;
        width: 90%;
        margin: 0 auto;
    }
    .w3l-main-slider .banner-info-bg h2 {
        font-size: 40px !important;
    }
    #subject .ccc .cc {
        right: 17%;
        bottom: 19%;
        transform: scale(1.2);
    }
    .main-form {
        background: #FFF;
        border-radius: 20px;
        position: relative;
        width: 100%;
        margin: 50px auto;
    }
}

@media (max-width:411px) {
    .banner .fst .cc h5 {
        font-size: 18px;
        padding: 8px 12px;
    }

    .banner .fst .cc h1 {
        font-size: 25px;
    }

    .banner .fst .cc h6 {
        font-size: 14px;
    }

    .fourth-sec .content:before {
        height: 65% !important;
    }

    .fourth-sec .content .cc h5 {
        font-size: 12px;
        padding-left: 10px;
    }

    .fourth-sec .content .cc h5 span {
        font-size: 11px !important;
    }

    #contact .banner .cc h1 {
        font-size: 43px;
    }

    #contact .banner .cc h6 {
        font-size: 14px;
    }
}

@media (max-width:380px) {
    #subject .ccc .cc {
        right: 16%;
        bottom: 18%;
        transform: scale(1);
    }
}

@media (max-width:375px) {
    #subject .third-sec .content {
        padding: 10px 5px
    }

    .fourth-sec .content .cc p {
        font-size: 11px;
        letter-spacing: 0.4px;
    }

    .heading h2 {
        font-size: 26px
    }

    .second-sec .content .cc h5 {
        font-size: 13px
    }

    .second-sec .content:before {
        top: 52%
    }

    .second-sec .content .cc {
        min-height: 150px
    }

    .third-sec .content h4 {
        font-size: 15px
    }

    .fourth-sec .content .cc h5 {
        font-size: 12px;
        padding-left: 10px
    }

    .fourth-sec .content .cc p {
        transform: translateY(0);
        margin-top: 15px;
        opacity: 1;
        visibility: visible
    }

    .faq .accordion-button {
        font-size: 15px
    }

    .faq .accordion-body p {
        font-size: 14px
    }

    .testimonial .testi-slider .owl-controls .owl-dots {
        width: 20%
    }
}

@media (max-width:360px) {
    .sixth-sec .heading h2 {
        font-size: 28px;
    }
}

@media (max-width:351px) {
    .fourth-sec .content:before {
        height: 73% !important;
    }
}

@media (max-width:340px) {
    .fourth-sec .content .cc p {
        font-size: 10px;
        letter-spacing: 0.4px;
        margin-top: 10px;
    }

    .fourth-sec .content .cc h5 {
        font-size: 11px;
        padding-left: 8px;
    }

    .fourth-sec .content:before {
        height: 62% !important;
    }

    .faq .accordion-button {
        font-size: 13px;
    }
}

@media (max-width:330px) {
    .fourth-sec .content:before {
        height: 72% !important;
    }

    .sixth-sec .heading h2 {
        font-size: 25px;
    }
}

@media (max-width:320px) {

    #about .inner-banner .cc,
    #subject .inner-banner .cc {
        top: 0;
        padding: 5px
    }

    #subject .banner h1 {
        font-size: 28px
    }

    #subject .banner h6 {
        font-size: 10px
    }

    #subject .third-sec .content {
        padding: 8px 8px;
        border-radius: 9px;
        margin-bottom: 10px
    }

    #subject .third-sec .content p {
        font-size: 9px
    }

    #about .first-sec h2 {
        font-size: 30px
    }

    .lg-line::before {
        width: 235px;
        height: 6px
    }

    #about .first-sec .row .col-lg-6 p {
        display: flex;
        align-items: flex-start;
        justify-content: center
    }

    .br-1 .content h4 {
        font-size: 14px
    }

    .br-1 .content p {
        font-size: 11px
    }

    .testimonial .testi-slider .owl-controls .owl-dots {
        width: 20%
    }

    .testimonial .cont h5 span {
        font-size: 12px
    }

    .accordion-button {
        font-size: 12px
    }

    .faq .accordion .accordion-body p {
        font-size: 14px
    }

    #subject .second-sec .ccc {
        display: none
    }
}