@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto Slab", serif;
}

p {
    font-family: "Outfit", sans-serif;
}

body {
    margin: 0;
    padding: 0;
    font-size: 15px;
    background: #fff;
}

.top-bar {
    background: #01483E;
}

.top-contact {
    text-align: right;
}

.top-contact ul {
    padding: 0px;
    margin: 0px;
}

.top-contact li {
    list-style: none;
    display: inline-block;
}

.top-contact li a {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    display: block;
}

/* Navbar */

.navbar-nav li {
    padding: 0px 10px;
}

.navbar-nav li a {
    font-family: "Outfit", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #434343 !important;
    display: inline-block;
    position: relative;
}

.navbar-nav li a:hover {
    color: #195b5a !important;
}

.navbar-nav .nav-link.active {
    color: #195b5a !important;
}

.header.sticky li a {
    color: #434343 !important;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-nav .nav-link::after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: #195b5a;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after {
    width: 100%;
    left: 0;
}

ul.dropdown-menu {
    padding: 0;
}

.dropdown-menu li:hover,
.dropdown-menu li:hover a {
    background: white;
    color: #000001 !important;
}

.dropdown-menu li.active{
    background: white;
}

.offcanvas .dropdown-menu li.active a {
    color: #434343 !important;
}

.navbar-brand img {
    width: 170px;
    transition: 0.6s;
}

.navbar-nav li a {
    font-size: 1rem;
    font-weight: 400;
    color: #000001;
}

.offcanvas {
    background-color: #01483E;
}

.offcanvas .navbar-nav li a {
    color: #ffffff !important;
}

.offcanvas .navbar-nav li a.active {
    color: #ffffff !important;
}

.offcanvas .navbar-nav .nav-link::after {
    background: #ffffff;
}

.offcanvas .navbar-nav .dropdown-menu {
    margin-top: 10px;
    border-radius: 8px;
}

.offcanvas .navbar-nav .dropdown-menu li {
    padding: 10px 0;
}

.offcanvas .navbar-nav .dropdown-menu li:hover,
.offcanvas .navbar-nav .dropdown-menu li:hover a {
    border-radius: 8px;
}

.offcanvas .btn-close svg {
    fill: white;
}

.offcanvas-header img {
    width: 100px;
}

.dropdown-menu {
    background-color: #CEEB6C;
    border-radius: 0px;
}

.dropdown-item {
    background: none !important;
}

.dropdown-menu li {
    padding: 6px 10px;
}

/* header */
.header {
    padding: 33px 0 0px 0;
    background: transparent;
    z-index: 999;
    transition: 0.6s;
    position: absolute;
    width: 100%;
}

.header nav .btn-theme {
    padding: 18px 35px;
}


.c-btn {
    color: #ffffff;
    background: #242424;
    border-radius: 50px 50px 0px 50px;
    padding: 15px 50px;
    display: inline-block;
    text-decoration: none;
}
.c-btn:hover {
    border: 1px solid #000 !important;
}
.header nav .btn-theme:hover {
    border: 2px solid #092B37 !important;
    background: #092B37 !important;
}

.header nav:before {
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    background: white;
    height: 44px;
    width: 926px;
    z-index: -1;
    border-radius: 50px 0 0 50px;
}

header.sticky {
    padding: 10px 0px;
    position: fixed;
    width: 100%;
    z-index: 999;
    background: #ffffff;
}

header.sticky #navbarNav {
    border-bottom: 0px !important;
}

header.sticky img {
    width: auto;
    transition: all 0.5s ease-in-out;
    filter: brightness(0);
}

.hero-sec {
    background: url(../images/top-banner.webp) no-repeat;
    background-size: cover;
    padding-top: 140px;
    /* animation: mymove 100s linear infinite; */
    background-size: cover;
    padding-bottom: 0px;
        background-position: center;
}

.hero-sec h1 {
    font-size: 54px;
    font-weight: 700;
}
.top-book-slider .slick-slide{
    margin-top: 100px;
}
.top-book-slider .slick-slide img {
    margin: auto;
    padding: 44px 0 0;
    transform: scale(.9);
}
.top-book-slider .slick-center {
    transform: scale(1.2);
    margin: 0;
    transition: .5s;
}
/*.updating-section*/
.updating-img-box {
    background: #CEEB6C;
    border-radius: 15px;
}

.updating-img-box img {
    width: 100%;
}

.image-collage {
    display: flex;
    gap: 20px;
    margin: 32px 0px;
}

.hero-sec .row {
    align-items: center;
}

.hero-sec .second-sec-second a:hover {
    color: #fff;
}

.updating-content {
    color: #ffff;
}

.book-collage img {
    width: 80px !important;

}

.book-collage {
    display: flex;
    gap: 10px;

}

.main-book {
    background: #ffff;
    margin-top: 39px;
    color: #000;
    padding: 27px 11px;
    border-radius: 9px;
}

.book-collage h5 {
    font-size: 33px;
}

.books-showcase img {
    width: 220px;
}

@keyframes mymove {
    0% {
        background-position: -10000px 0px;
    }

    100% {
        background-position: 0px 0px;
    }
}

.hero-text h5 {
    color: #fff;
    /*background: url(../images/bg-2.webp);*/
    background-repeat: no-repeat;
    /*padding-left: 60px;*/
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
    background-size: 100%;
    padding-right: 60px;
}

.hero-text h1 {
    color: #fff;
    font-weight: 800;
    font-size: 40px;
}

.hero-text h2 {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}

.hero-text p {
    color: #fff;
}

.hero-images img {
    width: 100%;
}

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

.main-book ul li {
    font-size: 15px;
}

.slider-image {
    padding: 10px;

}

.slider-image {
    padding: 10px;
    transition: all 0.5s ease-in-out;
}

.slick-current .slider-image {
    transform: scale(1.4);
}

.book-slider .slick-list.draggable {
    padding: 45px 50px !important;
}

.logo-brand {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 4px 0px;
    /*    background-image: url(../images/logos-brand.webp);*/
    background-repeat: no-repeat;
    background-position: center;
    /*    animation: mymove 100s linear infinite;*/
}

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

.book-sec {
    padding: 40px 0px 80px;

}

.books-write {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.books-write img {
    width: 125px;
    margin-right: 8px;
}

.books-write .book-text {
    margin-left: 5px;
}

.books-write .book-text h4 {
    font-size: 15px;
    font-weight: 700;
}

.books-write .book-text p {
    font-size: 14px;
}

.sec2-image img {
    width: 100%;
}

.ghostwriting-sec {
    background: url(../images/background-1.webp);
    padding: 50px 0px;
    background-size: cover;
    background-position: center;
}

.ghostwriting-text h5 {
    color: #fff;

}

.ghostwriting-text h2 {
    color: #fff;
}

.ghostwriting-text p {
    color: #fff;
}

.ghostwriting-text a {
    color: #000;
    background: #fff;
    border-radius: 50px 50px 0px 50px;
    padding: 15px 50px;
    display: inline-block;
    text-decoration: none;
    border: 2px solid white;
}

.ghostwriting-text a:hover {
    border: 2px solid white;
    background: transparent;
    color: white;
}

.btn.second-sec-btn:hover {
    color: #fff;
    background: transparent;
    border: 2px solid #01483E;
}

.chat-btn a {
    color: #fff;
    background: #01483E;
    border-radius: 50px 50px 0px 50px;
    padding: 15px 50px;
    display: inline-block;
    text-decoration: none;
    transition: all ease 0.3s;
}

.chat-btn a:last-child {
    background: #fff;
    color: #01483E;
    border: 2px solid #01483E;
}

.chat-btn a:hover{
        border: 2px solid white;
    background: transparent;
    color: white;
}

.sec3-text h5 {
    /*background: url('../images/bg-4.webp');*/
    background-size: 100%;
    color: #000;
    font-size: 14px;
    padding: 10px 0px;
    /*padding-left:60px;*/

}

.sec3-text {}

.sec-3 {
    padding: 60px 0px;
}

.sec-3 .row {
    align-items: start;
}

.service-box {
    padding: 20px;
    border-radius: 10px;
    width: 23%;
    display: inline-block;
    margin: 5px;
    min-height: 338px;
    vertical-align: text-top;
}

.top-num {
    display: flex;
    justify-content: space-between;
}

.top-num h2 {
    color: #C9C9C9;
    font-size: 60px;
    opacity: 0.4;
}

.service-box h4 {
    font-size: 17px;
    margin-top: 20px;
}




.service-box:nth-child(2) {}

.service-box:nth-child(4) {}

.service-box p {
    font-size: 13px;
    height: 200px;
    overflow-y: scroll;
}

.service-box p::-webkit-scrollbar {
    width: 4px;
    background: #941085;
}

.service-box p::-webkit-scrollbar-thumb {
    background: #fff;
}

.service-box p::-webkit-scrollbar-track {
    background: #000000;
}

.sec3-text h5 {
    /*background: url(../images/bg-4.webp);*/
    background-size: 100%;
    color: #000;
    font-size: 14px;
    /*padding: 10px 36px 5px 45px;*/
    display: inline-block;
}

.sec3-text h2 {
    font-size: 40px;
    font-weight: 700;
}

.sec-4 {
    padding: 50px 0px;
    background: url(../images/bg-05.webp);
    background-size: 100% 71%;
    background-repeat: no-repeat;
}
.sec-4 .row{
    align-items:center
}
.sec-4-text h2 {
    color: #fff;
    font-size: 34px;
    font-weight: 500;
}

.contact-num {
    margin-top: 10px;
}

.contact-num a {
    font-size: 30px;
    padding: 20px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
}

.contact-num2 {
    background: #fff;
    display: flex;
    border-radius: 15px;
    position: relative;
    bottom: -50px;
}

.call-num {
    display: flex;
    margin-left: 20px;
    align-items: center;
    color: #000;
    font-weight: 800;
}
.call-num a{
     color: #000;
}
.call-num i {
    font-size: 40px;
    margin-right: 10px;
}

.sec-5 {
    padding: 50px 0px;
}

.sec5-text h5 {
    /*background: url(../images/bg-4.webp);*/
    background-size: 100% 100%;
    background: #01483E;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    padding: 12px 36px;
    display: inline-block;
}

.sec5-text h2 {
    font-size: 40px;
    font-weight: 700;
}

.sec-5 .row {
    align-items: end;
}

.sec-6 {
    padding: 50px 0px;
}

.sec-6 .row {
    align-items: center;
}

.sec6-text h2 {
    /*background: url(../images/bg-4.webp);*/
    background-size: 100% 100%;
    color: #01483E;
    padding: 10px 35px 5px 0px;
    display: inline-block;
    font-size: 28px;
    /*text-align: center;*/
}

.reviews-box {
    background: #01483E;
    padding: 40px;
    border-radius: 20px;
    text-align: center;
}

.reviews-box h2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
}

.reviews-box h3 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 30px;
}

.reviews-box h4 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
}

.reviews-box a {
    color: #000;
    background: #fff;
    border-radius: 50px 50px 0px 50px;
    padding: 15px 50px;
    display: inline-block;
    text-decoration: none;
    margin-top: 20px;
}

.review-1 {
    display: flex;
    align-items: center;
    padding: 0px 0px;
    border-bottom: 10px solid #FBFBFD;
}

.reviews-text {
    margin-left: 20px;
    padding: 10px 20px;
}

.review-1 h4 {
    font-size: 16px;
}

.review-1 p {
    margin-bottom: 0px;
}

.sec-7 {
    background: #01483E;
    padding: 50px 0px;
}

.sec7-text {
    color: #fff;
}

.contact-num3 a {
    display: block;
    padding: 10px;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
}

.sec-7 .row {
    align-items: center;
}

.sec-10 .row {
    align-items: center;
}

.text8-images {
    padding: 10px;
}

.text8-images img {
    width: 100%;
}

.sec-8 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.col-lg-12.hero-images {
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.sec-eight-btns img {
    width: 30px;
    margin-left: 15px;
}

.sec-eight-btns a {
    margin-left: 15px;
    margin-right: 5px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    color: #01483E;

}

/* testimonials-sec */
.section-title {
    margin-bottom: 30px;
    text-align: center;
}
.section-title>h3 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 8px;
}
.testimonials-sec {
  background: #F5F5EF;
      padding-top: 50px;
    padding-bottom: 50px;
}

.testimonials-sec .testi-inner {
  padding: 25px;
  margin: 0px 5px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) -54.39%, rgba(255, 255, 255, 0) 111.3%);
border: 1px solid #C0C0C0;
backdrop-filter: blur(30.8px);
border-radius: 10px;
}

.testimonials-sec .testi-inner img {
    width: 40px;
    filter: contrast(200%) brightness(150%);
    background: #fff;
    padding: 6px;
    border-radius: 20px;
}

.testimonials-sec .testi-inner p {
  font-size: 16px;
}

.testimonials-sec .testi-inner h4 {
  font-size: 18px;
  margin-bottom: 5px;
}

.testimonials-sec .testi-inner span {
  color: #B0B0B0;
  font-size: 14px;
}

.testimonial-slider-rtl {
  direction: rtl;
}

.testimonial-slider-rtl .testi-inner {
  direction: ltr;
}

/* end */

.sec-eight-btns {
    padding: 20px 0;
    background: #EDEDED;
    border: 2px solid #01483E;
    border-radius: 5px;
    flex: 1 1 220px;
}

.sec-eight-btns:hover {
    background: #fff;
}

.f-form input {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 10px;
    border: 0px;
    background: #EFEEF5;
}

.f-form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 0px;
    background: #EFEEF5;
    height: 226px
}

.f-form input[type='submit'] {
    color: #fff;
    background: #F14B4B;
    border-radius: 50px 50px 0px 50px;
    padding: 15px 50px;
    display: inline-block;
}

/*2nd-sec start*/
/*.2nd-sec {*/
/*    padding: 80px 0;*/
/*}*/

/*2nd-sec end*/


footer {
    background: #01483E;
    padding: 50px 0 0;
}

.f-logo {
    color: #fff;
}

.f-logo p {
    font-size: 14px;
    color: #fff;
}

.f-contact li {
    list-style: none;
}

.f-contact h4 {
    color: #fff;
}

.f-contact ul {
    padding: 0px;
}

.f-contact li a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    margin-bottom: 20px;
    display: inline-block;
}

.q-links h4 {
    color: #fff;
}

.q-links ul {
    padding: 0px;
}

.q-links li {
    list-style: none;
}

.q-links li a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    margin-bottom: 10px;
    display: inline-block;
}

.disclaimer p {
    color: #fff;
}

.f-image img {
    width: 100%
}

.copyright {
    background: #fff;
    padding: 10px;
    position: relative;
}

.copyright:before {
    content: '';
    position: absolute;
    top: -38px;
    left: 0;
    right: 0;
    width: 33%;
    height: 42px;
    background: url(../images/footer-bottom-icon.webp);
    margin: 0px auto;
    z-index: 0;
    background-size: 100% 100%;
}

.copyright .col-lg-4 {
    position: relative;
    z-index: 2;
}

.copyright i {
    font-size: 30px;
}

.copyright a {
    color: #000;
    text-decoration: none;
}

.copyright p {
    font-size: 14px;
    margin: 0px;
}

.f-cantainer {
    padding-top: 20px;
    padding-bottom: 70px;
}

/*** inner sec ***/
.innersec-1 {
    padding-top: 100px;
}

.second-image {
    margin-left: -130px;
}

.contact-sec {
    background: url(../images/bg-6.webp);
    padding: 50px 0px;
}

.inr-form-sec {
    backdrop-filter: blur(10px);
    background: #ffffff38;
    position: relative;
    padding-bottom: 20px;
    text-align: center;
}

.inr-form-sec input {
    background: #ffffffbd;
    width: 90%;
    border: 0px;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 8px;
}

.inr-form-sec input[type='submit'] {
    color: #fff;
    background: #F14B4B;
    border-radius: 50px 50px 0px 50px;
    padding: 15px 50px;
    display: inline-block;
}

.inr-form-sec h4 {
    background: linear-gradient(to right, #6548D2 0%, #150846 100%);
    color: #fff;
    font-size: 18px;
    padding: 15px;
    margin-bottom: 25px;
}

.cont-slide {
    margin-left: 130px;
    display: flex;
    align-items: center;
}

.cont-slide h2 {
    color: #fff;
    font-size: 55px;
    margin-right: 10px;
}

.cont-slide h4 {
    color: #f14b4b;
}

.cont-slide p {
    color: #fff;
}

.vertical-center-4 .slick-dots {
    position: absolute;
    top: 120px;
    left: 60px;
    width: 20px;

}

.vertical-center-4 .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #f14b4b;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #f14b4b;
}

.vertical-center-4 .slick-dots li.slick-active button:before {
    opacity: .75;
    color: #f14b4b;
}

.deli-icon-sec {
    padding: 50px;
    background: #EBE8FF;
}

.deli-icon {
    display: inline-block;
    width: 31%;
}

.deli-icon p {
    font-size: 12px;
}

.deli-box2 {
    background: #150846;
    padding: 30px 30px;
    position: absolute;
    right: 0px;
}

.deli-box2 h2 {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffffff;
    font-size: 50px;
    font-weight: 700;
}

.deli-box2 p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 40px;
}


p.second-text {
    background: #fff;
    color: #000;
    padding: 20px;
    font-size: 12px;
    margin-right: -30px;
    border-radius: 50px 0px 0px 50px;
    margin-bottom: 0px;
}

/*** tabs ***/
.book-tabs .nav-pills .nav-link.active {
    background: #005555 !important;
    color: white;
}

.book-tabs .nav-pills .nav-link {
    width: 160px;
    margin: 5px;
    /* background: #01483E; */
    border: 1px solid #005555;
    color: #005555;
    font-size: 14px;
}

.iner_frm_sec {
    padding-top: 60px;
    padding-bottom: 100px;
}

.infscl h3 {
    font-size: 40px;
    font-weight: 600;
    font-family: poppins;
    color: var(--tblack);
}

.infscl img {
    width: 35%;
    margin-top: -25px;
}

.infscl p {
    font-size: 15px;
    font-weight: 400;
    font-family: poppins;
    color: var(--tblack);
    line-height: 33px;
    margin-top: 0px;
    text-align: justify;
}

.books-showcase img {
    width: 230px;
    margin: 10px;
}

.main_boxes {
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 2px solid rgb(107 107 107 / 46%);
    border-bottom: 2px solid rgb(107 107 107 / 46%);
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}

.inn_box {
    background-color: #f5f5f5a6;
    padding: 0px 9px;
    padding-bottom: 15px;
}

.minbox1 {
    margin-left: 10px;
    margin-right: 10px;
}

.bl {
    border-left: 2px solid rgb(107 107 107 / 46%);
    padding-left: 15px;
    border-right: 2px solid rgb(107 107 107 / 46%);
    padding-right: 15px;
}

.inbx_hed {
    background: linear-gradient(to right, #01483E 0%, #005555 100%);
    padding: 5px;
    padding-top: 10px;
    border-radius: 0px 20px 0px 0px;
}

.inbx_hed h3 {
    font-size: 14px;
    font-weight: 600;
    font-family: poppins;
    color: #fff;
}

.minbox1 h4 {
    font-size: 45px;
    padding-top: 10px;
    color: #000;
}

.minbox1 p {
    font-size: 13px;
    text-align: center;
    padding-top: 0px;
    line-height: 25px;
    margin-bottom: 0px;
}

.clpr {
    padding-right: 50px;
}

.clpl {
    padding-left: 50px;
}

.ah2rw {
    align-items: flex-start;
}

.in_frm_cl img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    transform: scale(1.1);
}

.in_frm_cl {
    position: relative;
}

/* INNER FORM SECTION END */
/* INNER FORM START */
.main_inner_form_sec {
    position: absolute;
    top: 65px;
    z-index: 1;
    margin-left: 10px;
    margin-right: 20px;
}

.inner_form {
    padding: 30px 30px;
    background-color: #b0b0b033;
    backdrop-filter: blur(5px);
    border-radius: 0px 0px 25px 25px;
}

.in_frm_df {
    display: flex;
}

.inner_form_head h3 {
    color: #fff;
    font-weight: 500;
    font-size: 20PX;
    font-family: poppins;
    line-height: 30px;
    text-align: left;
}

.inner_form_head {
    background: linear-gradient(to right, #01483E 0%, #005555 100%);
    padding: 10px 20px;
}

.inner_form input {
    width: 100%;
    margin-top: 15px;
    border: 2px solid #F1F1F1;
    border-radius: 5px;
    height: 50px;
    background-color: #F1F1F1;
    font-size: 15px;
    font-family: poppins;
    color: rgb(107, 107, 107);
    padding-left: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

.inner_form textarea {
    width: 100%;
    margin-top: 15px;
    border: 2px solid #F1F1F1;
    border-radius: 5px;
    height: 50px;
    background-color: #F1F1F1;
    font-size: 15px;
    font-family: poppins;
    color: rgb(107, 107, 107);
    padding-left: 10px;
    resize: none;
    margin-left: 5px;
    margin-right: 5px;
}

.inner_form input::placeholder {
    color: rgb(107, 107, 107);
    font-size: 15px;
}

.inner_form input:focus {
    border-color: #F14B4B;
    box-shadow: none;
}

.inner_form textarea:focus {
    border-color: #F14B4B;
    box-shadow: none;
}

.inner_form button {
    background: #01483E;
    padding: 12px 20px;
    color: #fff;
    transition: 0.5s ease-in-out;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    width: 60%;
    margin-top: 20px;
    border: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 50px 50px 0px 50px;
}

.inner_form button:hover {
    background: #005555;
    color: #fff;
    border: 2px solid #005555 !important;
}

.mys2mg img {
    width: 100%;
}

/*2nd-sec start*/
.second-sec {
    padding: 80px 0 40px;
}

.second-sec-form {
    padding: 20px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
    border: 2px solid #01483E;
}

.second-sec-form h3 {
    text-align: center;
    font-size: 30px;
}

.second-sec-form span {
    font-size: 40px;
    color: #54BD95;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form-control {
    resize: none;
    display: block;
    width: 100%;
    padding: 6px 10px;
    font-size: 1rem;
    border-radius: 4px;
    font-weight: 600;
    line-height: 1.5;
    border: 1px solid #01483E;
    color: #6c757d !important;
    background-color: #f3f3f3;
}

.form-control:focus {
    box-shadow: none !important;
}

.second-sec-btn {
    background: #54bd95;
    border-radius: 6px;
    color: #fff;
    padding: 10px 0;
    border: 2px solid #54bd95;
}

input.required.form-control::placeholder {
    /*color: #fff;*/
}

textarea.required.form-control::placeholder {
    /*color: #fff;*/
}

.second-sec h2 {
    font-size: 40px;
}

.form-group {
    width: 49%;
    display: inline-block;
    margin-bottom: 20px;
}

.form-group:nth-child(5) {
    width: 98.8%;
}

.form-group label {}

.form-select:focus {
    border-color: #01483E;
    outline: 0;
    box-shadow: none;
}

.second-sec-first {
    padding: 10px;
    border: 2px solid #01483E;
    border-radius: 5px;
    margin-left: 10px;
    text-decoration: none;
    background: #01483E;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.second-sec-first:hover {
    color: #000;
    background: transparent;
}

.second-sec-second {
    padding: 10px;
    border: 2px solid #54bd95;
    border-radius: 5px;
    margin-left: 10px;
    text-decoration: none;
    background: #54bd95;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.second-sec-second:hover {
    color: #000;
    background: transparent;
}

.second-row {
    align-items: center;
}

/*2nd-sec end*/

/* INNER FORM END */
.servcess2 {
    background-image: url(../images/sec2.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding-top: 40px;
    padding-bottom: 30px;
    margin-top: 70px;
}

.servcl2 img {
    /*width:100%;*/
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.sercls2 {
    position: relative;
}

.sercls2 h2 {
    font-size: 39px;
    color: transparent;
    font-weight: 500;
    -webkit-text-stroke: 2px #ffffff;
    transform: rotate(-90deg);
    top: 145px;
    position: absolute;
    left: -197px;
}

.sercls2 h3 {
    color: #fff;
    font-size: 39px;
    line-height: 50px;
}

.sercls2 p {
    color: #fff;
    line-height: 28px;
    font-weight: 300;
    font-size: 15px;
}

.servrw {
    background-color: #CEEB6C6e;
    border-radius: 30px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 20px;
    align-items: center;
}

.insepg2 img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.insec3rw2 {
    align-items: center;
}

.insrw3cl1 h3 {
    color: #000;
    font-size: 22px;
}

.insrw3cl1 p {
    font-size: 16px;
    line-height: 28px;
}

.insrw3cl1 {
    margin-top: 20px;
}

.mng p {
    font-size: 16px;
    line-height: 30px;
}

.inpsec3rw1 {
    align-items: center;
}

.inpsec3rw1 {
    text-align: center;
    margin-bottom: 50px;
}

.inpgsec3 {
    padding-top: 50px;
}

.inpgsec3 .row {
    align-items: center;
}

.inpsec3rw1 p {
    font-size: 16px;
    line-height: 30px;
}

.inpsec3rw1 h2 {
    font-size: 40px;
    font-weight: 600;
}

.inpsec3rw1 h2 span {
    color: #01483E;
}

.cns {
    margin-top: 30px;
}

.cntsec2 img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.cntsec1 p {
    line-height: 30px;
    color: #000;
    font-size: 16px;
}

.countersec {
    padding-top: 50px;
    padding-bottom: 50px;
}

.cntsec1 ul {
    padding-left: 0px;
}

.cntsec1 ul li {
    list-style-type: none;
    font-size: 29px;
    text-align: center;
    margin-top: 30px;
    padding: 10px 4px;
    margin-right: -30px;
    color: #fff;
    font-family: "Outfit", sans-serif;
}

.redc {
    background-color: #FF4343;
}

.bluc {
    background-color: #0089D0;
}

.orgc {
    background-color: #F47122;
}

.yelowc {
    background-color: #FDC53C;
}

.cntsec1 ul li h3 {
    font-size: 14px;
    color: #fff;
}

.cntrw {
    align-items: center;
}

.cntsec1 {
    padding-left: 21px;
}

.banner2 {
    /*background-image: url(../images/bnsec.webp);*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    /*background-position: top;*/
    background: #005351;
    padding-top: 40px;
    padding-bottom: 30px;
    /*margin-bottom: 30px;*/
}

.bncls2 img {
    width: 100%;
}

.bn2links h2 {
    color: #fff;
    font-size: 35px;
}

.bn2links p {
    color: #fff;
}

.banrw2 {
    align-items: center;
}

.inbclinks a {
    color: #fff;
    font-size: 16px;
    margin-left: 17px;
    text-decoration: none;
}

.inbclinks {
    margin-top: 15px;
}

.vertical-center-3 .slick-slide img {
    margin-right: 10px;
}

.vertical-center-3 .cont-slide h4 {
    color: #000;
    font-size: 20px;
}

.vertical-center-3 .cont-slide p {
    color: #000;
    font-size: 12px;
}

.vertical-center-3 .cont-slide {
    margin-left: 70px;
    display: flex;
    margin-top: 30px;
}

.vertical-center-3 .slick-dots {
    position: absolute;
    top: 120px;
    left: 30px;
    width: 20px;

}

.vertical-center-3 .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #01483E;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.vertical-center-3 .slick-dots li.slick-active button:before {
    opacity: .75;
    color: #01483E;
}

/***hshkshkd***/
.testi-area {
    padding: 50px 0px;
}

.testi-area h2 {
    margin-bottom: 40px;
    text-align: center;
}

.testi-area .row {
    align-items: center;
}

.testi-area .container {
    background: url(../images/updating-sec-2-bg.webp);
    background-repeat: no-repeat;
}



.testi-area .container {
    background: url(../images/updating-sec-2-bg.webp);
    background-repeat: no-repeat;
    /* background-size: cover; */
    padding: 20px;
}




.top-form {

    padding: 26px 31px;
    border-radius: 9px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    background: #ffff;
}

.top-form .row {
    align-items: center;
}

.top-form h2 {
    font-size: 24px;
    font-weight: 600;
}

.top-form h2 span {
    color: #592B62;
}

.top-form p {
    color: #000;
    font-weight: 600;
}

.top-form label {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 400;
}

.top-form form input,
.top-form form select,
.top-form form textarea {
    width: 100%;
    font-size: 16px;
    border: 0px;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    background-color: rgba(217, 217, 217, 0.3);
    border: 1px solid rgba(217, 217, 217, 0.3) !important;
    margin-bottom: 15px;
}

.top-form input:focus,
.top-form select:focus,
.top-form textarea:focus {
    background-color: transparent;
    border: 1px solid black !important;
    color: #1e1e1e;
    border-color: #EDECF1;
    box-shadow: none;
}

.top-form form input[type='submit'] {
    width: auto;
    background: #005959;
    color: #fff;
}

.form-content {
    margin-top: 20px;
}

/*.form-container::before*/
/*{*/
/*    content: "";*/
/*    background: url(../images/dotted-bg.webp) no-repeat top right;*/
/*    width: 100%;*/
/*    height: 300px;*/
/*    position: absolute;*/
/*    top: 5px;*/
/*    right: 0px;*/
/*    z-index: -1;*/
/*}*/

.form-container h3 {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 26px;
    line-height: 34px;
    color: #fff;
}

.form-container .form-group {
    width: 100%;
    margin: 25px 0;
    color: #5a544f;
}

.form-container .form-control::placeholder {
    color: #fff;
}

.form-container .form-group label {
    margin-bottom: 4px;
    color: #fff;
}

.form-container .form-control {
    color: #fff;
    background: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    height: 40px;
    font-size: 14px;
}

.form-group .btn {
    width: 100%;
}

.testi-area .btn:hover {
    border-color: #CEEB6C !important;
    background: transparent;
    color: #CEEB6C !important;
}

.testi-area .btn {
    width: auto;
    display: table;
    margin: auto;
    padding: 14px 50px;
}

.pink-btn {
    background: #fff;
    border-radius: 45px 45px 0px 45px;
    color: #01483E;
    border: 2px solid #fff;
}

.testi-area::after {
    height: 448px;
    width: 380px;
    content: "";
    right: 0;
    background: url("../images/remarks-after.webp") no-repeat 0 0;
    bottom: 60px;
    position: absolute;
    z-index: -9;
}

.pak-sec {
    padding-top: 100px;
}

.pkg-box {
    background: #F6F6F6;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 5px #b1b1b1;
    margin: 15px;
}

.pkg-box li {
    font-size: 14px;
}

.pkg-box li::before {
    content: '';
    position: absulute;
}

.pkg-head h3 {
    padding: 20px;
    border-bottom: 1px solid;
}

.pkg-head del {
    padding: 20px;
    font-size: 24px;
}

.pkg-head h2 {
    padding: 20px;
    font-size: 40px;
    font-weight: 700;
}

.pkg-box ul {
    height: 189px;
    overflow: hidden;
    padding: 15px 40px;
    overflow-y: scroll;
}

.pkg-box ul::-webkit-scrollbar {
    width: 4px;
    background: #fff;
}

.pkg-box ul::-webkit-scrollbar-thumb {
    background: #fff;
}

.pkg-box ul::-webkit-scrollbar-track {
    background: #000000;
}

.pkg-box a {
    padding: 14px 30px;
    background: #01483E;
    border-radius: 30px;
    color: #000;
    display: block;
    margin: 0px 25px;
    text-align: center;
    color: #fff;
    text-decoration: none;
}

.pkg-foot {
    display: flex;
    padding: 20px;
}

.pkg-foot strong {
    font-size: 13px;
}

.pkg-foot div {
    padding: 0px 15px;
}

.pkg-foot div:first-child {
    border-right: 1px solid #000;
}

.pkg-foot label {
    font-size: 12px;
}

.review-sec {
    padding-top: 100px;
}

.review-box {
    padding: 20px;
    background: #fff;
    margin: 10px;
    border-radius: 7px;
    box-shadow: 0px 0px 4px 1px #dbdbdb;
    min-height: 400px;
}

.review-name h3 {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 23px;
    margin: 0;
    padding-bottom: 10px;
    color: #5136b4;
}

.review-name h4 {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 18px;
    margin: 0;
    color: #5136b4;
    margin-bottom: 20px;
}

.review-name {
    border-bottom: 1px solid #dce9eb;
    margin-bottom: 20px;
}

.review-txt {
    position: relative;
}

.review-txt i {
    font-size: 20px;
    color: #c2bcd6;
}


.review-txt p {
    margin: 20px 0;
}

.review-star span {
    color: #fff;
    -webkit-text-stroke: 1px #5b5866;
    font-size: 14px;
}

.review-star span.checked {
    color: #ffae00;
    -webkit-text-stroke: 1px #ffae00;
}

.cntsec-list li {
    color: #000 !important;
    text-align: left !important;
    padding: 0px;
    margin: 0px !important;
    font-size: 16px !important;
    display: inline-block;
    width: 48%;
}

.cntsec-list li::before {
    content: '\f00c';
    font-family: 'FontAwesome';
    margin-right: 8px;
    color: #01483E;
}

@media screen and (max-width:1440px) {
    .hero-text h1 {
        font-size: 34px;
    }

}

@media screen and (max-width:991px) {
    .hero-text h5 {
        background-position: center;
    }

    .hero-text {
        text-align: center;
    }

    .main-menu .navbar-brand {
        width: 100% !important;
        display: flex;
        justify-content: space-between;
    }

    .main-menu .navbar-brand button {
        background: #fff;
    }

    #navbarCollapse .navbar-nav:before {
        display: none;
    }

    #navbarCollapse .navbar-nav {
        border-radius: 0px 0px 0px 0px;
    }

    .ghostwriting-text {
        text-align: center;
    }

    .sec-3 {
        text-align: center;
    }

    .sec-4-text h2 {
        font-size: 21px;
    }

    .contact-num a {
        font-size: 20px;
        padding: 14px;
    }

    .contact-num2 img {
        width: 130px;
    }

    .contact-num2 span {
        font-weight: 500;
        font-size: 13px;
    }

    .sec-5 {
        text-align: center;
    }

    .top-contact ul {
        margin: 0px;
    }

    .vertical-center-4 .cont-slide {
        margin-left: 0px;
        display: block;
        text-align: center;
    }

    .vertical-center-4 .slick-dots {
        position: inherit;
        top: 0px;
        left: 0px;
        width: auto;
    }

    .vertical-center-4 .slick-dots li button:before {
        background: transparent;
    }

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

    .innersec-1 {
        padding-top: 35px;
    }
}

@media (max-width:767px){
    .header nav:before{
        display: none;
    }
    .hero-top-form .form-flex {
       flex-direction: column;
    }
}
@media screen and (max-width:600px) {
    section {
        overflow: hidden;
    }

    p {
        font-size: 16px;
            line-height: 30px;
    }

    .navbar-toggler-icon {
        width: 1em;
        height: 1em;
    }

    .hero-text h5 {
        padding-left: 40px;
        background-size: 100%;
        padding-right: 30px;
    }

    .book-sec {
        padding: 20px 0px;
    }

    .rating-logo img {
        width: 100%
    }

    .hero-sec {
        padding-top: 130px;
    }

    .top-contact li a {
        padding: 5px;
        font-size: 12px;
    }

    .books-write .book-text {
        margin-left: 10px;
    }

    .sec3-text h2 {
        font-size: 24px;
    }

    .chat-btn a {
        padding: 10px 20px;
        font-size: 12px;
    }

    .service-box {
        width: 100%;
        margin: 10px 0px;
    }

    .service-box:nth-child(2) {
        margin-top: 10px;
        position: relative;
        top: 0px;
    }

    .service-box:nth-child(4) {
        margin-top: 10px;
        position: relative;
        top: 0px;
    }

    .review-1 {
        display: block;
        text-align: center;
    }

    .reviews-box h2 {
        font-size: 30px;
    }

    .reviews-box h3 {
        font-size: 18px;
    }

    .reviews-box h4 {
        font-size: 28px;
    }

    .reviews-box img {
        width: 118px;
        display: block;
        margin: 0 auto;
    }

    .sec-6 {
        text-align: center;
    }

    .sec-7 {
        text-align: center;
    }

    .hero-images img {
        margin-bottom: 20px;
    }

    .sec5-text h2 {
        font-size: 28px;
    }

    .sec-5 {
        padding: 20px 0px;
    }

    .sec-4 {
        background-size: 100% 100%;
    }

    .contact-num2 {
        bottom: 0px;
    }

    .sec-4-text {
        text-align: center;
    }

    .sec6-text h2 {
        font-size: 18px;
        padding: 10px 20px 5px 20px;
    }

    .hero-text h1 {
        font-size: 24px;
    }

    .sec3-text {
        text-align: center;
    }

    .hero-images {
        margin: 5px 0px;
    }

    .reviews-text {
        padding: 10px 0px;
    }

    .deli-icon {
        text-align: center;
    }

    .reviews-text {
        margin-left: 0px;
        padding: 10px;
    }

    .deli-box2 {
        position: inherit;
    }

    .deli-icon {
        width: 100%;
        text-align: center;
    }

    .deli-icon-sec {
        padding: 0px;
    }


    .book-tabs .align-items-start {
        display: block !important;
        text-align: center;
    }

    .slider-image {
        padding: 0px;
    }

    .slick-current .slider-image {
        transform: scale(1.7);
    }

    .form-container {
        padding: 30px;
        width: 100%;
        border-radius: 30px 30px 0 30px;
        margin: 0 auto;
    }
}

/* INNER FORM SECTION START */
/* Button */

.btn-theme {
    border: 2px solid #092B37;
    padding: 12px 35px;
    display: inline-block;
    font-weight: 500;
    background: #CEEB6C;
    color: #092B37;
    transition: all ease-in-out 0.3s;
    font-size: 1rem;
    border-radius: 50px;
}

.btn-theme:hover {
    border: 2px solid #ffffff !important;
    background: transparent !important;
    color: #ffffff !important;
}

.btn-white {
    border: 2px solid #ffffff;
    padding: 12px 35px;
    display: inline-block;
    font-weight: 500;
    background: transparent;
    color: #ffffff;
    transition: all ease-in-out 0.3s;
    font-size: 1rem;
    border-radius: 50px;
}

.btn-white:hover {
    border: 2px solid #ffffff !important;
    background: white !important;
    color: #092B37 !important;
}

.btn-check:focus+.btn,
.btn:focus {
    outline: 0;
    box-shadow: none;
}

/* end */
.second-sec-btns .btn-theme {
    border-color: #CEEB6C !important;
}

.second-sec-btns .btn-theme:hover {
    border-color: #CEEB6C !important;
    background: transparent !important;
    color: #CEEB6C !important;
}

.second-sec-btns .btn-white {
    display:none;
    border: 2px solid #092B37 !important;
    background: #092B37 !important;
    color: #ffffff !important;
    /*display:none;*/
}

.second-sec-btns .btn-white:hover {
    background: transparent !important;
    color: #092B37 !important;
}

/* model popup */
.model-discount span {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0;
  color: #ffffff;
}

.animate-div {
  animation: zoom-in-zoom-out 2s ease-out infinite;
}

.model-discount span label {
  color: #ff633c;
  animation: zoom-in-zoom-out 2s ease-out infinite;
  font-size: 20px;
  font-weight: 700;
}

.model-discount label {
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
}

.model-sec .modal-body {
  padding: 0;
  position: relative;
}

.model-sec .modal-content {
  border-radius: 30px;
  border: none;
}

.model-discount {
  padding: 30px 40px 30px 40px;
  background: #01483E;
  border-radius: 0px;
}

.model-input {
  border-color: #ffffff !important;
  padding: 10px 15px !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
}

.model-input option{
    color: #01483E;
}

.model-input:focus {
  border-color: #CEEB6C !important;
}

.model-input::placeholder {
  color: #ffffff !important;
  font-weight: 400;
}

.model-discount .btn-close {
  position: absolute;
  top: 6px;
  right: 8px;
  box-shadow: none !important;
}

/* end */

/* top form */
.hero-top-form {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}

.hero-top-form h2 {
    font-weight: 700;
    margin-bottom: 10px;
    color: #092B37;
    text-align: center;
    font-size: 30px;
}

.hero-top-form .form_row {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), #D3EBE9;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);
    border-radius: 32px;
    padding: 25px 30px 30px;
    margin-top: -90px;
}

.hero-top-form input,
.hero-top-form select {
    width: 100%;
    margin-top: 0px;
    border: 1px solid #EDECF1;
    font-size: 15px;
    padding-right: 0 !important;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.05);
    color: #1e1e1e !important;
    border-radius: 6px;
    font-weight: 500;
}

.hero-top-form input::placeholder {
    color: #1e1e1e !important;
    font-weight: 500;
    font-size: 16px;
}

.hero-top-form .iti .iti__selected-dial-code {
    margin-left: 0px;
    font-size: 15px;
    color: black;
    font-weight: 500;
}
.hero-top-form .iti{
    width: 100%;
}

.hero-top-form .iti__search-input,
.top-form .iti__search-input{
    border: 2px solid #000000 !important;
    padding: 10px;
}

.hero-top-form input:focus,
.hero-top-form select:focus {
    background-color: #EDECF1;
    color: #1e1e1e;
    border-color: #EDECF1;
    box-shadow: none;
}

.hero-top-form .form-flex {
    display: flex;
    gap: 12px;
}
.btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center / 1em auto no-repeat;
    opacity: 1;
}
.model-discount hr {
    border-color: white;
    opacity: 1;
}
/* end */
.form-control {
    resize: none;
    display: block;
    width: 100%;
    padding: 16px 15px;
    font-size: 1rem;
    border-radius: 8px;
    font-weight: 400;
    line-height: 1.5;
    border: 1px solid #1e1e1e42;
    color: #1e1e1e;
    background-color: transparent;
}

.form-control:focus {
    background-color: transparent;
    border-color: #ff633c;
    box-shadow: none !important;
    outline: none !important;
}

/* Daniyal's css */
.our-partner {
    padding: 60px 0px;
}

.our-partner-heading {
    flex-direction: column;
    display: flex;
    align-items: center;
    text-align: center;
    max-width: 690px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.our-partner-heading h2 {
    font-size: 40px;
    font-weight: 700;
}

.our-partner-heading p {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #747474;
}

.our-partner-wrapper {
    padding: 20px 30px;
    background: #f2f2ebbf;
    border-radius: 20px;
    margin-top: 62.5px;
    padding-bottom: 40px;
}


.our-partner-tabs-main {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    background: #FFFFFF;
    box-shadow: 0px 8px 34px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
    padding: 20px;
    justify-content: center;
    max-width: max-content;
    margin: 0 auto;
    margin-top: -62.5px;
}

.our-partner-tab {
    background: #FFFFFF;
    border: 1.5px solid rgba(9, 43, 55, 0.1);
    border-radius: 60px;
    padding: 10px 35px;
    cursor: pointer;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    /* identical to box height */
    text-align: center;
    letter-spacing: -0.03em;
    color: #092B37;
    transition: .3s;
}

.our-partner-tab:hover,
.our-partner-tab.active {
    background: #f1f1ecad;
}

.our-partner-tabs-content-img img {
    height: auto;
    width: 100%;
    object-fit: contain;
}

.our-partner-tabs-content-wrapper {
    margin-top: 50px;
}

.our-partner-tabs-content-img-details h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 45px;
    /* identical to box height */
    letter-spacing: -0.03em;
    color: #092B37;
}

.our-partner-tabs-content-img-details button.btn.btn-theme {
    background: #CEEB6C;
    border-radius: 60px;
}

.our-partner-tabs-content-img-details button.btn.btn-theme:hover {
    background: transparent !important;
    color: black !important;
    border-color: black !important;
}

.our-partner-tabs-content-img-details p {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #747474;
}

.our-partner-tabs-main {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 30px;
}

.our-partner-tab {
    padding: 10px 20px;
    background: #eee;
    cursor: pointer;
    transition: 0.3s;
    background: #FFFFFF;
    border: 1.5px solid rgba(9, 43, 55, 0.1);
    border-radius: 60px;
}


.our-partner-tabs-content-wrapper {
    display: none;
}

/* Rectangle 34624601 */

/* partner */
.client {
  padding-top: 25px;
  padding-bottom: 25px;
  background: linear-gradient(to right, #01483E 0%, #005555 100%);
}

.client img {
  margin: auto;
}

/* end */

.sec-3 .ser-box {
  box-shadow: 5px 5px 10px #ccc;
  padding: 10px 20px 20px;
  border-radius: 10px;
  transition: .5s;
  border-top: 8px solid transparent;
  position: relative;
  height: 320px;
}

.sec-3 .ser-box h4 {
  font-size: 19px;
  padding: 20px 0
}

.sec-3 .ser-box p {
       font-size: 14px;
    padding-bottom: 0;
    margin-bottom: 0 !important;
    /*height: 175px;*/
}
.sec-3 .ser-box:hover {
  box-shadow: 10px 10px 40px #ccc;
  cursor: pointer;
  transform: scale(1.07);
  cursor: pointer;
  color: #fff;
}
.sec-3 .ser-box:hover h4,.sec-3 .ser-box:hover p{
  color: #fff;
}
.sec-3 .ser-box:before {
    content: "";
    position: absolute;
    background-color: #01483E;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    clip-path: circle(0 at 0 0);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    z-index: -1;
}
.sec-3 .ser-box:hover:before {
     clip-path: circle(100% at 16% 23%);
}
.footer-logo img {
    width: 170px;
    transition: 0.6s;
}
/* faqs */
.faqs-sec {
  padding: 80px 0 80px;
}

.faqs-sec .center-heading {
  margin-bottom: 50px;
}

.faqs-sec .center-heading>h3 {
  font-size: 40px;
  font-weight: 500;
  margin: auto;
  text-align: center;
  margin-bottom: 15px;
}

.faqs-sec .center-heading>p {
  font-size: 16px;
  font-weight: 400;
  max-width: 840px;
  margin: auto;
  text-align: center;
}

.faqs-sec .faqs-box .accordion-button:not(.collapsed) {
  color: #ffffff;
  background-color: #01483E;
  box-shadow: none;
}

.faqs-sec .faqs-box .accordion-button:focus {
  border-color: #ffffff;
  box-shadow: none;
}

.faqs-sec .faqs-box h4 button {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  border-radius: 20px !important;
  background: #ECECEC;
  color: #101E33;
}

.faqs-sec .faqs-box ul li {
  font-size: 1rem;
  font-weight: 400;
  margin-top: 12px;
}

.faqs-sec .faqs-box p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0px;
}

.faqs-sec .faqs-box .accordion-item {
  border: none;
  border-radius: 20px !important;
  background-color: #ececec;
}

.faqs-sec .faqs-box .accordion-button::after {
  background-image: url("../images/plus.webp");
  transform: scale(1) !important;
}

.faqs-sec .faqs-box .accordion-button:not(.collapsed)::after {
  background-image: url("../images/minus.webp");
}

/* end */
.top-banner .left-col {
  border: 5px solid white;
  padding: 60px;
  text-align: center;
  position: relative;
}

.top-banner .left-col h1 {
  font-size: 42px;
  font-weight: 700;
  color: white;
}

.top-banner .left-col span {
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
}

.top-banner .left-col p {
  font-size: 22px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 0;
}

.top-banner .top-img {
  position: absolute;
  bottom: 0;
  right: 0;
  animation: up 3s ease-in-out infinite;
}
.genre-page{
    padding-bottom: 100px;
}
.f-contact li .f-social {
    display: flex;
    gap: 18px;
}