@font-face {  
    font-family: 'degular';
    src: url("../fonts/degular/DegularDisplay-Regular.woff") format('woff');
}
@font-face {  
    font-family: 'degular-med';
    src: url("../fonts/degular/DegularDisplay-Medium.woff") format('woff');
}
@font-face {  
    font-family: 'degular-bold';
    src: url("../fonts/degular/DegularDisplay-Bold.woff") format('woff');
}
@font-face {
    font-family: 'degular-semi';
    src: url("../fonts/degular/DegularDisplay-Semibold.woff") format('woff');
}
@font-face {  
    font-family: 'degular-black';
    src: url("../fonts/degular/DegularDisplay-Black.woff") format('woff');
}

/* ==========================================
   CUSTOM SPACING SCALE (0–10)
   Scale:
   0 = 0
   1 = .25rem (4px)
   2 = .5rem (8px)
   3 = 1rem (16px)
   4 = 1.5rem (24px)
   5 = 3rem (48px)
   6 = 4rem (64px)
   7 = 5rem (80px)
   8 = 6rem (96px)
   9 = 7rem (112px)
   10 = 8rem (128px)
========================================== */

:root{
  --sp-0: 0;
  --sp-1: .25rem;
  --sp-2: .5rem;
  --sp-3: 1rem;
  --sp-4: 1.5rem;
  --sp-5: 3rem;
  --sp-6: 4rem;
  --sp-7: 5rem;
  --sp-8: 6rem;
  --sp-9: 7rem;
  --sp-10: 8rem;
}

/* ========= Margin Top ========= */
.mt-0{margin-top:var(--sp-0)!important;}
.mt-1{margin-top:var(--sp-1)!important;}
.mt-2{margin-top:var(--sp-2)!important;}
.mt-3{margin-top:var(--sp-3)!important;}
.mt-4{margin-top:var(--sp-4)!important;}
.mt-5{margin-top:var(--sp-5)!important;}
.mt-6{margin-top:var(--sp-6)!important;}
.mt-7{margin-top:var(--sp-7)!important;}
.mt-8{margin-top:var(--sp-8)!important;}
.mt-9{margin-top:var(--sp-9)!important;}
.mt-10{margin-top:var(--sp-10)!important;}

/* ========= Margin Bottom ========= */
.md-0{margin-bottom:var(--sp-0)!important;}
.md-1{margin-bottom:var(--sp-1)!important;}
.md-2{margin-bottom:var(--sp-2)!important;}
.md-3{margin-bottom:var(--sp-3)!important;}
.md-4{margin-bottom:var(--sp-4)!important;}
.md-5{margin-bottom:var(--sp-5)!important;}
.md-6{margin-bottom:var(--sp-6)!important;}
.md-7{margin-bottom:var(--sp-7)!important;}
.md-8{margin-bottom:var(--sp-8)!important;}
.md-9{margin-bottom:var(--sp-9)!important;}
.md-10{margin-bottom:var(--sp-10)!important;}

/* ========= Margin Left ========= */
.ml-0{margin-left:var(--sp-0)!important;}
.ml-1{margin-left:var(--sp-1)!important;}
.ml-2{margin-left:var(--sp-2)!important;}
.ml-3{margin-left:var(--sp-3)!important;}
.ml-4{margin-left:var(--sp-4)!important;}
.ml-5{margin-left:var(--sp-5)!important;}
.ml-6{margin-left:var(--sp-6)!important;}
.ml-7{margin-left:var(--sp-7)!important;}
.ml-8{margin-left:var(--sp-8)!important;}
.ml-9{margin-left:var(--sp-9)!important;}
.ml-10{margin-left:var(--sp-10)!important;}

/* ========= Margin Right ========= */
.mr-0{margin-right:var(--sp-0)!important;}
.mr-1{margin-right:var(--sp-1)!important;}
.mr-2{margin-right:var(--sp-2)!important;}
.mr-3{margin-right:var(--sp-3)!important;}
.mr-4{margin-right:var(--sp-4)!important;}
.mr-5{margin-right:var(--sp-5)!important;}
.mr-6{margin-right:var(--sp-6)!important;}
.mr-7{margin-right:var(--sp-7)!important;}
.mr-8{margin-right:var(--sp-8)!important;}
.mr-9{margin-right:var(--sp-9)!important;}
.mr-10{margin-right:var(--sp-10)!important;}

/* ========= Padding Top ========= */
.pt-0{padding-top:var(--sp-0)!important;}
.pt-1{padding-top:var(--sp-1)!important;}
.pt-2{padding-top:var(--sp-2)!important;}
.pt-3{padding-top:var(--sp-3)!important;}
.pt-4{padding-top:var(--sp-4)!important;}
.pt-5{padding-top:var(--sp-5)!important;}
.pt-6{padding-top:var(--sp-6)!important;}
.pt-7{padding-top:var(--sp-7)!important;}
.pt-8{padding-top:var(--sp-8)!important;}
.pt-9{padding-top:var(--sp-9)!important;}
.pt-10{padding-top:var(--sp-10)!important;}

/* ========= Padding Bottom ========= */
.pd-0{padding-bottom:var(--sp-0)!important;}
.pd-1{padding-bottom:var(--sp-1)!important;}
.pd-2{padding-bottom:var(--sp-2)!important;}
.pd-3{padding-bottom:var(--sp-3)!important;}
.pd-4{padding-bottom:var(--sp-4)!important;}
.pd-5{padding-bottom:var(--sp-5)!important;}
.pd-6{padding-bottom:var(--sp-6)!important;}
.pd-7{padding-bottom:var(--sp-7)!important;}
.pd-8{padding-bottom:var(--sp-8)!important;}
.pd-9{padding-bottom:var(--sp-9)!important;}
.pd-10{padding-bottom:var(--sp-10)!important;}

/* ========= Padding Left ========= */
.pl-0{padding-left:var(--sp-0)!important;}
.pl-1{padding-left:var(--sp-1)!important;}
.pl-2{padding-left:var(--sp-2)!important;}
.pl-3{padding-left:var(--sp-3)!important;}
.pl-4{padding-left:var(--sp-4)!important;}
.pl-5{padding-left:var(--sp-5)!important;}
.pl-6{padding-left:var(--sp-6)!important;}
.pl-7{padding-left:var(--sp-7)!important;}
.pl-8{padding-left:var(--sp-8)!important;}
.pl-9{padding-left:var(--sp-9)!important;}
.pl-10{padding-left:var(--sp-10)!important;}

/* ========= Padding Right ========= */
.pr-0{padding-right:var(--sp-0)!important;}
.pr-1{padding-right:var(--sp-1)!important;}
.pr-2{padding-right:var(--sp-2)!important;}
.pr-3{padding-right:var(--sp-3)!important;}
.pr-4{padding-right:var(--sp-4)!important;}
.pr-5{padding-right:var(--sp-5)!important;}
.pr-6{padding-right:var(--sp-6)!important;}
.pr-7{padding-right:var(--sp-7)!important;}
.pr-8{padding-right:var(--sp-8)!important;}
.pr-9{padding-right:var(--sp-9)!important;}
.pr-10{padding-right:var(--sp-10)!important;}

body{font-family: "Mulish", sans-serif;color: #010c2f;font-size: 16px;font-weight: 400;overflow-x: hidden;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding: 0 10px;}
.row {margin: 0 -10px;align-items: center;} 
a:hover, a:focus, button:hover, button:focus{outline: none;}
section {padding: 100px 0;clear: both;position: relative;margin: 0 auto;z-index: 1}  
h1,h2,h3,h4,h5,h6{font-family: "degular";} 
p {color: #010c2f;font-size: 1rem;font-weight: 400;} 
img{max-width: 100%;} 
.desk-hide{display: none} 
textarea{resize: none}
input.required.error, textarea.required.error, select.required.error {    border-bottom: red 2px solid !important;  }
label.error {display: none !important;}


/*Reset Css*/

.fancybox-slide {
    display: revert !important;
}

a{
    text-decoration: none !important;
}

input.required.error, textarea.required.error, select.required.error {    border-bottom: red 2px solid !important;  }

label.error {     display: none !important;}

header {
    padding: 8px 0 30px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: 0;
}

header .row {
    align-items: center;
}

header ul li {
    display: inline-block;
    padding: 5px 20px;
    position: relative;
    z-index: 1;
    transition: .5s all;
}

.nav-link {
    padding: 0;
}

header ul li a {
    color: #032c3d !important;
    font-weight: 400;
    transition: .5s all;
    font-size: 1.125rem;
    text-transform: uppercase;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

.dropdown-item {
    color: #000000 !important;
    padding: 6px 15px 4px 15px;
    font-weight: 500;
    border-bottom: 1px solid #ffc41230;
    margin-bottom: 0px;
    letter-spacing: 0.5px;
    font-size: 12px;
    font-weight: 600;
    transition: .5s all;
}

.dropdown-menu{
    background-color: #ffffff;
    padding: 0;
    margin:0;
}

.dropdown-item.active, .dropdown-item:active {
    background: #3b3843;
}

.dropdown-item:focus, .dropdown-item:hover {background: #2eaaa2;color: #ffffff !important;}

a.menu-bottom {
    display: none;
}

header ul {
    position: relative;
    text-align: right;
}

header ul.btn-ul {
    text-align: right;
}

header ul.btn-ul li.me-btn a.btn {
    background: #4c56c0;
    color: #fff !important;
}
header ul li.btn-head a.btn-out-green {
    color: #00c6c0 !important;
    border-color: #00c6c0;
    padding: 15px 25px;
    background: transparent;
}


img{
    max-width: 100%;
}


.btn {
    border-radius: 30px;
    padding: 14px 40px 14px 40px;
    color: #22222d !important;
    font-size: 1rem;
    text-transform: uppercase;
    transition: .5s all;
    font-weight: 700;
    text-align: center;
    transition: .5s all;
    position: relative;
    z-index: 1;
}

header a.logo img {
    width: 200px;
    margin: auto;
    display: table;
}

span {vertical-align: baseline;}

.top-bar {
    padding: 20px 0 10px;
    position: relative;
    z-index: 1;
}

.top-bar span img {
    margin-right: 5px;
    position: relative;
    top: 1px;
}


.top-bar ul.social-top li {
    display: inline-block;
    padding: 0 15px;
}

.top-bar ul.social-top {
    display: inline-block;
    text-align: center;
    width: 100%;
}


.top-bar .row {
    align-items: center;
}
.top-bar span.phone-top {
    display: block;
    text-align: right;
}

.top-bar span.phone-top img {
    top: 0;
}

main.full-head {
    position: relative;
    z-index: 3;
    /*height: 100%;*/
    overflow: hidden;
}

main.full-head::before {
    position: absolute;
    content: "";
    left: -20px;
    top: -30px;
    border-radius: 80px;
    width: calc(100% + 30px);
    background: #000;
    height: 70%;
}

main.full-head::after {
    position: absolute;
    content: "";
    left: -20px;
    top: -30px;
    border-radius: 60px;
    width: calc(100% + 30px);
    background: #ffd15c;
    height: 100%;
    z-index: -1;
}

.top-bar span a {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
}


.our-banner{
    background: url("../images/main-banner.png") no-repeat;
    background-size: cover;
    padding: 130px 0 140px;
    background-position: bottom center;
    margin-top: -60px;
    position: relative;
}

main.full-head .container-fluid {
    padding: 0 60px;
}

main.full-head  header .container-fluid {position: relative;z-index: 1;padding: 15px 60px;margin-bottom: 30px;}

header .container-fluid::before {
    position: absolute;
    content: "";
    top: 0;
    width: calc(100% - 60px);
    background: #fff;
    height: 100%;
    margin: 0;
    left: 30px;
    border-radius: 80px;
}
.btn-green {
    background: rgb(1,55,75);
    background: linear-gradient(90deg, rgba(1,55,75,1) 20%, rgba(14,96,93,1) 100%) !important;
    color: #fff !important;
}
header ul li:first-child {
    padding-left: 0;
}

header ul li:last-child {
    padding-right: 0;
}
.our-banner .info-banner {
    text-align: center;
}

.our-banner .info-banner h1 {
    font-size: 7.813rem;
    font-weight: 700;
    font-family: 'degular-bold';
    color: #fbce5b;
    line-height: 100px;
    margin-bottom: 30px;
}

.our-banner .row {
    justify-content: center;
}

.our-banner .info-banner h5 {
    color: #fff;
    font-size: 4.271rem;
    line-height: 65px;
    text-transform: capitalize;
}
.our-banner .info-banner p {
    color: #fff;
    font-size: 1.75rem;
    font-weight: 300;
    width: 85%;
    margin: 0 auto 60px;
}

.our-banner .info-banner h1 span {
    position: relative;
    left: -110px;
}

.our-banner .info-banner h1 + h5 {text-align: right;}

.our-banner .info-banner h1 + h5 + h5 {
    text-align: left;
    margin-bottom: 20px;
}

.our-banner .info-banner ul li {
    display: inline-block;
    padding: 0 25px;
}
.our-banner .container {
    position: relative;
    z-index: 1;
}

.our-banner::before{
    position: absolute;
    content: "";
    background: url("../images/main-bg1.png") no-repeat;
    width: 100%;
    height: 58px;
    background-size: cover;
    left: 0px;
    bottom: -2px;
    z-index: 2;
}
.our-banner .container::before{
    position: absolute;
    content: "";
    background: url("../images/ban-bg1.png") no-repeat;
    width: 422px;
    height: 660px;
    background-size: 100%;
    left: -180px;
    top: -40px;
    z-index: -3;
}
.our-banner .container::after{
    position: absolute;
    content: "";
    background: url("../images/ban-bg2.png") no-repeat;
    width: 489px;
    height: 804px;
    background-size: 100%;
    right: -260px;
    bottom: -140px;
    z-index: -3;
}

.our-brand {
    text-align: center;
    padding: 80px 0;
}

.our-brand h3 {
    font-size: 2.188rem;
    font-family: 'degular-semi';
    color: #211e1d;
    margin-bottom: 35px;
}

.our-brand .container {
    position: relative;
    z-index: 1;
}

.our-brand .info-brand::before{
    position: absolute;
    content: "";
    background: url("../images/lg-bg2.png") no-repeat;
    width: 182px;
    height: 151px;
    background-size: 100%;
    right: -170px;
    top: -50px;
    z-index: -1;
}

.our-brand .container::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -80px;
    background: #dbdbdb;
    width: 100%;
    height: 1px;
    z-index: -2;
}

.our-brand .container::after{
    position: absolute;
    content: "";
    background: url("../images/lg-bg1.png") no-repeat;
    width: 77px;
    height: 76px;
    background-size: 100%;
    left: 0;
    right: 0px;
    margin: auto;
    bottom: -116px;
    z-index: -1;
}

.our-brand .row {
    justify-content: center;
}

h2 {
    color: #222526;
    font-family: 'degular-semi';
    font-size: 4.8rem;
    line-height: 82px;
    letter-spacing: -1px;
    margin-bottom: 30px;
    text-transform: capitalize;
}

h2 span {
    display: inline-block;
    background: #fbce5b;
    border-radius: 25px;
    padding: 4px 10px;
    line-height: 60px;
    font-family: 'degular';
}

.info-ghost p {
    font-size: 1.5rem;
    color: #2f2f2f;
    margin-bottom: 40px;
}

.info-ghost h2 {
    margin-bottom: 50px;
}

.img-ghost img {
    max-width: 115%;
}

.img-ghost {
    position: relative;
    left: -30px;
    z-index: -1;
    top: -40px;
}

.our-ghost {
    padding: 160px 0 100px;
}

.our-ghost .container{
    position: relative;
    z-index: 1;
}

.our-ghost .container::before , .pub-choose .container::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -80px;
    background: #dbdbdb;
    width: 100%;
    height: 1px;
    z-index: -2;
}
.our-ghost .container::after , .pub-choose .container::after{
    position: absolute;
    content: "";
    background: url("../images/lg-bg1.png") no-repeat;
    width: 77px;
    height: 76px;
    background-size: 100%;
    left: 0;
    right: 0px;
    margin: auto;
    bottom: -116px;
    z-index: -1;
}

.our-solution {
    text-align: center;
    z-index: 2;
}

.our-solution h2 {
    margin-bottom: 100px;
}

.in-solu {
    background: #fff2e1;
    padding: 50px 0 0;
    text-align: left;
    border-radius: 8px;
}

.in-solu h4 {
    color: #1a1f49;
    font-size: 1.875rem;
    font-family: 'degular-semi';
    padding: 0 40px 0;
}

.in-solu p {
    padding: 0 40px;
    margin-bottom: 40px;
}
.sol-up {
    position: relative;
    top: -60px;
}


.owl-solution .owl-stage-outer {
    padding: 60px 0 0;
}

.sol1{
    background: #cfe4ec;
}
.sol3{
    background: #d4f6f0;
}
.sol4{
    background: #e7e7ee;
}
.sol5{
    background: #feefe8;
}

.our-solution .container-fluid {
    padding: 0;
}

.owl-solution.owl-theme .owl-nav [class*=owl-], .owl-pub.owl-theme .owl-nav [class*=owl-] {
    margin: 0;
    background: url("../images/left.png") no-repeat !important;
    width: 68px;
    height: 58px;
    background-size: 100% !important;
    position: absolute;
    left: 100px;
}

.owl-solution.owl-carousel .owl-nav button.owl-next , .owl-pub.owl-carousel .owl-nav button.owl-next{
    background: url("../images/right.png") no-repeat !important;
    background-size: 100% !important;
    right: 100px;
    left: auto;
}

.owl-solution.owl-theme .owl-nav [class*=owl-] span , .owl-pub.owl-theme .owl-nav [class*=owl-] span {
    display: none;
}
.owl-solution.owl-theme .owl-nav, .owl-pub.owl-theme .owl-nav {
    position: absolute;
    top: -70px;
    left: 0;
    right: 0;
}
.in-solu img {
    width: 100%;
}

.owl-solution {
    position: relative;
    z-index: 1;
}

.owl-solution::before,.owl-solution::after {
    position: absolute;
    content: "";
    left: 0;
    top: 110px;
    width: 100%;
    height: 1px;
    background: #c0c0c0;
    z-index: -1;
}

.owl-solution::after {
    top: inherit;
    bottom: 170px;
}

.marque span {
    font-size: 3.75rem;
    font-family: 'degular-semi';
    -webkit-text-stroke: 1px #01354a;
    color: transparent !important;
    vertical-align: middle;
}

.marque {
    background: #ffd15c;
    margin: 40px 0px;
    transform: rotate(2deg);
    z-index: 2;
    position: relative;
}

.marque img {
    margin-right: 20px;
}

.our-book {
    padding: 50px 0;
    border-top: 1px solid #01354a;
}

.our-book h3 {
    font-size: 4rem;
    font-family: 'degular-semi';
    letter-spacing: -1px;
    margin-bottom: 0;
}

.our-book p {
    margin-bottom: 0;
    color: #2f2f2f;
    font-size: 1.5rem;
}

.our-book.book-ls {
    border-bottom: 1px solid #01354a;
    margin:  0 0 80px;
}

.our-book.book-up {
    margin: 180px 0 0;
}

.our-book.book-up::before{
    position: absolute;
    content: "";
    background: url("../images/bg-book.png") no-repeat;
    width: 100%;
    height: 650px;
    background-size: cover;
    left: 0;
    right: 0;
    margin: auto;
    top: -652px;
    z-index: -3;
    opacity: 0.6;
}
.our-offer {
    text-align: center;
    margin: 0 0 80px;
}

.our-offer h2 {
    font-size: 8.125rem;
    line-height: 132px;
    letter-spacing: -2px;
    position: relative;
    z-index: 1;
    color: #01354a;
}

.our-offer h2 span {
    line-height: 90px;
    font-family: 'degular-semi';
    color: #fff;
    border-radius: 40px;
}
.our-offer h2 img.of-img2 {
    position: relative;
    top: -8px;
}

.our-offer .container{
    position: relative;
    z-index: 1;
}

.our-offer .container::before{
    position: absolute;
    content: "";
    background: url("../images/of-img3.png") no-repeat;
    width: 327px;
    height: 227px;
    background-size: 100%;
    left: -145px;
    margin: auto;
    bottom: -90px;
    z-index: -1;
}
.our-offer .container::after{
    position: absolute;
    content: "";
    background: url("../images/of-img4.png") no-repeat;
    width: 246px;
    height: 326px;
    background-size: 100%;
    right: -200px;
    margin: auto;
    bottom: -70px;
    z-index: 1;
}

.our-offer h2::before {
    position: absolute;
    content: "";
    background: url("../images/of-arr.png") no-repeat;
    width: 237px;
    height: 316px;
    background-size: 100%;
    right: -60px;
    margin: auto;
    top: 60px;
    z-index: -1;
}

.marque.mr2 {
    transform: rotate(-2deg);
}

.our-genre{
    background: url("../images/bg-gen.png") no-repeat;
    background-size: cover;
    border-radius: 80px;
    padding: 130px 0;
    margin: 120px 30px 0;
    background-position: 100%;
    z-index: 2;
}

.info-gen {
    background: #fff;
    border-radius: 20px;
    padding: 30px 30px 30px 40px;
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
}

.info-gen h4 {
    color: #000000;
    font-size: 2.875rem;
    font-family: 'degular-semi';
}
.info-gen .in-gen {
    display: inline-block;
    width: 51%;
    vertical-align: top;
}

.info-gen .in-gen p {
    position: absolute;
    bottom: 35px;
    margin-bottom: 0;
    width: 45%;
}

.info-gen h4 img {
    position: relative;
    left: 15px;
    top: 10px;
}

.info-gen:last-child {
    margin-bottom: 0;
}

.info-genre {
    width: 92%;
    margin-left: auto;
    padding-top: 30px;
}

.info-genre h2 {
    color: #fff;
    margin-bottom: 40px;
}

.info-genre p {
    color: #d8f0ef;
    font-size: 1.82rem;
}

.our-genre .row {
    align-items: start;
}

.our-publish h2 {
    margin-bottom: 100px;
}

.owl-pub.owl-theme .owl-nav [class*=owl-] {
    position: relative;
    left: 0;
}

.owl-pub.owl-carousel .owl-nav button.owl-next {
    right: 0;
    margin-left: 25px;
}

.owl-pub.owl-theme .owl-nav {
    left: inherit;
    top: -130px;
}

.our-publish{
    background: url("../images/bg-pub.png") no-repeat;
    background-size: cover;
    background-position: bottom;
    padding: 160px 0 120px;
}

.our-publish::before {
    position: absolute;
    content: "";
    left: 0;
    top: -360px;
    background: #eaeaea;
    width: 100%;
    height: 360px;
    z-index: -1;
}

.our-testimonial h4 {
    font-size: 3.174rem;
    font-family: 'degular-semi';
    color: #222526;
    line-height: 52px;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}

.our-testimonial h4 img {
    vertical-align: baseline;
}

.our-testimonial h4 span {
    position: relative;
    left: 70px;
}
.our-testimonial h2 {
    color: #222526;
    font-size: 9.403rem;
    letter-spacing: -2px;
    margin-bottom: 0;
}
.our-testimonial h3 {
    font-size: 8.078rem;
    color: transparent !important;
    -webkit-text-stroke: 1px #222526;
    font-family: 'degular-semi';
    letter-spacing: -2px;
    line-height: 138px;
    position: relative;
    left: 30px;
}

.our-testimonial h3 img {
    position: relative;
    top: 0;
}
.our-testimonial h3 span {position: relative;z-index: 1;}

.our-testimonial h3 span::before {
    content: "Craft Mind Innovations";
    position: absolute;
    left: 0;
    top: 27px;
    color: #fbce5b;
    -webkit-text-stroke: navajowhite;
    z-index: -1;
}
.our-testimonial .img-test img {
    max-width: 140%;
}

.our-testimonial .img-test {
    left: 30px;
    position: relative;
    top: -20px;
}

.our-testimonial h4 img.testbg3 {
    position: absolute;
    right: 210px;
    bottom: -20px;
}

.our-testimonial .owl-testimonial {
    margin: 80px 0 0;
}

.our-testimonial {
    position: relative;
    z-index: 2;
    padding: 40px 0 60px;
}

.info-test {
    padding: 30px;
    border: 2px dashed #a5aebe;
    position: relative;
    z-index: 1;
    border-radius: 20px;
}

.info-test::before {
    position: absolute;
    content: "";
    left: -4px;
    top: 30px;
    background: red;
    width: 6px;
    height: 80px;
    border-radius: 20px;
}

.info-test p {
    color: #000;
    font-weight: 700;
    font-style: italic;
}

.info-test h5 {
    font-family: 'degular-semi';
    font-size: 1.4rem;
    margin-bottom: 0;
}

.our-testimonial .container-fluid {
    padding: 0;
}
.info-test ul li {
    display: inline-block;
    width: 20px;
}

.info-test ul {
    position: absolute;
    right: 30px;
    bottom: 35px;
}

.info-test h5 span {
    display: block;
    font-size: 0.95rem;
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    color: #0e605d;
    margin-top: 4px;
}

.info-test {
    min-height: 260px;
    padding-bottom: 55px;
}

/* ===== Business Transparency ===== */
.our-transparency {
    padding: 120px 0 80px;
    position: relative;
    z-index: 2;
}

.info-transparency {
    max-width: 860px;
    margin: 0 auto 60px;
    text-align: center;
}

.info-transparency em {
    display: inline-block;
    font-style: normal;
    font-size: 0.95rem;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #0e605d;
    font-family: 'degular-med';
    margin-bottom: 18px;
}

.info-transparency h2 {
    margin-bottom: 28px;
}

.info-transparency .trans-lead {
    font-size: 1.5rem;
    color: #2f2f2f;
    margin-bottom: 0;
    line-height: 1.6;
}

.trans-card {
    background: linear-gradient(120deg, rgba(1,55,75,0.03) 0%, rgba(12,104,111,0.08) 100%);
    border: 1px solid #d5e5e8;
    border-radius: 20px;
    padding: 40px 36px;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;
    margin-bottom: 30px;
}

.trans-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: linear-gradient(180deg, #01354a 0%, #0e605d 50%, #fbce5b 100%);
}

.trans-card:hover {
    border-color: #0c686f;
    box-shadow: 0 18px 40px rgba(1, 55, 75, 0.1);
    transform: translateY(-4px);
}

.trans-card h4 {
    color: #e6c35a;
    font-size: 2.2rem;
    font-family: 'degular-semi';
    margin-bottom: 18px;
}

.trans-card p {
    font-size: 1.25rem;
    color: #2f2f2f;
    margin-bottom: 0;
    line-height: 1.7;
}

.trans-note {
    background: linear-gradient(90deg, rgba(1,55,75,1) 20%, rgba(14,96,93,1) 100%);
    border-radius: 20px;
    padding: 32px 40px;
    text-align: center;
}

.trans-note p {
    color: #fff;
    font-size: 1.35rem;
    margin-bottom: 0;
    line-height: 1.6;
}

.trans-note strong {
    color: #fbce5b;
}

/* ===== FAQ ===== */
.our-faq {
    padding: 100px 0 80px;
    position: relative;
    z-index: 2;
}

.info-faq {
    margin-bottom: 50px;
}

.info-faq h2 {
    margin-bottom: 0;
}

.faq-wrap {
    max-width: 920px;
    margin: 0 auto;
}

.faq-item {
    border: 1px solid #d5e5e8;
    border-radius: 20px;
    background: #fff;
    margin-bottom: 16px;
    overflow: hidden;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.faq-item:hover,
.faq-item.active {
    border-color: #0c686f;
    box-shadow: 0 12px 30px rgba(1, 55, 75, 0.08);
}

.faq-q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 26px 30px;
    cursor: pointer;
    user-select: none;
}

.faq-q h4 {
    color: #01354a;
    font-size: 1.65rem;
    font-family: 'degular-semi';
    margin-bottom: 0;
    line-height: 1.3;
}

.faq-q i {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, #01374b 0%, #0c686f 100%);
    position: relative;
    transition: transform 0.3s ease;
}

.faq-q i::before,
.faq-q i::after {
    content: "";
    position: absolute;
    background: #fbce5b;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.faq-q i::before {
    width: 12px;
    height: 2px;
}

.faq-q i::after {
    width: 2px;
    height: 12px;
    transition: opacity 0.3s ease;
}

.faq-item.active .faq-q i {
    transform: rotate(180deg);
}

.faq-item.active .faq-q i::after {
    opacity: 0;
}

.faq-a {
    display: none;
    padding: 0 30px 26px;
}

.faq-item.active .faq-a {
    display: block;
}

.faq-a p {
    font-size: 1.15rem;
    color: #2f2f2f;
    margin-bottom: 0;
    line-height: 1.7;
    max-width: 95%;
}

.our-offer h2::after {
    position: absolute;
    content: "";
    left: 190px;
    bottom: 6px;
    background: url("../images/pub-bg1.png") no-repeat;
    width: 428px;
    height: 11px;
    z-index: -1;
}

.our-discount{
    background: url("../images/bg-dis.png") no-repeat;
    background-size: cover;
    background-position: 50%;
    padding: 140px 0 110px;
}

.our-discount h4{
    position: relative;
    z-index: 1;
    display: inline-block;
    font-size: 2.152rem;
    color: #fff;
    font-family: 'degular-semi';
    transform: rotate(-3deg);
    margin-bottom: 25px;
    padding-left: 10px;
}

.our-discount h4::before{
    position: absolute;
    content: "";
    left: -5px;
    top: -25px;
    background: url("../images/dis-head.png") no-repeat;
    width: 561px;
    height: 89px;
    z-index: -1;
    background-position: 100%;
    transform: rotate(3deg);
}
.our-discount h2 {
    font-size: 5.5rem;
    line-height: 78px;
    position: relative;
    z-index: 1;
    letter-spacing: -2px;
    margin-bottom: 30px;
}

.our-discount h2 > span {
    position: relative;
    bottom: auto;
    right: auto;
    font-family: 'degular-semi';
    line-height: 70px;
    border-radius: 50px;
    padding: 5px 24px;
    z-index: 1;
    display: inline-block;
}

.info-dis > p {
    color: #2f2f2f;
    font-size: 1.35rem;
    line-height: 1.7;
    max-width: 92%;
    margin-bottom: 40px;
}

.info-dis .in-dis span {
    color: #222526;
    font-size: 1.75rem;
    font-family: 'degular';
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0 0 0 85px;
    line-height: 32px;
    margin-right: 15px;
}

.info-dis .in-dis span a {
    font-size: 2.625rem;
    display: block;
    font-family: 'degular-semi';
    line-height: 36px;
}

.info-dis .in-dis span img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.info-dis .in-dis {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

.info-dis .in-dis::before{
    position: absolute;
    content: "";
    right: 80px;
    bottom: 10px;
    background: url("../images/dis-arr.png") no-repeat;
    width: 164px;
    height: 77px;
    z-index: -1;
    background-position: 100%;
}

.our-discount h2::before {
    position: absolute;
    content: "";
    left: 0px;
    bottom: -7px;
    background: url("../images/dis-head2.png") no-repeat;
    width: 580px;
    height: 16px;
    z-index: -1;
    background-position: 100%;
}

.our-discount h2::after {
    position: absolute;
    content: "";
    right: 10px;
    top: -70px;
    background: url("../images/dis-bg2.png") no-repeat;
    width: 200px;
    height: 97px;
    z-index: -1;
    background-position: 100%;
}
.our-discount .container{
    position: relative;
    z-index: 1;
}
.our-discount .container::before{
    position: absolute;
    content: "";
    right: -220px;
    top: 70px;
    background: url("../images/dis-bg1.png") no-repeat;
    width: 289px;
    height: 445px;
    z-index: -1;
    background-position: 100%;
}


.img-dis {
    position: relative;
    left: -30px;
}
.our-global h2 {
    font-size: 4.093rem;
    line-height: 60px;
    margin-bottom: 60px;
}

.our-global h2 span {
    line-height: 53px;
    border-radius: 40px;
    background: #35606f;
    color: #fff;
}
.our-global {
    padding: 80px 0 100px;
}

footer.site-footer {
    background:
        radial-gradient(ellipse at 90% 10%, rgba(251, 206, 91, 0.14) 0%, transparent 45%),
        radial-gradient(ellipse at 5% 90%, rgba(14, 96, 93, 0.45) 0%, transparent 50%),
        linear-gradient(160deg, #011f2c 0%, #01354a 48%, #0a524f 100%);
    padding: 0;
    position: relative;
    overflow: hidden;
    margin-top: 60px;
    border-top: 3px solid #fbce5b;
}

footer.site-footer::before {
    content: "";
    position: absolute;
    right: -120px;
    top: -80px;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    border: 1px solid rgba(251, 206, 91, 0.18);
    pointer-events: none;
}

footer.site-footer::after {
    content: "";
    position: absolute;
    left: -140px;
    bottom: -40px;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.08);
    pointer-events: none;
}

footer.site-footer .container {
    position: relative;
    z-index: 1;
    padding-top: 80px;
}

footer.site-footer .footer-top-line {
    width: 70px;
    height: 3px;
    background: linear-gradient(90deg, #fbce5b 0%, transparent 100%);
    margin-bottom: 35px;
}

footer.site-footer .footer-main {
    align-items: flex-start;
    margin-bottom: 55px;
}

footer.site-footer .ftr-logo {
    display: inline-block;
    margin-bottom: 26px;
    position: relative;
}

footer.site-footer .ftr-logo::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 48px;
    height: 2px;
    background: #fbce5b;
}

footer.site-footer .ftr-logo img {
    max-width: 210px;
    filter: brightness(0) invert(1);
}

footer.site-footer .footer-brand p {
    color: #d8f0ef;
    font-size: 1.12rem;
    line-height: 1.8;
    margin-bottom: 28px;
    max-width: 95%;
}

footer.site-footer .footer-brand p strong {
    color: #fbce5b;
    font-weight: 700;
}

footer.site-footer .footer-social h4,
footer.site-footer .footer-col h4 {
    color: #fbce5b;
    font-size: 1.3rem;
    font-family: 'degular-semi';
    margin-bottom: 20px;
    letter-spacing: 0.4px;
    position: relative;
    display: inline-block;
}

footer.site-footer .footer-social h4::after,
footer.site-footer .footer-col h4::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 28px;
    height: 2px;
    background: rgba(251, 206, 91, 0.55);
}

footer.site-footer .foot-social {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

footer.site-footer .foot-social li a {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(251, 206, 91, 0.35);
    transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

footer.site-footer .foot-social li a img {
    max-width: 18px;
    filter: brightness(0) invert(1);
    transition: filter 0.3s ease;
}

footer.site-footer .foot-social li a:hover {
    background: #fbce5b;
    border-color: #fbce5b;
    transform: translateY(-3px);
    box-shadow: 0 10px 22px rgba(251, 206, 91, 0.28);
}

footer.site-footer .foot-social li a:hover img {
    filter: brightness(0);
}

footer.site-footer .foot-link li {
    margin-bottom: 11px;
}

footer.site-footer .foot-link li a {
    color: #d8f0ef;
    font-size: 1.05rem;
    font-weight: 500;
    transition: color 0.25s ease, padding-left 0.25s ease;
    display: inline-block;
    position: relative;
}

footer.site-footer .foot-link li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 1px;
    background: #fbce5b;
    transition: width 0.25s ease;
    opacity: 0;
}

footer.site-footer .foot-link li a:hover {
    color: #fbce5b;
    padding-left: 14px;
}

footer.site-footer .foot-link li a:hover::before {
    width: 8px;
    opacity: 1;
}

footer.site-footer .foot-contact li {
    margin-bottom: 22px;
    padding-left: 16px;
    border-left: 2px solid rgba(251, 206, 91, 0.4);
}

footer.site-footer .foot-contact li:last-child {
    margin-bottom: 0;
}

footer.site-footer .foot-contact li span {
    display: block;
    color: #fbce5b;
    font-size: 0.82rem;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    font-family: 'degular-med';
    margin-bottom: 6px;
}

footer.site-footer .foot-contact li p,
footer.site-footer .foot-contact li a {
    color: #d8f0ef;
    font-size: 1.05rem;
    line-height: 1.55;
    margin-bottom: 0;
    font-weight: 500;
}

footer.site-footer .foot-contact li a:hover {
    color: #fbce5b;
}

footer.site-footer .footer-cta {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(251, 206, 91, 0.22);
    border-radius: 20px;
    padding: 28px 26px;
    backdrop-filter: blur(6px);
}

footer.site-footer .footer-cta p {
    color: #d8f0ef;
    font-size: 1.05rem;
    line-height: 1.65;
    margin-bottom: 22px;
}

footer.site-footer .btn-footer {
    display: inline-block;
    background: #fbce5b !important;
    color: #01354a !important;
    font-family: 'degular-semi';
    font-size: 1rem;
    padding: 12px 26px;
    border-radius: 40px;
    border: none;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
    margin-bottom: 16px;
}

footer.site-footer .btn-footer:hover {
    background: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(251, 206, 91, 0.3);
}

footer.site-footer .footer-phone {
    display: block;
    color: #fbce5b;
    font-family: 'degular-semi';
    font-size: 1.2rem;
    letter-spacing: 0.3px;
}

footer.site-footer .footer-phone:hover {
    color: #fff;
}

footer.site-footer .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 22px 0 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

footer.site-footer .footer-copy {
    color: rgba(216, 240, 239, 0.7);
    font-size: 0.92rem;
    margin-bottom: 0;
}

footer.site-footer .footer-legal {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 28px;
}

footer.site-footer .footer-legal li a {
    color: rgba(216, 240, 239, 0.85);
    font-size: 0.92rem;
    font-weight: 500;
    transition: color 0.25s ease;
}

footer.site-footer .footer-legal li a:hover {
    color: #fbce5b;
}

.ghost-banner {
    background: #f1f1f1;
    margin: -50px 0 0;
    padding: 80px 0;
}

.ghost-banner::before,.ghost-banner .container::before,.ghost-banner .container::after {
    display: none;
}

.ghost-banner .info-banner {
    text-align: left;
}

.ghost-banner .info-banner h3 {
    font-size: 5.313rem;
    font-family: 'degular-bold';
    text-transform: capitalize;
    margin-bottom: 0;
    color: #222526;
    line-height: 78px;
}

.ghost-banner .info-banner h4 {
    color: #222526;
    font-family: 'degular-semi';
    font-size: 3rem;
    margin-bottom: 0;
    text-transform: capitalize;
}

.ghost-banner .info-banner h6 {
    color: #2f2f2f;
    font-size: 2.2rem;
    margin-bottom: 0;
}

.ghost-banner 
 .banner-img {
    margin: 50px 0 0;
    position: relative;
    z-index: 1;
}

.ghost-banner .banner-img .inban-text {
    position: absolute;
    right: 140px;
    bottom: 0;
    top: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.ghost-banner .banner-img .inban-text h4 {
    font-size: 2.625rem;
    color: #fff;
    line-height: 44px;
    font-family: 'degular-med';
    margin-bottom: 30px;
}

.ghost-banner .banner-img .inban-text h4 > span {
    color: #fbce5b;
    font-size: 6.875rem;
    font-family: 'degular-semi';
    line-height: 90px;
}

.btn-yel {
    background: #fbce5b;
    color: #000 !important;
}
.info-wrbk h4 {
    font-family: 'degular-med';
    font-size: 3rem;
    color: #0d5f5c;
    margin-bottom: 16px;
}

.info-wrbk h4 + img {
    margin: 0 0 10px;
}

.info-wrbk {
    position: relative;
    z-index: 1;
    padding: 40px 0 0 30px;
}

.info-wrbk::before {
    position: absolute;
    content: "";
    width: 96%;
    height: 80%;
    background: #fff;
    z-index: -1;
    box-shadow: 0 5px 15px #00000042;
    border-radius: 30px;
    top: 0;
    left: -20px;
}

.book-write {
    background: #f1f1f1;
    padding-bottom: 50px;
}

.book-write .info-writebook p {
    font-size: 1.55rem;
    margin-bottom: 60px;
}

.book-write  .row {
    align-items: start;
}

.info-wrbk h4 + img + img {
    position: relative;
    left: -30px;
}

.book-write .info-writebook h2 {
    margin-bottom: 45px;
}

.info-writebook {
    padding: 10px 0 0;
}
.ghost-banner::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 280px;
    background: #f1f1f1;
    z-index: -1;
    display: revert;
}

.info-gser > img {
    margin-right: 20px;
}

.info-gser h4 {
    display: inline-block;
    color: #222526;
    font-size: 2.625rem;
    font-family: 'degular-semi';
    line-height: 43px;
    vertical-align: top;
    text-transform: capitalize;
    
}

.info-gser p {
    font-weight: 500;
    color: #1a1f49;
    font-size: 1.075rem;
    margin-bottom: 0;
}

.info-gser {
    height: 100%;
}

.info-gser p + a {
    position: absolute;
    right: 10px;
    bottom: -28px;
}

.ghost-ser .row {
    padding: 30px 0 40px;
    border-top: 1px solid #000;
    align-items: stretch;
}

.ghost-ser .row.row-ls {
    border-bottom: 1px solid #000;
}

.ghost-ser {
    background: #f1f1f1;
}
.ghost-ser::before {
    position: absolute;
    content: "";
    height: 100px;
    width: 100%;
    bottom: -90px;
    background: #f1f1f1;
    z-index:-1;
    display: none;
}

.info-gsol h2 > img {
    position: absolute;
    right: 35px;
    bottom: 0;
    z-index: -1;
}

.info-gsol h2 {
    position: relative;
    z-index: 1;
    font-size: 6rem;
    line-height: 95px;
    margin-bottom: 50px;
}

.info-gsol ul li {
    color: #222526;
    font-size: 1.8rem;
    font-family: 'degular-semi';
    line-height: 60px;
    border-bottom: 1px solid #fee5a5;
    padding-left: 40px;
    position: relative;
    z-index: 1;
}

.info-gsol ul li img {
    position: relative;
    top: -3px;
    margin-right: 25px;
}

.info-gsol ul li::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -1px;
    height: 5px;
    width: 13px;
    background: #0e615d;
}
.info-gsol p {
    font-size: 1.61rem;
    width: 90%;
    margin-bottom: 0;
}

.info-gsol ul li:last-child {
    border-bottom: none;
}

.info-gsol ul li:last-child::before {
    display: none;
}

.info-gpro h4 {
    color: #fff;
    font-size: 2.375rem;
    font-family: 'degular-semi';
    display: inline-block;
    width: 28%;
    margin-bottom: 0;
}

.info-gpro h4 + p {
    width: 55%;
    display: inline-block;
    color: #bdd7df;
    font-size: 1.075rem;
    line-height: 30px;
    margin-bottom: 0;
}

.info-gpro {
    position: relative;
    z-index: 1;
    padding: 30px;
    border: 1px solid #0e6b73;
    border-radius: 20px;
    background: rgb(1,55,75);
    background: linear-gradient(120deg, rgba(1,55,75,0) 40%, rgba(12,104,111,1) 100%);
    margin-bottom: 15px;
}

.info-gpro span {
    position: absolute;
    right: 20px;
    color: #e6c35a;
    font-size: 2.5rem;
    font-family: 'degular';
    bottom: 10px;
}

.info-gpro img {
    position: absolute;
    bottom: 70px;
    right: 55px;
}
.ghost-pro .info-genre h2 {
    margin-bottom: 60px;
}

.ghost-pro .row {
    align-items: end;
}

.ghost-pro{
    background: url("../images/bg-gpro.png") no-repeat;
    background-size: cover;
    padding: 90px 0 80px;
    background-position: center right;
}

.ghost-banner .container::before{
    position: absolute;
    content: "";
    background: url("../images/ban-bg3.png") no-repeat;
    background-size: 100%;
    width: 184px;
    height: 156px;
    left: inherit;
    right: -30px;
    top: 150px;
    display: revert;
}
.edit-banner .info-banner h3 {
    margin-bottom: 20px;
}

.edit-banner .info-banner h6 {
    font-size: 1.875rem;
}
.edit-banner::before {
    display: none;
}

.edit-banner {
   /* padding-bottom: 0;*/
}
.our-confident p {
    font-size: 1.5rem;
    margin-bottom: 50px;
}
.info-ser h4 {
    color: #222526;
    font-size: 5.375rem;
    font-family: 'degular';
    line-height: 80px;
    margin-bottom: 30px;
}

.info-ser .img-ser.img-up {
    margin-bottom: 30px;
}

.info-ser:first-child {
    padding: 0 0 60px;
}

.info-ser:last-child {
    padding: 60px 0 0;
}

.info-ser::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background: #0e6b73;
    width: 100%;
    height: 2px;
}

.info-ser {
    position: relative;
    z-index: 1;
    width: 96%;
    padding: 60px 0;
}

.info-ser p {
    font-size: 1.42rem;
    margin-bottom: 0;
}

.info-ser:last-child::before{
    display: none;
}

.edit-ser [class*='col']:last-child .info-ser {
    margin-left: auto;
}
.edit-banner + .our-brand .info-brand::before {
    display: none;
}
.about-ser h5 {
    color: #222526;
    font-family: 'degular-semi';
    font-size: 1.688rem;
    margin-bottom: 50px;
}

.about-ser h5 span {
    color: #fbce5b;
}

.about-banner {
    padding-bottom: 0;
}
.img-pro {
    position: absolute;
    left: -30px;
}

.about-pro .container {
    position: relative;
}

.info-abpro h4 {
    font-size: 1.375rem;
    font-family: 'degular-semi';
    color: #222526;
    text-transform: capitalize;
}

.info-abpro img {
    margin-bottom: 12px;
}

.info-abpro p {
    color: #1a1f49;
    font-weight: 600;
    margin-bottom: 0;
}

.info-abpro {
    padding: 20px;
    background: #fff;
    box-shadow: 0 5px 15px #0000002e;
    border-radius: 10px;
}

.about-pro [class*='col'] {
    padding: 0 15px;
}

.about-pro .row-abpro  .row {
    margin-bottom: 30px;
}
.about-pro .info-dis .in-dis::before {
    display: none;
}

.about-pro .row.info-dis {
    margin: 60px 0 0;
}

.about-pro h2 {
    margin-bottom: 70px;
    text-align: center;
}
.about-pro {
    padding: 100px 0 140px;
}

.about-pro .container::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -100px;
    background: #dbdbdb;
    width: 100%;
    height: 1px;
    z-index: -2;
}

.about-pro .container::after{
    position: absolute;
    content: "";
    background: url("../images/lg-bg1.png") no-repeat;
    width: 77px;
    height: 76px;
    background-size: 100%;
    left: 0;
    right: 0px;
    margin: auto;
    bottom: -136px;
    z-index: -1;
}
.our-testimonial::before{
    position: absolute;
    content: "";
    background: url("../images/bg-test.png") no-repeat;
    width: 100%;
    height: 700px;
    background-size: 100%;
    left: 0;
    right: 0px;
    margin: auto;
    top: 0;
    z-index: -1;
    opacity: 0.6;
}

.about-pro + .our-testimonial::before {
    top: -40px;
}
 .marque + .our-testimonial::before {
    top: -80px;
}

.img-price {
    position: absolute;
    left: -80px;
    top: 110px;
    z-index: 1;
}

.our-pricing .row {
    position: relative;
    margin-bottom: 60px;
}

.info-price {
    background: #02384b;
    padding: 40px 60px 80px;
    border-radius: 20px;
}

.info-price h3 {
    color: #fbce5b;
    font-size: 3.25rem;
    font-family: 'degular-semi';
    margin-bottom: 50px;
}

.info-price ul li {
    color: #fff;
    padding-left: 30px;
    position: relative;
    font-size: 1.125rem;
    line-height: 20px;
    margin-bottom: 15px;
}

.info-price ul li img {
    position: absolute;
    left: 0;
    top: 2px;
}

.info-price span {
    font-size: 6.875rem;
    color: transparent;
    -webkit-text-stroke: 1px #000;
    font-family: 'degular-semi';
    position: absolute;
    line-height: 100px;
    left: -125px;
    top: 10px;
    letter-spacing: 3px;
}

.btn-green2 {
    background: #0d5f5c !important;
    color: #fff !important;
}

.info-price ul {
    margin: 0 0 60px 100px;
}

.our-pricing [class*='col'] {
    padding: 0;
}

.our-pricing .row.row2 .img-price {
    right: -80px;
    left: inherit;
}

.our-pricing .row.row2 .info-price ul {
    margin: 0 100px 60px 0;
}

.btn-blue {
    background: #02374b !important;
    color: #fff !important;
}

.our-pricing .row:nth-child(2) .info-price {
    background: #483a32;
}
.our-pricing .row:nth-child(3) .info-price {
    background: #495e59;
}
.our-pricing .row:nth-child(4) .info-price {
    background: #4c5051;
}

.our-pricing .row:nth-child(even) .info-price span {
    left: inherit;
    right: -150px;
}
.our-pricing .row:nth-child(even) .info-price .btn-price .btn {
    position: relative;
    right: 60px;
}

.our-pricing .row:nth-child(3) .info-price span {
    left: -140px;
}
.our-pricing {padding-top: 0;}
.mark-img img {
    max-width: 115%;
}

.mark-img {
    position: relative;
    left: -24%;
    top: 10px;
    z-index: -1;
}

.our-mark p {
    width: 95%;
    margin-bottom: 70px;
}

.our-mark h2 {
    letter-spacing: -2px;
    margin-bottom: 40px;
}

.mark-ser .info-ser h4 {
    font-size: 4.6rem;
    letter-spacing: -1px;
    line-height: 65px;
}
.mark-pro .row.row-frst {
    justify-content: center;
    text-align: center;
    margin-bottom: 80px;
}

.mark-pro  h2 {
    color: #fff;
}

.mark-pro p {
    color: #fff;
}

.mark-pro h2 + p {
    font-size: 1.45rem;
}

.info-mpro h4 {
    color: #fff;
    font-size: 1.418rem;
    font-family: 'degular-semi';
    margin-bottom: 15px;
}

.info-mpro img {
    margin-bottom: 12px;
}

.info-mpro {
    border: 1px solid #0d6d75;
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 20px;
}

.info-mpro p {
    font-size: 0.9rem;
    color: #abbabc;
    margin-bottom: 0;
}

.info-mpro:last-child {
    margin-bottom: 0;
}

.info-mpro3 {
    width: 95%;
    margin-left: auto;
}

.info-mpro3 ul li {
    color: #c9ced0;
    padding-left: 30px;
    position: relative;
    z-index: 1;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 18px;
    line-height: 20px;
}

.info-mpro3 ul li img {
    position: absolute;
    left: 0;
    top: 4px;
}

.info-mpro3 ul {
    margin-bottom: 50px;
    text-align: left;
}

.info-mpro3 {
    text-align: center;
}

.mark-pro  .row {
    align-items: start;
}

.mark-pro{
    background: url("../images/bg-mpro.png") no-repeat;
    background-size: cover;
    background-position: center right;
    padding: 100px 0 80px;
}

.marque + .our-publish::before {
    height: 100px;
    top: -80px;
}

.pub-other {
    padding: 50px 0;
}

.pub-other h4 {
    display: inline-block;
    margin: 0 0 0 20px;
    font-size: 1.813rem;
    font-weight: 500;
    line-height: 34px;
}

.info-seller {
    text-align: center;
}

.info-seller p {
    font-size: 1.5rem;
    margin-bottom: 40px;
}
.info-seller img {
    position: relative;
    left: 100px;
    margin-bottom: 40px;
}

.our-seller .row {
    align-items: end;
}

.img-sel1 {
    position: relative;
}

.img-sel1 img {
    position: relative;
    max-width: 115%;
    left: 10px;
    bottom: -40px;
}

.img-sel2 img {
    position: relative;
    bottom: -50px;
    right: -20px;
}
.pub-choose h2 {
    margin-bottom: 150px;
}
.info-pubcho {
    position: relative;
    z-index: 1;
    margin-bottom: 100px;
    padding-left: 10px;
}

.info-pubcho h4 {
    font-size: 1.938rem;
    font-weight: 600;
    padding-bottom: 15px;
    margin-bottom: 25px;
    position: relative;
    z-index: 1;
}

.info-pubcho h4::before {
    position: absolute;
    content: "";
    width: 160px;
    height: 8px;
    background: url("../images/pub-bg2.png") no-repeat;
    background-size: 100%;
    z-index: -1;
    bottom: 0;
    left: 0;

}

.info-pubcho::before {
    position: absolute;
    content: "";
    width: 199px;
    height: 58px;
    background: url("../images/pubcho-arr1.png") no-repeat;
    background-size: 100%;
    z-index: -1;
    right: -180px;
    top: 10px;
}

.info-pubcho.pubcho1,.info-pubcho.pubcho3 {
    left: 40px;
}

.info-pubcho:last-child {
    margin-bottom: 0;
}

.info-pubcho.pubcho2::before{
    width: 200px;
    height: 76px;
    background: url("../images/pubcho-arr2.png") no-repeat;
    top: -65px;
    right: -55px;
}

.info-pubcho.pubcho3::before{
    width: 183px;
    height: 99px;
    background: url("../images/pubcho-arr3.png") no-repeat;
    top: 60px;
    right: inherit;
    left: -200px;
}

.info-pubcho.pubcho4::before{
    width: 193px;
    height: 93px;
    background: url("../images/pubcho-arr4.png") no-repeat;
    top: 65px;
    right: inherit;
    left: -210px;
}

.info-pubcho.pubcho3,.info-pubcho.pubcho4 {
    padding: 0;
}

.pub-choose .container{
    position: relative;
    z-index: 1;
}


.pub-choose + .our-testimonial::before {
    top: -20px;
}

.cont-banner .info-banner h1 {
    color: #000;
    font-size: 9.2rem;
    line-height: 134px;
    letter-spacing: -2px;
    margin-bottom: 40px;
}

.cont-banner .info-banner {
    position: relative;
    z-index: 1;
}

.cont-banner .info-banner::before {
    position: absolute;
    content: "";
    right: -232px;
    bottom: 185px;
    background: url("../images/cont-arr.png") no-repeat;
    width: 232px;
    height: 22px;
    z-index: -1;
}
.cont-banner h4 {
    padding: 0 0 0 330px;
}

.cont-banner .row {
    align-items: start;
}

.cont-banner .banner-img {
    margin: -50px 0 0;
}

.cont-banner [class*='col'] {
    padding: 0;
}

.cont-banner .container::before {
    left: -30%;
    right: 0;
    margin: auto;
    top: -80px;
}

.cont-banner {
    padding: 100px 0;
}

.cont-banner .container::after, .cont-banner .row::after {
    position: absolute;
    content: "";
    right: 10px;
    top: -130px;
    background: #d3d3d3;
    width: 1px;
    height: calc(100% + 210px);
    display: revert;
}
.cont-banner .row::after {
    left: -16.5%;
    right: 0;
    margin: auto;
}

.cont-banner::before {
    display: none;
}

.our-contact {
    padding: 0 0 100px;
    margin-top: -80px;
}

.our-contact h2 {
    margin-bottom: 70px;
    font-size: 3.813rem;
    letter-spacing: 0;
    line-height: 66px;
}

.our-contact ul li {
    position: relative;
    z-index: 1;
    padding: 0 0 0 50px;
}

.our-contact ul li img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.our-contact ul li a,.our-contact ul li {
    font-size: 22px;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 40px;
}

.cont-form {
    background: #191919;
    padding: 60px;
    border-radius: 20px;
}

.cont-form h3 {
    color: #fff;
    font-size: 44px;
    font-weight: 500;
    margin-bottom: 30px;
}
.cont-form .form-control {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #545454;
    color: #fff;
    font-size: 14px;
    height: 50px;
    margin-bottom: 12px;
    resize: none;
}

.cont-form ::placeholder {
    color: #fff;
}

.cont-form textarea.form-control {
    height: 100px;
    margin-bottom: 20px;
}

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

.cont-form p input[type="checkbox"] {
    top: 2px;
    position: relative;
    accent-color: #face65;
}

.cont-form p a {
    color: #face65 !important;
}
.our-contact .row {
    align-items: end;
}

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

.our-contact ul li:last-child {margin-bottom: 0;}

.our-contact [class*='col'] {
    padding: 0;
}

.cont-form [class*='col'] {
    padding: 0 15px;
}

/* End new pages style */


/* ===== Premium Popup Form ===== */
.popupform {
    width: 860px;
    max-width: calc(100vw - 28px);
    border-radius: 30px;
    padding: 0;
    overflow: visible;
    border: none;
    background: transparent;
    box-shadow: none;
    position: relative;
}

.popupform::before {
    display: none;
}

.popup-shell {
    display: grid;
    grid-template-columns: 0.92fr 1.08fr;
    border-radius: 30px;
    overflow: hidden;
    background: #fff;
    box-shadow:
        0 40px 80px rgba(1, 40, 55, 0.35),
        0 0 0 1px rgba(255, 255, 255, 0.08);
    min-height: 520px;
}

.popup-aside {
    position: relative;
    background:
        radial-gradient(circle at 20% 15%, rgba(251, 206, 91, 0.28) 0%, transparent 45%),
        radial-gradient(circle at 90% 85%, rgba(14, 96, 93, 0.55) 0%, transparent 50%),
        linear-gradient(160deg, #01212d 0%, #01354a 48%, #0a5c5a 100%);
    color: #fff;
    padding: 36px 30px;
    display: flex;
    align-items: stretch;
    overflow: hidden;
}

.popup-aside-glow {
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    right: -70px;
    top: -60px;
    background: rgba(251, 206, 91, 0.14);
    filter: blur(2px);
    pointer-events: none;
}

.popup-aside::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 28px 28px;
    opacity: 0.35;
    pointer-events: none;
}

.popup-aside-inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.popup-logo {
    max-width: 150px;
    margin-bottom: 28px;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.popup-aside h3 {
    font-family: 'degular';
    font-size: 2.35rem;
    line-height: 1.15;
    color: #fff;
    margin: 0 0 14px;
    letter-spacing: -0.03em;
}

.popup-aside h3 span {
    color: #fbce5b;
}

.popup-aside-inner > p {
    color: rgba(216, 240, 239, 0.92);
    font-size: 0.98rem;
    line-height: 1.65;
    margin-bottom: 22px;
}

.popup-perks {
    list-style: none;
    margin: 0 0 auto;
    padding: 0;
}

.popup-perks li {
    position: relative;
    padding: 9px 0 9px 28px;
    color: #fff;
    font-size: 0.95rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.popup-perks li:last-child {
    border-bottom: none;
}

.popup-perks li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: rgba(251, 206, 91, 0.2);
    box-shadow: inset 0 0 0 3px #fbce5b;
}

.popup-call {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 26px;
    padding: 12px 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(251, 206, 91, 0.35);
    color: #fbce5b !important;
    font-family: 'degular-semi';
    font-size: 1.05rem;
    transition: background 0.25s ease, transform 0.25s ease;
}

.popup-call i {
    display: none;
}

.popup-call:hover {
    background: rgba(251, 206, 91, 0.16);
    transform: translateY(-2px);
}

.popup-content {
    padding: 34px 34px 28px;
    background:
        radial-gradient(circle at 100% 0%, rgba(251, 206, 91, 0.12) 0%, transparent 40%),
        linear-gradient(180deg, #ffffff 0%, #f5faf9 100%);
}

.popup-badge {
    display: inline-block;
    font-size: 0.74rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #0e605d;
    background: linear-gradient(90deg, rgba(251, 206, 91, 0.45) 0%, rgba(251, 206, 91, 0.18) 100%);
    border-radius: 999px;
    padding: 7px 14px;
    margin-bottom: 14px;
    font-family: 'degular-semi';
}

.popupform h2 {
    font-size: 2.25rem;
    color: #01354a;
    font-weight: 400;
    font-family: 'degular';
    padding-left: 0;
    border-left: none;
    margin-bottom: 8px;
    line-height: 1.15;
    margin-top: 0;
    text-transform: none;
    letter-spacing: -0.03em;
}

.popup-lead {
    line-height: 1.6;
    font-size: 0.95rem;
    margin-bottom: 20px;
    color: #4a5d63;
}

.popupform ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.popupform ul li {
    text-align: left;
    position: relative;
    width: 100%;
    margin: 0 0 11px;
    display: block;
    list-style: none;
}

.popupform ul li input[type="text"],
.popupform ul li input[type="email"],
.popupform ul li textarea {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(1, 53, 74, 0.12);
    padding: 13px 16px 13px 42px;
    width: 100%;
    border-radius: 16px;
    color: #01354a;
    box-shadow: 0 6px 16px rgba(1, 55, 75, 0.03) !important;
    outline: none 0 !important;
    font-size: 0.96rem;
    font-family: "Mulish", sans-serif;
    transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.popupform ul li input::placeholder,
.popupform ul li textarea::placeholder {
    color: #84979d;
}

.popupform ul li .popup-icon {
    position: absolute;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
    z-index: 2;
    color: #0e605d;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    pointer-events: none;
}

.popupform ul li .popup-icon svg {
    display: block;
    width: 16px;
    height: 16px;
}

.popupform ul li .popup-icon-top {
    top: 16px;
    transform: none;
}

.popupform ul li i {
    display: none;
}

.popup-call-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fbce5b;
    color: #01354a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.popup-call-icon svg {
    display: block;
}

.popupform ul li textarea {
    height: 96px;
    resize: none;
    padding-top: 14px;
}

.popupform ul li.last {
    text-align: center;
    width: 100%;
    margin-bottom: 0;
    margin-top: 6px;
}

.popupform ul li .btn,
.popupform ul li .btn.btn-orange {
    background: linear-gradient(135deg, #fbce5b 0%, #f0b72f 100%) !important;
    color: #01354a !important;
    font-size: 1.02rem;
    border: none !important;
    text-transform: none;
    font-weight: 700 !important;
    font-family: 'degular-semi';
    padding: 15px 28px;
    letter-spacing: 0.02em;
    border-radius: 50px !important;
    outline: 0 none;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 14px 28px rgba(251, 206, 91, 0.4);
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.popupform ul li .btn:hover,
.popupform ul li .btn.btn-orange:hover {
    background: linear-gradient(135deg, #01354a 0%, #0e605d 100%) !important;
    color: #fbce5b !important;
    transform: translateY(-2px);
    box-shadow: 0 16px 32px rgba(1, 53, 74, 0.28);
}

.popupform ul li input[type="text"]:focus,
.popupform ul li input[type="email"]:focus,
.popupform ul li textarea:focus {
    border: 1px solid rgba(14, 96, 93, 0.5) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(14, 96, 93, 0.1), 0 10px 22px rgba(1, 55, 75, 0.06) !important;
    transform: translateY(-1px);
}

.popup-note {
    margin: 14px 0 0 !important;
    font-size: 0.8rem !important;
    line-height: 1.45 !important;
    color: #6b7f85 !important;
    text-align: center;
    letter-spacing: 0.02em;
}

.popupform .fancybox-close-small {
    border: none;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 10px 24px rgba(1, 55, 75, 0.2);
    right: -12px;
    top: -12px;
    opacity: 1;
    width: 40px;
    height: 40px;
    transition: background 0.25s ease, transform 0.25s ease;
    z-index: 5;
}

.popupform .fancybox-close-small:hover {
    background: #01354a;
    transform: rotate(90deg);
}

.popupform .fancybox-close-small:after {
    color: #01354a;
    right: 0;
    left: 0;
    background: transparent;
    padding-top: 0;
    font-size: 18px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 20px;
    line-height: 20px;
}

.popupform .fancybox-close-small:hover:after {
    color: #fbce5b;
}

@media (max-width: 900px) {
    .popupform {
        width: 640px;
    }

    .popup-shell {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .popup-aside {
        padding: 26px 24px 22px;
    }

    .popup-aside h3 {
        font-size: 1.9rem;
    }

    .popup-perks {
        display: none;
    }

    .popup-call {
        margin-top: 16px;
    }

    .popup-content {
        padding: 26px 22px 22px;
    }
}

@media (max-width: 575px) {
    .popupform {
        width: 100%;
        border-radius: 22px;
    }

    .popup-shell {
        border-radius: 22px;
    }

    .popupform h2 {
        font-size: 1.7rem;
    }

    .popup-logo {
        max-width: 120px;
        margin-bottom: 16px;
    }

    .popupform .fancybox-close-small {
        right: -6px;
        top: -6px;
        width: 34px;
        height: 34px;
    }
}

.book-write.wbook-write .info-wrbk h4 + img + img {
    left: 0;
    top: -30px;
}

.book-write.wbook-write .info-wrbk::before {
    height: 100%;
    width: 100%;
    left: -25px;
}

.ghost-ser .row.row-bk {
    border: none;
}
.cbook-solution .info-gsol h2 > img {
    bottom: -130px;
}

.cbook-solution .info-gsol h2 {
    margin-bottom: 30px;
}

.cbook-solution .info-gsol h4 {
    color: #085763;
    font-size: 2.188rem;
    margin: 0 0 35px;
    font-weight: 500;
    font-style: italic;
}

.cbook-solution 
 .info-gsol ul li > span {
    font-family: 'Mulish' , sans-serif;
    display: block;
    font-size: 1.438rem;
    line-height: 28px;
}

.cbook-solution .info-gsol ul li {
    line-height: 42px;
    padding: 40px 0 40px 40px;
}

.cbook-solution .info-gsol ul li:last-child::before {
    display: revert;
}

.cbook-solution .info-gsol ul li:last-child {
    border-bottom: 1px solid #fee5a5;
}

.row.row-sol1 {
    margin-bottom: 80px;
}

.info-csol {background: #fff;border-radius: 20px;box-shadow: 0 5px 15px #00000036;}

.info-csol figure {
    margin: 0;
}

.info-csol h4 {
    font-size: 1.875rem;
    font-weight: 500;
    padding: 15px 0 15px 40px;
    color: #222526;
}

.row.row-csol {
    margin-bottom: 20px;
}

.ghost-solution.cbook-solution {
    padding-bottom: 0;
}

.our-testimonial h3 span::before {
    display: none;
}

.our-thank{
    background: url("../images/bg-thank.webp") no-repeat;
    background-size: cover;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: 50%;
}

.info-thank.info-404 h3 {
    font-size: 9.625rem;
    color: #fbce5b;
    border-color: #fff;
}

.info-thank.info-404 h5 {
    color: #ffffff;
    margin-top: 44px;
    font-size: 22px;
}

.info-thank.info-404 p {
    color: #fff;
    width: 92%;
    margin: auto;
}

.our-thank .btn-block{
    margin-top: 30px;
}
.our-thank .col-md-6 {
    float: right;
}

.info-thank.info-404 a.btn {
    background: #fbce5b;
    color: #fff;
    font-weight: 600;
    padding: 10px 30px;
}



section.content-page {
    padding: 5em 0;
    width: 100%;
    position: relative;
    font-size: 16px;
}

section.content-page p , section.content-page li {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: normal;
    list-style-type: disc;
}

h5.sub-heading {
    font-size: 28px;
    margin-top: 30px;
    font-weight: 600;
    letter-spacing: 2px;
}

section.content-page a {
    color: #000;
    font-weight: 600;
}

section.content-page li i.fa {
	font-size: 10px;
    margin-right: 5px;
    color: #000;
}

section.content-page ul {
    margin-left: 20px;
}

.our-banner.ghost-banner.about-banner.pri-banner {
    padding-block: 90px 80px;
}

.our-banner.ghost-banner.about-banner.pri-banner h3.mb-5 {
    margin: 0 !important;
    text-align: center;
}

.book-up {
    padding-top: 30px;
}

/* ===== About Us Page ===== */
.about-hero {
    padding: 120px 0 100px !important;
    position: relative;
    overflow: hidden;
}

.about-hero::before {
    content: "";
    position: absolute;
    right: -100px;
    top: 40px;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    border: 1px solid rgba(1, 53, 74, 0.08);
    pointer-events: none;
}

.about-hero::after {
    content: "";
    position: absolute;
    left: 8%;
    bottom: 30px;
    width: 90px;
    height: 3px;
    background: linear-gradient(90deg, #fbce5b 0%, transparent 100%);
}

.about-hero .info-banner {
    max-width: 920px;
    position: relative;
    z-index: 1;
}

.about-hero .info-banner h3 {
    font-size: 5.2rem;
    line-height: 1.12;
    margin-bottom: 32px;
    color: #01354a;
    letter-spacing: -1.5px;
}

.about-hero .info-banner h3 span {
    background: #fbce5b;
    border-radius: 36px;
    padding: 4px 22px;
    display: inline-block;
    line-height: 1.2;
    font-family: 'degular';
}

.about-hero .info-banner h6 {
    font-size: 1.5rem;
    line-height: 1.75;
    color: #2f2f2f;
    font-family: "Mulish", sans-serif;
    font-weight: 400;
    max-width: 840px;
}

.about-block {
    padding: 85px 0;
    position: relative;
    z-index: 2;
}

.about-side h2,
.about-head h2 {
    margin-bottom: 24px;
    position: relative;
}

.about-side h2::after,
.about-head.text-center h2::after {
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    background: linear-gradient(90deg, #fbce5b 0%, #0e605d 100%);
    margin-top: 18px;
    border-radius: 4px;
}

.about-head.text-center h2::after {
    margin-left: auto;
    margin-right: auto;
}

.about-copy p,
.about-head > p,
.about-card p,
.about-conduct-item p,
.about-commit-box p {
    font-size: 1.22rem;
    line-height: 1.8;
    color: #2f2f2f;
    margin-bottom: 20px;
}

.about-copy p:last-child,
.about-card p:last-child,
.about-conduct-item p:last-child,
.about-commit-box p:last-child {
    margin-bottom: 0;
}

.about-copy strong {
    color: #01354a;
}

.about-who {
    padding-top: 80px;
}

.about-who .about-side {
    position: sticky;
    top: 120px;
}

.about-mv {
    padding: 40px 0 100px;
    background:
        radial-gradient(ellipse at 10% 20%, rgba(251, 206, 91, 0.08) 0%, transparent 45%),
        linear-gradient(180deg, #f4faf9 0%, #ffffff 100%);
}

.about-card {
    background: #fff;
    border: 1px solid rgba(1, 53, 74, 0.1);
    border-radius: 28px;
    padding: 48px 40px;
    height: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 10px 40px rgba(1, 55, 75, 0.04);
    transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;
}

.about-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: linear-gradient(180deg, #01354a 0%, #0e605d 50%, #fbce5b 100%);
}

.about-card:hover {
    border-color: rgba(12, 104, 111, 0.35);
    box-shadow: 0 22px 50px rgba(1, 55, 75, 0.12);
    transform: translateY(-6px);
}

.about-card-alt {
    background: linear-gradient(145deg, #012a3a 0%, #01354a 45%, #0a5c5a 100%);
    border-color: transparent;
    box-shadow: 0 18px 45px rgba(1, 55, 75, 0.25);
}

.about-card-alt h3,
.about-card-alt p {
    color: #fff !important;
}

.about-card-alt p {
    color: #d8f0ef;
}

.about-card h3 {
    color: #01354a;
    font-size: 2.5rem;
    font-family: 'degular-semi';
    margin-bottom: 24px;
    letter-spacing: -0.5px;
}

.about-services {
    background: #fff;
}

.about-head {
    max-width: 860px;
    margin: 0 auto 56px;
}

.about-head.text-center {
    text-align: center;
}

.about-service-grid {
    margin-bottom: 10px;
}

.about-service-item {
    background: #fff;
    border: 1px solid rgba(1, 53, 74, 0.1);
    border-radius: 18px;
    padding: 26px 18px;
    text-align: center;
    font-family: 'degular-semi';
    font-size: 1.18rem;
    color: #01354a;
    margin-bottom: 22px;
    min-height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 24px rgba(1, 55, 75, 0.03);
    transition: border-color 0.3s ease, background 0.3s ease, color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.about-service-item:hover {
    background: linear-gradient(90deg, rgba(1,55,75,1) 20%, rgba(14,96,93,1) 100%);
    border-color: #01354a;
    color: #fbce5b;
    transform: translateY(-4px);
    box-shadow: 0 16px 32px rgba(1, 55, 75, 0.18);
}

.about-note {
    font-size: 1.18rem;
    color: #2f2f2f;
    margin: 28px auto 0;
    max-width: 760px;
    font-style: italic;
}

.about-process {
    margin: 50px 30px 20px;
}

.about-process .info-genre p {
    color: #d8f0ef;
    font-size: 1.25rem;
    line-height: 1.7;
    margin-bottom: 34px;
}

.about-process .info-genre h2 {
    margin-bottom: 22px;
}

.about-conduct {
    background: #f7fbfb;
    padding-top: 90px;
    padding-bottom: 90px;
}

.about-conduct-top {
    margin-bottom: 36px;
    align-items: flex-start;
}

.about-conduct-intro p {
    font-size: 1.12rem;
    line-height: 1.7;
    margin-bottom: 14px;
}

.about-conduct-intro p:last-child {
    margin-bottom: 0;
}

.about-conduct-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.about-conduct-item {
    background: #fff;
    border: 1px solid rgba(1, 53, 74, 0.1);
    border-radius: 18px;
    padding: 26px 24px 24px;
    position: relative;
    box-shadow: 0 8px 24px rgba(1, 55, 75, 0.03);
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.about-conduct-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 18px;
    width: 3px;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(180deg, #01354a 0%, #fbce5b 100%);
}

.about-conduct-item:hover {
    border-color: rgba(12, 104, 111, 0.3);
    box-shadow: 0 14px 32px rgba(1, 55, 75, 0.08);
    transform: translateY(-3px);
}

.about-conduct-full {
    grid-column: 1 / -1;
}

.about-conduct-item h4 {
    color: #01354a;
    font-size: 1.45rem;
    font-family: 'degular-semi';
    margin-bottom: 10px;
    letter-spacing: -0.2px;
    line-height: 1.3;
    padding-left: 10px;
}

.about-conduct-item p {
    font-size: 1.02rem;
    line-height: 1.65;
    color: #2f2f2f;
    margin-bottom: 10px;
    padding-left: 10px;
}

.about-conduct-item p:last-child {
    margin-bottom: 0;
}

.about-conduct-item ul {
    list-style: none;
    margin: 0 0 12px;
    padding: 0 0 0 10px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 16px;
}

.about-conduct-item ul li {
    position: relative;
    padding-left: 14px;
    color: #2f2f2f;
    font-size: 0.98rem;
    line-height: 1.45;
}

.about-conduct-item ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #0e605d;
}

.about-company {
    padding: 70px 0 90px;
    background: #fff;
}

.about-company-wrap {
    max-width: 920px;
    margin: 0 auto;
    background: linear-gradient(145deg, #012a3a 0%, #01354a 50%, #0a524f 100%);
    border-radius: 28px;
    padding: 48px 52px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(1, 55, 75, 0.18);
}

.about-company-wrap::before {
    content: "";
    position: absolute;
    right: -50px;
    top: -50px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(251, 206, 91, 0.1);
    pointer-events: none;
}

.about-company-head {
    margin-bottom: 28px;
    position: relative;
    z-index: 1;
}

.about-company-head h2 {
    color: #fff;
    margin-bottom: 10px;
    font-size: 2.8rem;
    line-height: 1.2;
}

.about-company-head h2 span {
    color: #01354a;
}

.about-company-head h2::after {
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    background: linear-gradient(90deg, #fbce5b 0%, transparent 100%);
    margin-top: 14px;
    border-radius: 4px;
}

.about-company-head p {
    color: #d8f0ef;
    font-size: 1.1rem;
    margin-bottom: 0;
    opacity: 0.9;
}

.about-company-table {
    position: relative;
    z-index: 1;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.about-company-row {
    display: grid;
    grid-template-columns: minmax(180px, 0.9fr) 1.4fr;
    gap: 20px;
    align-items: baseline;
    padding: 18px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.about-company-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.about-company-row span {
    color: #fbce5b;
    font-size: 0.82rem;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-family: 'degular-med';
}

.about-company-row strong {
    color: #fff;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.45;
    font-family: "Mulish", sans-serif;
}

.about-principles {
    padding-top: 90px;
}

.about-principle {
    background: #fff;
    border: 1px solid rgba(1, 53, 74, 0.1);
    border-radius: 24px;
    padding: 40px 32px;
    margin-bottom: 24px;
    height: calc(100% - 24px);
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(1, 55, 75, 0.04);
    transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;
}

.about-principle::after {
    content: "";
    position: absolute;
    right: -20px;
    top: -20px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: rgba(251, 206, 91, 0.1);
}

.about-principle:hover {
    border-color: rgba(12, 104, 111, 0.35);
    box-shadow: 0 20px 42px rgba(1, 55, 75, 0.12);
    transform: translateY(-5px);
}

.about-principle span {
    display: block;
    color: #e6c35a;
    font-size: 2.1rem;
    font-family: 'degular-semi';
    margin-bottom: 14px;
    position: relative;
    z-index: 1;
}

.about-principle h4 {
    color: #01354a;
    font-size: 1.75rem;
    font-family: 'degular-semi';
    margin-bottom: 14px;
    position: relative;
    z-index: 1;
}

.about-principle p {
    color: #2f2f2f;
    font-size: 1.12rem;
    line-height: 1.7;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}

.about-why {
    background:
        radial-gradient(ellipse at 90% 50%, rgba(12, 104, 111, 0.06) 0%, transparent 50%),
        #f7fbfb;
}

.about-commit {
    padding-bottom: 50px;
}

.about-commit-box {
    background: linear-gradient(135deg, rgba(1,55,75,0.03) 0%, rgba(12,104,111,0.07) 100%);
    border: 1px solid rgba(1, 53, 74, 0.1);
    border-radius: 32px;
    padding: 70px 65px;
    max-width: 980px;
    margin: 0 auto;
    position: relative;
    box-shadow: 0 16px 48px rgba(1, 55, 75, 0.05);
}

.about-commit-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    border-radius: 32px 0 0 32px;
    background: linear-gradient(180deg, #01354a 0%, #fbce5b 100%);
}

.about-commit-box h2 {
    margin-bottom: 28px;
}

.about-final-cta {
    padding: 30px 30px 110px;
}

.about-cta-inner {
    background: linear-gradient(115deg, #012a3a 0%, #01354a 40%, #0a5c5a 100%);
    border-radius: 44px;
    padding: 80px 70px;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(1, 55, 75, 0.22);
}

.about-cta-inner::before {
    content: "";
    position: absolute;
    right: -60px;
    top: -60px;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: rgba(251, 206, 91, 0.12);
}

.about-cta-inner::after {
    content: "";
    position: absolute;
    left: -40px;
    bottom: -50px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.about-cta-inner h2 {
    color: #fff;
    margin-bottom: 22px;
    position: relative;
    z-index: 1;
}

.about-cta-inner h2 span {
    color: #01354a;
}

.about-cta-inner p {
    color: #d8f0ef;
    font-size: 1.28rem;
    line-height: 1.75;
    max-width: 780px;
    margin: 0 auto 34px;
    position: relative;
    z-index: 1;
}

.about-cta-inner .btn-green {
    background: #fbce5b !important;
    color: #01354a !important;
    position: relative;
    z-index: 1;
    border: none;
    padding: 14px 34px;
    font-size: 1.05rem;
}

.about-cta-inner .btn-green:hover {
    background: #fff !important;
    transform: translateY(-2px);
}

/* ===== Editing Page ===== */
.edit-hero {
    padding: 110px 0 90px !important;
    position: relative;
}

.edit-hero .info-banner {
    max-width: 920px;
}

.edit-hero .info-banner h3 {
    font-size: 4.6rem;
    line-height: 1.15;
    margin-bottom: 26px;
    color: #01354a;
    letter-spacing: -1px;
}

.edit-hero .info-banner h3 span {
    background: #fbce5b;
    border-radius: 32px;
    padding: 2px 18px;
    display: inline-block;
    line-height: 1.2;
    font-family: 'degular';
}

.edit-hero .info-banner h6 {
    font-size: 1.35rem;
    line-height: 1.75;
    color: #2f2f2f;
    font-family: "Mulish", sans-serif;
    font-weight: 400;
    max-width: 860px;
    margin-bottom: 30px;
}

.edit-block {
    padding: 90px 0;
    position: relative;
    z-index: 2;
}

.edit-side h2,
.edit-head h2,
.edit-intro-copy h2,
.edit-included-content h2 {
    margin-bottom: 20px;
}

.edit-side h2::after,
.edit-head h2::after,
.edit-intro-copy h2::after,
.edit-included-content h2::after {
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    background: linear-gradient(90deg, #fbce5b 0%, #0e605d 100%);
    margin-top: 16px;
    border-radius: 4px;
}

.edit-head.text-center h2::after {
    margin-left: auto;
    margin-right: auto;
}

.edit-head {
    max-width: 820px;
    margin: 0 0 36px;
}

.edit-head.text-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 48px;
}

.edit-head > p,
.edit-copy p,
.edit-intro-copy p,
.edit-service-card p,
.edit-why-card p,
.edit-ops-card p {
    font-size: 1.15rem;
    line-height: 1.75;
    color: #2f2f2f;
    margin-bottom: 16px;
}

.edit-copy p:last-child,
.edit-intro-copy p:last-child,
.edit-service-card p:last-child,
.edit-why-card p:last-child,
.edit-ops-card p:last-child {
    margin-bottom: 0;
}

.edit-intro-copy strong,
.edit-copy strong {
    color: #01354a;
}

.edit-side-note {
    font-size: 1.1rem;
    color: #2f2f2f;
    line-height: 1.65;
    margin-top: 6px;
    margin-bottom: 22px;
}

.edit-intro-media {
    position: relative;
    padding: 20px 10px 10px 30px;
}

.edit-intro-media img {
    width: 100%;
    border-radius: 28px;
    display: block;
    box-shadow: 0 24px 55px rgba(1, 55, 75, 0.14);
}

.edit-intro-media::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 70%;
    height: 70%;
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(251, 206, 91, 0.35) 0%, rgba(14, 96, 93, 0.15) 100%);
    z-index: -1;
}

.edit-intro-badge {
    position: absolute;
    left: 0;
    bottom: 40px;
    background: #01354a;
    color: #fff;
    border-radius: 18px;
    padding: 18px 22px;
    box-shadow: 0 14px 30px rgba(1, 55, 75, 0.25);
}

.edit-intro-badge strong {
    display: block;
    color: #fbce5b;
    font-family: 'degular-semi';
    font-size: 1.35rem;
    line-height: 1.2;
}

.edit-intro-badge span {
    display: block;
    color: #d8f0ef;
    font-size: 0.95rem;
    margin-top: 4px;
}

.edit-services {
    background: linear-gradient(180deg, #f7fbfb 0%, #fff 100%);
}

.edit-service-card {
    background: #fff;
    border: 1px solid rgba(1, 53, 74, 0.1);
    border-radius: 22px;
    padding: 18px 18px 28px;
    margin-bottom: 24px;
    height: calc(100% - 24px);
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 28px rgba(1, 55, 75, 0.04);
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.edit-service-card:hover {
    border-color: rgba(12, 104, 111, 0.3);
    box-shadow: 0 18px 40px rgba(1, 55, 75, 0.1);
    transform: translateY(-5px);
}

.edit-service-img {
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 18px;
    background: #f4faf9;
}

.edit-service-img img {
    width: 100%;
    display: block;
    transition: transform 0.45s ease;
}

.edit-service-card:hover .edit-service-img img {
    transform: scale(1.04);
}

.edit-service-card h4 {
    color: #01354a;
    font-size: 1.5rem;
    font-family: 'degular-semi';
    margin-bottom: 10px;
    padding: 0 8px;
}

.edit-service-card p {
    padding: 0 8px;
}

.edit-service-wide {
    display: flex;
    align-items: stretch;
    gap: 18px;
    padding: 18px;
}

.edit-service-wide .edit-service-img {
    flex: 0 0 42%;
    margin-bottom: 0;
}

.edit-service-wide .edit-service-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 8px;
}

.edit-service-wide .edit-service-body h4,
.edit-service-wide .edit-service-body p {
    padding: 0;
}

.edit-included-media {
    position: relative;
    padding-right: 20px;
}

.edit-included-media img {
    width: 100%;
    border-radius: 28px;
    display: block;
    box-shadow: 0 22px 50px rgba(1, 55, 75, 0.12);
}

.edit-included-media::after {
    content: "";
    position: absolute;
    right: 0;
    top: 24px;
    width: 18px;
    height: calc(100% - 48px);
    border-radius: 20px;
    background: linear-gradient(180deg, #fbce5b 0%, #0e605d 100%);
}

.edit-include-list {
    list-style: none;
    margin: 0 0 22px;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
}

.edit-include-list li {
    background: #fff;
    border: 1px solid rgba(1, 53, 74, 0.1);
    border-radius: 14px;
    padding: 15px 16px 15px 38px;
    position: relative;
    font-size: 1.02rem;
    color: #01354a;
    font-weight: 600;
    box-shadow: 0 6px 18px rgba(1, 55, 75, 0.03);
}

.edit-include-list li::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #fbce5b;
    box-shadow: 0 0 0 3px rgba(251, 206, 91, 0.25);
}

.edit-note {
    font-size: 1.05rem;
    color: #2f2f2f;
    font-style: italic;
    margin-bottom: 0;
}

.edit-process {
    margin: 20px 30px;
}

.edit-process .info-genre p {
    color: #d8f0ef;
    font-size: 1.2rem;
    line-height: 1.65;
    margin-bottom: 28px;
}

.edit-process .info-genre h2 {
    margin-bottom: 18px;
}

.edit-why-top {
    margin-bottom: 20px;
}

.edit-why-visual {
    text-align: right;
    margin-bottom: 20px;
}

.edit-why-visual img {
    max-width: 280px;
    border-radius: 22px;
    box-shadow: 0 16px 40px rgba(1, 55, 75, 0.12);
}

.edit-why-card {
    background: #fff;
    border: 1px solid rgba(1, 53, 74, 0.1);
    border-radius: 18px;
    padding: 28px 26px;
    margin-bottom: 22px;
    height: calc(100% - 22px);
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.edit-why-card:hover {
    border-color: rgba(12, 104, 111, 0.3);
    box-shadow: 0 14px 32px rgba(1, 55, 75, 0.08);
    transform: translateY(-3px);
}

.edit-why-card h4 {
    color: #01354a;
    font-size: 1.4rem;
    font-family: 'degular-semi';
    margin-bottom: 10px;
}

.edit-audience {
    background: #f7fbfb;
}

.edit-audience-media {
    position: relative;
    padding: 16px;
}

.edit-audience-media img {
    width: 100%;
    border-radius: 28px;
    display: block;
    box-shadow: 0 20px 45px rgba(1, 55, 75, 0.12);
}

.edit-audience-media::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 32px;
    border: 1px solid rgba(1, 53, 74, 0.08);
    z-index: -1;
}

.edit-audience-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 20px;
}

.edit-audience-grid-left {
    justify-content: flex-start;
}

.edit-audience-grid span {
    display: inline-block;
    background: #fff;
    border: 1px solid rgba(1, 53, 74, 0.12);
    border-radius: 40px;
    padding: 12px 22px;
    color: #01354a;
    font-family: 'degular-semi';
    font-size: 1.05rem;
    transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.edit-audience-grid span:hover {
    background: linear-gradient(90deg, #01354a 0%, #0e605d 100%);
    border-color: #01354a;
    color: #fbce5b;
}

.edit-ops-card {
    background: #fff;
    border: 1px solid rgba(1, 53, 74, 0.1);
    border-radius: 24px;
    padding: 36px 32px;
    height: 100%;
    box-shadow: 0 10px 30px rgba(1, 55, 75, 0.04);
}

.edit-ops-alt {
    background: linear-gradient(145deg, #012a3a 0%, #01354a 50%, #0a5c5a 100%);
    border-color: transparent;
}

.edit-ops-alt h3,
.edit-ops-alt p {
    color: #fff !important;
}

.edit-ops-alt p {
    color: #d8f0ef;
}

.edit-ops-card h3 {
    color: #01354a;
    font-size: 2rem;
    font-family: 'degular-semi';
    margin-bottom: 18px;
}

.edit-ops-card ul {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 14px;
}

.edit-ops-card ul li {
    position: relative;
    padding-left: 16px;
    font-size: 1.02rem;
    color: #2f2f2f;
}

.edit-ops-card ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fbce5b;
}

.edit-faq {
    padding-top: 40px;
    padding-bottom: 60px;
}

.edit-final-cta {
    padding: 20px 30px 90px;
}

.edit-cta-inner {
    background: linear-gradient(115deg, #012a3a 0%, #01354a 40%, #0a5c5a 100%);
    border-radius: 40px;
    padding: 70px 60px;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 22px 55px rgba(1, 55, 75, 0.2);
}

.edit-cta-inner::before {
    content: "";
    position: absolute;
    right: -50px;
    top: -50px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: rgba(251, 206, 91, 0.12);
}

.edit-cta-inner h2 {
    color: #fff;
    margin-bottom: 18px;
    position: relative;
    z-index: 1;
}

.edit-cta-inner h2 span {
    color: #01354a;
}

.edit-cta-inner p {
    color: #d8f0ef;
    font-size: 1.22rem;
    line-height: 1.7;
    max-width: 760px;
    margin: 0 auto 28px;
    position: relative;
    z-index: 1;
}

.edit-cta-inner .btn-green {
    background: #fbce5b !important;
    color: #01354a !important;
    border: none;
    position: relative;
    z-index: 1;
}

.edit-cta-inner .btn-green:hover {
    background: #fff !important;
}

/* ===== Publishing Page ===== */
.pub-hero {
    padding: 110px 0 90px !important;
}

.pub-hero .info-banner {
    max-width: 940px;
}

.pub-hero .info-banner h3 {
    font-size: 4.5rem;
    line-height: 1.15;
    margin-bottom: 24px;
    color: #01354a;
    letter-spacing: -1px;
}

.pub-hero .info-banner h3 span {
    background: #fbce5b;
    border-radius: 32px;
    padding: 2px 18px;
    display: inline-block;
    line-height: 1.2;
    font-family: 'degular';
}

.pub-hero .info-banner h6 {
    font-size: 1.35rem;
    line-height: 1.7;
    color: #2f2f2f;
    font-family: "Mulish", sans-serif;
    font-weight: 400;
    max-width: 880px;
    margin-bottom: 16px;
}

.pub-hero-text {
    font-size: 1.15rem;
    line-height: 1.7;
    color: #2f2f2f;
    max-width: 860px;
    margin-bottom: 28px;
}

.pub-hero-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 18px;
}

.btn-outline-pub {
    background: transparent !important;
    color: #01354a !important;
    border: 2px solid #01354a !important;
    border-radius: 40px;
    padding: 11px 28px;
    font-family: 'degular-semi';
    display: inline-block;
    transition: background 0.3s ease, color 0.3s ease;
}

.btn-outline-pub:hover {
    background: #01354a !important;
    color: #fbce5b !important;
}

.pub-hero-note {
    font-size: 1rem;
    color: #0e605d;
    font-style: italic;
    margin-bottom: 0;
}

.pub-block {
    padding: 85px 0;
    position: relative;
    z-index: 2;
}

.pub-head {
    max-width: 860px;
    margin: 0 auto 48px;
}

.pub-head.text-center {
    text-align: center;
}

.pub-head h2,
.pub-intro-copy h2,
.pub-platforms-content h2,
.pub-rights-content h2 {
    margin-bottom: 18px;
}

.pub-head h2::after,
.pub-intro-copy h2::after,
.pub-platforms-content h2::after,
.pub-rights-content h2::after,
.pub-important-box h2::after {
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    background: linear-gradient(90deg, #fbce5b 0%, #0e605d 100%);
    margin-top: 14px;
    border-radius: 4px;
}

.pub-head.text-center h2::after {
    margin-left: auto;
    margin-right: auto;
}

.pub-head > p,
.pub-intro-copy p,
.pub-service-card p,
.pub-format-card p,
.pub-platforms-content p,
.pub-need-card p,
.pub-rights-content p,
.pub-support-card p,
.pub-quote-box p,
.pub-important-box p {
    font-size: 1.12rem;
    line-height: 1.7;
    color: #2f2f2f;
    margin-bottom: 14px;
}

.pub-intro-copy strong {
    color: #01354a;
}

.pub-intro-media img,
.pub-platforms-media img,
.pub-rights-media img {
    width: 100%;
    border-radius: 28px;
    display: block;
    box-shadow: 0 22px 50px rgba(1, 55, 75, 0.12);
}

.pub-intro-media {
    position: relative;
    padding: 16px 0 0 24px;
}

.pub-intro-media::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 65%;
    height: 65%;
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(251, 206, 91, 0.3) 0%, rgba(14, 96, 93, 0.12) 100%);
    z-index: -1;
}

.pub-services {
    background: linear-gradient(180deg, #f7fbfb 0%, #fff 100%);
}

.pub-service-card {
    background: #fff;
    border: 1px solid rgba(1, 53, 74, 0.1);
    border-radius: 20px;
    padding: 16px 16px 24px;
    margin-bottom: 24px;
    height: calc(100% - 24px);
    box-shadow: 0 10px 28px rgba(1, 55, 75, 0.04);
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.pub-service-card:hover {
    border-color: rgba(12, 104, 111, 0.3);
    box-shadow: 0 16px 36px rgba(1, 55, 75, 0.1);
    transform: translateY(-4px);
}

.pub-service-img {
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 16px;
    background: #f4faf9;
}

.pub-service-img img {
    width: 100%;
    display: block;
    transition: transform 0.4s ease;
}

.pub-service-card:hover .pub-service-img img {
    transform: scale(1.04);
}

.pub-service-card h4 {
    color: #01354a;
    font-size: 1.4rem;
    font-family: 'degular-semi';
    margin-bottom: 10px;
    padding: 0 6px;
}

.pub-service-card p {
    padding: 0 6px;
    margin-bottom: 0;
}

.pub-service-wide {
    padding: 28px 26px;
}

.pub-service-wide ul {
    list-style: none;
    margin: 12px 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 14px;
}

.pub-service-wide ul li {
    position: relative;
    padding-left: 16px;
    font-size: 1rem;
    color: #2f2f2f;
}

.pub-service-wide ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fbce5b;
}

.pub-format-card {
    background: #fff;
    border: 1px solid rgba(1, 53, 74, 0.1);
    border-radius: 22px;
    padding: 32px 26px;
    text-align: center;
    margin-bottom: 22px;
    height: calc(100% - 22px);
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.pub-format-card:hover {
    border-color: rgba(12, 104, 111, 0.3);
    box-shadow: 0 14px 32px rgba(1, 55, 75, 0.08);
    transform: translateY(-3px);
}

.pub-format-card img {
    max-width: 72px;
    margin-bottom: 16px;
}

.pub-format-card h4 {
    color: #01354a;
    font-size: 1.5rem;
    font-family: 'degular-semi';
    margin-bottom: 10px;
}

.pub-note {
    font-size: 1.05rem;
    color: #2f2f2f;
    font-style: italic;
    max-width: 820px;
    margin: 10px auto 0;
}

.pub-platforms {
    background: #f7fbfb;
}

.pub-platform-list {
    list-style: none;
    margin: 0 0 22px;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 16px;
}

.pub-platform-list li {
    background: #fff;
    border: 1px solid rgba(1, 53, 74, 0.1);
    border-radius: 12px;
    padding: 12px 14px 12px 34px;
    position: relative;
    font-size: 1rem;
    color: #01354a;
    font-weight: 600;
}

.pub-platform-list li::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0e605d;
}

.pub-disclaimer {
    background: rgba(1, 53, 74, 0.04);
    border-left: 3px solid #fbce5b;
    border-radius: 0 14px 14px 0;
    padding: 18px 20px;
}

.pub-disclaimer p {
    font-size: 1rem;
    margin-bottom: 10px;
}

.pub-disclaimer p:last-child {
    margin-bottom: 0;
}

.pub-process {
    margin: 20px 30px;
}

.pub-process .info-genre p {
    color: #d8f0ef;
    font-size: 1.15rem;
    line-height: 1.65;
    margin-bottom: 24px;
}

.pub-need-card {
    background: #fff;
    border: 1px solid rgba(1, 53, 74, 0.1);
    border-radius: 24px;
    padding: 34px 30px;
    height: 100%;
    box-shadow: 0 10px 28px rgba(1, 55, 75, 0.04);
}

.pub-need-alt {
    background: linear-gradient(145deg, #012a3a 0%, #01354a 50%, #0a5c5a 100%);
    border-color: transparent;
}

.pub-need-alt h3,
.pub-need-alt p,
.pub-need-alt li {
    color: #fff;
}

.pub-need-alt p,
.pub-need-alt li {
    color: #d8f0ef;
}

.pub-need-card h3 {
    color: #01354a;
    font-size: 1.9rem;
    font-family: 'degular-semi';
    margin-bottom: 14px;
}

.pub-need-card ul {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
}

.pub-need-card ul li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 8px;
    font-size: 1.02rem;
    color: #2f2f2f;
}

.pub-need-card ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fbce5b;
}

.pub-quote-box {
    background: linear-gradient(180deg, #f7fbfb 0%, #fff 100%);
    border: 1px solid rgba(1, 53, 74, 0.1);
    border-radius: 28px;
    padding: 42px 40px;
    box-shadow: 0 12px 36px rgba(1, 55, 75, 0.05);
}

.pub-quote-box h2 {
    margin-bottom: 14px;
}

.pub-quote-box ul {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 16px;
}

.pub-quote-box ul li {
    position: relative;
    padding-left: 16px;
    font-size: 1.02rem;
    color: #2f2f2f;
}

.pub-quote-box ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0e605d;
}

.pub-important-box {
    background: linear-gradient(145deg, #012a3a 0%, #01354a 50%, #0a5c5a 100%);
    border-radius: 28px;
    padding: 48px 46px;
    color: #fff;
}

.pub-important-box h2 {
    color: #fff;
    margin-bottom: 16px;
}

.pub-important-box h2 span {
    color: #01354a;
}

.pub-important-box h2::after {
    background: linear-gradient(90deg, #fbce5b 0%, transparent 100%);
}

.pub-important-box p,
.pub-important-box li {
    color: #d8f0ef;
}

.pub-important-box ul {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 18px;
}

.pub-important-box ul li {
    position: relative;
    padding-left: 16px;
    font-size: 1.05rem;
}

.pub-important-box ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fbce5b;
}

.pub-support-card {
    background: #fff;
    border: 1px solid rgba(1, 53, 74, 0.1);
    border-radius: 18px;
    padding: 28px 24px;
    margin-bottom: 22px;
    height: calc(100% - 22px);
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.pub-support-card:hover {
    border-color: rgba(12, 104, 111, 0.3);
    box-shadow: 0 14px 32px rgba(1, 55, 75, 0.08);
    transform: translateY(-3px);
}

.pub-support-card h4 {
    color: #01354a;
    font-size: 1.35rem;
    font-family: 'degular-semi';
    margin-bottom: 10px;
}

.pub-faq {
    padding-top: 40px;
    padding-bottom: 50px;
}

.pub-final-cta {
    padding: 20px 30px 90px;
}

.pub-cta-inner {
    background: linear-gradient(115deg, #012a3a 0%, #01354a 40%, #0a5c5a 100%);
    border-radius: 40px;
    padding: 70px 60px;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 22px 55px rgba(1, 55, 75, 0.2);
}

.pub-cta-inner::before {
    content: "";
    position: absolute;
    right: -50px;
    top: -50px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: rgba(251, 206, 91, 0.12);
}

.pub-cta-inner h2 {
    color: #fff;
    margin-bottom: 18px;
    position: relative;
    z-index: 1;
}

.pub-cta-inner h2 span {
    color: #01354a;
}

.pub-cta-inner p {
    color: #d8f0ef;
    font-size: 1.2rem;
    line-height: 1.7;
    max-width: 780px;
    margin: 0 auto 28px;
    position: relative;
    z-index: 1;
}

.pub-cta-inner .btn-green {
    background: #fbce5b !important;
    color: #01354a !important;
    border: none;
    position: relative;
    z-index: 1;
}

.pub-cta-inner .btn-green:hover {
    background: #fff !important;
}