:root {
    --color_1: #101253;
    --color_2: #353680;
    --color_3: #000;
}
header .col-xl-3 a img {
    width: 120px;
}
* {
    font-family: "PT Serif", serif;
}

body {
    overflow-x: hidden;
}

.btn-f {
    font-family: "Poppins", sans-serif;
}
.banner-p {
    color: #c9b8b8 !important;
}
.btn-box {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.btn-ver-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
}

.btn-style-01 {
    color: #000000;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.38px;
    border: 2px solid #ff8000;
    background: #ff8000;
    /* padding: 20px 20px; */
    display: inline-block;
    width: 240px;
    border-radius: 12px;
    transition: 0.5s;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-style-01:hover {
    background: black;
    color: #ffffff;
    box-shadow: 0 0 15px #ff80004f, 0 0 15px #ff800057, 0 0 15px #ff8000;
}

.fifth-section .btn-style-01:hover {
    color: #ff8000;
}

.btn-style-02 {
    display: flex;
    color: #ff8000;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.38px;
    border-radius: 10px;
    border: 1px solid #ff8000;
    align-items: center;
    gap: 10px;
    width: 240px;
    justify-content: center;
    height: 60px;
}

.btn-style-02:hover {
    color: #ff8000;
}

.btn-style-03 {
    color: #000;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.38px;
    border-radius: 10px;
    border: 1px solid #000;
    padding: 15px 20px;
}

.btn-style-04 {
    color: #000;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    transition: 0.5s;
    letter-spacing: -0.38px;
    background: #fff;
    border: 1px solid #fff;
    display: inline-block;
    width: 240px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
}

.btn-style-04:hover {
    background: black;
    color: #fff;
    box-shadow: 0 0 15px #ffffff75, 0 0 15px #ffffff45, 0 0 15px #fff;
}

.btn-style-05 {
    color: #fff;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.38px;
    border-radius: 10px;
    border: 1px solid #fff;
    padding: 12px 20px0;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
}

.btn-style-05 img {
    filter: brightness(20);
    height: 30px;
}

.btn-style-05:hover {
    color: #fff;
}

.chatNowBtn {
    font-size: 18px;
    padding: 0;
    border: 2px solid #ff8000;
    color: #ff8000;
    font-weight: 600;
    width: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    border-radius: 12px;
    gap: 8px;
}

.chatNowBtn img {
    height: 27px;
}

.banner-content {
    position: absolute;
    top: 55%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 100%;
}

.banner-content .content h1 {
    color: #fff;
    font-family: PT Serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -2.117px;
    margin: 0 0 20px;
}

.banner-content .content h1 .sp1 {
    color: #ff8000;
    text-align: center;
    font-family: PT Serif;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -1.343px;
}

.banner-content .content h1 .sp2 {
    color: #fff;
    font-family: PT Serif;
    font-size: 33px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -1.116px;
    display: block;
    margin: 0 0;
}

.banner-content .content p {
    color: #fff;
    text-align: center;
    font-family: PT Serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 142.4%;
    letter-spacing: -0.42px;
    margin-bottom: 35px;
}

.banner-cover .cvr1 {
    position: absolute;
    left: 110px;
    top: -20%;
    transition: 0.5s;
    animation: cvr_anim 5s 1s infinite ease-in-out;
}

@keyframes cvr_anim {
    0% {
        top: -20%;
    }
    50% {
        top: -25%;
    }
    100% {
        top: -20%;
    }
}

.banner-cover .cvr2 {
    position: absolute;
    left: 330px;
    top: 15%;
    transition: 0.5s;
    animation: cvr_anim2 5s 0.5s infinite ease-in-out;
}

@keyframes cvr_anim2 {
    0% {
        top: 15%;
    }
    50% {
        top: 10%;
    }
    100% {
        top: 15%;
    }
}

.banner-cover .cvr3 {
    position: absolute;
    left: 120px;
    top: 50%;
    transition: 0.5s;
    animation: cvr_anim3 5s 1.5s infinite ease-in-out;
}

@keyframes cvr_anim3 {
    0% {
        top: 50%;
    }
    50% {
        top: 55%;
    }
    100% {
        top: 50%;
    }
}

.banner-cover .cvr4 {
    position: absolute;
    right: 110px;
    top: -20%;
    transition: 0.5s;
    animation: cvr_anim 5s infinite ease-in-out;
}

.banner-cover .cvr5 {
    position: absolute;
    right: 330px;
    top: 15%;
    transition: 0.5s;
    animation: cvr_anim2 5s 0.5s infinite ease-in-out;
}

.banner-cover .cvr6 {
    position: absolute;
    right: 120px;
    top: 50%;
    transition: 0.5s;
    animation: cvr_anim3 5s 1.5s infinite ease-in-out;
}

.brand-area {
    background: #0a325a;
    padding: 20px 50px;
    position: relative;
    z-index: 9;
}

.brand-slider {
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand-slider img {
    width: auto !important;
}

.brand-area:before {
    content: "";
    background: #194169;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: rotate(-2deg) skewX(-2deg);
    z-index: -9;
}

.brand-area:after {
    content: "";
    background: #0a325a;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.first-section {
    background: url(../images/first-bg.jpg) no-repeat;
    background-size: cover;
    padding: 60px 0 100px;
}

.first-section .content h4 {
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.9px;
    margin-bottom: 20px;
}

.first-section .content h4 b {
    color: #ff8000;
}

.first-section .content h4 span {
    color: #000;
    font-family: PT Serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 60%;
    letter-spacing: -0.7px;
    /* 21px */
}

.first-section .content p {
    color: #665e5e;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 144.9%;
    /* 28.98px */
    letter-spacing: -0.4px;
}

.first-section .content ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 25px 0 0;
    padding: 0;
    gap: 5px;
}

.first-section .content li {
    color: #665e5e;
    font-size: 22px;
    /* font-style: italic; */
    font-weight: 400;
    letter-spacing: -0.44px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.second-section {
    background: url(../images/second-bg.jpg) no-repeat;
    background-size: cover;
    padding: 80px 0;
    position: relative;
    z-index: 1;
}

.second-section::before {
    content: "";
    position: absolute;
    top: -170px;
    right: 0;
    background: url(../images/rotate-book.png) no-repeat;
    background-size: contain;
    width: 276px;
    height: 646px;
}

    /* .second-section:after {
        content: "";
        position: absolute;
        left: 0;
    
        bottom: 0;
        background: url(../images/2.png) no-repeat;
        background-size: contain;
        width: 842px;
        height: 659px;
    } */

.second-section .secContent-slider img {
    width: auto !important;
}

.second-section h4 {
    color: #fff;
    font-size: 37px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.9px;
    margin-bottom: 20px;
}

.second-section h4 span {
    font-size: 30px;
    letter-spacing: -0.7px;
}

.second-section p {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 170.9%;
    /* 28.98px */
    letter-spacing: -0.4px;
    margin-bottom: 30px;
}

.second-section .secContent-slider h5 {
    color: #ffffff;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 60%;
    letter-spacing: -0.412px;
    margin: 10px 0 12px;
}

.second-section .secContent-slider p {
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.28px;
    margin: 0;
}

/* .second-section .secContent-slider .cc {
    background: #d9d9d9;
    padding: 20px;
    border-radius: 12px;
    min-height: 303px;
} */
.second-section .secContent-slider .cc {
    background: transparent;
    padding: 20px;
    border-radius: 12px;
    min-height: 270px;
    border: 2px solid #fff;
}


.top-bar {
    background: #ff8000;
    padding: 8px 0;
}

.top-bar ul {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 40px;
    list-style: none;
    justify-content: flex-end;
}

.top-bar ul li {
    color: #fff;
    font-size: 15.254px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
    letter-spacing: -0.305px;
    display: flex;
    align-items: center;
    gap: 10px;
}

header .navi ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 18px;
}

header {
    position: absolute;
    top: 22px;
    left: 0px;
    width: 100%;
    z-index: 999;
    padding: 12px 0;
}
.header-lp {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    z-index: 999;
    padding: 12px 0;
}

header.sticky {
    position: fixed;
    top: 0;
    background: #000000b5;
    backdrop-filter: blur(5px);
    box-shadow: 0 0 10px #0009;
    padding: 15px 0 20px;
    animation: stikyHeader 0.8s ease;
}

@keyframes stikyHeader {
    0% {
        top: -100%;
    }
    100% {
        top: 0;
    }
}

header ul li a {
    color: #fff;
    font-family: PT Serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 80.4%;
    /* 14.472px */
    letter-spacing: -0.36px;
}

header ul li a:hover {
    color: #ff8000;
}

header ul li a.lst-cnt {
    color: #fff;
    font-family: Poppins;
    font-size: 15.915px;
    font-style: normal;
    font-weight: 500;
    line-height: 80.4%;
    letter-spacing: -0.318px;
    border-radius: 8.841px;
    border: 0.884px solid #ff8000;
    padding: 12px 20px;
    /* display: block; */
}

.cta01 {
    background: url(../images/cta01-bg.jpg) no-repeat;
    background-size: cover;
    padding: 100px 0 49px;
    position: relative;
}

.cta01:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -115px;
    background: url(../images/cta01-img.png) no-repeat;
    background-size: contain;
    width: 474px;
    height: 494px;
    z-index: 11;
}

.cta01 h6 {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.8px;
}

.cta01 h4 {
    color: #fff;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -1.1px;
    margin: 0;
}

.cta01 h4 span {
    color: #ff8000;
}

.third-section {
    background: url(../images/third-bg.jpg) no-repeat;
    background-size: cover;
    padding: 60px 0 135px;
}

.third-section .heading {
    margin: 0 0 50px;
}

.third-section .heading h4 {
    color: #000;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.9px;
    margin: 0 0 15px;
}

.third-section .heading h4 span {
    color: #0a325a;
    font-weight: 700;
}

.third-section .heading p {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.7px;
}

.third-section a .content {
    border-radius: 8px;
    background: #ececec;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
    gap: 15px;
    min-height: 205px;
    position: relative;
    transition: 0.4s;
    overflow: hidden;
}

.third-section a .content:hover {
    box-shadow: 0 0 20px #ff8000;
}

.third-section a .content::before {
    content: "";
    background: #ff8000;
    width: 100%;
    transition: 0.4s;
    height: 100%;
    transform: scale(0);
    position: absolute;
    transform-origin: center;
    left: 0;
    top: 0;
    z-index: -1;
}

.third-section a .content:hover h5 {
    color: #fff;
}

.third-section a .content:hover img {
    filter: invert(1);
}

.third-section a .content:hover:before {
    transform: scale(1);
}

.third-section .row {
    gap: 25px 0;
}

.third-section a .content h5 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.5px;
    text-align: center;
    margin: 10px 0 0;
}

.third-section a .content.go-btm {
    transform: translateY(60px);
}

.fourth-section {
    background: url(../images/fourth-bg.jpg) no-repeat;
    background-size: cover;
    padding: 70px 0 90px;
    position: relative;
}

/* .fourth-section:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 45%;
    height: 15px;
    background: #fff;
}

.fourth-section:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 15px;
    background: #fff;
} */

/* .fourth-section .afr {
    width: 22px;
    position: absolute;
    right: 50px;
    bottom: -60px;
    height: 82px;
    background: #ff8000;
    z-index: 1;
} */

.fourth-section .heading {
    margin-bottom: 40px;
}

.fourth-section .heading h4 {
    color: #fff;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 54px */
    letter-spacing: -0.9px;
}

.fourth-section .heading h4 span {
    font-weight: 700;
}

.fourth-section .heading p {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 145.9%;
    /* 29.18px */
    letter-spacing: -0.4px;
}

.frcvr-slider img {
    width: 100% !important;
}

.frcvr-slider .owl-item {
    transform: scale(0.9);
}

/* .frcvr-slider .owl-item img {
    filter: brightness(0.4);
} */

.frcvr-slider .owl-item.center img {
    filter: brightness(1);
}

.frcvr-slider .owl-item.center {
    transform: scale(1);
}

.frcvr-slider .cc h5 {
    color: #fff;
    text-align: center;
    font-family: PT Serif;
    font-size: 34.944px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin: 10px 0 0;
    letter-spacing: -0.699px;
}

.frcvr-slider .owl-item .cc h5 {
    color: #ccc6c6;
}

.frcvr-slider .owl-item.center .cc h5 {
    color: #fff;
}

.fifth-section {
    /* background: url(../images/fifth-bg.jpg) no-repeat; */
    background-size: cover;
    background-position: bottom;
    padding: 80px 0;
}

/* Style the tab */

.fifth-section .cs {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.fifth-section .tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    border-bottom: 2px solid #dbdbdb;
}

/* Style the buttons inside the tab */

.fifth-section .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    color: #000;
    padding: 0 0 15px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.32px;
    position: relative;
}

.fifth-section .tab button.active:before {
    content: "";
    width: 100%;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: -3px;
    background-color: #ff8000;
}

/* Change background color of buttons on hover */

/* Create an active/current tablink class */

/* Style the tab content */

.fifth-section .tabcontent {
    display: none;
    padding: 6px 12px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

.fifth-section .tabcontent.active {
    display: block;
}

/* Fade in tabs */

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fifth-section .content h4 {
    color: #000;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    /* 54px */
    letter-spacing: -0.9px;
    margin: 0 0 20px;
}

.fifth-section .content h4 span {
    font-weight: 700;
}

.fifth-section .content p {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 144.9%;
    /* 28.98px */
    letter-spacing: -0.4px;
}

.fifth-section .fifcover img {
    width: 100% !important;
}

.fifth-section .fifcover .owl-item.active:nth-child(2) {
    transform: scale(0.9);
}

.fifth-section .fifcover .owl-item.active:nth-child(3) {
    transform: scale(0.8);
}

.fifth-section .fifcover a {
    position: relative;
}

.fifth-section .fifcover a:before,
.innerfifcover a:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90%;
    height: 94%;
    background: #0000008c;
    transform: translate(-50%, -50%) scale(0);
    border-radius: 5px;
    transition: 0.5s;
}

.fifth-section .fifcover a:after,
.innerfifcover a:after {
    content: "+";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    border-radius: 5px;
    color: #fff;
    font-weight: 500;
    font-family: "Poppins";
    font-size: 70px;
    transition: 0.5s;
}

.fifth-section .fifcover a:hover::before,
.fifth-section .fifcover a:hover:after,
.fifth-section .innerfifcover a:hover::before,
.fifth-section .innerfifcover a:hover:after {
    transform: translate(-50%, -50%) scale(1);
}

.cta02 {
    background: #343030;
    padding: 60px 0;
    border-bottom: 5px solid #ff8000;
}

.sixth-section {
    background: url(../images/sixth-bg.jpg) no-repeat;
    background-size: cover;
    padding: 80px 0;
}

.sixth-section .heading {
    margin-bottom: 60px;
}

.sixth-section .heading h4 {
    color: #000;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    /* 27px */
    letter-spacing: -0.9px;
    margin-bottom: 15px;
}

.sixth-section .heading h4 span {
    font-weight: 700;
    color: #0a325a;
}

.sixth-section .heading h6 {
    color: #000;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    /* 21px */
    letter-spacing: -0.7px;
}

.sixth-section .heading p {
    color: #5e5e5e;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 144.9%;
    /* 28.98px */
    letter-spacing: -0.4px;
}

.sixth-section .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 15px;
    position: relative;
     transition: transform 0.3s ease;
}

.sixth-section .content h5 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.5px;
    margin: 0;
    height: 50px;
    vertical-align: middle;
    display: flex;
    align-items: center;
}

.sixth-section .content p {
    color: #5e5e5e;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 144.9%;
    /* 24.633px */
    letter-spacing: -0.34px;
    margin: 0;
}
.sixth-section .content:hover{
    transform: translateY(-5px);
}

.sixth-section .btm {
    position: relative;
    z-index: 1;
}

.sixth-section .btm:before {
    content: "";
    position: absolute;
    left: 0;
    top: -45px;
    /* background: url(../images/sixth-line-send.png) no-repeat; */
    background-size: contain;
    width: 100%;
    height: 158px;
    z-index: -1;
}

.sixth-section .content:before {
    content: "";
    color: #0312290d;
    font-size: 170px;
    font-style: normal;
    font-weight: 700;
    line-height: 60%;
    letter-spacing: -3.4px;
    position: absolute;
    top: -15px;
    left: 5px;
    z-index: -1;
}

.sixth-section .content.v1:before {
    content: "1";
}

.sixth-section .content.v2:before {
    content: "2";
}

.sixth-section .content.v3:before {
    content: "3";
}

.sixth-section .content.v4:before {
    content: "4";
}

.sixth-section .content.v5:before {
    content: "5";
}

.sixth-section .content.v6:before {
    content: "6";
}

.cta03 {
    background: url(../images/cta03-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 92px 0;
    position: relative;
}
/* .cta-img-3{
    position: absolute;
    left: 0;
    bottom: 0;
} */
.cta-img-3 {
    position: absolute;
    left: 0;
    bottom: 0;
}

/* .cta03:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 15px;
    background: #fff;
}

.cta03:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 15px;
    background: #fff;
} */

/* .cta03 .afr {
    width: 22px;
    position: absolute;
    left: 50px;
    bottom: -60px;
    height: 82px;
    background: #0b325b;
    z-index: 1;
} */

.cta03 h4 {
    color: #fff;
    text-align: center;
    font-family: PT Serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 109%;
    /* 54.5px */
    letter-spacing: -1px;
    margin: 0 0 15px;
}

.cta03 h4 span {
    font-weight: 700;
}

.cta03 p {
    color: #fff;
    text-align: center;
    font-family: PT Serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 144.9%;
    /* 28.98px */
    letter-spacing: -0.4px;
    margin: 0 0 30px;
}

.seventh-section {
    padding: 80px 0;
    /* background: url(../images/seventh-bg.jpg) no-repeat; */
    background-size: cover;
    position: relative;
    background: #f5f8fd;
}

.seventh-section:before {
    content: "";
    /* background: url(../images/twoBooks.png) no-repeat; */
    background-size: contain;
    width: 246px;
    height: 262px;
    position: absolute;
    right: 50px;
    bottom: 0;
}

.seventh-section .heading {
    margin: 0 0 30px;
}

.seventh-section .heading h4 {
    color: #000;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    /* 49.725px */
    margin: 0 0 12px;
    letter-spacing: -0.9px;
}

.seventh-section .heading h4 span {
    font-weight: 700;
}

.seventh-section .heading p {
    color: #000;
    font-family: PT Serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 144.9%;
    letter-spacing: -0.4px;
}

.seventh-section .content ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    list-style: none;
    gap: 20px;
    z-index: 1;
    position: relative;
}

.seventh-section .content ul:before {
    content: "";
    position: absolute;
    left: 25px;
    top: 20px;
    border-left: 3px dashed #0a325a;
    height: 80%;
    z-index: -1;
}

.seventh-section .content ul li {
    display: flex;
    gap: 25px;
    align-items: flex-start;
}

.seventh-section .content ul li {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 133.9%;
    /* 21.424px */
    letter-spacing: -0.32px;
}

.seventh-section .content ul li p {
    margin: 0;
}

.eight-section {
    background: url(../images/eight-bg.jpg) no-repeat;
    background-size: cover;
    padding: 80px 0;
}

.eight-section .heading {
    margin-bottom: 60px;
}

.eight-section h4 {
    color: #000;
    text-align: center;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.9px;
}

.eight-section h4 span {
    font-weight: 700;
}

.testimonial-slider img,
.br-slider-02 img {
    width: auto !important;
}

.testimonial-slider .slide {
    background: #fff;
    min-height: 245px;
    padding: 30px;
    border-radius: 10px;
}

.testimonial-slider .slide p {
    color: #11142d;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin: 15px 0 18px;
}

.testimonial-slider .slide .pr h5 {
    color: #11142d;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.075px;
    margin: 0;
}

.testimonial-slider .slide .pr h6 {
    color: #92929d;
    font-family: PT Serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 16.9px */
    letter-spacing: 0.104px;
    margin: 0;
}

.testimonial-slider .slide .pr {
    display: flex;
    align-items: center;
    gap: 12px;
}

.testimonial-slider .slide .rating i {
    color: #ff6d1c;
}

.brand-area-02 {
    padding: 60px 0;
}

.cta04 {
    background: url(../images/cta04-bg.png) no-repeat;
    background-size: cover;
    padding: 80px 0;
    position: relative;
}
.letter-spacing {
    letter-spacing: 4px;
}
.text-yellow {
    color: #fba116;
}

/* .cta04:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 15px;
    background: #d2d2d2;
} */

/* .cta04:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 50%;
    height: 15px;
    background: #fba116;
} */

.cta04 h4 {
    color: #fff;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: -1px;
    margin: 0;
}

.cta04 h4 span {
    font-weight: 700;
}

footer {
    background: url(../images/footer.png) no-repeat;
    background-size: cover;
    padding: 80px 0 60px;
}

footer .cc-f p {
    color: #fff;
    /* text-align: justify; */
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    margin: 15px 0 0;
    padding: 15px 0 0;
    border-top: 1px solid #fff;
}

footer .f-h {
    color: #fff;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: -0.5px;
    margin: 0 0 30px;
    position: relative;
}

footer .f-h:before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    background: #ff8000;
    width: 80px;
    height: 2px;
}

footer .f-links ul li a {
    color: #fff;
    font-family: PT Serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.36px;
    display: flex;
    align-items: center;
    gap: 15px;
}

footer .f-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

footer .f-links.m-125 {
    margin: 0 0 0 125px;
}

footer .f-links.m-80 {
    margin: 0 0 0 80px;
}

.copyright {
    background: #ff8000;
    padding: 12px 0;
}

.copyright .cp {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.copyright p {
    margin: 0;
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

.copyright i {
    color: #fff;
    font-size: 18px;
    margin: 0 5px 0 0;
}

.copyright .l a {
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 151%;
    /* 22.65px */
}

.copyright .l {
    color: #fff;
    display: flex;
    gap: 10px;
    align-items: center;
}

.copyright .social {
    display: flex;
    gap: 8px;
}

.heading-afr-clr,
.afr-btm-wyt {
    position: relative;
    display: inline-block;
    padding: 0 0 10px;
}

.heading-afr-clr:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 48%;
    background: #ff8000;
    background-size: contain;
    height: 8px;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
}

.heading-afr-clr:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 48%;
    background: #ff8000;
    background-size: contain;
    height: 8px;
    clip-path: polygon(0 100%, 0 100%, 100% 0%);
    clip-path: polygon(0 0, 100% 100%, 100% 0);
}

.afr-btm-wyt:before,
.afr-btm-wyt:after {
    background: #fff;
}

.fourth-section .afr-btm2:before {
    filter: brightness(20);
}

.cta03 .afr-btm:before {
    filter: brightness(20);
}

.terms {
    padding: 0 0 40px 0;
}

.terms-banner {
    background: #000;
    padding: 160px 0 100px;
}

.terms-banner h2 {
    color: #fff;
}

.cus-breadcrumb ul {
    display: flex;
    gap: 18px;
    list-style: none;
    font-size: 18px;
    font-weight: 600;
    font-family: poppins;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
    text-align: center;
    justify-content: center;
}

.cus-breadcrumb ul li,
.cus-breadcrumb ul li a {
    font-family: poppins;
}

.cus-breadcrumb ul li a {
    color: #ff8000;
}

.cus-breadcrumb {
    padding: 40px 0;
}

/* MODAL FORM */

.modalForm.show {
    display: flex !important;
    align-items: center;
}

.modalForm .modal-content {
    padding: 8px;
}

.modalForm .modal-content .inner {
    border-radius: 7px;
    border: 2px solid #de3500;
    padding: 25px;
}

.modalForm .popimg {
    position: absolute;
    left: -125px;
    top: -15px;
    transform: scale(1.1);
}

.modalForm .form h4 {
    color: #000;
    font-family: PT Serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.734px;
    text-transform: uppercase;
    text-align: center;
}

.modalForm .form h4 span {
    color: #ff8000;
}

.modalForm .modal-content:before {
    content: "";
    background: url(../images/popup/popbg-b.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: -12px;
    bottom: -12px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.modalForm .form p {
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.315px;
    text-transform: capitalize;
}

.modalForm .form .form-control {
    border-radius: 8px;
    border: 1px solid #7c7c7c;
    background: #fff;
    font-size: 14px;
    padding: 10px 15px;
    margin: 0 0 10px;
}

.modalForm .form .flex-checkbox {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.modalForm .form .flex-checkbox label {
    color: #000;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130.5%;
    letter-spacing: -0.245px;
    text-transform: capitalize;
    margin: 0;
}

.modalForm .form button {
    border-radius: 8px;
    background: #494949;
    color: #fff;
    font-family: PT Serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    padding: 9px 50px;
    margin: 18px 0 0;
    border: none;
}

.modalForm .close {
    position: absolute;
    right: -11px;
    top: -18px;
    cursor: pointer;
}

.modalForm .close i {
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(00%, -50%);
    color: #fff;
    font-size: 18px;
}

/* MODAL FORM END */

.first-section.inner {
    padding: 100px 0;
    background: url(../images/ef1bg.png) no-repeat;
    background-size: cover;
}

.first-section.inner .cc {
    display: flex;
    align-items: center;
    gap: 25px;
    background: #fff;
    box-shadow: 0 0 10px #0003;
    padding: 25px 25px;
    border-radius: 10px;
    transition: 0.5s;
}

.first-section.inner .cc h6 {
    color: #000;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 60%;
    /* 13.8px */
    letter-spacing: -0.46px;
    margin: 0 0 15px;
}

.first-section.inner .cc p {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 18px */
    letter-spacing: -0.3px;
    margin: 0;
}

.first-section.inner .cc:hover {
    transition: 0.5s;
    background: linear-gradient(180deg, #ff8000 11.78%, #df9409 100%);
    transform: translateX(-150px);
}

.first-section.inner .cc:hover h6,
.first-section.inner .cc:hover p {
    color: #fff;
}

.first-section.inner .cc:hover img {
    filter: grayscale(1) invert(1);
}

.inner .cta01 {
    background: url(../images/cta01-bg.jpg) no-repeat;
    background-size: cover;
    padding: 100px 0;
    position: relative;
}

.fourth-section.inner .content .cc h6 {
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    /* 26.4px */
    /* letter-spacing: -0.44px; */
}

.fourth-section.inner .content .cc {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
}

.fifth-section.inner {
    background: #fff;
}

.fifth-section.inner .content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 0 30px;
    padding: 0 0 0 20px;
    border-left: 8px solid #ff8000;
}

.fifth-section.inner .top {
    margin: 0 0 60px;
}

.genre-f {
    background: url(../images/genre-f-bg.jpg) no-repeat;
    background-size: cover;
    padding: 120px 0 60px;
    position: relative;
}

.genre-f::before {
    content: "";
    position: absolute;
    left: 90px;
    bottom: -70px;
    background: url(../images/genre-f.png) no-repeat;
    background-size: contain;
    width: 654px;
    height: 865px;
    z-index: 19;
}

.genre-f .heading h4 {
    color: #000;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.9px;
}

.genre-f .heading h4 span.heading-afr-clr {
    color: #0a325a;
    font-weight: 700;
}

.genre-f .heading h4 span.sub {
    color: #000;
    font-size: 35px;
    font-style: normal;
    line-height: 1%;
    letter-spacing: -0.7px;
}

.genre-f .heading p {
    color: #484848;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.4px;
    margin: 0;
}

.genre-f .heading {
    margin-bottom: 50px;
}

.genre-f .content {
    margin-bottom: 50px;
    padding-right: 50px;
    margin-left: 30px;
}

.genre-f .content h6 {
    color: #000;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
    /* 26.45px */
    letter-spacing: -0.46px;
}

.genre-f .content p {
    color: #484848;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.1px;
    margin: 0;
}

.genre-f .content:before {
    content: "";
    opacity: 0.33;
    background: linear-gradient(
        90deg,
        #000 22.41%,
        rgba(255, 255, 255, 0) 69.42%
    );
    background-clip: text;
    -webkit-background-clip: text;
    position: absolute;
    left: -60px;
    top: -20px;
    -webkit-text-fill-color: transparent;
    font-family: PT Serif;
    font-size: 150px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
}

.genre-f .content.v1:before {
    content: "1";
}

.genre-f .content.v2:before {
    content: "2";
}

.genre-f .content.v3:before {
    content: "3";
}

.genre-f .content.v4:before {
    content: "4";
}

.genre-f .content.v5:before {
    content: "5";
}

.genre-f .content.v6:before {
    content: "6";
}

.genre-b .express-slider .slider .img img {
    width: auto !important;
}

.genre-b {
    background: url(../images/genre-b-bg.png) no-repeat;
    background-size: cover;
    padding: 80px 0 60px;
}

.genre-b .express-slider .slider {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 0 10px #0000001c;
    background: #fff;
    margin: 65px 8px 15px;
    padding: 95px 30px 30px;
    position: relative;
    border-radius: 12px;
    min-height: 474.44px;
}

.genre-b .express-slider .slider:hover {
    background: linear-gradient(to bottom, #ff8000, #e79c11);
}

.genre-b .express-slider .slider:hover h4,
.genre-b .express-slider .slider:hover p {
    color: #fff;
}

.genre-b .express-slider .slider h4 {
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.6px;
    margin: 0 0 16px;
}

.genre-b .express-slider .slider P {
    color: #484848;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.4px;
    margin: 0;
}

.genre-b .express-slider .slider .img {
    background: linear-gradient(to bottom, #ff8000, #e79c11);
    width: 140px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: -60px;
}

.genre-b .express-slider .slider:hover .img {
    background: #fff;
    box-shadow: 0 0 10px #0003;
}

.genre-b .express-slider .slider .img img {
    filter: brightness(20);
}

.genre-b .express-slider .slider:hover .img img {
    filter: brightness(1);
}

.editing-first-b {
    background: url(../images/ed1-bg.jpg) no-repeat;
    background-size: cover;
}

.editing-first-b .top .heading h4 {
    color: #000;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.9px;
}

.editing-first-b .top {
    padding: 120px 0 70px;
}

.editing-first-b .top .heading h4 span {
    font-weight: 700;
}

.editing-first-b .top .heading p {
    color: #000;
    text-align: center;
    font-family: PT Serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 144.9%;
    /* 28.98px */
    letter-spacing: -0.4px;
}

.editing-first-b .top .cc {
    filter: drop-shadow(0px 0px 10px #0004);
    outline: 3px solid #ff8d27;
    border-radius: 50%;
    outline-offset: 40px;
    position: relative;
}

.editing-first-b .top .cc:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -92px;
    transform: translateX(-50%);
    width: 3px;
    height: 50px;
    background: #ff8d27;
}

.editing-first-b .top .cc:after {
    content: "";
    position: absolute;
    left: 50%;
    top: -105px;
    transform: translateX(-50%);
    width: 18px;
    height: 18px;
    background: #ff8d27;
    border-radius: 50%;
}

.editing-first-b .top .st h6 {
    color: #000;
    font-size: 21.544px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    /* 23.699px */
    text-align: center;
    letter-spacing: -0.431px;
}

.editing-first-b .top .st.btm {
    margin: 0 0 120px;
}

.editing-first-b .top .st.tp {
    margin: 120px 0 0;
}

.editing-first-b .top .cc.v2 {
    outline: 3px solid #ff8000;
}

.editing-first-b .top .cc.v2:before {
    background: #ff8000;
    bottom: -92px;
    top: unset;
}

.editing-first-b .top .cc.v2:after {
    left: 50%;
    bottom: -105px;
    top: unset;
    background: #ff8000;
}

.editing-first-b .top .st h6 {
    color: #000;
    font-size: 21.544px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    /* 23.699px */
    text-align: center;
    letter-spacing: -0.431px;
}

.editing-first-b .top .cc.v3 {
    outline: 3px solid #ff6207;
}

.editing-first-b .top .cc.v3:before {
    background: #ff6207;
}

.editing-first-b .top .cc.v3:after {
    background: #ff6207;
}

.editing-first-b .top .cc.v4 {
    outline: 3px solid #0a325a;
}

.editing-first-b .top .cc.v4:before {
    background: #0a325a;
    bottom: -92px;
    top: unset;
}

.editing-first-b .top .cc.v4:after {
    left: 50%;
    bottom: -105px;
    top: unset;
    background: #0a325a;
}

.editing-first-b .top .heading {
    margin: 0px 0 40px;
}

.editing-first-b .top .for-bg {
    padding: 30px 0;
    background: url(../images/map-bg.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.editing-first-b .top .content.v2,
.editing-first-b .top .content.v4 {
    transform: translateY(40px);
}

.editing-first-b .top .cc img {
    transform: scale(1.1);
}

.editing-first-b .bottom h4 {
    color: #000;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 54px */
    letter-spacing: -0.9px;
}

.editing-first-b .bottom {
    padding: 200px 0 100px;
}

.editing-first-b .bottom h4 span {
    font-weight: 700;
}

.editing-first-b .bottom p {
    color: #484848;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 144.9%;
    /* 28.98px */
    letter-spacing: -0.4px;
}

.editing-first-b .bottom:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/ed-img1.png) no-repeat;
    background-size: contain;
    width: 919px;
    height: 921px;
}

.editing-second-b {
    background: url(../images/second-bg.jpg) no-repeat;
    background-size: cover;
    padding: 0px 0;
    position: relative;
}

/* .editing-second-b:after {
    content: "";
    position: absolute;
    right: 150px;
    bottom: -150px;
    background: url(../images/ed-2-img.png) no-repeat;
    background-size: contain;
    width: 651px;
    height: 733px;
    z-index: 9;
} */

/* .editing-second-b:before {
    content: "";
    background: url(../images/new-book.png) no-repeat;
    background-size: contain;
    width: 446px;
    height: 358px;
    position: absolute;
    left: 0;
    bottom: -100px;
    z-index: 9;
} */

.cover-b-f .bottom:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -300px;
    background: url(../images/cvrde-f1.png) no-repeat;
    background-size: contain;
    width: 1100px;
    height: 1290px;
}

.editing-second-b .content h4 {
    color: #fff;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 54px */
    letter-spacing: -0.9px;
}

.editing-second-b .content h4 {
    font-weight: 700;
}

.editing-second-b .content h6 {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 144.9%;
    letter-spacing: -0.4px;
}

.editing-second-b .content p {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 144.9%;
    /* 28.98px */
    opacity: 0.7;
    letter-spacing: -0.4px;
}

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

.editing-lst-nn h4 {
    font-size: 40px;
}

.edinner {
    background: url(../images/ed-3-bg.jpg) no-repeat;
    background-size: cover;
    padding: 220px 0 100px;
}

.edinner .heading h4 {
    color: #000;
}

.cover-b-f .top {
    padding: 50px 0 0;
}

.cover-b-s {
    background: url(../images/cta03-bg.jpg) no-repeat;
    /* background: linear-gradient(180deg, #ff8000 11.78%, #df9409 100%); */
    background-size: cover;
    padding: 100px 0;
    position: relative;
}

.cover-b-s .content h4 {
    color: #fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.9px;
    margin: 0 0 15px;
    padding: 0 0 15px;
}

.cover-b-s .content h4 span {
    font-weight: 700;
}

.cover-b-s .content p {
    color: #fff;
    font-family: PT Serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 144.9%;
    margin: 0;
    letter-spacing: -0.4px;
}

.cover-b-s .content {
    border-left: 10px solid #ff8000;
    padding: 0 0 0 20px;
}

/* .cover-b-s:before {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    background: url(../images/cvrde2-bg.jpg) no-repeat;
    background-size: initial;
    width: 40%;
    height: 25px;
    background-position: bottom left;
    z-index: 9;
}

.cover-b-s:after {
    content: "";
    position: absolute;
    top: -25px;
    right: 0;
    background: url(../images/cvrde2-bg.jpg) no-repeat;
    background-size: initial;
    width: 40%;
    height: 25px;
    background-position: top right;
    z-index: 9;
} */

.cover-b-t .heading h4 {
    color: #000;
    text-align: center;
    font-family: PT Serif;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    /* 56.25px */
    letter-spacing: -0.9px;
}

.cover-b-t {
    padding: 100px 0;
}

.cover-b-t .heading h4 span {
    font-weight: 700;
}

.cover-b-t .heading p {
    color: #000;
    text-align: center;
    font-family: PT Serif;
    font-size: 20px;
    font-style: normal;
    opacity: 0.7;
    font-weight: 400;
    line-height: 144.9%;
    /* 28.98px */
    letter-spacing: -0.4px;
}

.cover-b-t .heading {
    margin: 0 0 50px;
}

.cover-b-t .content {
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 0 10px #0003;
    position: relative;
    min-height: 353px;
    border: 1px solid #c8bfbf;
    overflow: hidden;
    transition: 0.5s;
}

.cover-b-t .content:hover {
    background: #ff8000;
}

.cover-b-t .content:hover h5,
.cover-b-t .content:hover p {
    color: #fff;
    opacity: 1;
}

.cover-b-t .content:hover img {
    filter: invert(1);
    opacity: 1;
}

.cover-b-t .content:hover:before {
    background: #fff;
    outline: 40px solid #ffffff6e;
}

.cover-b-t .content::before {
    content: "";
    width: 132px;
    height: 132px;
    background: #ff8000;
    opacity: 0.25;
    position: absolute;
    top: -50px;
    right: 0px;
    z-index: 11111;
    border-radius: 50%;
    outline: 40px solid #ff800051;
}

.cover-b-t .content h5 {
    opacity: 0.7;
    color: #000;
    font-family: PT Serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    margin: 0 0 25px;
    line-height: 125%;
    letter-spacing: -0.75px;
}

.cover-b-t .content p {
    color: #000;
    /* text-align: justify; */
    font-family: PT Serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    opacity: 0.6;
    margin: 0;
    line-height: 140%;
    /* 25.2px */
}

.cover-b-t .content img {
    margin: 0 0 25px;
    height: 79px;
}

.cover-b-fth {
    padding: 100px 0;
}

.cover-b-fth .heading {
    margin: 0 0 50px;
}

.cover-b-fth .heading h4 {
    color: #000;
    font-family: PT Serif;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    /* 56.25px */
    letter-spacing: -0.9px;
}

.cover-b-fth .heading h4 span {
    font-weight: 700;
}

.cover-b-fth .content {
    overflow: hidden;
    transition: 0.5s;
    position: relative;
}

.cover-b-fth .content .cc {
    background: #ff8000;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    padding: 60px 0 0 80px;
    position: absolute;
    bottom: -200px;
    right: -360px;
    transition: 0.5s;
    transform: rotate(45deg);
}

.cover-b-fth .content .cc h5 {
    color: #fff;
    /* text-align: center; */
    font-family: PT Serif;
    font-size: 24.698px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.494px;
}

.cover-b-fth .row {
    gap: 25px 0;
}

.cover-b-fth .content:hover .cc {
    transition: 0.5s;
    /* bottom: -200px; */
    transform: rotate(0deg);
    right: -60px;
}

.cover-b-fth .content:before {
    content: "";
    background: #0008;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 0.5s;
}

.cover-b-fth .content:hover:before {
    transition: 0.5s;
    top: -100%;
}

.vdtr-fs {
    background: url(../images/vdtr-1bg.jpg) no-repeat;
    background-size: cover;
    padding: 100px 0;
    position: relative;
}

.vdtr-fs:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -70px;
    background: url(../images/seventh-aftr.png) no-repeat;
    background-size: contain;
    width: 290px;
    height: 235px;
    z-index: 1;
}

.vdtr-fs .heading {
    margin: 0 0 40px;
}

.vdtr-fs .heading h4 {
    color: #000;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    /* 60.75px */
    margin: 0 0 15px;
    letter-spacing: -0.9px;
}

.vdtr-fs .heading h4 span {
    font-weight: 700;
}

.vdtr-fs .heading p {
    color: #000;
    font-size: 20px;
    opacity: 0.7;
    font-style: normal;
    font-weight: 400;
    line-height: 144.9%;
    /* 28.98px */
    letter-spacing: -0.4px;
}

.vdtr-fs .content h5 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.5px;
    opacity: 0.7;
    margin: 15px 0 15px;
}

.vdtr-fs .content p {
    color: #000;
    font-size: 19px;
    opacity: 0.5;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin: 0;
    /* 26.6px */
    letter-spacing: -0.38px;
}

.vdtr-fs .col-xl-6 .row {
    gap: 40px 0;
}

.vdtr-sec {
    background: url(../images/vdtr-2bg.jpg) no-repeat;
    background-size: cover;
    background-position: top;
    padding: 100px 0;
    position: relative;
}

.vdtr-sec::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #f8f8f8;
    width: 60%;
    height: 25px;
}

.vdtr-sec::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: #f8f8f8;
    width: 60%;
    height: 25px;
}

.vdtr-sec .heading {
    margin-bottom: 80px;
}

.vdtr-sec .heading h4,
.pricing .heading h4 {
    color: #fff;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 54px */
    letter-spacing: -0.9px;
    margin: 0 0 25px;
}

.vdtr-sec .heading h4 span,
.pricing .heading h4 span {
    font-weight: 700;
}

.vdtr-sec .heading p,
.pricing .heading p {
    color: #fff;
    font-size: 20px;
    opacity: 0.7;
    font-style: normal;
    font-weight: 400;
    line-height: 144.9%;
    /* 28.98px */
    letter-spacing: -0.4px;
}

.package-m {
    background: #fff;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 0 10px #0003;
}

.package-m .pkg-content {
    border: 3px solid #0a325a;
    border-radius: 8px;
    padding: 30px 50px 30px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: 0.5s background;
}

.package-m .pkg-content:hover {
    /* background: linear-gradient(to bottom, #3270AE, #0B335B); */
    background: #0b335b;
}

.package-m .pkg-content:hover .side-txt {
    color: #0b335b;
    text-shadow: 0 0 1px #fff;
    -webkit-text-stroke: 1px #fff;
}

.package-m .pkg-content:hover .cc h5,
.package-m .pkg-content:hover .cc ul {
    color: #fff;
}

.package-m .pkg-content:hover:before {
    background: #fff;
}

.package-m .pkg-content:hover .btn-style-02 {
    background: #ff8000;
    color: #fff;
}

.package-m .pkg-content:before {
    content: "";
    background: #0d3660;
    width: 667px;
    height: 670.146px;
    position: absolute;
    border-radius: 50%;
    left: -253px;
    top: -455px;
    z-index: -1;
}

.package-m .pkg-content .img {
    margin: 0 0 100px;
}

.package-m .pkg-content .img img {
    height: 128px;
}

.package-m .pkg-content .cc {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
    height: 326px;
}

.package-m .pkg-content .cc h5 {
    color: #0a325a;
    /* text-align: center; */
    font-family: PT Serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.817px;
    margin: 0 0 20px;
}

.package-m .pkg-content .cc ul {
    color: #0a325a;
    font-family: PT Serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    display: flex;
    letter-spacing: -0.4px;
    opacity: 0.7;
    padding: 0 0 0 20px;
    margin: 0 0 30px;
    flex-direction: column;
    gap: 15px;
}

.package-m .pkg-content .cc ul li {
    line-height: 1;
}

.package-m .pkg-content .side-txt {
    /* text-align: center; */
    font-family: PT Serif;
    font-size: 78px;
    font-style: normal;
    font-weight: 700;
    line-height: 0.8;
    letter-spacing: -1.56px;
    color: #fff;
    text-shadow: 0 0 1px #0a325a;
    -webkit-text-stroke: 1px #0a325a;
    opacity: 0.21;
    position: absolute;
    right: 0;
    bottom: 0px;
    -webkit-writing-mode: vertical-lr;
    transform: rotate(180deg);
}

.pricing .row {
    gap: 25px 0;
}

.pricing .heading {
    margin: 0 0 50px;
}

.pricing .heading h4,
.pricing .heading p {
    color: #000;
}

.pricing {
    padding: 100px 0;
}

.pricing .package-m .pkg-content .img img {
    height: 94px;
}

.pricing .package-m .pkg-content .img {
    display: flex;
    align-items: center;
    gap: 20px;
}

.pricing .package-m .pkg-content .img h4 {
    color: #fff;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.8px;
    margin: 0;
    -webkit-text-stroke: 1px #0d3660;
}

.pricing .package-m .pkg-content:before {
    left: -212px;
    top: -485px;
}

.pricing .package-m .pkg-content .cc h5 {
    font-size: 55px;
    margin: 0;
}

.pricing .package-m .pkg-content .cc h6 {
    color: #f00;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.6px;
    text-decoration: line-through !important;
    margin: 0 0 25px;
}

.pricing .package-m .pkg-content .cc {
    height: auto;
}

.pricing .package-m .pkg-content .cc ul {
    height: 200px;
    overflow: auto;
    width: 100%;
    z-index: 9;
    margin: 0 0 30px;
}

.pricing .package-m .pkg-content {
    padding: 30px 40px 30px;
}

.pricing .package-m .pkg-content .cc ul::-webkit-scrollbar {
    width: 5px;
    border-radius: 10px;
    outline: 1px solid #0d3660;
}

.pricing .package-m .pkg-content .cc ul::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.pricing .package-m .pkg-content .cc ul::-webkit-scrollbar-thumb {
    background: #0d3660;
    border-radius: 12px;
}

.pricing .package-m .pkg-content .cc ul::-webkit-scrollbar-thumb:hover {
    background: #0d3660;
}

.pub-01 {
    background: url(../images/third-bg.jpg) no-repeat;
    background-size: cover;
    padding: 100px 0;
}

.pub-01 .heading h4 {
    color: #000;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    /* 60.75px */
    letter-spacing: -0.9px;
}

.pub-01 .heading {
    margin: 0 0 50px;
}

.pub-01 .heading h4 span {
    font-weight: 700;
}

.pub-01 .heading p {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 144.9%;
    /* 28.98px */
    letter-spacing: -0.4px;
    opacity: 0.7;
}

.pub-01 .content {
    padding: 30px;
    background: #fff;
    border: 1px solid #0000004d;
    border-radius: 6px;
    min-height: 444.27px;
    transition: 0.5s;
}

.pub-01 .content:hover {
    border: 1px solid #ff8000;
    box-shadow: 0 0 30px -12px #ff8000;
}

.pub-01 .content h5 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    opacity: 0.7;
    letter-spacing: -0.75px;
    margin: 25px 0 25px;
}

.pub-01 .content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.pub-01 .content ul li {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    opacity: 0.6;
    display: flex;
    align-items: baseline;
    gap: 12px;
}

.pub-01 .content ul li img {
    filter: brightness(0);
}

.pub-01 .content:hover ul li img {
    filter: brightness(1);
}

.pub-02 {
    position: relative;
}

.pub-02 span.book:before {
    content: "";
    position: absolute;
    left: 3%;
    top: 11%;
    background: url(../images/portfolioo.png) no-repeat;
    background-size: contain;
    width: 630px;
    height: 420px;
    z-index: 9;
}

.pub-02 .content p {
    color: #fff;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 44.2px */
    letter-spacing: -0.68px;
}

.pub-02 .content p span {
    font-weight: 700;
}

.cover-b-s.pub-02:before {
    background-position: 0% 69%;
}

.pub-03 {
    position: relative;
}

.pub-03::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    /* background: url(../images/pub03img.png) no-repeat; */
    background-size: contain;
    width: 370px;
    height: 199px;
}

.pub-03 .content h4 {
    color: #000;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    /* 60.75px */
    letter-spacing: -0.9px;
    margin-bottom: 20px;
}

.pub-03 .content h4 span {
    font-weight: 700;
}

.pub-03 .content p {
    color: #000;
    opacity: 0.7;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 144.9%;
    /* 28.98px */
    letter-spacing: -0.4px;
}

.pub-03 .content ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 0;
    padding: 0;
}

.pub-03 .content ul li {
    color: #000;
    opacity: 0.7;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.6px;
    display: flex;
    align-items: baseline;
    gap: 12px;
}

.pub-03 {
    padding: 140px 0 0;
}

.pub-03 .content-main {
    background: #eeeeee;
    padding: 70px 0 70px;
}

.pub-04 .fifth-section {
    background: url(../images/pub-04bg.jpg) no-repeat !important;
    background-size: cover;
}

.pub-breaker {
    background-color: #343030;
    border-bottom: 8px solid #ff8000;
    padding: 60px 0;
    text-align: center;
}

.pub-breaker .heading h4,
.mrk-03 .heading h4 {
    color: #fff;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    /* 60.75px */
    letter-spacing: -0.9px;
}

.pub-breaker .heading h4 span,
.mrk-03 .heading h4 span {
    font-weight: 700;
}

.mrk-03 .heading h4 {
    color: #000;
}

.pub-breaker .heading,
.mrk-03 .heading {
    margin: 0 0 50px;
}

.pub-breaker .content h6 {
    color: #fff;
    font-size: 60px;
    font-style: normal;
    margin: 0;
    font-weight: 700;
    line-height: 135%;
    letter-spacing: -1.185px;
}

.pub-breaker .content p {
    color: #fff;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    margin: 0;
    letter-spacing: -0.497px;
}

.pub-01.mrk-01 .content {
    min-height: 282px;
}

.pub-01.mrk-01 .content .flex-item {
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 0 0 20px;
}

.pub-01.mrk-01 .content .flex-item h5 {
    margin: 0;
}

.pub-01.mrk-01 .content ul li {
    color: #000;
    font-size: 14.79px;
    font-style: normal;
    font-weight: 400;
    opacity: 0.6;
    line-height: 120%;
    /* 17.748px */
}

.pub-01.mrk-01 .content.gobtm {
    position: relative;
    top: 30px;
}

.pub-01.mrk-01 .content.gotop {
    position: relative;
    top: -30px;
}

.pub-05.inner .content {
    min-height: 307.44px;
}

.fourth-section.mrk-04.inner .content .cc {
    position: absolute;
    top: 68%;
    left: 0;
    width: 100%;
    padding: 0 30px;
}

.fourth-section.mrk-04.inner .content .cc h6 {
    color: #fff;
    font-size: 25.52px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-align: left;
    letter-spacing: -0.51px;
}

.fourth-section.mrk-04.inner .content .cc p {
    color: #fff;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.367px;
    margin: 0;
}

.mrk-03 {
    background: url(../images/mrk3-bg.jpg) no-repeat;
    background-size: cover;
    padding: 80px 0;
}

.mrk-02 .content {
    /* background: linear-gradient(179deg, #ff8000, #ff8000, transparent),
        url(../images/mrk-007.jpg) no-repeat; */
    background: url(../images/mrk-007.png) no-repeat;
    padding: 12px;
    background-size: cover;
    height: 672px;
}

.mrk-02:before {
    content: "";
    background: #eeeeee;
    position: absolute;
    left: 0;
    top: 50%;
    width: 90%;
    height: 70%;
    z-index: -1;
    transform: translateY(-50%);
}

.mrk-02 .content .cc {
    border: 5px solid #ffffff6e;
    height: 100%;
    padding: 50px;
}

.mrk-02 .content .cc p {
    color: #fff;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 144.9%;
    /* 28.98px */
    letter-spacing: -0.4px;
}

.mrk-02 .content .cc ul,
.mrk-05 .content ul {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    margin: 30px 0 0;
    list-style: none;
    padding: 0;
}

.mrk-02 .content .cc ul li,
.mrk-05 .content ul li {
    opacity: 0.99;
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.6px;
    display: flex;
    align-items: baseline;
    gap: 15px;
}

.mrk-02 .heading h4 {
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    /* 60.75px */
    letter-spacing: -0.9px;
    margin-bottom: 30px;
}

.mrk-02 .heading h4 span {
    font-weight: 700;
}

.mrk-02 .heading p {
    color: #000;
    opacity: 0.88;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 144.9%;
    /* 28.98px */
    letter-spacing: -0.4px;
}

.mrk-05 {
    position: relative;
    z-index: 2;
    margin: -15px 0 -15px;
}

.mrk-05 .content h4 {
    color: #fff;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    /* 60.75px */
    letter-spacing: -0.9px;
}

.mrk-05 .content h4 span {
    font-weight: 700;
}

.mrk-05 .content {
    background: #696969;
    padding: 100px 50px;
    border: 15px solid #fff;
}

.contact-01 {
    background: url(../images/contact-bg.jpg) no-repeat;
    background-size: cover;
    padding: 150px 0 250px;
    position: relative;
}

.contact-01:before {
    content: "";
    position: absolute;
    left: 20px;
    bottom: -10px;
    /* background: url(../images/contact-img.png) no-repeat; */
    background-size: contain;
    width: 590px;
    height: 334px;
    z-index: 10;
}

.contact-01 .content-f .form-control {
    color: #000;
    /* text-align: center; */
    /* font-family: PT Serif; */
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%;
    letter-spacing: -0.36px;
    padding: 12px 15px;
    margin: 0 0 20px;
}

.contact-01 .content-f h4 {
    color: #000;
    text-align: center;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.9px;
    margin-bottom: 40px;
}

.contact-01 .content-f button[type="submit"] {
    border-radius: 10px;
    background: #ff8000;
    border: 1px solid #ff8000;
    color: #fff;
    font-family: Poppins;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 80.4%;
    letter-spacing: -0.38px;
    padding: 18px 100px;
    display: inline-block;
    margin: 20px 0 0;
}

.contact-01 .contact-info {
    border: 5px solid #fff;
    background: #ff8000;
    padding: 80px 60px;
    margin: 0 50px 0 0;
    z-index: 9;
    position: relative;
}

.contact-01 .contact-info:before {
    content: "";
    border: 20px solid #000000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -26px;
    right: -26px;
    z-index: -11;
    border-left: none;
    border-bottom: none;
}

.contact-01 .content-f {
    position: relative;
    z-index: 1;
}

.contact-01 .content-f:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #ebebeb;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: scale(1.3);
}

.contact-01 .contact-info h4 {
    color: #fff;
    text-align: center;
    font-family: PT Serif;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 54px */
    margin-bottom: 40px;
    letter-spacing: -0.9px;
}

.contact-01 .contact-info ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.contact-01 .contact-info ul li a {
    display: flex;
    align-items: center;
    gap: 15px;
}

.contact-01 .contact-info ul li a span {
    color: #fff;
    /* text-align: center; */
    /* font-family: PT Serif; */
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.36px;
}

.contact-01 .contact-info ul li a span span.inv2786 {
    color: #fff;
    /* text-align: center; */
    /* font-family: PT Serif; */
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.4px;
    display: block;
}

@media (max-width: 1700px) {
    .banner-cover .cvr1 {
        left: 50px;
    }
    .banner-cover .cvr2 {
        left: 270px;
    }
    .banner-cover .cvr3 {
        left: 60px;
    }
    .banner-cover .cvr4 {
        right: 50px;
    }
    .banner-cover .cvr5 {
        right: 270px;
    }
    .banner-cover .cvr6 {
        right: 60px;
    }
    /* .second-section:after {
        width: 782px;
        height: 805px;
    } */
    .second-section::before {
        top: -115px;
        width: 203px;
        height: 260px;
    }
    .seventh-section:before {
        width: 309px;
        height: 250px;
    }
    .genre-f::before {
        left: 50px;
        width: 584px;
        height: 772px;
    }
    .genre-f .content:before {
        left: -40px;
        top: -14px;
        font-size: 110px;
    }
    .genre-f .content h6 {
        font-size: 21px;
    }
    .genre-f .content p {
        font-size: 14px;
    }
    .editing-first-b .bottom:before {
        width: 780px;
        height: 782px;
    }
    .editing-first-b .bottom {
        padding: 120px 0 80px;
    }
    .editing-second-b:after {
        right: 80px;
        bottom: -60px;
        width: 551px;
        height: 620px;
    }
    .editing-second-b:before {
        width: 366px;
        height: 294px;
        bottom: -90px;
    }
    .edinner {
        padding: 150px 0 100px;
    }
    .pub-02 span.book:before {
        left: 3%;
        top: 15%;
        width: 530px;
        height: 353px;
    }
    .pub-02 .content p {
        font-size: 30px;
    }
    .pub-03::before {
        width: 270px;
        height: 146px;
    }
    .mrk-02:before {
        width: 100%;
    }
    .cover-b-f .bottom:before {
        bottom: -150px;
        width: 960px;
        height: 1128px;
    }
}

@media (max-width: 1600px) {
    .banner-cover .cvr1 {
        left: 20px;
    }
    .banner-cover .cvr2 {
        left: 200px;
    }
    .banner-cover .cvr3 {
        left: 30px;
    }
    .banner-cover .cvr4 {
        right: 20px;
    }
    .banner-cover .cvr5 {
        right: 200px;
    }
    .banner-cover .cvr6 {
        right: 30px;
    }
    .banner-cover .cvr1,
    .banner-cover .cvr2,
    .banner-cover .cvr3,
    .banner-cover .cvr4,
    .banner-cover .cvr5,
    .banner-cover .cvr6 {
        width: 200px;
        height: auto;
    }
    .banner-content .content h1 .sp1 {
        font-size: 54px;
    }
    .banner-content .content h1 {
        font-size: 50px;
    }
    .banner-content .content h1 .sp2 {
        font-size: 28px;
        letter-spacing: -0.716px;
    }
    .banner-content .content p {
        font-size: 18px;
    }
    .btn-style-01,
    .btn-style-04 {
        font-size: 16px;
        padding: 18px 16px;
    }
    .btn-style-02,
    .btn-style-05 {
        font-size: 16px;
        padding: 12px 14px;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .btn-style-02 img,
    .btn-style-05 img {
        width: 30px;
    }
    /* .second-section:after {
        width: 752px;
        height: 774px;
    } */
    /* .cta01 {
        padding: 140px 0 70px;
    } */
    .cta01:before {
        bottom: -140px;
        width: 363px;
        height: 440px;
    }
    .btn-style-03 {
        font-size: 16px;
        padding: 15px 12px;
    }
    .cta04 h4 {
        font-size: 45px;
    }
    .genre-f::before {
        left: 50px;
        width: 530px;
        height: 701px;
        bottom: -50px;
    }
    .genre-f {
        padding: 60px 0 60px;
    }
    .editing-first-b .bottom:before {
        width: 690px;
        height: 692px;
    }
    .editing-second-b:before {
        width: 310px;
        height: 249px;
    }
    .pub-03::before {
        width: 200px;
        height: 106px;
    }
    .cover-b-f .bottom:before {
        width: 890px;
        height: 1047px;
    }
    .chatNowBtn {
        font-size: 16px;
        gap: 6px;
    }
}

@media (max-width: 1500px) {
    /* .second-section:after {
        width: 692px;
        height: 713px;
    } */
    .second-section p {
        font-size: 18px;
        line-height: 126.3%;
    }
    .second-section h4 {
        font-size: 37px;
    }
    .second-section h4 span {
        font-size: 30px;
    }
    .seventh-section:before {
        width: 247px;
        height: 200px;
    }
    .genre-f .heading p {
        font-size: 17px;
    }
    .genre-f .heading h4 {
        font-size: 35px;
    }
    .genre-f .heading h4 span.sub {
        font-size: 30px;
    }
    .genre-f {
        padding: 60px 0 20px;
    }
    .genre-f::before {
        left: 50px;
        width: 420px;
        height: 557px;
        bottom: -50px;
    }
    .editing-second-b:after {
        right: 80px;
        bottom: -60px;
        width: 460px;
        height: 518px;
    }
    .editing-second-b {
        padding: 100px 0;
    }
    .editing-second-b:before {
        width: 220px;
        height: 177px;
        bottom: -70px;
    }
    .pub-02 span.book:before {
        left: 2.5%;
        top: 23%;
        width: 450px;
        height: 300px;
    }
    .contact-01:before {
        width: 410px;
        height: 263px;
    }
}

@media (max-width: 1399px) {
    .banner-cover .cvr1,
    .banner-cover .cvr2,
    .banner-cover .cvr3,
    .banner-cover .cvr4,
    .banner-cover .cvr5,
    .banner-cover .cvr6 {
        width: 180px;
        height: auto;
    }
    @keyframes cvr_anim3 {
        0% {
            top: 30%;
        }
        50% {
            top: 35%;
        }
        100% {
            top: 30%;
        }
    }
    .banner-cover .cvr2 {
        left: 180px;
    }
    .banner-cover .cvr5 {
        right: 180px;
    }
    header ul li a {
        font-size: 16px;
    }
    header .navi ul {
        gap: 15px;
    }
    header ul li a.lst-cnt {
        font-size: 15px;
        padding: 11px 16px;
    }

    .first-section .content h4,
    .heading-re-h5 {
        font-size: 35px !important;
    }
    .first-section .content h4 span {
        font-size: 30px !important;
    }
    .heading-re-h6-sm {
        font-size: 30px !important;
    }
    .first-section .content p,
    .heading-re-p {
        font-size: 18px !important;
    }
    .first-section .content li {
        font-size: 20px;
    }
    .second-section .secContent-slider h5 {
        /* font-size: 15px; */
    }
    .second-section .secContent-slider p {
        /* font-size: 13px; */
        /* line-height: 1.1; */
        /* letter-spacing: -0.28px; */
    }
    .second-section .secContent-slider .cc {
        padding: 15px;
        border-radius: 10px;
    }
    .second-section {
        padding: 60px 0;
    }
    .second-section:after {
        width: 622px;
        height: 640px;
    }
    .cta01 h6 {
        font-size: 20px;
    }
    .cta01 h4 {
        font-size: 40px;
    }
    .cta01:before {
bottom: -140px; 
        top: 0px;
        width: 358px;
        height: 401px;
    }
    .third-section a .content {
        min-height: 190px;
    }
    .third-section a .content img {
        height: 58px;
        width: auto;
    }
    .frcvr-slider .cc h5 {
        font-size: 28px;
    }
    .sixth-section .content h5 {
        font-size: 22px;
    }
    .sixth-section .content p {
        font-size: 16px;
        line-height: 1.3;
    }
    .cta04 h4 {
        font-size: 40px;
    }
    footer .f-h {
        font-size: 22px;
    }
    footer .f-links ul li a {
        font-size: 16px;
    }
    footer .cc-f p {
        font-size: 15px;
    }
    footer {
        padding: 65px 0 50px;
    }
    .fourth-section.inner .content .cc h6 {
        font-size: 18px;
    }
    .genre-b .express-slider .slider h4 {
        font-size: 22px;
    }
    .genre-b .express-slider .slider P {
        font-size: 16px;
    }
    .genre-b .express-slider .slider {
        padding: 95px 25px 25px;
        min-height: 432.44px;
    }
    .editing-first-b .bottom:before {
        width: 590px;
        height: 591px;
    }
    .editing-first-b .bottom {
        padding: 50px 0 60px;
    }
    .editing-second-b {
        padding: 80px 0;
    }
    .editing-second-b:after {
        right: 80px;
        bottom: -60px;
        width: 400px;
        height: 450px;
    }
    .editing-second-b {
        padding: 60px 0 50px;
    }
    .vdtr-fs .lftimg {
        width: 100%;
    }
    .vdtr-fs .content h5 {
        font-size: 22px;
    }
    .vdtr-fs .content p {
        font-size: 17px;
    }
    .package-m .pkg-content .img img {
        height: 98px;
    }
    .package-m .pkg-content:before {
        left: -253px;
        top: -490px;
    }
    .package-m .pkg-content {
        padding: 30px 30px 30px;
    }
    .package-m .pkg-content .cc h5 {
        font-size: 32px;
    }
    .package-m .pkg-content .cc ul {
        font-size: 16px;
        margin: 0;
    }
    .package-m .pkg-content .cc {
        height: 300px;
    }
    .package-m .pkg-content .side-txt {
        font-size: 48px;
    }
    .pub-01 .content h5 {
        font-size: 22px;
        margin: 20px 0 20px;
    }
    .pub-01 .content ul li {
        font-size: 17px;
    }
    .pub-03 .content ul li {
        font-size: 18px;
        gap: 8px;
    }
    .pub-03 .content ul li img {
        height: 18px;
    }
    .pub-breaker .content h6 {
        font-size: 50px;
    }
    .pub-breaker .content p {
        font-size: 22px;
    }
    .pub-breaker .heading,
    .mrk-03 .heading {
        margin: 0 0 35px;
    }
    .cover-b-t .content h5 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .cover-b-t .content p {
        font-size: 14px;
    }
    .pub-05.inner .content {
        min-height: 267.44px;
    }
    .pub-01.mrk-01 .content .flex-item img {
        height: 50px;
    }
    .pub-01.mrk-01 .content .flex-item {
        gap: 15px;
    }
    .pub-01.mrk-01 .content {
        padding: 25px;
    }
    .mrk-02 .content .cc ul li,
    .mrk-05 .content ul li {
        font-size: 18px;
    }
    .mrk-02 .content .cc {
        padding: 40px;
    }
    .fourth-section.mrk-04.inner .content .cc h6 {
        font-size: 22px;
    }
    .fourth-section.mrk-04.inner .content .cc p {
        font-size: 15px;
    }
    .pricing .package-m .pkg-content .img img {
        height: 70px;
    }
    .pricing .package-m .pkg-content .img h4 {
        font-size: 25px;
    }
    .pricing .package-m .pkg-content:before {
        left: -180px;
        top: -430px;
        width: 580px;
        height: 580px;
    }
    .pricing .package-m .pkg-content .img {
        margin: 0 0 70px;
    }
    .pricing .package-m .pkg-content .cc h5 {
        font-size: 45px;
    }
    .pricing .package-m .pkg-content .cc h6 {
        font-size: 25px;
    }
    .cover-b-f .bottom:before {
        width: 750px;
        height: 900px;
    }
    .second-section::before {
        top: -108px;
        width: 194px;
        height: 246px;
    }
}

@media (max-width: 1280px) {
    .banner .banner-content .banner-cover {
        display: none;
    }
    .second-section:after {
        width: 582px;
        height: 599px;
    }
    .second-section::before {
       display: none;
    }
    .cta01 {
        padding: 90px 0 60px;
    }
    .cta01:before {
        bottom: -80px;
        width: 240px;
        height: 290px;
        display: none;
    }
    .genre-f .content h6 {
        font-size: 18px;
    }
    .genre-f .heading {
        margin-bottom: 30px;
    }
    .genre-f::before {
        left: 30px;
        width: 400px;
        height: 529px;
        bottom: -40px;
    }
    .pub-02 span.book:before {
        left: 2.5%;
        top: 33%;
        width: 360px;
        height: 241px;
    }
    .pub-02 {
        padding: 60px 0;
    }
    .pub-02 .content p {
        font-size: 25px;
    }
    .second-section h4 {
        font-size: 32px;
    }
    .second-section h4 span {
        font-size: 26px;
    }
}

@media (max-width: 1199px) {
    header .col-xl-3 a img {
        width: 170px;
    }
    header ul li a {
        font-size: 14px;
    }
    header ul li a.lst-cnt {
        font-size: 14px;
        padding: 10px 14px;
    }
    .banner-content .content h1 {
        font-size: 40px;
    }
    .banner-content .content h1 .sp1 {
        font-size: 42px;
    }
    .banner-content .content h1 .sp2 {
        font-size: 22px;
        letter-spacing: -0.916px;
    }
    .banner-content .content p {
        font-size: 16px;
    }
    .btn-style-01,
    .btn-style-04 {
        font-size: 16px;
        padding: 14px 14px;
        border-radius: 6px;
    }
    .banner-content .content p {
        margin-bottom: 25px;
    }
    .second-section:after {
        width: 350px;
        height: 359px;
        top: 48%;
        transform: translateY(-50%);
    }
    .cta01 .btn-ver-box {
        flex-direction: row;
        gap: 18px;
        margin: 30px 0 0;
    }
    .cta01 {
        padding: 60px 0 60px;
    }
    .btn-style-02,
    .btn-style-03,
    .btn-style-05 {
        font-size: 16px;
        padding: 11px 12px;
        display: flex;
        align-items: center;
        gap: 6px;
        border-radius: 6px;
    }
    .btn-style-02 img,
    .btn-style-05 img {
        height: 25px;
    }
    .third-section a .content.go-btm {
        transform: translateY(0px);
    }
    .third-section a .content h5 {
        font-size: 20px;
    }
    .third-section a .content img {
        height: 65px;
        width: auto;
    }
    .third-section {
        padding: 60px 0 90px;
    }
    .fifth-section .tab button {
        font-size: 16px;
    }
    .sixth-section .content p {
        font-size: 14px;
        line-height: 1.3;
        letter-spacing: -0.54px;
    }
    .sixth-section .content h5 {
        font-size: 18px;
        height: 25px;
    }
    .sixth-section .content:before {
        font-size: 140px;
        left: -12px;
    }
    .cta03 {
        padding: 70px 0;
    }
    footer .logo-f img {
        width: 100%;
    }
    footer .f-links.m-80 {
        margin: 0 0 0 40px;
    }
    footer .f-links.m-125 {
        margin: 0 0 0 70px;
    }
    footer .cc-f p {
        font-size: 14px;
        margin: 12px 0 0;
        padding: 12px 0 0;
    }
    footer .f-h {
        font-size: 20px;
    }
    .first-section.inner .cc:hover {
        transform: translateX(-50px);
    }
    .genre-f {
        padding: 60px 0 20px;
        background-position: -26vw 0;
        background-color: #eeeeee;
    }
    .genre-f:before {
        display: none;
    }
    .genre-b .express-slider .slider h4 {
        font-size: 20px;
    }
    .genre-b .express-slider .slider P {
        font-size: 15px;
    }
    .genre-b .express-slider .slider {
        padding: 75px 15px 15px;
        min-height: 408.44px;
    }
    .genre-b .express-slider .slider .img {
        width: 120px;
        height: 120px;
    }
    .editing-first-b .top .st h6 {
        font-size: 18px;
    }
    .editing-first-b .top .cc {
        outline-offset: 25px;
    }
    .editing-first-b .top .st.btm {
        margin: 0 0 70px;
    }
    .editing-first-b .top .st.tp {
        margin: 70px 0 0;
    }
    .editing-first-b .top .cc:before {
        top: -55px;
        height: 25px;
    }
    .editing-first-b .top .cc:after {
        top: -61px;
        width: 14px;
        height: 14px;
    }
    .editing-first-b .top .cc.v2:before,
    .editing-first-b .top .cc.v4:before {
        bottom: -55px;
        height: 25px;
    }
    .editing-first-b .top .cc.v2:after,
    .editing-first-b .top .cc.v4:after {
        bottom: -61px;
        width: 14px;
        height: 14px;
    }
    .editing-first-b .bottom:before {
        width: 390px;
        height: 391px;
    }
    .editing-second-b:before {
        display: none;
    }
    .vdtr-fs .col-xl-6 .row {
        gap: 30px 0;
    }
    .vdtr-fs:before {
        display: none;
    }
    .pub-01 .content ul li {
        font-size: 16px;
    }
    .pub-01 .content {
        padding: 25px;
    }
    .pub-02 span.book:before {
        left: 2%;
        top: 50%;
        width: 200px;
        height: 131px;
        transform: translateY(-50%);
    }
    .pub-03 .content-main {
        background: #eeeeee;
        padding: 50px;
    }
    .pub-03 .content ul li {
        font-size: 16px;
        gap: 8px;
        line-height: 1;
    }
    .pub-03 .content ul {
        gap: 12px;
    }
    .cover-b-t .content h5 {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .pub-05.inner .content {
        min-height: 289.44px;
    }
    .mrk-05 .content {
        padding: 50px 40px;
    }
    .pricing .package-m .pkg-content {
        padding: 30px 25px 30px;
    }
    .pricing .package-m .pkg-content:before {
        left: -200px;
        top: -450px;
        width: 580px;
        height: 580px;
    }
    .pricing .package-m .pkg-content .img {
        margin: 0 0 45px;
    }
    .pricing .package-m .pkg-content .cc h5 {
        font-size: 36px;
    }
    .pricing .package-m .pkg-content .cc h6 {
        font-size: 22px;
    }
    .pricing .package-m .pkg-content .cc ul {
        height: 200px;
        margin: 0 0 20px;
    }
    .contact-01 .contact-info {
        padding: 60px 30px;
    }
    .contact-01 .contact-info ul li img {
        height: 30px;
    }
    .contact-01 .contact-info ul li a span span.inv2786 {
        font-size: 18px;
    }
    .contact-01 .contact-info ul li a span {
        font-size: 15px;
    }
    .contact-01 .content-f:before {
        transform: scale(1.1);
    }
    .cover-b-f .bottom:before {
        width: 580px;
        height: 681px;
        bottom: -70px;
    }
}

@media (max-width: 1052px) {
    .second-section:after {
        width: 300px;
        height: 310px;
    }
}

@media (max-width: 991px) {
    header .col-xl-3 a img {
        width: 100%;
    }
    .banner-content .content h1 {
        font-size: 35px;
    }
    .banner-content .content h1 .sp1 {
        font-size: 37px;
    }
    .banner-content .content h1 .sp2 {
        font-size: 20px;
        letter-spacing: -1.116px;
    }
    .banner-content .content p {
        font-size: 14px;
    }
    .first-section .content h4,
    .heading-re-h5 {
        font-size: 30px !important;
        margin-bottom: 10px !important;
    }
    .first-section .content h4 span,
    .heading-re-h6-sm {
        font-size: 24px !important;
    }
    .first-section .content p,
    .heading-re-p {
        font-size: 16px !important;
        margin: 0 0 10px;
        line-height: 1.2 !important;
    }
    .first-section .content li {
        font-size: 18px;
    }
    .first-section .content ul {
        margin: 15px 0 0;
    }
    .first-section {
        background: url(../images/first-bg.jpg) no-repeat;
        background-size: cover;
        padding: 55px 0 60px;
    }
    
    .second-section:after {
        display: none;
    }
    .second-section .secContent-slider h5 {
        /* font-size: 16px; */
    }
    .second-section .secContent-slider p {
        /* font-size: 14px; */
    }
    .second-section::before {
        top: -180px;
        width: 270px;
        height: 338px;
    }
    .cta01 .content {
        text-align: center;
    }
    .cta01 h4 {
        font-size: 34px;
    }
    .cta01 .btn-ver-box {
        justify-content: center;
    }
    .cta01:before {
        bottom: -80px;
        width: 200px;
        height: 242px;
    }
    .fifth-section .cs {
        margin: 50px 0 30px;
    }
    .btn-style-03 {
        font-size: 14px;
        padding: 11px 12px;
        border-radius: 8px;
    }
    .fifth-section .tab button {
        font-size: 18px;
    }
    .sixth-section .content.v1,
    .sixth-section .content.v2,
    .sixth-section .content.v3 {
        margin: 0 0 30px;
    }
    .sixth-section .content h5 {
        font-size: 20px;
        height: 30px;
    }
    .sixth-section .content p {
        font-size: 16px;
    }
    .sixth-section .content:before {
        font-size: 140px;
        left: 25px;
        top: 5px;
    }
    .sixth-section .btm:before {
        display: none;
    }
    .seventh-section .content ul li {
        font-size: 14px;
    }
    .brand-area-02 {
        padding: 40px 0;
    }
    .cta04 h4 {
        text-align: center;
    }
    .cta04 .btn-ver-box {
        flex-direction: row;
        gap: 18px;
        margin: 30px 0 0;
        justify-content: center;
    }
    footer .logo-f img {
        width: auto;
    }
    footer .cc-f {
        margin: 0 0 40px;
    }
    footer .f-links.m-80 {
        margin: 0 0 0 0;
    }
    footer .f-links.m-125 {
        margin: 0 0 0 0;
    }
    .first-section.inner .cc p {
        font-size: 14px;
    }
    .first-section.inner .cc h6 {
        font-size: 20px;
    }
    .first-section.inner .cc {
        gap: 18px;
        padding: 18px 18px;
    }
    .first-section.inner .cc:hover {
        transform: translateX(0px);
    }
    .first-section.inner .cc img {
        height: 70px;
    }
    .genre-f {
        background-position: right;
    }
    .editing-first-b .bottom {
        padding: 60px 0 60px;
        z-index: 1;
        background: #c1c1c1;
    }
    .editing-first-b .bottom:before {
        width: 390px;
        height: 391px;
        z-index: -1;
        opacity: 0.3;
    }
    .editing-second-b:after {
        right: 30px;
        bottom: -40px;
        width: 360px;
        height: 405px;
    }
    .edinner {
        padding: 100px 0 100px;
    }
    .cover-b-t .content {
        min-height: 335px;
        margin: 0 0 25px;
    }
    .cover-b-t {
        padding: 85px 0 60px;
    }
    .vdtr-fs .content h5 {
        font-size: 18px;
    }
    .vdtr-fs .content p {
        font-size: 15px;
    }
    .pub-breaker .content h6 {
        font-size: 45px;
    }
    .pub-breaker .content p {
        font-size: 20px;
    }
    .pub-breaker .content {
        margin: 0 0 25px;
    }
    .pub-breaker {
        padding: 40px 0 15px;
    }
    .pub-05.inner .content {
        min-height: 259.44px;
    }
    .mrk-02:before {
        width: 100%;
        bottom: 0;
        transform: translateY(0);
    }
    .mrk-02 {
        padding: 0 0 50px;
    }
    .mrk-02 .content {
        margin: 0 0 30px;
    }
    .fourth-section.mrk-04.inner .content .cc {
        padding: 0 10px;
    }
    .fourth-section.mrk-04.inner .content .cc p {
        font-size: 12px;
    }
    .fourth-section.mrk-04.inner .content .cc h6 {
        font-size: 18px;
    }
    .mrk-05 .content {
        padding: 40px 25px;
        border: 12px solid #fff;
    }
    .contact-01:before {
        display: none;
    }
    .contact-01 .content-f {
        margin: 40px 0 0;
    }
    .contact-01 {
        padding: 100px 0 130px;
    }
    .contact-01 .content-f:before {
        display: none;
    }
    .modalForm .popimg {
        display: none;
    }
    .cover-b-f .bottom:before {
        display: none;
    }
}

@media (max-width: 768px) {
    .first-section .content p,
    .second-section p {
        font-size: 15px;
        margin: 0 0 10px;
        line-height: 1.1;
    }
    .second-section p {
        margin-bottom: 30px;
    }
    .first-section .content li {
        font-size: 16px;
    }
    .first-section .content h4,
    .second-section h4 {
        font-size: 25px;
    }
    .first-section .content h4 span,
    .second-section h4 span {
        font-size: 19px;
    }
    .second-section::before {
        top: -70px;
        width: 200px;
        height: 258px;
    }
    .cta01:before {
        bottom: -60px;
        width: 160px;
        height: 192px;
    }
    .fifth-section .tab button {
        font-size: 16px;
    }
    .sixth-section .content:before {
        font-size: 130px;
        left: 40px;
        top: 5px;
    }
    .cta04 h4 {
        font-size: 30px;
    }
    .cta04 {
        padding: 65px 0;
    }
    .copyright .cp {
        justify-content: center;
        flex-direction: column;
        gap: 15px;
    }
    .copyright .cp .m {
        display: none;
    }
    .first-section.inner .cc {
        margin: 25px 0 0 !important;
    }
    .fourth-section.inner .content .cc h6 {
        font-size: 15px;
        line-height: 1.3;
    }
    .fifth-section.inner .content p {
        font-size: 18px;
        margin: 14px 0 0;
        border-left: 6px solid #ff8000;
    }
    .editing-second-b:after {
        right: 0;
        bottom: -90px;
        width: 140px;
        height: 155px;
    }
    .cover-b-t .content h5 {
        font-size: 20px;
    }
    .cover-b-t .content p {
        font-size: 16px;
    }
    .cover-b-t .content {
        padding: 22px;
        min-height: 357px;
        margin: 0 0 25px;
    }
    .cover-b-t {
        padding: 80px 0 55px;
    }
    .vdtr-fs .content p {
        font-size: 15px;
    }
    .package-m .pkg-content {
        padding: 20px 20px 20px;
    }
    .package-m .pkg-content .img img {
        height: 58px;
    }
    .package-m .pkg-content:before {
        left: -100px;
        top: -193px;
        width: 335px;
        height: 307px;
    }
    .package-m .pkg-content .img {
        margin: 0 0 60px;
    }
    .package-m .pkg-content .cc h5 {
        font-size: 22px;
    }
    .package-m .pkg-content .cc ul {
        font-size: 14px;
        margin: 0;
    }
    .package-m .pkg-content .side-txt {
        font-size: 38px;
    }
    .pub-01 .content h5 {
        font-size: 18px;
        margin: 20px 0 20px;
    }
    .pub-01 .content ul li {
        font-size: 14px;
        gap: 6px;
    }
    .pub-01 .content ul li img {
        filter: brightness(0);
        height: 11px;
    }
    .pub-01 .content {
        min-height: 410.07px;
    }
    .pub-02 span.book:before {
        display: none;
    }
    .pub-01.mrk-01 .content {
        min-height: 262px;
    }
    .mrk-02 .content .cc ul li,
    .mrk-05 .content ul li {
        font-size: 15px;
    }
}

@media (max-width: 575px) {
    .banner-content .content h1 {
        font-size: 30px;
    }
    .banner-content .content h1 .sp1 {
        font-size: 31px;
    }
    .banner-content .content h1 .sp2 {
        font-size: 17px;
        letter-spacing: -1.116px;
    }
    .btn-style-01,
    .btn-style-04 {
        font-size: 14px;
        padding: 14px 14px;
        border-radius: 6px;
    }
    .banner .banner-bg {
        height: 320px;
        object-fit: cover;
    }
    .brand-area {
        padding: 20px 15px;
    }
    .second-section .secContent-slider h5 {
        font-size: 18px;
    }
    .second-section .secContent-slider h5 {
        font-size: 18px;
    }
    .cta01:before {
        bottom: -70px;
        width: 100px;
        height: 122px;
    }
    .cta01 h6 {
        font-size: 17px;
    }
    .cta01 h4 {
        font-size: 28px;
    }
    .fifth-section .tab button {
        font-size: 18px;
        width: 49%;
    }
    .fifth-section .tab {
        gap: 25px 0;
        border-bottom: none;
        flex-wrap: wrap;
    }
    .fifth-section .fifcover .owl-item.active:nth-child(3) {
        transform: scale(1);
    }
    .btn-style-03 {
        font-size: 12px;
        padding: 12px 12px;
        border-radius: 8px;
    }
    .chatNowBtn {
        font-size: 14px;
        gap: 6px;
        border-radius: 7px;
    }
    .chatNowBtn img {
        height: 22px;
    }
    .chatNowBtn,
    .btn-style-01,
    .btn-style-02,
    .btn-style-03,
    .btn-style-04,
    .btn-style-05 {
        height: 50px;
    }
    .btn-style-02,
    .btn-style-05 {
        font-size: 14px;
        padding: 10px 12px;
    }
    .sixth-section .content {
        padding: 0 14%;
        margin-bottom: 30px;
    }
    .sixth-section .content:before {
        font-size: 130px;
        left: 100px;
        top: 4px;
    }
    .seventh-section:before {
        display: none;
    }
    .first-section .content h4,
    .heading-re-h5 {
        font-size: 25px !important;
    }
    .first-section .content h4 span,
    .heading-re-h6-sm {
        font-size: 20px !important;
    }
    .first-section .content p br,
    .heading-re-p br {
        display: none;
    }
    .cta04 h4 {
        font-size: 25px;
    }
    .top-bar ul li {
        font-size: 14px;
    }
    .fourth-section.inner .content .cc h6 {
        font-size: 16px;
        line-height: 1.3;
    }
    .fifth-section.inner .content p {
        padding: 0 0 0 10px;
    }
    .fourth-section.inner .col-xl-4:not(:last-child) .content {
        margin-bottom: 25px;
    }
    .genre-b .express-slider .slider {
        padding: 75px 25px 25px;
        min-height: auto;
    }
    .editing-first-b .bottom:before {
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: 0.3;
    }
    .editing-first-b .top .content.v3 {
        margin: 30px 0 0;
    }
    .editing-first-b .top .content.v4 {
        transform: translateY(60px);
    }
    .editing-first-b .top .cc img {
        transform: scale(1);
    }
    .editing-first-b .top .cc {
        outline-offset: 5px;
    }
    .editing-first-b .top .cc:before {
        top: -30px;
        height: 25px;
    }
    .editing-first-b .top .cc:after {
        top: -37px;
        width: 14px;
        height: 14px;
    }
    .editing-first-b .top .cc.v2:before,
    .editing-first-b .top .cc.v4:before {
        bottom: -30px;
        height: 25px;
    }
    .editing-first-b .top .cc.v2:after,
    .editing-first-b .top .cc.v4:after {
        bottom: -35px;
        width: 14px;
        height: 14px;
    }
    .editing-first-b .top .st.tp {
        margin: 50px 0 0;
    }
    .editing-first-b .top .st.btm {
        margin: 0 0 50px;
    }
    .editing-second-b:after {
        display: none;
    }
    .cover-b-t {
        padding: 70px 0 40px;
    }
    .cover-b-t .content {
        min-height: auto;
        margin: 0 0 30px;
    }
    .cover-b-t .content h5 {
        font-size: 22px;
        margin: 0 0 15px;
    }
    .cover-b-t .content p {
        font-size: 16px;
        line-height: 120%;
    }
    .package-m .pkg-content .cc {
        height: 250px;
    }
    .pub-01 .content {
        padding: 25px;
    }
    .pub-03 .content-main {
        padding: 30px 20px;
    }
    .pub-03::before {
        display: none;
    }
    .pub-breaker .content h6 {
        font-size: 35px;
    }
    .pub-breaker .content p {
        font-size: 18px;
    }
    .pub-05.inner .content {
        min-height: auto;
    }
    .pub-01.mrk-01 .content {
        min-height: auto;
    }
    .pub-01.mrk-01 .content.gobtm {
        position: relative;
        margin: 0 0 25px;
        top: 0;
    }
    .pub-01.mrk-01 .content.gotop {
        position: relative;
        top: 0;
    }
    .mrk-02 .content .cc {
        padding: 25px;
    }
    .fourth-section.mrk-04.inner .content .cc {
        padding: 0 20px;
    }
    .fourth-section.mrk-04.inner .content .cc p {
        font-size: 16px;
    }
    .fourth-section.mrk-04.inner .content .cc h6 {
        font-size: 25px;
    }
    .fourth-section.mrk-04.inner .content .cc {
        bottom: 30px;
        top: unset;
    }
    .mrk-05 .content {
        padding: 30px 20px;
        border: 8px solid #fff;
    }
    .second-section .secContent-slider .cc {
        min-height: auto;
    }
    .editing-lst-nn .content {
        margin: 30px 0 0 0;
    }
    .editing-lst-nn .mob-chng {
        flex-direction: column-reverse;
    }
}

@media (max-width: 350px) {
    .second-section::before {
        display: none;
    }

}

.home-banner {
    background: #1f2122 url(../../assets/images/home-banner.png) center/cover
        no-repeat;
    /* padding-top: clamp(15rem, 14vw, 13rem); */
    padding-top: clamp(14rem, 16vw, 21rem);
    padding-bottom: 5rem;
    min-height: 100dvh;
    position: relative;
}

.home-banner h1 .span1 {
    color: #ff8000;
    font-weight: 800;
    letter-spacing: 1px;
    font-size: clamp(22px, 3vw, 3rem);
}
.home-banner h1 .span2 {
    color: #fff;
    font-weight: 300;
    font-size: clamp(20px, 3vw, 3rem);
}

.leadForm input:not(.vscomp-search-input):not(.iti__search-input),
.vs-style-2 .vscomp-toggle-button {
    min-height: 50px;
    background: #fff;
    padding-inline: 1.5rem;
    color: var(--primary-color);
    border-color: #ced4da;
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    box-shadow: none !important;
}

.vs-style-2 .vscomp-toggle-button .vscomp-value {
    color: #6c757d !important;
    text-transform: uppercase;
    letter-spacing: normal;
    font-size: 18px;
    font-family: "PT Serif", serif !important;
    text-transform: capitalize;
}