:root {
    --color_1: #101253;
    --color_2: #353680;
    --color_3: #000;
}

* {
    font-family: 'PT Serif', serif;
}

body {
    overflow-x: hidden;
}

.btn-f {
    font-family: 'Poppins', sans-serif;
}

.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: #FFF;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.38px;
    border: 2px solid #ff5151;
    background: #FF5151;
    /* padding: 20px 20px; */
    display: inline-block;
    width: 240px;
    border-radius: 12px;
    transition: .5s;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-style-01:hover {
    background: none;
    color: #ff5151;
    box-shadow: 0 0 15px #ff51514f, 0 0 15px #ff515157, 0 0 15px #ff5151;
}

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

.btn-style-02 {
    display: flex;
    color: #FF5151;
    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 #FF5151;
    align-items: center;
    gap: 10px;
    width: 240px;
    justify-content: center;
    height: 60px;
}

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

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

.top-bar ul li a {
    color: #fff;
}

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

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

.chatNowBtn {
    font-size: 18px;
    padding: 0;
    border: 2px solid #ff5151;
    color: #ff5151;
    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: #FF5151;
    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;
    width: 60%;
}

.banner-cover .cvr1 {
    position: absolute;
    left: 110px;
    top: -20%;
    transition: .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: .5s;
    animation: cvr_anim2 5s .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: .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: .5s;
    animation: cvr_anim 5s infinite ease-in-out;
}

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

.banner-cover .cvr6 {
    position: absolute;
    right: 120px;
    top: 50%;
    transition: .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: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.9px;
    margin-bottom: 20px;
}

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

.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: #000;
    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: #000;
    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: -350px;
    right: 0;
    background: url(../images/typewriter.png) no-repeat;
    background-size: contain;
    width: 539px;
    height: 675px;
}

.second-section:after {
    content: '';
    position: absolute;
    left: 0;
    top: 30px;
    background: url(../images/second-img.png) no-repeat;
    background-size: contain;
    width: 842px;
    height: 867px;
}

.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: 144.9%;
    /* 28.98px */
    letter-spacing: -0.4px;
    margin-bottom: 30px;
}

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

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

.second-section .secContent-slider .cc {
    background: #D9D9D9;
    padding: 20px;
    border-radius: 12px;
    min-height: 303px;
}

.top-bar {
    background: #FF5151;
    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: 40px;
    left: 0px;
    width: 100%;
    z-index: 999;
    /* padding: 12px 0; */
    background-color: #fff;
}

.set_logo a img {
    width: 170px;
    /* Set the width of the header logo */
}

.header.sticky {
    position: fixed;
    top: 0;
    background-color: #fff;
    backdrop-filter: blur(5px);
    box-shadow: 0 0 10px #0009;
    /* padding: 10px 0 20px; */
    animation: stikyHeader .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: #ff5151;
}

.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 #FF5151;
    padding: 12px 20px;
    /* display: block; */
}

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

.cta01:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: -140px;
    background: url(../images/cta01-img.png) no-repeat;
    background-size: contain;
    width: 408px;
    height: 494px;
}

.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: #FF5151;
}

.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.20);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
    gap: 15px;
    min-height: 205px;
    position: relative;
    transition: .4s;
    overflow: hidden;
}

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

.third-section a .content::before {
    content: '';
    background: #ff5151;
    width: 100%;
    transition: .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: #D12B2A;
    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(.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: #000;
}

.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: #FF5151;
}


/* 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(.9);
}

.fifth-section .fifcover .owl-item.active:nth-child(3) {
    transform: scale(.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: .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: .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 #FF5151;
}

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

.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 .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: #FFEAEA;
    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.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 92px 0;
    position: relative;
}

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

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

.video1 video {
    width: 100%;
    height: 300px;
}

.f-links1 {
    list-style: none;
}

.f-links2 a {
    color: #000;
    display: flex;
    gap: 5px;
    font-size: 14px;
    font-weight: 600;
}

.brand-area-02 {
    padding: 60px 0;
    background-color: #0A325A;
}

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

.cta04:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 15px;
    background: #fff;
}

.cta04:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 50%;
    height: 15px;
    background: #0B335B;
}

.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/third-bg.jpg) no-repeat;
    background-size: cover;
    padding: 80px 0 60px;
}

a.logo-f img {
    width: 220px;
}

footer .cc-f p {
    color: #000;
    /* 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 #000;
}

footer .f-h {
    color: #000;
    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: #D12B2A;
    width: 80px;
    height: 2px;
}

footer .f-links ul li a {
    color: #000;
    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: #FF5151;
    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: #ff5151;
    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: #ff5151;
    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: #FF5151;
}

.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: #FF5151;
}

.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: .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: .5s;
    background: linear-gradient(180deg, #225990 11.78%, #0A325A 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 #FF5151;
}

.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.00) 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, #225990, #0A325A);
}

.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(180deg, #225990 0%, #0A325A 100%);
    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 #FF5151;
}

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

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

.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/ed-2-bg.jpg) no-repeat;
    background-size: cover;
    padding: 168px 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/ed-2-img2.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/edit-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/cvrde2-bg.jpg) no-repeat;
    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 #FF5151;
    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: .5s;
}

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

.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: #FF5151;
    opacity: 0.25;
    position: absolute;
    top: -50px;
    right: 0px;
    z-index: 11111;
    border-radius: 50%;
    outline: 40px solid #ff515151;
}

.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: .5s;
    position: relative;
}

.cover-b-fth .content .cc {
    background: #FF5151;
    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: .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: .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: .5s;
}

.cover-b-fth .content:hover:before {
    transition: .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: .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: #FF5151;
    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: .5s;
}

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

.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/pub02img.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 #FF5151;
    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: 60%;
    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, #FF5151, #FF5151, transparent), url(../images/mrk-007.jpg) 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: #FF5151;
    border: 1px solid #ff5151;
    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: #FF5151;
    padding: 80px 60px;
    margin: 0 50px 0 0;
    z-index: 9;
    position: relative;
}

.contact-01 .contact-info:before {
    content: '';
    border: 20px solid #0a325a;
    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: -290px;
        width: 449px;
        height: 562px;
    }

    .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;
        color: #000;
    }

    .header .navi ul {
        gap: 15px;
    }

    .header ul li a.lst-cnt {
        font-size: 15px;
        padding: 11px 16px;
        color: #000;
    }

    .header .col-xl-3 a img {
        width: 227px;
    }

    .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;
        width: 283px;
        height: 394px;
    }

    .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: -290px;
        width: 369px;
        height: 462px;
    }
}

@media (max-width:1280px) {
    .banner .banner-content .banner-cover {
        display: none;
    }

    .second-section:after {
        width: 582px;
        height: 599px;
    }

    .second-section::before {
        top: -210px;
        width: 329px;
        height: 412px;
    }

    .cta01 {
        padding: 90px 0 60px;
    }

    .cta01:before {
        bottom: -80px;
        width: 240px;
        height: 290px;
    }

    .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: .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 #FF5151;
    }

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

    footer .logo-f img {
        width: 150px;
    }
}

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


@media only screen and (min-width: 300px) and (max-width: 519px) {

    /* Adjust the logo in the header */
    .header .set_logo a img {
        width: 120px;
        /* Set the width of the header logo */
    }

    /* Adjust the logo in the footer */
    footer .logo-f img {
        width: 150px;
        /* Set the width of the footer logo */
    }
}