@import url(../bootstrap/css/bootstrap.min.css);
@import url(owl-carousel.min.css);
@import url(swiper-bundle.min.css);
@import url(offcanvas-menu.min.css);
@import url(main-min.css);
@import url(animate.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:wght@300;400;500;600;700;800;900&display=swap);

h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--heading-color);
font-weight: 500;
margin: 0px;
padding: 0px;
}

:root {
--color_1: #173b41;
--color_2: #2982e6;
--color_3: #66000b;
--color_4: #747679;
--color_5: #686868;
--color_6: #343434;
--color_7: #000;
--color_8: #06202a;
}
img{
    pointer-events: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-textarea-placeholder {
font-size: 18px !important;
}
textarea::placeholder {
font-size: 18px !important;
}
.f-content p {
margin: 30px 0px 0px 0px;
color: #fff;
}
body {
font-family: "Poppins", sans-serif;
}

.menu.sticky {
position: fixed;
width: 100%;
left: 0;
right: 0;
top: 0;
z-index: 1000;
background: #fff;
opacity: 1;
}

header .top {
background: url(../images/top-bg.png);
background-size: cover;
background-position: center;
padding: 5px 0px;
}
header .logo-area {
background: #fff;
opacity: 1;
z-index: 999;
position: relative;
width: 100%;
}
.Contact_us_button {
text-decoration: none;
color: #fff;
background: var(--color_2);
padding: 5px 20px;
border-radius: 10px;
float: right;
font-weight: 400;
font-size: 18px;
}
.logo-area li {
background: transparent;
padding: 5px 15px;
margin: 0px 5px;
transition: 0.3s;
}
.logo-area li:hover {
background: var(--color_2);
color: #fff !important;
border-color: var(--color_2);
}

.banner-form {background: url(../images/Group-492.png) no-repeat;background-size: cover;background-position: center;padding: 0px 40px;position: relative;min-height: 500px;text-align: center;}
.banner-form:after {/* content: ""; */background: url(../images/Group-270.png) no-repeat;width: 30%;height: 100px;background-size: contain;position: absolute;right: -60px;}
input::placeholder {
font-size: 16px !important;
}
.Contact form input , .Contact form textarea {
margin: 10px 0px;
border: none;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 10px;
padding: 10px;
color: #A5A5A5 !important;
}
.Contact form input::placeholder , .Contact form textarea::placeholder{
    color: #A5A5A5 !important;
}
.Contact form input:focus,
.Contact form textarea:focus {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

.banner-form .form-group input {background: #7f726aba;border-radius: 5px;padding: 10px 20px;font-size: 16px;border: none;box-shadow: none;color: #fff;width: 70%;margin: 0 auto;border: 1px solid transparent ;}
.banner-form .form-group input:focus {background: #7f726a5e;
    border: 1px solid #fff ;}
input::placeholder,
textarea::placeholder {
font-size: 16px !important;
color: #fff !important;
}
textarea.form-control {
margin: 10px 0px;
border: none;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 10px;
padding: 10px;
}
.Contact {
background: url(../images/form_bg.png) no-repeat;
background-size: cover;
background-position: bottom;
}
.banner-form h2:before {   
    content: "";
    position: absolute;
    background: url(../images/banner-heading-after.png) no-repeat;
    background-size: contain;
    width: 112%;
    height: 173%;
    border-radius: 20px 20px 0px 0px;
    z-index: -1;
    top: -8px;
    left: -27px;
}

.banner-form h2 {position: relative;z-index: 1;color: var(--color_2);font-size: 30px;padding: 10px 0px;text-align: center;}

.banner-form button {background: var(--color_2);border: none;text-align: center !important;color: #fff;font-weight: 600;width: fit-content;margin: 0 auto;position: relative;z-index: 1;padding: 10px 40px;box-shadow: none !important;border-radius: 30px;}
.banner-form button:hover {
background: var(--color_2);
}
.btn-main {
width: auto;
height: auto;
border-radius: 10px;
border: 1px solid transparent;
color: #fff;
padding: 5px 20px;
}
footer {
background: url(../images/footer_bg.png) no-repeat;
background-size: cover;
background-position: bottom;
}
.about .top {
background: url(../images/about_bg.png);
background-size: cover;
background-position: center;
padding: 60px 0px 100px;
}

.resources {    background: url(../images/resources-bg.png);
    background-size: cover;padding: 150px 0px 60px;}
.Journals {
background: url(../images/journal_bg.png);
background-size: cover;
background-position: center;
padding: 40px 0px;
}
.book-carousel {
    margin-top: 50px;
}

.Book-Carousel {
    background: url(../images/book_bg.png) no-repeat;
    padding: 40px 0px 230px;
    background-position: center bottom;
    background-size: cover;
    margin-top: 0px;
}
.Book-Carousel .slider-card {
    margin: 30px auto;
    text-align: center;
}
.book-carousel .owl-item.center .slider-card img {
    width: 110%;
    margin: auto;
    z-index: 999;
    position: relative;
    bottom: 30px;
    left: -10px;
    opacity: 1;
    box-shadow: rgba(99, 99, 99, 0.9) 0px 10px 10px 0px;
}
.book-carousel .owl-item .slider-card img {
    width: 100%;
    margin: auto;
    z-index: 1;
    position: relative;
    border-radius: 30px;
    opacity: 0.5;
}
.second-sec .content .cc {
background: var(--bg-color);
padding: 10px;
border-radius: 10px;
transition: 0.3s;
}
.second-sec .content .cc:hover {
    background: linear-gradient(180deg, var(--color_2) 60%, #fff 0%);
    padding: 10px;
    border-radius: 10px;
}
.second-sec .content .cc:hover > .subject-points-bg img {
filter: invert(1);
}
.subject-points-bg {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    align-items: center;
}
.Subjects .top div.d-flex {
flex-wrap: wrap;
}
.subject-div {
    width: 15%;
    margin: 10px;   
}
.subject-sec h2 {font-size: 36px;font-weight: 600;padding: 0;margin: 10px 0px;color: #000;}
.subject-sec h3 {font-size: 24px;font-weight: 400;margin-bottom: 0px;color: var(--color_2);position: relative;}
.subject-sec h3:after {/* content: ""; */position: absolute;border: 1px solid #1d5f60;width: 100px;height: 1px;left: 0;bottom: 0;}
.subject-points-bg img {
width: 35px;
height: 35px;
}
.slider {
margin: 50px 0px;
position: relative;
}
.slider-card {
margin: 50px 15px 90px 15px;
}
.slider .owl-item .slider-card {
    margin: 15px;
    background: #e5e5e5;
    padding: 30px 30px 20px 30px;
    border-radius: 10px;
    position: relative;
    min-height: 200px;
}
.testi-carousel .slider-card {
    margin: 15px;
    background: #e5e5e5;
    padding: 30px 30px 20px 30px;
    border-radius: 10px;
    position: relative;
    min-height: 200px;
    outline: 10px solid #ffffff1f;
}
.services-carousel .owl-item .slider-card {
margin: 10px;
background: #fff;
box-shadow: none;
z-index: 0;
padding: 0px;
border-radius: 30px;
position: relative;
min-height: 300px;
transition: .3s;
border: 3px solid transparent;
}
.services-carousel .owl-item .slider-card:hover {
    border: 3px solid var(--color_2);
}
.service-name {
    margin-top: -50px;
}
.services-carousel button.owl-dot {
width: 15px;
height: 15px;
border-radius: 20px;
background: transparent !important;
border: 1px solid var(--color_2) !important;
margin: 0px 5px;
}
.open-access {margin-top: -70px;position: absolute;width: 40%;left: 0;right: 0;margin: auto;margin-top: -70px;}
.open-access .row {
    background: url(../images/open-access_bg.png);
    border-radius: 30px;
    padding: 20px;
    position: relative;
}
.open-access .row:after {
    /* content: ''; */
    position: absolute;
    border: 2px solid #ffffffad;
    width: 0px;
    height: 90%;
    right: 0;
    left: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}
.open-access a.btn-main {
    writing-mode: tb;
    transform: rotate(180deg);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 8px 0px;
}
.inner-box {
    width: 90%;
    margin: 0 auto;
    transition: .3s;
    padding: 10px;
}
.inner-box:hover {
background: #fff;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 10px;
}
.services-carousel button.owl-dot.active {
width: 15px;
height: 15px;
border-radius: 20px;
background: var(--color_2) !important;
border: 1px solid var(--color_2) !important;
margin: 0px 5px;
}
.services-carousel .owl-item .slider-card:hover {
background: #fff;
box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
.services-carousel .owl-nav {
display: none;
}
.slider-card p {
color: #000;
}

.slider-card h5 {
color: #000;
}
footer ul li {
color: #fff;
font-weight: 400;
text-align: left;
padding: 0px 0px;
line-height: 2;
/* border-bottom: 1px solid #ffffff4a; */
width: 100%;
margin: 0 auto;
position: relative;
}

footer ul {
line-height: 2.5;
}

.Copyright div {
/* color: #6d6d6d; */
/* background: #fff; */
/* width: 100%; */
/* margin: 0 auto; */
padding: 5px 0px;
/* border-radius: 30px; */
display: flex;
justify-content: space-between;
align-items: center;
}
ul.footer-nav2 {
display: flex;
margin: 0;
padding: 0;
}

.footer-nav2 li {
width: fit-content;
padding: 0px 8px;
position: relative;
}

.Copyright p {
margin: 0;
color: #fff;
font-size: 16px;
}
.footer-nav2 li:nth-child(1):after {
position: absolute;
content: "";
width: 1px;
height: 18px;
/* background: #fff; */
border: 1px solid #fff;
right: -2px;
top: 20%;
}
.list-social {
display: flex;
align-items: center;
margin-top: 10px;
}
.list-social li {
padding: 5px 10px 0px 0px;
border-radius: 100%;
margin-right: 10px;
width: 40px;
height: 40px;
text-align: center;
margin: auto 0 auto;
border: none;
}
.top .list-social li {
padding: 0px 0px 0px 10px;
border-radius: 100%;
margin-right: 10px;
width: 30px;
height: auto;
text-align: center;
margin: auto 0 auto;
border: none;
}
.list-social i {
font-size: 25px;
width: auto;
height: auto;
color: #000;
}
/* New Css */
.Main-Banner {
background-image: url(../images/banner.png);
background-size: cover;
background-position: center;
padding: 60px 0px;
position: relative;
/* margin-top: 0; */
}
.support {
margin: 0 auto;
padding: 20px 40px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 0px 0px 50px 50px;
background: #fff;
}
.support .col-md-3:not(:last-child) {
border-right: 3px solid #e4e4e4;
}
.verified {
width: 30%;
margin: 0 auto;
background: transparent;
display: flex;
justify-content: space-between;
gap: 40px;
margin-top: 30px;
}
.verified div:not(:last-child):after {
content: "";
position: absolute;
border-right: 35px solid #8e8e8e;
width: 100%;
height: 2px;
top: 0;
bottom: 0;
right: -37px;
margin: auto;
}
.top .row.align-items-center {
/* width: 90%; */
margin: 0 auto;
}
.support .point {
padding: 0px 20px;
}
.Services {
background: url(../images/services_bg.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.Testimonial {
background: url(../images/Testimonial_bg.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 40px 0px;
}
.testi-img {
position: relative;
text-align: center;
}
.testi-name {
    display: flex;
    align-items: center;
    padding: 5px;
    gap: 20px;
    background: linear-gradient(45deg, var(--color_2), transparent);
    position: relative;
    width: 122%;
    left: -30px;
}
.testi-img img {
width: 50px;
}
/*  */
.Subjects {padding: 40px 0px;background-position: center;background-size: cover !important;background: url(../images/subject_bg.png);}
.link h4 {
/* background: #fa0e0e; */
/* width: fit-content; */
/* padding: 5px 10px; */
font-size: 26px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 20px;
}
/*  */
.start-sec {position: relative;z-index: 1;/* border-left: 4px solid #0f6566; *//* padding-left: 10px; */}

.start-sec h1 {font-size: 70px;font-weight: 400;padding: 0;color: #fff;}
.start-sec p {color: #adadad;margin: 0;font-size: 18px;font-weight: 400;margin-top: 10px;}
.start-sec h3 {
font-size: 30px;
font-weight: 600;
margin-bottom: 0px;
color: #000;
}
.about-img-after{
    background: url(../images/about-img-after.png) no-repeat;
    background-size: cover;
    padding: 20px;
    width: fit-content;
    position: absolute;
    right: 48px;
    bottom: -60px;
}
.inner-div{
    background: #717171;
    text-align: center;
    padding: 10px 20px;
}
.inner-div h3{
    color: #fff;
    font-size: 40px;
    font-weight: 600;
}
.inner-div span{
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.about-sec {
position: relative;
z-index: 1;
}
.subject {
padding: 20px;
transition: 0.3s;
}
.subject:hover {
box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
border-radius: 20px;
}
.about-sec h2 {
font-size: 30px;
font-weight: 600;
padding: 0;
margin: 10px 0px;
}
.about-sec p {color: #9f9f9f;font-size: 16px;}
.about-sec h3 {font-size: 24px;font-weight: 400;margin-bottom: 0px;color: var(--color_2);position: relative;}
.about-sec h3:after {/* content: ""; */position: absolute;border: 1px solid #1d5f60;width: 100px;height: 1px;left: 0;bottom: 0;}
.resources-sec h2 {
font-size: 30px;
font-weight: 600;
padding: 0;
margin: 10px 0px;
color: #000;
}
.resources-sec p {
color: #969696;
margin: 0;
font-size: 16px;
}
.resources-sec h3 {
font-size: 24px;
font-weight: 400;
margin-bottom: 0px;
color: var(--color_2);
position: relative;
}
.journal-sec h2 {font-size: 30px;font-weight: 600;padding: 0;margin: 10px 0px;color: #fff;}
.journal-sec p {color: #ffffffba;margin: 0;font-size: 18px;}
.journal-sec h3 {font-size: 24px;font-weight: 400;margin-bottom: 0px;color: var(--color_2);position: relative;width: fit-content;margin: 0 auto;}
.service-sec h2 {
font-size: 30px;
font-weight: 600;
padding: 0;
margin: 10px 0px;
color: #fff;
}
.service-sec h3 {
font-size: 24px;
font-weight: 400;
margin-bottom: 0px;
color: var(--color_2);
position: relative;
width: fit-content;
margin: 0 auto;
}
.work-sec h2 {
font-size: 30px;
font-weight: 600;
padding: 0;
margin: 10px 0px;
color: #000;
text-align: center;
}
.work-sec h3 {
font-size: 24px;
font-weight: 400;
margin-bottom: 0px;
color: var(--color_2);
position: relative;
width: fit-content;
margin: 0 auto;
}
.journal-sec h3:after {/* content: ""; */position: absolute;border: 1px solid #1d5f60;width: 100px;height: 1px;left: 0;bottom: 0;}
.book-sec h2 {
font-size: 30px;
font-weight: 600;
padding: 0;
margin: 10px 0px;
color: #000;
}
.book-sec p {
color: #000000a2;
margin: 0;
font-size: 18px;
font-weight: 400;
}
.book-sec h3 {
font-size: 24px;
font-weight: 400;
margin-bottom: 0px;
color: var(--color_2);
position: relative;
}
.testi-sec h2 {
font-size: 30px;
font-weight: 600;
padding: 0;
margin: 10px 0px;
color: #fff;
}
.testi-sec p {
color: var(--color_6);
margin: 0;
font-size: 18px;
font-weight: 400;
}
.testi-sec h3 {
font-size: 24px;
font-weight: 400;
margin-bottom: 0px;
color: var(--color_2);
position: relative;
width: fit-content;
margin: 0 auto;
}
.contact-sec h2 {
font-size: 30px;
font-weight: 600;
padding: 0;
margin: 0px 0px 10px;
color: #343434;
}
.contact-sec p {
color: #818689;
margin: 0;
font-size: 16px;
font-weight: 400;
}
.contact-sec h3 {
font-size: 24px;
font-weight: 400;
margin-bottom: 0px;
color: var(--color_2);
position: relative;
}
.Journal-Points {
margin-top: 50px;
text-align: center;
}
.points {
position: relative;
padding: 50px 10px 20px;
background: #fff;
border-radius: 100%;
border: 6px solid #0f6466;
z-index: 2;
}
.Journal-Points .points:not(:last-child):after {
content: "";
position: absolute;
background: url(../images/Group-281.png) no-repeat;
background-size: contain;
width: 90%;
height: 90%;
left: 90px;
top: 85px;
}
.Journal-Points .points:last-child:after {
content: "";
position: absolute;
background: url(../images/Group-72.png) no-repeat;
background-size: contain;
width: 80%;
height: 80%;
left: 90px;
top: 85px;
}
.points:before {
content: "";
position: absolute;
width: 40%;
height: 40%;
left: -20px;
top: -20px;
z-index: -1;
}
.point-1:before {
background: url(../images/journal-icon-1.png) no-repeat;
background-size: contain;
}
.point-2:before {
background: url(../images/journal-icon-2.png) no-repeat;
background-size: contain;
}
.point-3:before {
background: url(../images/journal-icon-3.png) no-repeat;
background-size: contain;
}
.point-4:before {
background: url(../images/journal-icon-2.png) no-repeat;
background-size: contain;
}
.point-5:before {
background: url(../images/journal-icon-1.png) no-repeat;
background-size: contain;
}
.number:after {
position: absolute;
top: 90px;
font-size: 30px;
font-weight: 600;
color: #000;
left: 0;
right: 0;
}
.number-1:after {
content: "1";
}
.number-2:after {
content: "2";
}
.number-3:after {
content: "3";
}
.number-4:after {
content: "4";
}
.number-5:after {
content: "5";
}
.points p {
margin-top: 20px;
margin-bottom: 0;
font-size: 12px;
}
.resources-div {
padding: 40px 20px 10px 10px;
background-blend-mode: unset;
border-radius: 20px;
text-align: left;
min-height: 200px;
display: flex;
flex-direction: column;
justify-content: flex-end;
transition: 0.3s;
}
.resources-div-1 {
background: url(../images/resources-bg-img-1.png) no-repeat rgb(0 0 0 / 50%);
background-size: cover;
}
.resources-div-2 {
background: url(../images/resources-bg-img-2.png) no-repeat rgb(0 0 0 / 50%);
background-size: cover;
}
.resources-div-content a {
text-decoration: underline !important;
}
.resources-div-content {
visibility: hidden;
opacity: 0;
transform: translateY(20px);
transition: 0.3s ease-in-out;
overflow: hidden;
}
.resources-div {
transition: 0.3s;
}
.resources-div:hover {
background-blend-mode: multiply;
}
.resources-div:hover .resources-div-content {
visibility: visible;
opacity: 1;
transform: translate(0);
}
.services .content h3 {
margin-top: 0px;
background: var(--color_2);
border-radius: 30px 30px 0px 0px;
padding: 10px;
margin: 0;
}
.Subjects .inn {
position: relative;
}

.Subjects .inn:before {
position: absolute;
content: "";
left: 0;
top: 0;
bottom: 20px;
height: 100%;
width: 0px;
height: 0px;
border-top: 100px solid transparent;
border-bottom: 100px solid transparent;
border-left: 10px solid rgb(128, 128, 128);
}
.Subjects .inn:after {
position: absolute;
content: "";
right: 0;
top: 0;
bottom: 20px;
height: 100%;
width: 0px;
height: 0px;
border-top: 100px solid transparent;
border-bottom: 100px solid transparent;
border-right: 10px solid rgb(128, 128, 128);
}
/*  */
/* Owl Carousel */
.align-items-center {
align-items: center !important;
}
.m-0 {
margin: 0 !important;
}
.p-0 {
padding: 0 !important;
}
.text-left {
text-align: left !important;
}

.text-right {
text-align: right !important;
}

.text-center {
text-align: center !important;
}

:root {
--primary-color: #189a46;
--secondary-color: #f53626;
--font-color: #696969;
--bg-color: #fff;
--heading-color: #000c04;
--border-radius: 10px;
--border-color: #ddd;
--border-light: #f0f3f0;
--nav-color: #292922;
--dropdown-color: #fff;
--bg-light: rgba(147, 107, 232, 0.05);
--iframe-filter: grayscale(0%);
--widget-bg: #3f3a64;
}

html {
scroll-behavior: smooth;
}

body,
html {
margin: 0;
padding: 0;

background: var(--bg-color);
color: var(--font-color);
}

body a,
button,
.btn {
cursor: pointer !important;
}

button,
input,
select,
label,
li {
-webkit-appearance: none;
outline: none;
}

a,
a:hover {
text-decoration: none;
color: #fff;
}

ul {
margin: 0;
padding: 0;
}

li {
list-style-type: none;
}

.navbar {
padding: 0;
}

/**
   * Owl Carousel v2.3.4
   * Copyright 2013-2018 David Deutsch
   * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
   */
.owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative;
}

.owl-carousel {
display: none;
width: 100%;
}

.owl-carousel .owl-stage {
position: relative;
touch-action: manipulation;
-moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
}

.owl-carousel .owl-dots.disabled {
display: block;
}

.owl-carousel .owl-nav.disabled {
display: none;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
display: block;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
border: none;
background: transparent;
}

.owl-carousel.owl-loading {
opacity: 0;
display: block;
}

.owl-carousel.owl-hidden {
opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

button.owl-next,
button.owl-prev {
position: absolute;
bottom: 50%;
}

button.owl-prev {
position: absolute;
left: -40px;
top: 180px;
}

button.owl-next {
position: absolute;
right: -40px;
top: 180px;
}
.mob-book-carousel {
display: none !important;
}

/*  */

/* Countup Section */
.Countup {
    background: url(../images/countup_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.number {
    width: fit-content;
    margin: 0 auto;
    transition: 0.3s;
    margin-bottom: 0;
    padding: 0px 10px;
}
.rated-box h5 {
    font-size: 50px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 0;
}
.rated-box p {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
}
.rate-div {
    width: 60%;
    margin: 0 auto;
    padding: 10px;
    border: 2px dashed #5a5a5a;
    border-radius: 30px;
    transition: .3s;
}
.rate-div:hover {
    border: 2px dashed var(--color_2);
}
/*  */
.pc-none-img{
    display: none;
}
/* FAQ Section */
.FAQ {
    padding: 60px 0px;
}
.FAQ .top{
    background: #E5E5E5;
    padding: 30px 0px;
    margin-top: 30px;
}
.accordion__header {
    margin: 10px 0px;
    background-color: #fff;
    border-radius: 10px;
    cursor: pointer;
    padding: 10px 30px 10px 10px;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    position: relative;
    padding-left: 20px;
    transition: all 0.2s ease;
    /* box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px; */
    z-index: 2;
}
.accordion__header h5 {
    font-size: 18px;
    margin: 0;
}

.accordion__body {
    /* display: none; */
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
    overflow: hidden;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    margin-top: -19px;
    border-radius: 0px 0px 10px 10px;
    color: #a5a5a5;
    opacity: 0;
    position: relative;
    height: 0px;
    z-index: 1;
    padding: 10px 20px;
    transform: translateY(-20px);
    transition: 0.3s ease-in-out;
}
.accordion__body.is-active {
	/* display: block; */
	opacity: 1;
	height: auto;
	z-index: 0;
	padding: 20px 20px;
	transform: translateY(0px);
	transition: 0.3s ease-in-out;
}
.accordion__body p{
    margin: 0;
}
.accordion__header:after {
    background: url(../images/feather-plus-circle.png);
    position: absolute;
    background-size: contain;
    right: 10px;
    font-size: 14px;
    width: 20px;
    top: 12px;
    content: '';
    width: 20px;
    height: 20px;
  }
  
  .accordion__header.is-active:after {
    background: url(../images/feather-minus-circle.png) no-repeat;
    position: absolute;
    background-size: contain;
    right: 10px;
    font-size: 14px;
    width: 20px;
    height: 20px;
    top: 12px;
    content: '';
  }
  
  .accordion {
    color: red;
    font-size: 20px;
    text-align: left;
    width: 60%;
    margin: 0 auto;
    text-align: end;
}
/*  */
@media (min-width: 1600px) {
.custum-container {
max-width: 1200px;
padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem);
margin-right: auto;
margin-left: auto;
}
.service .top .custum-container {
max-width: 1100px;
}
.Subjects .custum-container {
max-width: 1100px;
}
}
@media (max-width: 1600px) {
header nav ul {
top: 15px;
}

header nav:before {
height: 15px;
}

header nav .main-form {
top: 79px;
}
}
@media only screen and (max-width: 1500px) {
    .Book-Carousel {
        padding: 40px 0px 200px;
    }
}
@media only screen and (max-width: 1440px) {
.navbar-expand-lg .navbar-nav .nav-item {
padding: 0 10px;
}

.navbar-expand-lg .nav_btn > li {
padding: 0;
}
}
@media only screen and (max-width: 1399px) {
    .Book-Carousel {
        padding: 40px 0px 170px;
    }
    .rate-div {
        width: 70%;
    }
.start-sec h1{
font-size: 60px;
}
.open-access {
    margin-top: -70px;
}
.banner-form h2:before {
    width: 132%;
    left: -60px;
}
.banner-form button:after {
width: 116%;
}
.points:before {
width: 35%;
height: 35%;
left: -10px;
top: -20px;
}
.Journal-Points .points:last-child:after {
width: 70%;
height: 70%;
left: 87px;
top: 87px;
}
.number:after {
top: 70px;
font-size: 26px;
left: 10px;
}
.Journal-Points .points:not(:last-child):after {
width: 80%;
height: 80%;
left: 87px;
top: 83px;
}
.Journal-Points {
gap: 50px;
}
.points {
padding: 30px 10px 20px;
border: 5px solid #0f6466;
}
.services .icon img {
width: 100%;
height: 50px;
}
.logo-area li {
padding: 5px 10px;
}
footer h4 {
font-size: 22px !important;
overflow: hidden;
}
.testi-name{
    width: 130%;
    left: -30px;
}
}
@media (max-width: 1375px) {
.subject-points-bg h3 {
margin-left: 20px;
margin-bottom: 0;
}

header nav ul {
width: 1116px;
}
.Testimonials .content .cc {
padding: 20px;
}
.second-sec .content:before {
top: 55%;
}

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

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

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

.copyright {
padding: 30px 30px;
}
}

@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: 1199px) {
    .banner-form .form-group input{
        width: 100%;
    }
    .banner-form h2:before {
        left: -56px;
        width: 135% !important;
    }
.Journal-Points .points h4 {
font-size: 20px;
}
.start-sec h1 {
font-size: 50px;
}
.banner-form h2 {
font-size: 24px;
}
.twelve-icons {
left: 70%;
}
input::placeholder {
font-size: 16px !important;
}
.Testimonial {
background-position: right;
padding: 40px 0px 60px 0px;
}
.Services h3 {
font-size: 24px;
}
.about-sec h1 {
font-size: 40px;
}
.Copyright p {
margin: 0;
font-size: 14px;
}
.Copyright div {
width: 80%;
}
.services .content h3 {
font-size: 20px;
}
.services .icon img {
width: 100%;
height: 35px;
}
.top-bar-content {
padding: 5px 30px !important;
}
.subject-points-bg h3 {
margin-left: 10px;
margin-bottom: 0;
font-size: 14px;
}
.subject-points-bg img {
width: 35px;
height: 35px;
}
.Main-Banner p br {
display: none;
}
.logo-area li {
padding: 5px 10px;
font-size: 14px;
margin: 0px 0px;
}
#contact .banner .cc h1 {
font-size: 46px;
}

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

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;
}

.Testimonial .main {
padding: 30px 35px;
}

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

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 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: 0.9;
}

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

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

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

footer .link h5 {
font-size: 16px;
}

footer .f-logo {
width: 60%;
}

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;
}

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

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

@media only screen and (max-width: 1199px) {
    .accordion {
        width: 70%;
    }
    .service-name h5{
        font-size: 18px;
    }
    .service-name {
        margin-top: -40px;
    }
    .rate-div {
        width: 80%;
    }
    .rated-box h5 {
        font-size: 40px;
    }
    .testi-img img {
        width: 100%;
    }
.testi-carousel .slider .owl-item .slider-card {
padding: 20px;
}
.testi-carousel .slider-card h4 {
font-size: 20px;
}
.testi-carousel .slider-card em {
font-size: 18px;
}
.Book-Carousel {
    padding: 40px 0px 150px;
}
.Services h4:before,
.Services h4:after {
width: 35%;
}
.open-access {
}
.second-sec .content .cc {
padding: 10px;
}
.second-sec .content .cc:hover {
padding: 10px;
}
.logo-img {
width: 70%;
}
img.choose-img {
width: 80%;
}
.about-sec p,
.resources-sec p,
.contact-sec p {
font-size: 18px;
}
.banner-form .form-group.my-sm-5 {
margin: 25px 0px !important;
}
.banner-form {
padding: 20px 30px 30px;
}
.points:before {
width: 35%;
height: 35%;
left: 0;
right: 0;
top: -35px;
margin: auto;
}
.number:after {
top: 40px;
font-size: 24px;
left: 0px;
}
.Journal-Points .points:not(:last-child):after,
.Journal-Points .points:last-child:after {
display: none;
}
.points {
padding: 30px 15px 20px;
border: 3px solid #0f6466;
}
.Journal-Points {
gap: 20px;
}
.points p {
margin-top: 10px;
}
.navbar .navbar-brand img {
max-width: 109px;
}

.navbar-expand-lg .btn-gradient {
padding: 10px 20px;
font-size: 14px;
}

.navbar-expand-lg .navbar-nav.nav_btn > li {
margin-left: 0px;
}

.navbar-expand-lg .navbar-nav.nav_btn a.btn {
padding: 10px 20px;
}

.navbar-expand-lg .navbar-nav.nav_btn a {
font-size: 14px;
padding: 0px;
}
}

@media (max-width: 1024px) {
.Contact_us_button {
padding: 5px 10px;
}
.register-form h3 {
font-size: 30px;
}
.privacy h3,
.terms h3 {
font-size: 30px;
}
.services-inner-content p {
font-size: 16px;
}
.logo-area li {
padding: 5px 10px;
border-radius: 20px;
font-size: 14px;
}
.btn-main {
padding: 5px 20px;
}
.main-form {
width: 70%;
margin: 40px auto;
}

.banner .cc-2 {
display: none;
}
}

@media only screen and (max-width: 991px) {
    .accordion {
        width: 80%;
    }
    .testi-img img {
        width: 80%;
    }
    .testi-name {
        width: 115%;
        left: -20px;
    }
    .about-img-after{
        right: 20px;
    }
    .inner-div h3{
        font-size: 34px;
    }
    .rate-div {
        width: 100%;
    }
    .rated-box h5 {
        font-size: 36px;
    }
    .rated-box p {
        font-size: 14px;
    }
    .banner-form h2:before {
        left: -42px;
        width: 134% !important;
        height: 132%;
        top: 0px;
    }
    .banner-form{
        min-height: 440px;
    }
.book-sec h2 {
font-size: 26px;
}
.Book-Carousel {
padding: 40px 0px;
}
.number:after {
top: 40px;
}
.start-sec h1 {
font-size: 40px;
line-height: 1;
}
.twelve-icons {
left: 70%;
width: 150px;
}
.list-social li {
margin: 0px 10px;
}
.link {
margin-top: 30px;
text-align: left !important;
}
footer .f-logo {
width: 20%;
}
.Services h3 {
font-size: 22px;
}
.Services h4 {
font-size: 24px;
}
.Subjects .inn:before {
border-top: 80px solid transparent;
border-bottom: 80px solid transparent;
border-left: 8px solid rgb(128, 128, 128);
}
.Subjects .inn:after {
border-top: 80px solid transparent;
border-bottom: 80px solid transparent;
border-right: 8px solid rgb(128, 128, 128);
}
.Subjects .row .col-lg-3 {
margin: 20px 0px;
}
.Subjects .row {
margin-top: 50px;
}
.about-sec h1 {
font-size: 34px;
}
.subject {
padding: 10px 20px;
transition: 0.3s;
}
.start-sec h3 {
font-size: 18px;
}
.testi-carousel .owl-item .slider-card {
padding: 20px;
}
.Copyright div {
width: 90%;
padding: 10px;
}
.footer-nav2 li {
padding: 0px 5px;
}
ul.footer-nav2 a {
font-size: 14px;
}
.services .content h3 {
font-size: 18px;
}
.services .icon img {
width: 100%;
height: 40px;
}
.Testimonial-box {
margin: 10px 0px;
}
/* .Subjects .row{
              margin-top: 0px;
          } */
.Subjects h3 span {
font-size: 35px;
}
.Subjects h3 {
font-size: 20px;
}
.subject-main-heading {
font-size: 34px !important;
}
.expert_heading {
font-size: 25px !important ;
line-height: 1;
}
.subject-points-bg img {
width: 30px;
height: 30px;
}
.Subjects p br {
display: none;
}
.testi-1 {
display: none;
}
#reviews .reviews-card {
min-height: 420px;
margin-top: 100px;
}
.w3l-main-slider .banner-info-bg h2 {
font-size: 60px !important;
}
.custum-container p {
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;
}

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

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

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

header .top p img {
width: 15px;
}

header .menu ul li {
font-size: 12px;
padding: 3px;
}

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

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

.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;
}

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

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

.second-sec .content .cc {
padding: 10px;
}

.Testimonials .content .cc {
padding: 15px;
width: 90%;
margin-top: 20px;
transform: scale(1) !important;
}
.main-form {
width: 80%;
margin: 40px auto;
}
.second-sec .content:before {
top: 50%;
width: 50px;
height: 50px;
}

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

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

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

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

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

.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: 14px;
font-weight: 600;
width: 100%;
text-align: left;
}

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

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

.copyright {
margin-bottom: 0;
}

.inner-banner .cc {
top: 35px;
}
.Contact form {
width: 100%;
}
.banner-form:after {
width: 40%;
right: -20px;
}
.verified {
width: 50%;
}
.resources .col-xl-5.col-lg-6.text-center {
margin-top: 30px;
}
.resources-div {
min-height: 200px;
width: 70%;
}
.open-access {
    width: 50%;
}
.subject-div {
width: 26%;
margin: 10px 0px;
}

.logo-area img {
width: 80%;
}
.about-sec .row span {
font-size: 30px !important;
}
.about-sec .row h4 {
font-size: 16px;
}
img.choose-img {
width: 100%;
}
.about-sec h3 {
font-size: 20px;
}
.about-sec h2 {
font-size: 26px;
}
.support {
padding: 20px;
}
.support .point {
padding: 0px 10px;
}
.service .custum-container p {
font-size: 16px;
margin-top: 10px;
}
.Main-Banner .button_div button {
font-size: 14px !important;
}
.banner-form h2 {
font-size: 22px;
}
.banner-form h2:before {
width: 117%;
}
.banner-form button:after {
width: 110%;
}

.banner-form {
padding: 20px;
}
.banner-form .form-group.my-sm-5 {
margin: 20px 0px !important;
}
.points {
padding: 30px 15px 30px;
border: 3px solid #0f6466;
}
.Journal-Points {
margin: 50px auto 0px;
}

.popup {
display: none;
}

a.nav-link:before,
a.dropdown-item:before {
display: none;
}

a.dropdown-item {
width: auto;
}

.mobile-position {
position: absolute;
right: 40px;
top: 13px;
}

.navbar .navbar-brand img {
max-width: 140px;
}

.navbar-toggler {
border: 0 none;
font-size: 22px !important;
}

.navbar-nav {
-webkit-animation-name: none;
animation-name: none;
float: left;
text-align: center;
width: 100%;
padding: 20px 0;
}

.navbar-nav:last-child {
border: 0;
}

.navbar-expand-lg .navbar-nav .nav-item {
-webkit-animation-name: none;
animation-name: none;
padding: 0;
}

.navbar-expand-lg .navbar-nav.nav_btn > li {
padding-bottom: 10px;
}

.navbar-nav .dropdown-menu {
text-align: center;
}

.navbar-nav .dropdown-menu .dropdown-menu {
background-color: rgba(0, 0, 0, 0.3);
}

.navbar-expand-lg .navbar-nav .nav-item .nav-link.active::before {
bottom: 0;
}

.navbar-expand-lg .navbar-nav .nav-link {
display: inline-block;
padding: 6px 0;
text-align: center;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
transform: translateX(0px);
border: 1px solid var(--border-color);
}

header.nav-fixed {
height: auto;
padding: 10px 0;
}

.navbar-expand-lg .navbar-nav .nav-link {
display: block;
}

.navbar-dark .navbar-toggler-icon {
background-image: none;
padding: 0;
width: 34px;
height: 34px;
display: inline-block;
background: var(--primary-color);
border-radius: 4px;
text-align: center;
}

.navbar-toggler-icon.fa {
line-height: 1.2em;
color: #fff;
line-height: 34px;
background-color: var(--primary-color);
border-radius: 5px;
}

.navbar-toggler {
padding: 0rem 0rem !important;
}
}
@media only screen and (max-width: 800px) {
#site-footer .copyright,
#site-footer ul.footer-menu {
text-align: center;
}
.mobile-position {
position: absolute;
right: 40px;
top: 10px;
}
}

@media (max-width: 767px) {
    .accordion {
        width: 100%;
    }
    .inner-box img {
        width: 40%;
    }
    .inner-box {
        width: 60%;
        margin: 20px auto;
    }
    .banner-form h2:before {
        left: -72px;
        width: 147% !important;
        height: 185%;
        top: -7px;
    }
    .resources .text-end{
        text-align: start !important;
    }
    .resources .text-end img{
        width: 60%;
        margin-top: 20px;
    }
    .Contact .col-lg-4 {
        margin-bottom: 30px;
        text-align: center;
    }
    .testi-name {
        width: 110%;
        left: -20px;
    }
    .book-carousel .owl-item.center .slider-card img{
        bottom: 20px;
    }
    .mob-none-img{
display: none;
    }
    .mob-block-img{
display: block;
    }
    .about .top{
        padding: 40px 0px;
    }
    .about-sec{
        margin-top: 50px;
    }
    .about-img-after {
        right: 20px;
        bottom: -30px;
    }
    .rate-div {
        width: 60%;
        margin: 20px auto;
    }
.Contact .col-lg-4 {
margin-top: 30px;
}
.Contact .col-md-6 {
text-align: center;
}
.Contact .col-lg-4 img {
width: 60%;
}
.mob-book-carousel .slider-card {
height: 400px;
width: 300px;
}
.Book-Carousel {
background: url(../images/mob-book_bg.png) no-repeat;
}
.book-carousel {
display: none !important;
}
.mob-book-carousel {
display: block !important;
margin-top: 30px;
}
.verified {
width: 60%;
}
.resources {
    padding: 150px 0px 40px;
}
.resources-div {
min-height: 260px;
width: 60%;
margin: 0 auto 30px;
}
.open-access {
    border-radius: 30px !important;
    margin-top: -70px;
    width: 60%;
}
.about-sec h4 {
font-size: 18px;
}
.about-sec h2,
.subject-sec h2,
.resources-sec h2,
.journal-sec h2,
.book-sec h2 {
font-size: 24px;
}
.about-sec h2 br,
.about-sec h4 br,
.subject-sec h2 br,
.resources-sec h2 br,
.journal-sec h2 br,
.book-sec h2 br {
display: none;
}
.support {
padding: 0px 20px;
}
.support .col-md-3:not(:last-child) {
border-right: none;
border-bottom: 3px solid #e4e4e4;
}
.support .col-md-3 {
padding: 20px 0px;
}
.Main-Banner {
padding: 40px 0px;
}
.banner-form h2:before {
width: 115%;
}
.banner-form {
    width: 80%;
    margin: 30px auto 0px;
    padding: 0px 60px;
}
.Journal-Points img{
width: 100%;
}
footer .f-logo {
width: 30%;
}
.Testimonial {
padding: 40px 0px 40px 0px;
}
.Testimonial h3 {
font-size: 30px;
}
.Services h3 {
font-size: 22px;
}
.Services h4 {
font-size: 22px;
}
.expert_heading {
font-size: 30px !important;
line-height: 1;
}
.discount_button {
margin: 0px auto !important;
}
.discount_button .btn-main {
font-size: 18px;
}
.Subjects .inn:before {
border-top: 60px solid transparent;
border-bottom: 60px solid transparent;
border-left: 6px solid rgb(128, 128, 128);
}
.Subjects .inn:after {
border-top: 60px solid transparent;
border-bottom: 60px solid transparent;
border-right: 6px solid rgb(128, 128, 128);
}
.subject-main-heading {
font-size: 30px !important;
}
.about-sec h1 {
font-size: 30px;
}
.about-sec h1 br {
display: none;
}
.about-sec p {
font-size: 15px;
}
img.choose-img {
width: 60%;
margin: 0 auto 20px;
}
.subject {
padding: 10px;
transition: 0.3s;
}
.services-heading {
margin: 0;
}
.services .row {
margin-top: 30px;
}
.testi-carousel .owl-item .slider-card {
padding: 20px;
}
.testi-img img {
width: 80%;
}

.Copyright div {
display: block;
text-align: center;
width: 70%;
}
.footer-nav2 li:nth-child(1):after {
display: none;
}
.register-form .form-control {
margin: 10px 0px;
}
.logo-area li:hover {
background: transparent;
color: #fff !important;
}
footer h3.color_1 {
text-align: left !important;
margin-top: 20px;
}
.subject-div {
width: 30%;
margin: 10px 0px;
}
.Subjects .content .cc {
padding: 10px;
}
.register-form img {
width: 15%;
}
.register-form h3 br {
display: none;
}
.support .col-md-3 {
margin: 5px 0px;
}
.Main-Banner .container {
width: auto;
}
.Main-Banner {
padding: 40px 0px 40px 0px;
}
.help_bg {
background-image: none;
}
.second-row {
margin-top: 20px;
flex-direction: column-reverse !important;
}
.Testimonials .slider-card {
margin: 50px 30px 30px 30px;
}

footer .icons {
justify-content: flex-start !important;
}
footer .link h4 {
font-size: 18px;
overflow: hidden;
}
footer ul li {
font-size: 14px;
font-weight: 600;
text-align: left;
}
#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;
}

.second-sec .content .cc {
/* width: 80%; */
margin: 0 auto;
}
.main-form {
width: 100%;
margin: 40px auto;
}
.mob-none {
display: none;
}
.logo-area li {
background: none;
border: 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;
}

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

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

.Testimonial .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;
}

.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: 0.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: 90%;
}
}

@media (max-width: 650px) {
.Testimonials .owl-nav button.owl-next {
right: -20px;
}
.Testimonials .owl-nav button.owl-prev {
left: -20px;
}
.Copyright div {
width: 80%;
}
}

@media (max-width: 575px) {
    .banner-form h2:before{
        background: #fff;
    }
    .open-access a.btn-main{
        writing-mode: unset;
        transform: none;
        padding: 5px !important;
    }
    .open-access .button_div{
text-align: center;
    }
    .banner-form h2:before {
        left: 0;
        width: 100% !important;
        height: 50px;
        top: 0;
    }
    img.mob-block-img{
        width: 100%;
    }
.points {
padding: 40px 20px 30px;
border: 3px solid #0f6466;
}
.top .list-social li {
width: 25px;
}
.open-access {
    width: 90%;
    margin-top: -70px;
}
.banner-form:after {
display: none;
}
.banner-form {
width: 80%;
margin: 30px auto 0px;
}
.Services h3 {
font-size: 24px;
}
.Services h4 {
font-size: 20px;
}
button.owl-prev {
position: absolute;
left: 0px;
top: auto;
bottom: -20px;
width: 25px;
}
button.owl-next {
position: absolute;
right: 0px;
top: auto;
bottom: -20px;
width: 25px;
}
footer {
padding: 0px 20px;
}
.Copyright div {
width: 90%;
}
.logo-area .logo-img {
width: 80%;
}
.register-form img {
width: 20%;
}
#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;
}

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

#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: 100%;
}

.noneInPc {
display: block;
}

.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;
}

.services .content .cc {
min-height: auto;
padding: 0px 0px 10px;
/* width: 80%; */
margin: 0 auto;
}
.Subjects .content .cc {
padding: 10px;
}
.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: 40%;
}
.fourth-sec .content .cc h5 {
font-size: 14px;
padding-left: 10px;
}

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

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

.Testimonial .main {
background-position: revert;
}

.Testimonial .main {
padding: 20px 20px;
}

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

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;
}

#about .second-sec,
#subject .second-sec {
margin-top: 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;
}

#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%;
}
.top-bar-content {
padding: 5px 10px !important;
}
}
@media (max-width: 545px) {
.points {
padding: 40px 20px 30px;
}
}
@media (max-width: 495px) {
    .services-carousel .owl-item .slider-card{
        min-height: 250px;
    }
.points {
padding: 40px 20px 30px;
}
.Services h3 {
font-size: 22px;
}
.Services h4 {
font-size: 20px;
}
.start-sec h1 {
font-size: 45px;
}
.icons i {
width: 20px;
height: 20px;
font-size: 16px;
margin: 0 1px;
}
.twelve-icons {
left: 40%;
width: 180px;
}
}
@media only screen and (max-width: 480px) {
.testi-img img {
width: 80%;
}
.points {
padding: 30px 15px 30px;
}
.verified {
width: 70%;
}
.resources-div {
min-height: 230px;
}
.Services h4:before,
.Services h4:after {
width: 30%;
}
.subject-div {
width: 46%;
margin: 10px 0px;
}
img.choose-img {
width: 70%;
margin: 0 auto 20px;
}
.banner-form h2:before {
width: 113%;
}
.banner-form button:after {
width: 108%;
}
.banner-form {
width: 80%;
}
.navbar-brand img {
max-width: 200px;
}

.navbar .navbar-brand {
font-size: 30px !important;
}

.mobile-position {
top: 10px;
}
}
@media (max-width: 460px) {
    .banner-form {
        padding: 0px 40px;
    }
.Subjects .inn:before {
border-top: 80px solid transparent;
border-bottom: 80px solid transparent;
border-left: 8px solid rgb(128, 128, 128);
}
.Subjects .inn:after {
border-top: 80px solid transparent;
border-bottom: 80px solid transparent;
border-right: 8px solid rgb(128, 128, 128);
}
.top-bar {
flex-wrap: wrap;
}
.top-bar-social {
padding: 5px 5px;
margin: 5px 0 auto auto;
}
.start-sec h1 {
font-size: 45px;
}
.Subjects .content .cc {
width: 100% !important;
margin: 0 auto;
}
.register-form h3 {
font-size: 25px;
margin-bottom: 0px;
}
.subject-main-heading {
font-size: 26px !important;
}
.Testimonial h3 {
font-size: 26px;
}
.Testimonial h4 {
font-size: 18px;
}
}

@media (max-width: 420px) {
    .banner-form {
        padding: 0px 30px;
    }
    .FAQ {
        padding: 40px 0px;
    }
    .accordion__header.is-active:after {
        width: 15px;
        height: 15px;
        top: 20px;
    }
    .accordion__header:after {
        width: 15px;
        height: 15px;
    }
    .accordion__header h5 {
        font-size: 17px;
    }
    .accordion__body p{
        font-size: 15px;
    }
    .inner-box {
        width: 80%;
        margin: 20px auto;
    }
    .testi-name {
        width: 115%;
        left: -20px;
        gap: 10px;
    }
footer .f-logo {
width: 50%;
}
.start-sec p {
margin-top: 5px;
}
.verified {
width: 80%;
}
.resources-div {
min-height: 240px;
width: 70%;
}
.subject-div {
width: 51%;
margin: 10px auto 0px;
}
.banner-form {
width: 90%;
}
.services .content h3 {
padding: 10px 5px;
font-size: 16px;
}
.Copyright div {
width: 95%;
}
.testi-img img {
width: 80%;
}
.slider .owl-item .slider-card {
    width: 80%;
    margin: 10px auto;
}
.expert_heading {
font-size: 22px !important;
line-height: 1;
}
.Subjects .inn:before {
border-top: 70px solid transparent;
border-bottom: 70px solid transparent;
border-left: 7px solid rgb(128, 128, 128);
}
.Subjects .inn:after {
border-top: 70px solid transparent;
border-bottom: 70px solid transparent;
border-right: 7px solid rgb(128, 128, 128);
}
.about-sec h1 {
font-size: 26px;
}
img.choose-img {
width: 100%;
margin: 0 auto 20px;
}
.Why-Choose {
padding: 20px 0px;
}
.logo-area .logo-img {
width: 100%;
}
.services h3 {
font-size: 22px;
}
.register-form img {
width: 25%;
}

.privacy h3,
.terms h3 {
font-size: 25px;
}
.start-sec h3 {
font-size: 20px;
margin-top: 5px;
margin-bottom: 0px;
}
.Why-Choose h3 {
font-size: 20px;
}
.Why-Choose h3 span {
font-size: 35px;
}
.Testimonial h3 {
font-size: 24px;
}
.Testimonial h3 span {
font-size: 35px;
}
.Testimonial p br {
display: none;
}
.button_div {
margin-top: 10px;
}
.Why-Choose .top p br {
display: none;
}
.Choose,
footer {
/* padding-bottom: 40px !important; */
padding-top: 40px !important;
}
footer .container {
padding: 0;
}
.second-sec .content .cc {
min-height: auto;
padding: 0px 0px 10px;
margin: 0 auto;
}
.services .top {
padding: 0;
}
.Subjects .content .cc {
padding: 10px;
}
.main-form {
background: #fff;
border-radius: 20px;
position: relative;
width: 100%;
margin: 50px auto;
}
.start-sec h1 {
font-size: 40px;
}
}

@media (max-width: 411px) {
#contact .banner .cc h1 {
font-size: 43px;
}

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

@media only screen and (max-width: 384px) {
.mobile-position {
top: 6px;
}
}

@media (max-width: 380px) {
    .banner-form {
        padding: 0px 20px;
    }
    .testi-name {
    width: 117%;
    left: -20px;
}
.testi-carousel .slider-card h4 {
    font-size: 18px;
}
.testi-img img {
    width: 70%;
}
.subject-div {
width: 55%;
}
.start-sec h1 {
font-size: 35px;
}
.register-form h3 {
font-size: 22px;
margin-bottom: 0px;
}
.subject-main-heading {
font-size: 22px !important;
}
}

@media (max-width: 375px) {
.heading h2 {
font-size: 26px;
}

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

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

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

@media (max-width: 351px) {
header .top p {
font-size: 11px !important;
}
.register-form h3 {
font-size: 20px;
margin-bottom: 0px;
}
}

@media (max-width: 340px) {
.start-sec h1 {
font-size: 33px;
}
}

@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;
}
.testimonial .testi-slider .owl-controls .owl-dots {
width: 20%;
}

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