@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
:root {
 --primary-col:#1b293b; --accent-col:#c39a5b; --dark:#141e2b; --warm:#f7f3ec; --light:#fff;
 --color-5c5c5c:#5C5C5C;
 --color-fff:var(--light);
 --color-24364b:#24364b;
 --color-ffd200:#ffd200;
 --color-000:#000;
 --color-f8f6f1:#f8f6f1;
 --color-f7f3ec:var(--warm);
 --color-ffffff2b:#ffffff2b;
 --color-e63946:#e63946;
 --color-ffffff30:#ffffff30;
 --color-333:#333;
 --color-f4f4f4:#F4F4F4;
 --color-ff5722:#ff5722;
 --color-rgba-255-255-255-0-4:rgba(255, 255, 255, 0.4);
 --color-rgba-0-0-0-0-2:rgba(0, 0, 0, 0.2);
 --color-282828:#282828;
 --color-000000:#000000;
 --color-00000024:#00000024;
 --color-5c5c5c38:#5c5c5c38;
 --color-cccccc:#CCCCCC;
 --color-333333:#333333;
 --color-1b293b:var(--primary-col);
 --color-1b293b4d:#1b293b4d;
 --color-f8f5f1:#F8F5F1;
 --color-rgba-0-0-0-0-05:rgba(0, 0, 0, 0.05);
 --color-rgba-0-0-0-0-15:rgba(0, 0, 0, 0.15);
 --color-ccc:#ccc;
 --color-eee:#eee;
 --color-222:#222;
 --color-444:#444;
 --color-rgba-27-41-59-0-35:rgba(27, 41, 59, 0.35);
 --color-rgba-0-0-0-0-1:rgba(0, 0, 0, 0.1);
 --color-555:#555;
 --color-5c5c5c1a:#5c5c5c1a;
 --color-ff4d4d:#ff4d4d;
 --color-42e695:#42e695;
 --color-e8dfd1:#e8dfd1;
 --color-fecdd3:#fecdd3;
 --color-ffe4e6:#ffe4e6;
 --color-141e2b:var(--dark);
 --color-cbd5e1:#cbd5e1;
 --color-rgba-27-41-59-20:rgba(27, 41, 59, .20);
 --color-e11d48:#e11d48;
 --color-c39a5b:var(--accent-col);
 --color-rgba-27-41-59-08:rgba(27, 41, 59, .08);
 --color-ddd:#ddd;
 --color-e9e9e9:#E9E9E9;
 --color-00000040:#00000040;
 --color-f7f9fc:#F7F9FC;
 --color-dbdbdb:#dbdbdb;
 --color-1e1e1e:#1e1e1e;
 --color-363636:#363636;
 --color-24364bd9:#24364bd9;
 --color-545151:#545151;
 --color-f8f8f8:#f8f8f8;
 --color-f0f0f0:#f0f0f0;
 --color-f8f8f81f:#f8f8f81f;
 --color-463b36:#463B36;
 --color-24364b85:#24364b85;
 --color-rgba-0-0-0-0-3:rgba(0, 0, 0, 0.3);
 --color-rgba-255-255-255-0-8:rgba(255, 255, 255, 0.8);
 --color-rgba-255-255-255-1:rgba(255, 255, 255, 1);
 --color-b8b8b8:#b8b8b8;
 --color-00000052:#00000052;
 --color-e4e4e4:#E4E4E4;
 --color-rgba-99-99-99-0-2:rgba(99, 99, 99, 0.2);
 --color-80808040:#80808040;
 --color-80808057:#80808057;
 --color-7b7b7b:#7B7B7B;
 --color-rgba-0-0-0-0-04:rgba(0, 0, 0, 0.04);
 --color-rgba-0-0-0-0-16:rgba(0, 0, 0, 0.16);
 --color-rgba-0-0-0-0-06:rgba(0, 0, 0, 0.06);
 --color-00000000:#00000000;
 --color-80808042:#80808042;
 --color-8b683747:#8b683747;
 --color-8b6837:#8b6837;
 --color-f1f1f1:#f1f1f1;
 --color-4a4a4a:#4a4a4a;
 --color-495057:#495057;
 --color-rgba-0-0-0-1:rgba(0, 0, 0, .1);
 --color-rgba-0-0-0-0-24:rgba(0, 0, 0, 0.24);
 --color-80808066:#80808066;
 --color-rgba-27-41-59-0-15:rgba(27, 41, 59, 0.15);
 --color-rgba-27-41-59-0-45:rgba(27, 41, 59, 0.45);
 --color-rgba-27-41-59-0-6:rgba(27, 41, 59, 0.6);
 --color-ffffff:var(--light);
 --color-rgba-0-0-0-0-35:rgba(0, 0, 0, 0.35);
 --color-rgba-0-0-0-0-55:rgba(0, 0, 0, 0.55);
 --color-111111:#111111;
 --color-3c3c3c:#3c3c3c;
 --color-e3e3e3:#e3e3e3;
 --color-rgba-27-41-59-0:rgba(27, 41, 59, 0);
 --color-rgba-27-41-59-0-10:rgba(27, 41, 59, 0.10);
 --color-rgba-27-41-59-0-30:rgba(27, 41, 59, 0.30);
 --color-rgba-0-0-0-0-65:rgba(0, 0, 0, 0.65);
 --color-rgba-27-41-59-35:rgba(27, 41, 59, .35);
 --color-rgba-0-0-0-35:rgba(0,0,0,.35);
 --color-rgba-0-0-0-3:rgba(0,0,0,.3);
 --color-rgba-0-0-0-25:rgba(0,0,0,.25);
 --color-f6d774:#f6d774;
 --color-1f1f1f:#1f1f1f;
 --color-1c1c1e:#1c1c1e;
 --color-ffffff96:#ffffff96;
 --color-rgba-0-0-0-5:rgba(0,0,0,.5);
 --color-rgba-0-0-0-55:rgba(0,0,0,.55);
 --color-e60000:#e60000;
 --color-rgba-0-0-0-6:rgba(0,0,0,.6);
 --color-111:#111;
 --color-808080:#808080;
 --color-303030:#303030;
 --color-rgba-27-41-59-0-25:rgba(27, 41, 59, 0.25);
 --color-rgba-27-41-59-0-3:rgba(27, 41, 59, 0.3);
 --color-rgba-27-41-59-0-4:rgba(27, 41, 59, 0.4);
 --color-rgba-27-41-59-0-1:rgba(27, 41, 59, 0.1);
 --color-5f6368:#5f6368;
 --color-rgba-255-255-255-0-22:rgba(255, 255, 255, 0.22);
 --color-0d0d0d:#0d0d0d;
 --color-rgba-255-255-255-0-15:rgba(255, 255, 255, 0.15);
 --color-rgba-255-255-255-0-5:rgba(255, 255, 255, 0.5);
 --color-rgba-255-255-255-0-08:rgba(255, 255, 255, 0.08);
 --color-rgba-27-41-59-0-55:rgba(27, 41, 59, 0.55);
 --color-3d3d3d:#3d3d3d;
 --color-rgba-228-27-42-0-3:rgba(228, 27, 42, 0.3);
 --color-rgba-228-27-42-0-25:rgba(228, 27, 42, 0.25);
 --color-rgba-255-255-255-0:rgba(255, 255, 255, 0);
 --color-rgba-255-255-255-0-35:rgba(255, 255, 255, 0.35);
 --color-rgba-27-41-59-0-28:rgba(27, 41, 59, 0.28);
 --color-rgba-255-255-255-0-12:rgba(255, 255, 255, 0.12);
 --color-rgba-27-41-59-0-24:rgba(27, 41, 59, 0.24);
 --color-rgba-235-28-38-0-3:rgba(235, 28, 38, 0.3);
 --color-rgba-0-0-0-0-25:rgba(0, 0, 0, 0.25);
 --color-fff3f7:#fff3f7;
 --color-2a2a2a:#2A2A2A;
 --color-rgba-0-0-0-0-12:rgba(0, 0, 0, 0.12);
 --color-970a3f:#970a3f;
 --color-e6e6e6:#e6e6e6;
 --color-rgba-27-41-59-0-75:rgba(27, 41, 59, 0.75);
 --color-f1f1f6:#f1f1f6;
 --color-dcdcdc:#dcdcdc;
 --color-rgba-27-41-59-0-12:rgba(27, 41, 59, 0.12);
 --color-99083f:#99083f;
 --color-cd0c21:#cd0c21;
 --color-rgba-205-12-33-0-3:rgba(205, 12, 33, 0.3);
 --color-rgba-255-255-255-0-3:rgba(255, 255, 255, 0.3);
 --color-ececec:#ececec;
 --color-8d0c44:#8d0c44;
 --color-rgba-0-0-0-0-18:rgba(0, 0, 0, 0.18);
 --color-rgba-27-41-59-0-18:rgba(27, 41, 59, 0.18);
 --color-f0c9cc:#f0c9cc;
 --color-rgba-208-10-33-0-3:rgba(208, 10, 33, 0.3);
 --color-fdeef0:#fdeef0;
 --color-f08a94:#f08a94;
 --color-rgba-228-27-42-0-08:rgba(228, 27, 42, 0.08);
 --color-d02a38:#d02a38;
 --color-rgba-208-42-56-0-22:rgba(208, 42, 56, 0.22);
 --color-rgba-255-255-255-0-88:rgba(255, 255, 255, 0.88);
 --color-e0101f:#e0101f;
 --color-d6081c:#d6081c;
 --color-ee1229:#ee1229;
 --color-rgba-0-0-0-0:rgba(0, 0, 0, 0);
 --color-rgba-0-0-0-0-92:rgba(0, 0, 0, 0.92);
 --color-d0102c:#d0102c;
 --color-rgba-0-0-0-0-09:rgba(0, 0, 0, 0.09);
 --color-ea1a30:#ea1a30;
 --color-c50f22:#c50f22;
 --color-f1dde0:#f1dde0;
 --color-e8a2aa:#e8a2aa;
 --color-rgba-255-255-255-0-92:rgba(255, 255, 255, 0.92);
 --color-f0102d:#f0102d;
 --color-d0081f:#d0081f;
 --color-f20f2d:#f20f2d;
 --color-e9e9ee:#e9e9ee;
 --color-0d8d50:#0d8d50;
 --color-1cad67:#1cad67;
 --color-rgba-13-141-80-0-3:rgba(13, 141, 80, 0.3);
 --color-e41b24:#e41b24;
 --color-rgba-228-27-36-0-25:rgba(228, 27, 36, 0.25);
 --color-f2f9f6:#f2f9f6;
 --color-rgba-13-141-80-0-25:rgba(13, 141, 80, 0.25);
 --color-e31b2d:#e31b2d;
 --color-1a9c5f:#1a9c5f;
 --color-edf8f2:#edf8f2;
 --color-dfe3e2:#dfe3e2;
 --color-rgba-13-141-80-0-22:rgba(13, 141, 80, 0.22);
 --color-rgba-255-255-255-0-25:rgba(255, 255, 255, 0.25);
 --color-e3192b:#e3192b;
 --color-rgba-0-0-0-0-08:rgba(0, 0, 0, 0.08);
 --color-e8f6ef:#e8f6ef;
 --color-fbe8e8:#fbe8e8;
 --color-rgba-13-141-80-0-15:rgba(13, 141, 80, 0.15);
 --color-rgba-0-0-0-0-22:rgba(0, 0, 0, 0.22);
 --color-e8546a:#e8546a;
 --color-f6fbf8:#f6fbf8;
 --color-d6d6d6:#d6d6d6;
 --color-1d1d1d:#1d1d1d;
 --color-1aa865:#1aa865;
 --color-rgba-13-141-80-0-14:rgba(13, 141, 80, 0.14);
 --color-16a05d:#16a05d;
 --color-f0eef0:#f0eef0;
 --color-rgba-228-27-45-0-12:rgba(228, 27, 45, 0.12);
 --color-f2b8c2:#f2b8c2;
 --color-138954:#138954;
 --color-1aab66:#1aab66;
 --color-rgba-19-137-84-0-3:rgba(19, 137, 84, 0.3);
 --color-rgba-251-105-54-0-3:rgba(251, 105, 54, 0.3);
 --color-rgba-251-105-54-0-35:rgba(251, 105, 54, 0.35);
 --color-138a52:#138a52;
 --color-20ac69:#20ac69;
 --color-rgba-19-138-82-0-25:rgba(19, 138, 82, 0.25);
 --color-f9b996:#f9b996;
 --color-rgba-249-122-59-0-25:rgba(249, 122, 59, 0.25);
 --color-fff3ec:#fff3ec;
 --color-ffcdaa:#ffcdaa;
 --color-189a5e:#189a5e;
 --color-fef2eb:#fef2eb;
 --color-rgba-249-122-59-0-15:rgba(249, 122, 59, 0.15);
 --color-fb6233:#fb6233;
 --color-rgba-0-0-0-0-14:rgba(0, 0, 0, 0.14);
 --color-f2142f:#f2142f;
 --color-d2061e:#d2061e;
 --color-rgba-226-15-43-0-25:rgba(226, 15, 43, 0.25);
 --color-e10f2b:#e10f2b;
 --color-2b1230:#2b1230;
 --color-rgba-255-255-255-0-9:rgba(255, 255, 255, 0.9);
 --color-rgba-24-6-27-0-55:rgba(24, 6, 27, 0.55);
 --color-e8395c:#e8395c;
 --color-f4c6d4:#f4c6d4;
 --color-fbe8ee:#fbe8ee;
 --color-e8193a:#e8193a;
 --color-rgba-255-255-255-0-85:rgba(255, 255, 255, 0.85);
 --color-rgba-225-15-43-0-25:rgba(225, 15, 43, 0.25);
 --color-fff6f7:#fff6f7;
 --color-b9b9b9:#b9b9b9;
 --color-f7f7f7:#f7f7f7;
 --color-777:#777;
 --color-f3c3cb:#f3c3cb;
 --color-rgba-0-0-0-0-07:rgba(0, 0, 0, 0.07);
 --color-ce0a20:#ce0a20;
 --color-ff0928:#ff0928;
 --color-d4d4d4:#d4d4d4;
 --color-rgba-80-0-10-0-3:rgba(80, 0, 10, 0.3);
 --color-3a0a1c:#3a0a1c;
 --color-efefef:#efefef;
 --color-9a9a9a:#9a9a9a;
 --color-18a260:#18a260;
 --color-12905a:#12905a;
 --color-rgba-18-150-90-0-25:rgba(18, 150, 90, 0.25);
 --color-101010:#101010;
 --color-ffffffab:#ffffffab;
 --color-2f2425:#2f2425;
 --color-000000bd:#000000bd;
 --color-f6f6f6:#F6F6F6;
 --color-919191:#919191;
 --color-80808052:#80808052;
 --color-f70424:#F70424;
 --color-5e5a57:#5E5A57;
 --color-ca3f79:#CA3F79;
 --color-4d4d4d:#4D4D4D;
 --color-80808014:#80808014;
 --color-00000021:#00000021;
 --color-80808033:#80808033;
 --color-80808036:#80808036;
 --color-rgba-100-100-111-0-2:rgba(100, 100, 111, 0.2);
 --color-172334:#172334;
 --color-e4c99d:#e4c99d;
 --color-rgba-0-0-0-8:rgba(0,0,0,.8);
 --color-00000045:#00000045;
 --color-9b7171:#9b7171;
 --color-fb2224:#fb2224;
 --color-000c:#000c;
 --color-2d2d2d:#2d2d2d;
 --color-e1e1e1:#e1e1e1;
 --color-ffff00:#FFFF00;
 --color-f1e7d9:#f1e7d9;
 --color-f6ff00:#F6FF00;
 --color-fe977a:#fe977a;
 --color-fff9f0:#FFF9F0;
 --color-d44bb2:#D44BB2;
 --color-rgba-255-249-240-1:rgba(255, 249, 240, 1);
 --color-rgba-0-0-0-0-7:rgba(0, 0, 0, 0.7);
 --color-f9f9f9:#f9f9f9;
 --color-fafafa:#fafafa;
 --color-169b62:#169b62;
 --color-d54db4:#d54db4;
 --color-rgba-27-41-59-1:rgba(27, 41, 59, 1);
 --color-e5e5e5:#e5e5e5;
 --color-2cc05b:#2cc05b;
}
ul li, ul li a, p, a {
    font-size: 15px !important;
    font-weight: 400 !important;
}
h1 , h2{
   font-family: "Poppins", sans-serif;
}
h3, h4 ,h5, h6, p, a, span{
    font-family: "Poppins", sans-serif;
}
body {
    font-size: 16px;
    /* color: var(--color-5c5c5c); */
   font-family: "Poppins", sans-serif;
     font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    word-wrap: break-word;
}
body::-webkit-scrollbar , .box-mobile::-webkit-scrollbar {

    width: 8px;

}
body::-webkit-scrollbar-track  , .box-mobile::-webkit-scrollbar-track{

    box-shadow: inset 0 0 6px var(--color-fff);

}
body::-webkit-scrollbar-thumb , .box-mobile::-webkit-scrollbar-thumb  {

    background-color:  var(--color-24364b);

    outline: 1px solid var(--color-24364b);

}
ul {
    padding: 0;
}
.rating {
    display: flex;
     column-gap: 2px;
     font-size: 15px;
     color: var(--color-ffd200);
}
.input {
    width: 100%;
     font-size: 14px;
     padding: 15px 15px;
     margin-bottom: 15px;
     border: none;
     border-radius: 3px;
}
span, a, li, p {
    font-size: 16px;
    margin-bottom: 0;
    text-transform: math-auto;
}
.input:focus {
    border-color: var(--yellow) !important;
}
.input::placeholder {
    color: var(--color-000);
     font-weight: 600;
     font-size: 14px;
}
.term-first-wrapper h5 {
    margin: 20px 0 10px;
}
section.term-first-wrapper {
    padding: 50px 0;
}
.has_drop:before {
    content: "";
     font-family: fontawesome;
     position: absolute;
     right: 0;
     transition: .5s;
     color: var(--color-000);
}
.has_drop {
    padding-right: 20px;
     position: relative;
}
/************HEADER CSS*/
/************TABS CSS*/
ul#pills-tab {
    margin: auto;
    display: flex;
    margin-bottom: 0px !important;
    column-gap: 0;
    justify-content: center;
}
ul#pills-tab li {
    display: inline-block;
}
ul#pills-tab li button {
    border-radius: 5px 5px 0 0;
     color: var(--darkblue);
     font-weight: 500;
     text-transform: uppercase;
     padding: 30px 0;
     font-weight: 700;
     font-size: 15px;
}
ul#pills-tab li button.active {
    background-color: var(--color-f8f6f1) !important;
    color: var(--primeColor) !important;
    background: var(--color-f7f3ec) !important;
}
ul#pills-tab li button span {
    width: 100% !important;
    display: inline-block;
    /* margin-top: 9px;
     */
    font-size: 16px;
    color: var(--color-5c5c5c);
    text-align: start;
    font-family: "Poppins", sans-serif;
    margin: 0 0 10px 0;
}
ul#pills-tab li button.active img {
    filter: unset !important;
    opacity: 1 !important;
}
ul#pills-tab li button img {
    width: 50px;
     height: 45px;
     object-fit: contain;
     filter: brightness(0);
     opacity: 0.3;
}
/************TABS CSS*/
/************BUTTONS CSS*/
.btn_set {
    display: flex;
     column-gap: 15px;
     align-items: center;
}
.primeColor_btn {
    display: inline-block;
     background-color: var(--primeColor);
     color: var(--white);
     padding: 10px 25px;
     transition: .5s ease-out;
     text-transform: capitalize;
     font-size: 17px;
     text-align: center;
     border-radius: 5px;
     border: none;
     text-align: center;
}
.primeColor_btn:hover {
    background-color: var(--darkblue);
     color: var(--color-fff) !important;
}
.border_btn {
    border: 1px solid var(--white);
     color: var(--white) !important;
     display: inline-block;
     padding: 8px 30px;
     border-radius: 5px;
     transition: .5s;
     text-align: center;
}
.border_btn:hover {
    background-color: var(--white);
     color: var(--black) !important;
}
.white {
    color: var(--white) !important;
     border-color: var(--white) !important;
}
/************BUTTONS CSS*/
/*footer*/
footer a:hover, :hover:before {
    color: var(--primeColor) !important;
     border-color: var(--primeColor) !important;
}
footer ul.fancy_list li {
    margin: 10px 0;
}
.row.footer-row1 {
     display: flex;
     align-items: center;
}
.footer-logo-box img {
     width: 170px;
}
.icons_wrap {
     text-align: end;
}
.icons_wrap a {
     height: 40px;
     width: 40px;
     background: var(--color-24364b);
     border-radius: 40px;
     padding: 10px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
}
.footer .col-sm-3 ul {
     margin: 15px 0 0 0;
}
footer .col-sm-9 ul {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     margin: 15px 0 0 0;
}
.footer-pera p {
     font-size: 14px;
     color: var(--color-fff);
}
.border-lef {
     border-left: solid 1px var(--color-ffffff2b);
     padding: 0 0 0 25px;
}
.row.footer-row2 {
     border-top: solid 1px var(--color-ffffff2b);
     padding: 30px 0;
}
span.heading26px {
     font-size: 20px !important;
     font-weight: bold;
}
.footer ul li i {
     font-size: 13px;
     color: var(--color-24364b);
}
.footer ul li {
    /* width: 33%; */
    margin: 0 0 5px 0;
    display: flex;
    align-items: center;
    column-gap: 6px;
}
footer .f_clm3 ul.fancy_list li.gdpr:before {
    opacity: 0;
}
.footer h5 {
    text-transform: capitalize;
     font-weight: 500;
}
.footer {
    padding: 50px 0 50px;
    background-image: url(/assets/images/footer-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.footer span, .footer p, .footer a {
    /* font-weight: 300;
     */
    font-size: 14px;
    color: var(--color-fff);
    text-decoration: none;
}
.footer img.footer_logo {
    filter: brightness(0)invert(1);
     margin-bottom: 20px;
}
.footer .contact_info span {
    display: inline-block;
     width: 100%;
}
.footer ul.f_links {
    column-count: 2;
}
.footer ul.f_links li {
    list-style: none;
}
.footer-row2 ul li i {
  transition: all 0.3s ease; /* smooth transition */
}
.footer-row2 ul li a {
  transition: all 0.3s ease; /* smooth transition */
  text-decoration: none;
}
/* Hover effect */
.footer-row2 ul li:hover i {
  transform: translateX(5px); /* arrow thoda aage */
  color: var(--color-e63946); /* red shade */
}
.footer-row2 ul li:hover a {
  color: var(--color-e63946) !important; /* text bhi red */
  transform: translateX(3px); /* text bhi thoda slide */
}
ul.contact_info li {
    position: relative;
     padding-left: 30px;
     margin: 10px 0;
     list-style: none;
}
ul.contact_info li:last0-child {
    margin-bottom: 0;
}
.copyright p {
    margin: 0;
    font-weight: 300;
}
.copyright {
    padding: 20px 0 0;
    border-top: 1px solid var(--color-ffffff30);
}
.copyright .btn_set {
    justify-content: flex-end;
     margin: 0;
}
.copyright .row {
    justify-content: space-between;
}
.copyright .btn_set a:nth-child(1) {
    border-right: 1px solid;
    padding-right: 10px;
}
.icons_wrap a {
    font-size: 16px;
}
.copyright .btn_set a {
    font-weight: 300;
}
/*footer*/
body.thankyou-page header {
    background-color: var(--color-000);
     position: unset;
}
body.terms_and_condition-page header {
    background-color: var(--color-000);
     position: unset;
}
section.term-first-wrapper {
    padding: 40px 0 50px;
}
.terms-first-wrap-text h5 {
    margin: 20px 0 10px;
}
header.main-header .navbar-nav .nav-link {
     color: var(--color-333);
     font-weight: 400;
     position: relative;
     margin: 0 15px;
     transition: color 0.3s;
     font-size: 15px;
     padding: 0;
}
span.navbar-toggler-icon img {
    position: absolute;
    width: 35px;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}
button.navbar-toggler {
    position: relative;
    overflow: hidden;
}
.navbar-light .navbar-toggler {
    border-color: var(--color-000);
    position: relative;
}
.navbar-toggler:focus {
    box-shadow: none;
}
/* Hover effect */
header.main-header .navbar-nav .nav-link:hover {
     color: var(--color-24364b);
}
header.main-header .navbar-nav .nav-link::after {
     content: "";
     position: absolute;
     left: 0;
     bottom: -5px;
     width: 0;
     height: 2px;
     background: var(--color-24364b);
     transition: width 0.3s;
}
/* Hover underline */
header.main-header .navbar-nav .nav-link:hover::after {
     width: 100%;
}
/* Active link */
header.main-header .navbar-nav .nav-link.active {
     color: var(--color-24364b);
}
header.main-header .navbar-nav .nav-link.active::after {
     width: 100%;
}
/*.promo-banner*/
.promo-banner {
     background: var(--color-f4f4f4);
     color: var(--color-fff);
     align-items: center;
    /* padding: 50px 20px 20px;
     */
     border-radius: 8px;
     overflow: hidden;
    /* background-image: url(/assets/images/banner-images/banner-bg.webp);
     */
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     width: 100%;
     overflow: hidden;
     min-height: 400px;
     display: flex;
}
.promo-banner .col-sm-8 {
     display: flex;
     align-items: center;
}
.banner-before {
    position: absolute;
}
.banner-before img {
     height: 400px;
     width: 685px;
}
.promo-left {
     position: relative;
     padding: 0 0 0 30px;
}
.promo-left h1 {
    color: white;
     font-size: 47px;
     font-weight: 700;
     text-transform: capitalize;
}
.promo-left p {
    font-size: 30px;
    font-weight: 300;
    font-family: "Poppins", sans-serif;
    line-height: 35px;
    margin: 20px 0 5px 0;
    text-transform: capitalize;
}
.promo-left .sub {
     display: block;
     margin-bottom: 15px;
    /* font-style: italic;
     */
     display: flex;
     align-items: center;
     column-gap: 10px;
     font-size: 20px;
     font-weight: 600;
}
.promo-left .badge {
     background: var(--color-ff5722);
     padding: 12px 15px;
     font-weight: bold;
     border-radius: 6px;
     margin-bottom: 15px;
     display: inline-block;
     transform: rotate(-5deg);
     animation: pulse 2s infinite;
}
.promo-left .btn {
     background: var(--color-24364b);
     color: var(--color-fff);
     padding: 12px 20px;
     text-decoration: none;
     font-weight: bold;
     border-radius: 5px;
     transition: 0.3s;
     font-size: 15px;
     font-weight: 400;
     border-radius: 30px;
}
.promo-right {
     display: flex;
     gap: 15px;
     position: relative;
}
.books {
     display: flex;
     gap: 15px;
     position: relative;
     left: 150px;
}
/* Shine effect */
.books img::after {
     content: "";
     position: absolute;
     top: 0;
     left: -75%;
     width: 50%;
     height: 100%;
     background: linear-gradient(120deg, var(--color-rgba-255-255-255-0-4) 0%, transparent 80%);
     transform: skewX(-25deg);
}
.books img:hover::after {
     animation: shine 0.7s forwards;
}
@keyframes shine {
     100% {
         left: 125%;
    }
}
/* Badge Pulse */
@keyframes pulse {
     0% {
         transform: scale(1) rotate(-5deg);
    }
     50% {
         transform: scale(1.1) rotate(-5deg);
    }
     100% {
         transform: scale(1) rotate(-5deg);
    }
}
.book img {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.book img:hover {
  /*transform: scale(1.05) rotate(-2deg);*/
  /*box-shadow: 0 10px 20px var(--color-rgba-0-0-0-0-2);*/
}
h6.text-h6 {
     font-size: 25px;
     font-weight: 700;
     color: var(--color-24364b);
     margin: 0 0 0 0;
     padding: 5px 30px;
     border-radius: 50px;
     background: var(--color-fff);
     display: inline-block;
     border: solid 1px;
}
h1.text-h1 {
     font-size: 60px;
     font-weight: bold;
     color: var(--color-282828);
     margin: 15px 0 15px 0;
     line-height: 65px;
}
h1.text-h1 span {
     color: var(--color-24364b);
     font-family: "Koh Santepheap";
}
h5.text-h5 {
     font-size: 25px;
     font-weight: bold;
     color: var(--color-000000);
     margin: 0 0 20px 0;
}
.book-slider {
     position: relative;
     margin: 30px 0 0 0;
}
.book-slider:before {
     position: absolute;
     top: 17px;
     bottom: 0;
     left: 0;
     right: 0;
     content: "";
     background-image: url(/assets/images/header-slider-main-ing.webp);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     width: 458px;
     height: 485px;
     display: table;
     text-align: center;
     margin: auto;
    /* background-size: 93%;
     */
     z-index: 99;
}
.book-slider.py-5 img {
     width: 168px;
     min-height: 402px;
     object-fit: scale-down;
     margin: auto;
}
h3.text-h3 {
     font-size: 30px;
     font-weight: bold;
     color: var(--color-282828);
     margin: 0 0 30px 0;
}
section.banners-logos-section {
     padding: 30px 0;
     background: var(--color-f7f3ec);
}
.tech-sli-box img {
     width: 150px;
     height: 45px;
     object-fit: scale-down;
}
.tec-slider2 {
     margin: 0 0 40px 0;
}
/*.promo-banner*/
/* section.support-section */
section.support-section ul#pills-tab {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     justify-content: center;
     margin-top: 20px;
     margin-bottom: 40px !important;
     width: 100%;
}
section.support-section ul#pills-tab li a {
     padding: 0;
}
section.support-section ul#pills-tab li button {
     padding: 10px 45px;
     border-radius: 0;
     /* border: solid 1px var(--color-00000024);
     */
     font-size: 15px;
     font-weight: 600;
     color: var(--color-282828);
     min-height: 75px;
     text-align: start;
     width: 100%;
     line-height: 16px;
     margin: 0;
     border-left: solid 1px var(--color-5c5c5c38);
     
}
.redefine-tab-bg {
     background: transparent;
     display: flex;
     align-items: center;
     column-gap: 20px;
     padding: 0 0 0 20px;
     border: solid 1px var(--color-cccccc);
     border-radius: 10px;
}
.redefine-tab-bg p {
     padding: 0 85px 0 0;
     font-size: 16px;
     color: var(--color-5c5c5c);
     margin: 0;
}
.fince-tab-tax h4 {
     font-size: 40px;
     font-weight: bold;
     color: var(--color-282828);
     margin: 0;
}
section.support-section .text-center h2.h2-txt::before {
     display: none;
}
.redefine-tab-bg ul.suport-ul-box {
     display: block;
}
.redefine-tab-bg ul.suport-ul-box li {
     width: 100%;
}
h6.text-ul {
     font-size: 16px;
     font-weight: 600;
     color: var(--color-333333);
     margin: 15px 0 15px 0;
}
ul.suport-ul-box li {
     display: flex;
     align-items: center;
     margin: 0 0 11px 0;
     column-gap: 10px;
}
ul.suport-ul-box li i {
     color: var(--color-1b293b);
}
ul.suport-ul-box {
     margin: 0 0 20px 0;
}
.redefine-tab-img img {
     width: 97%;
}
section.support-section {
     padding: 50px 0;
}
.need-main:hover h4 {
    color: white;
}
.need-main:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(50deg) brightness(101%) contrast(104%);
}
h2.text-h2, .testimonial__wrap h2 {
    font-size: 40px;
    font-weight: bold;
    color: black;
    margin: 0 0 15px 0;
    line-height: 43px;
    letter-spacing: -1%;
}
div#pills-tabContent {
     padding: 0;
}
/* section.support-section */
/*section.book-section*/
section.book-section {
     padding: 50px 0;
}
img.book.img {
     width: 100%;
}
section.book-section ul.suport-ul-box ul {
     display: flex;
}
ul.suport-ul-box {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
}
ul.suport-ul-box li {
     width: 50%;
}
ul.suport-ul-box li p {
     margin: 0;
}
/*section.book-section*/
.need-flex-box {
     display: flex;
     align-items: center;
     column-gap: 15px;
     margin: 0 0 20px 0;
     text-align: start;
}
.need-flex-box img {
     /* filter: invert(1); */
     height: 55px;
     width: 55px;
}
.need-flex-box h4 span {
     font-size: 17px;
     color: var(--color-5c5c5c);
     margin: 0 0 0 0;
}
.need-flex-box h4 {
     font-size: 30px;
     font-weight: bold;
     color: var(--color-000);
     margin: 0 0 0 0;
     line-height: 30px;
     margin: 0 0 0 0;
}
.need-main.rigt-box{
    border-left: solid 1px var(--color-1b293b4d);
}
.need-main.botm-box {
    border-bottom: solid 1px var(--color-1b293b4d);
}
.need-main {
     padding: 30px 0 30px 20px;
     /* margin: 0 0 20px 0; */
}
.need-flex-box p {
     margin: 0;
}
.need-main p {
     margin: 0;
     text-align: start;
     min-height: 50px;
}
section.need-section {
     padding: 50px 0;
     background-color: var(--color-f8f5f1);
}
section.need-section p.text-center {
     margin: 0 0 30px 0;
}
.need-main {
  background: var(--color-fff);
  border-radius: 12px;
  padding: 25px;
  text-align: center;
  transition: all 0.35s ease;
  box-shadow: 0 4px 12px var(--color-rgba-0-0-0-0-05);
  cursor: pointer;
  margin: 0 10px 20px 10px;
}
.need-main:hover {
   transform: translateY(-5px);
    box-shadow: 0 12px 24px var(--color-rgba-0-0-0-0-15);
    background-color: var(--color-1b293b);
    color: white;
}
/* Image animation inside box */
.need-main .need-img {
  transition: transform 0.35s ease;
}
.need-main:hover .need-img {
  transform: scale(1.15) rotate(-5deg);
}
/* Title color change */
.need-main h4 {
  transition: color 0.35s ease;
}
/*.row.cta-main-box */
.row.cta-main-box {
     padding: 0 50px;
     background-image: url(/assets/images/home-cta-bg.webp);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     min-height: 380px;
     display: flex;
     align-items: center;
     margin: 80px 0 0 0;
     border-radius: 20px;
}
.row.cta-main-box h2 {
     font-size: 55px;
     font-weight: bold;
     color: var(--color-fff);
     margin: 0 0 15px 0;
     line-height: 55px;
}
.row.cta-main-box p {
     color: var(--color-fff);
    ;
}
img.home-cta-img {
     width: 90%;
     box-shadow: none !important;
}
/*.row.cta-main-box */
.global-slider-section {
     text-align: center;
     padding: 40px 0;
}
.slider-title {
     font-size: 20px;
     font-weight: bold;
     margin-bottom: 20px;
     color: var(--color-1b293b);
    /* navy blue jaisa */
}
.global-slider img {
     width: 180px;
     height: 409px;
     object-fit: scale-down;
     margin: auto;
     transition: all 0.4s ease;
     opacity: 0.4;
     filter: blur(2px);
}
/* Center image highlight */
.global-slider .swiper-slide-active img {
     transform: scale(1.3);
     opacity: 1;
     filter: blur(0);
}
.book-slider-section {
     text-align: center;
     padding: 40px 0;
}
.slider-title {
     font-size: 20px;
     font-weight: bold;
     margin-bottom: 20px;
     color: var(--color-1b293b);
}
.book-slider img {
     width: 160px;
     height: 240px;
     object-fit: cover;
     transition: all 0.4s ease;
     margin: auto;
     opacity: 0.3;
     transform: scale(0.6);
}
/* Center (active) */
.book-slider .swiper-slide-active img {
     transform: scale(1.2);
     opacity: 1;
     z-index: 5;
}
/* 1 step left & right */
.book-slider .swiper-slide-active + .swiper-slide img, .book-slider .swiper-slide-active ~ .swiper-slide:nth-child(1) img, .book-slider .swiper-slide-visible img {
     transform: scale(1);
     opacity: 0.8;
}
/* 2nd step left & right */
.book-slider .swiper-slide-visible img:nth-child(2), .book-slider .swiper-slide-visible img:nth-child(6) {
     transform: scale(0.8) !important;
     opacity: 0.6;
}
/* 3rd step left & right (last) */
.book-slider .swiper-slide-visible img:nth-child(1), .book-slider .swiper-slide-visible img:nth-child(7) {
     transform: scale(0.6) !important;
     opacity: 0.3;
}
/*section.explore-section */
section.explore-section {
     padding: 50px 0;
}
section.explore-section ul#pills-tab {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     margin: 20px 0 0 0;
}
section.explore-section ul#pills-tab li {
     width: 14%;
     display: flex;
     align-items: center;
     column-gap: 10px;
     justify-content: space-between;
}
section.explore-section ul#pills-tab li button {
    position: relative;
    padding: 10px 28px;
    font-size: 15px;
    font-weight: 600;
    border: solid 1px var(--color-ccc);
    border-radius: 100px;
    color: var(--color-282828);
    width: 95%;
    background: transparent;
    overflow: hidden;
    z-index: 1;
    transition: color 0.3s ease, border-color 0.3s ease;
    cursor: pointer;
}
/* Sliding background layer */
section.explore-section ul#pills-tab li button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: var(--color-24364b);
    transition: left 0.4s ease;
    z-index: -1;
}
/* On hover - bg slides in */
section.explore-section ul#pills-tab li button:hover::before {
    left: 0;
}
/* Hover text + border */
section.explore-section ul#pills-tab li button:hover {
    color: var(--color-fff);
    border-color: var(--color-24364b);
}
/* Active tab style */
section.explore-section ul#pills-tab li button.active {
    color: var(--color-fff) !important;
    border-color: var(--color-24364b);
}
/* Keep bg visible for active tab */
section.explore-section ul#pills-tab li button.active::before {
    left: 0;
}
section.explore-section .redefine-tab-bg {
     margin: 30px 0 0 0px;
     border: navajowhite;
}
/*section.explore-section */
section.explore-section .redefine-tab-bg p {
     padding: 0;
     margin: 20px 0 20px 0;
}
/*section.since-section*/
section.since-section {
     padding: 50px 0;
     background: var(--color-f7f3ec);
}
.stats-section {
     background: var(--color-f7f3ec);
     padding: 50px 20px;
     font-family: Arial, sans-serif;
}
.stats-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
     gap: 20px;
     margin-bottom: 40px;
}
.stats-grid .card {
     background: var(--color-fff);
     padding: 22px;
     border-radius: 10px;
     border: 0;
}
section.since-section .card {
    position: relative;
    overflow: hidden;
    background: var(--color-fff);
    border: 1px solid var(--color-eee);
    border-radius: 12px;
    padding: 23px 20px;
    text-align: center;
    transition: transform 0.4s ease, color 0.4s ease;
    z-index: 1;
    cursor: pointer;
}
/* Hidden animated gradient background */
section.since-section .card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-24364b);
    transform: scale(0);
    transform-origin: bottom left;
    transition: transform 0.6s ease-in-out;
    border-radius: inherit;
    z-index: -1;
}
/* Hover grow + slight scale */
section.since-section .card:hover::before {
    transform: scale(1);
}
section.since-section .card h2 {
    font-size: 36px;
    font-weight: 700;
        font-family: monospace;
    color: var(--color-222);
    transition: color 0.4s ease;
}
section.since-section .card p {
    font-size: 16px;
    color: var(--color-444);
    transition: color 0.4s ease;
}
/* On hover: text turns white */
section.since-section .card:hover h2,
section.since-section .card:hover p {
    color: var(--color-fff);
}
/* Card itself zooms a bit on hover */
section.since-section .card:hover {
    transform: translateY(-8px) scale(1.03);
    box-shadow: 0 15px 35px var(--color-rgba-27-41-59-0-35);
}
.stats-grid h2 {
     color: var(--color-24364b);
     font-size: 40px;
     margin-bottom: 5px;
     font-weight: bold;
     
}
.stats-info {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 20px;
     margin-bottom: 40px;
}
.stats-info .info-box {
     background: var(--color-fff);
     padding: 40px 25px 0 25px;
     border-radius: 10px;
     /* box-shadow: 0 2px 6px var(--color-rgba-0-0-0-0-1);
     */
}
.stats-info h3 {
     margin-bottom: 10px;
     font-size: 30px;
     font-weight: bold;
     color: var(--color-282828);
     margin: 0 0 15px 0;
}
.stats-info p {
     color: var(--color-555);
     padding: 0 350px 0 0;
     margin: 0;
}
.stats-info img {
     max-width: 100%;
     display: block;
     /* margin: auto;
     */
     float: right;
     /* margin: -80px 0 0 0; */
}
.stats-btn {
     text-align: center;
}
.stats-btn .btn {
     background: var(--color-24364b);
     color: var(--color-fff);
     padding: 12px 25px;
     border-radius: 25px;
     text-decoration: none;
     font-weight: bold;
     transition: 0.3s;
}
.stats-btn .btn:hover {
     background: var(--color-1b293b);
}
.info-box.info-box2 {
     display: flex;
     align-items: center;
     padding: 30px;
}
.pament-img img {
     width: 100%;
     margin: 0;
}
.card p {
     margin: 0;
}
/*section.since-section*/
/*section.award-section*/
section.award-section {
     padding: 50px 0 30px 0;
}
.award-text h4 {
    font-size: 15px;
    font-weight: 600;
    color: var(--color-282828);
    margin: 15px 0 5px 0;
    line-height: 20px;
}
.award-text p {
    font-size: 16px;
    color: var(--color-5c5c5c);
    margin: 0;
}
.award-main-box img {
       width: 200px;
    height: 150px;
    object-fit: contain;
    transition: color 0.3s ease, transform 0.3s ease;
    text-align: center;
    margin: auto;
}
.award-main-box {
    padding: 20px;
    text-align: center;
    border: solid 1px var(--color-5c5c5c1a);
    margin: 0 0 30px 0;
    border-radius: 10px;
    background: var(--color-fff);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}
/* Gradient border / glow effect */
.award-main-box::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    padding: 2px; /* border thickness */
    /* background: linear-gradient(135deg, var(--color-ff4d4d), var(--color-24364b), var(--color-42e695)); */
    background-size: 200% 200%;
    animation: borderMove 4s linear infinite;
    -webkit-mask: 
        linear-gradient(var(--color-fff) 0 0) content-box, 
        linear-gradient(var(--color-fff) 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.4s ease;
}
/* Hover state */
.award-main-box:hover {
    transform: translateY(-8px) scale(1.03);
    box-shadow: 0px 15px 30px var(--color-rgba-0-0-0-0-15);
}
.award-main-box:hover::before {
    opacity: 1;
}
/* Text effect */
.award-main-box h3,
.award-main-box p {
    transition: color 0.3s ease, transform 0.3s ease;
}
.award-main-box:hover h3,
.award-main-box:hover p {
    color: var(--color-e63946); /* red accent */
    transform: scale(1.05);
}
.award-main-box:hover img {
    transform: scale(1.05);
}
/* Border gradient animation */
@keyframes borderMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
/*section.award-section*/
/*section.testimonial-section */
section.testimonial-section {
     padding: 50px 0;
     background: var(--color-f8f5f1);
}
.testi-flex-box {
     display: flex;
     align-items: center;
     column-gap: 10px;
}
.testi-main {
     padding: 30px 20px;
     background: var(--color-fff);
     border-radius: 8px;
     margin: 0 10px;
}
.testi-main p {
     font-size: 16px;
     margin: 0;
     min-height: 150px;
}
.testi-name h5 {
     font-size: 20px;
     font-weight: 600;
     color: var(--color-000);
     margin: 0 0 0 0;
}
.testi-img img {
     border-radius: 100px;
}
.testi-slider1 {
     text-align: left;
     margin: 20px 0 0 0;
}
.testi-slider1 .testi-flex-box {
     justify-content: end;
}
section.testimonial-section p.text-center {
     margin: 0 0 30px 0;
}
/*section.testimonial-section */
/*section.footer-form-section*/
section.footer-form-section {
     padding: 50px 0;
}
section.footer-form-section label.choice span {
     color: var(--color-000);
     font-size: 16px;
}
section.footer-form-section input::placeholder {
     color: var(--color-000);
     font-weight: 400;
     font-size: 14px;
}
section.footer-form-section textarea#message::placeholder {
     color: var(--color-000);
     font-weight: 400;
     font-size: 14px;
}
.wrap{
    min-height:100%;
    display:grid;
    place-items:start;
    /* padding: 20px 0;
     */
    justify-content: center;
}
.card{
    /* width:min(100%, 960px);
     */
    background:var(--card);
    border:1px solid var(--color-f7f3ec);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    padding:24px;
    background: var(--color-f7f3ec);
}
h1{
    margin:0 0 20px;
    font-size:clamp(20px, 3vw, 28px)
}
/* Grid */
.grid{
    display:grid;
    gap:16px
}
.g2{
    grid-template-columns:1fr
}
section.footer-form-section label.title{
    display:block;
    font-size: 20px;
    font-weight:600;
    color: var(--color-282828);
    margin-bottom:6px;
    
}
section.footer-form-section .field{
    display:block
}
section.footer-form-section .input, textarea{
    width:100%;
    border:1px solid var(--line);
    border-radius:12px;
    padding:12px 14px;
    font-size: 14px;
    /* color:var(--ink);
     */
    background:var(--color-fff);
    outline:none;
    transition:border .2s, box-shadow .2s;
    font-weight: 400;
    
    color: var(--color-000000);
    resize: none;
}
section.footer-form-section .input::placeholder, textarea::placeholder{
    color:var(--color-e8dfd1)
}
section.footer-form-section .input:focus, textarea:focus{
    border-color:var(--color-24364b);
    box-shadow:0 0 0 3px var(--ring)
}
/* Help & error */
.help{
    margin-top:6px;
    font-size:12px;
    color:var(--color-1b293b)
}
.error{
    margin-top:6px;
    font-size:13px;
    color:var(--danger)
}
.invalid{
    border-color:var(--color-fecdd3);
    box-shadow:0 0 0 3px var(--color-ffe4e6)
}
/* Fieldset styles */
fieldset{
    border:0;
    padding:0;
    margin:24px 0 0
}
legend{
    font-size: 20px;
    color: var(--color-282828);
    font-weight:600;
    margin-bottom:10px;
    
}
/* Custom radios & checkboxes */
.choice-row{
    display:flex;
    flex-wrap:wrap;
    gap:14px 24px
}
.choice{
     display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:14px;
    color:var(--color-141e2b);
    cursor:pointer;
    user-select:none 
}
.choice input{
    appearance:none;
    inline-size:18px;
    block-size:18px;
    border:1.5px solid var(--color-cbd5e1);
    border-radius:50%;
    display:grid;
    place-content:center;
    transition:border .2s, box-shadow .2s
}
.choice input[type="checkbox"]{
    border-radius:6px
}
.choice input:focus-visible{
    outline:2px solid transparent;
    box-shadow:0 0 0 3px var(--ring)
}
.choice input::before{
    content:"";
    inline-size:10px;
    block-size:10px;
    border-radius:50%;
    transform:scale(0);
    transition:transform .15s ease-in-out;
    background:var(--brand)
}
.choice input[type="checkbox"]::before{
    inline-size:12px;
    block-size:12px;
    mask: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"black\" d=\"M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z\"/></svg>") center / contain no-repeat;
    background:var(--brand);
    border-radius:0
}
.choice input:checked{
    border-color:var(--brand)
}
.choice input[type="radio"]:checked::before{
    transform:scale(1)
}
.choice input[type="checkbox"]:checked::before{
    transform:scale(1)
}
/* Textarea */
textarea{
    min-height:140px;
    resize:vertical
}
/* Button */
.actions{
    margin-top: 0;
    width: 100%;
}
.btn {
     position: relative;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: var(--color-24364b);
     color: var(--color-fff);
     border: 0;
     border-radius: 100px;
     padding: 12px 30px !important;
     font-weight: 400;
     /* box-shadow: 0 8px 18px var(--color-rgba-27-41-59-20);
     */
     cursor: pointer;
     overflow: hidden;
     z-index: 1;
     font-size: 15px;
     transition: color 0.3s ease;
}
.btn:hover {
     color: var(--color-fff);
     transform: translateY(-2px);
    border-radius: 100px;
}
/* .btn:hover{
    background:var(--brand-700)
}
*/
.btn:active{
    transform:translateY(1px);
    background:var(--brand-800)
}
.btn[disabled]{
    opacity:.6;
    cursor:not-allowed
}
/* Status */
.status{
    margin-top:12px;
    font-size:14px
}
.ok{
    color:var(--ok)
}
.bad{
    color:var(--danger)
}
/* Visually hidden (honeypot label) */
.vh{
    position:absolute!important;
    height:1px;
    width:1px;
    overflow:hidden;
    clip:rect(1px,1px,1px,1px);
    white-space:nowrap
}
:root{
     --bg:var(--color-f7f3ec);
    /* light sky */
     --card:var(--color-fff);
     --ink:var(--color-141e2b);
    /* slate-900 */
     --muted:var(--color-1b293b);
    /* slate-600 */
     --line:var(--color-f7f3ec);
    /* slate-200 */
     --brand:var(--color-24364b);
    /* sky-600 */
     --brand-700:var(--color-24364b);
    /* sky-700 */
     --brand-800:var(--color-1b293b);
    /* sky-800 */
     --ring:var(--color-e8dfd1);
    /* sky-200 */
     --danger:var(--color-e11d48);
    /* rose-600 */
     --ok:var(--color-c39a5b);
    /* emerald-600 */
     --shadow: 0 6px 18px var(--color-rgba-27-41-59-08);
     --radius: 16px;
}
*{
    box-sizing:border-box
}
/*section.footer-form-section*/
a.btn.btn-primary.popup-btn.border-btn {
     background: var(--color-000);
}
section.since-section .btn {
     text-align: center;
     margin: auto;
     display: table;
}
section.footer-form-section button.btn {
     width: 100%;
}
.footer ul li a {
     font-size: 14px;
     font-weight: 300;
     line-height: 21px;
}
section.since-section h2.text-h2 {
     margin: 0 0 20px 0;
}
section.since-section .text-center {
     margin: 0 0 30px 0;
}
section.explore-section h2.text-h2 {
     margin: 0 0 20px 0;
}
section.testimonial-section h2.text-h2 {
     margin: 0 0 20px 0;
}
.p0 {
    PADDING: 0;
}
.book-img-wrap {
  display: inline-block;
  overflow: hidden;
}
.book-img {
  display: block;
  max-width: 95%;
  transition: transform 0.3s ease-out, 0.3s ease-out;
  will-change: transform;
  box-shadow: none !important;
}
section.book-section .row {
    display: flex;
    align-items: center;
}
/*.header-top*/
.header-top {
    padding: 0px 50px;
    background: var(--color-1b293b);
}
p.header-top-text {
    margin: 0;
    color: var(--color-fff);
    font-size: 16px;
    font-weight: 400;
}
.top-mail-box a {
    color: var(--color-fff);
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 0 0;
    text-decoration: none;
}
.top-mail-box {
    display: flex;
    align-items: center;
    column-gap: 10px;
    justify-content: end;
}
.top-mail-box a i {
    margin: 0 10px 0 0px;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}
.top-mail-box span {
    color: var(--color-fff);
}
/*.header-top*/
/*section.serv-baner-section*/
section.serv-baner-section {
    padding: 50px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 765px;
    display: flex;
    align-items: center;
}
.ser-publishing-section {
    background-image: url(/assets/images/services-images/publishing-bnerbg.webp);
}
.audio-book-section {
    background-image: url(/assets/images/services-images/audio-book-bnerbg.webp);
}
.ser-book-cover-section {
    background-image: url(/assets/images/services-images/book-cover-bnerbg.webp);
}
.ser-edting-section {
    background-image: url(/assets/images/services-images/eadting-bnerbg.webp);
}
.ser-ebook-section {
    background-image: url(/assets/images/services-images/ebook-bnerbg.webp);
}
.ser-markiting-section {
    background-image: url(/assets/images/services-images/markiting-bnerbg.webp);
}
.ser-about-baner-section {
    background-image: url(/assets/images/services-images/about-bnr-bg.webp);
}
.ghost-writing-banner {
    background-image: url(/assets/images/ghost-wrting-bnr.webp);
}
.ser-contact-baner-section {
    background-image: url(/assets/images/contact-bg.webp);
}
.ser-black-white-section {
    background-image: url(/assets/images/services-images/dis-markiting-bner1-bnerbg.webp);
}
.ser-ultimate-publishing-section {
    background-image: url(/assets/images/services-images/black-publishing-bnerbg.webp);
}
.ser-basic-publishing-section {
    background-image: url(/assets/images/services-images/black-publishing-bnerbg.webp);
}
.ser-economy-publishing-section {
    background-image: url(/assets/images/services-images/eco-publishing-bnerbg.webp);
}
.ser-full-color-section {
    background-image: url(/assets/images/services-images/ful-publishing-bnerbg.webp);
}
.ser-ult-ful-publishing-section {
    background-image: url(/assets/images/services-images/ult-ful-publishing-bnerbg.webp);
}
.ser-basic-ful-color-publishing-section {
    background-image: url(/assets/images/services-images/ult-ful-publishing-bnerbg.webp);
}
.ser-eco-ful-publishing-section {
    background-image: url(/assets/images/services-images/ult-ful-publishing-bnerbg.webp);
}
.ser-discount-markiting-section {
    background-image: url(/assets/images/services-images/dis-markiting-bner1-bnerbg.webp);
}
.ser-Selected-markiting-section {
    background-image: url(/assets/images/services-images/selec-markiting-bnerbg.webp);
}
.ser-all-markiting-section {
    background-image: url(/assets/images/services-images/all-marketing-bnerbg.webp);
}
.ser-launch-markiting-section {
     background-image: url(/assets/images/services-images/all-marketing-bnerbg.webp);
}
.ser-teasers-markiting-section {
    background-image: url(/assets/images/services-images/teaser-markiting-bnerbg.webp);
}
.ser-spec-marketing-section {
    background-image: url(/assets/images/services-images/all-pak-publishing-bnerbg.webp);
}
.ser-social-markiting-section {
    background-image: url(/assets/images/services-images/social-markiting-bnerbg.webp);
}
.ser-virtual-markiting-section {
    background-image: url(/assets/images/services-images/virtual-markiting-bnerbg.webp);
}
.ser-video-markiting-section {
    background-image: url(/assets/images/services-images/trailer-marking-bnerbg.webp);
}
.ser-publishing-section {
    background-image: url(/assets/images/creative/crativ-book-pub-bnerbg.webp);
}
.ser-creative-illust-section {
    background-image: url(/assets/images/creative/crative-illus-bnerbg.webp);
}
.ser-creative-book-size-section {
    background-image: url(/assets/images/creative/crativ-book-pub-bnerbg.webp);
}
.ser-creative-pers-section {
    background-image: url(/assets/images/creative/creativperson-bnerbg.webp);
}
.article-ser-book-section {
    background-image: url(/assets/images/services-images/article-bnerbg.webp);
}
.custom-cover-design-sec .publising-main p {
    min-height: 200px;
}
section.footer-form-section h2.text-h2 {
    margin: 0 0 30px 0;
}
section.portfolio-section h2.text-h2 {
    margin: 0 0 30px 0;
}
section.award-section h2.text-h2 {
    margin: 0 0 30px 0;
}
section.serv-baner-section ul.suport-ul-box li p {
    padding: 0;
    line-height: 20px;
}
section.serv-baner-section .row {
    display: flex;
    align-items: center;
}
section.serv-baner-section h2.text-h2 {
    color: var(--color-fff);
    font-size: 55px;
    line-height: 55px;
}
section.serv-baner-section p {
    color: var(--color-fff);
    padding: 0 50px 0 0;
    font-size: 16px;
}
img.ser-bnr-logos {
    width: 85%;
    margin: 30px 0 0 0;
}
section.serv-baner-section ul.suport-ul-box li i {
    color: var(--color-fff);
}
.bannr-img img {
    /* width: 100%; */
}
/*section.polish-section*/
section.polish-section {
    padding: 50px 0;
}
img.ser-bnr-img2 {
    width: auto;
}
section.polish-section .row {
    display: flex;
    align-items: center;
}
section.polish-section h2.text-h2 {
    text-align: start !important;
}
.polish-box {
    padding: 20px;
    background: var(--color-f7f3ec);
    border-radius: 8px;
    margin: 20px 0;
}
h4.text-h4 {
    font-size: 25px;
    font-weight: 600;
    margin: 0 0 9px 0;
    color: var(--color-282828);
}
.polish-box p {
    color: var(--color-5c5c5c);
    margin: 0;
}
/*section.polish-section*/
/*section.publishing-ser-section*/
section.publishing-ser-section {
    padding: 50px 0;
    position: relative;
}
section.publishing-ser-section::before {
    content: "";
    position: absolute;
    background: url(/assets/images/services-images/publishing-ser-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 390px;
    width: 100%;
    top: 0;

}
.publising-main {
    padding: 30px  20px;
    background: var(--color-fff);
    border-radius: 8px;
    text-align: center;
    position: relative;
    box-shadow: 0 4px 12px 15px var(--color-rgba-0-0-0-0-05);
    margin: 30px 10px 35px 10px;
}
section.publishing-ser-section h2.text-h2 {
    color: var(--color-fff);
}
section.publishing-ser-section p {
    color: var(--color-fff);
}
.publising-main p {
    color: var(--color-000) !important;
    margin: 0;
    min-height: 100px;
}
.pub-slid-img {
    height: 70px;
    width: 70px;
    background: var(--color-1b293b);
    border-radius: 100px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    margin: auto;
    border: solid 1px var(--color-fff);
}
section.publishing-ser-section h4.text-h4 {
    margin: 25px 0 10px 0;
}
section.publishing-ser-section .swiper-pagination {
    left: 0px;
    right: 0;
    /* margin: auto; */
    /* display: table; */
    bottom: -15px;
    /* width: 53%; */
    /* background: red; */
}
section.publishing-ser-section .swiper-pagination li {
    left: 0px;
    right: 0;
    bottom: 0px;
     width: 95px; 
}
/* Default dots ko dash banaya */
section.publishing-ser-section .slider-dots li button,
section.publishing-ser-section .swiper-pagination li button,
.swiper-pagination-bullet,
.owl-dots button {
    width: 95px;              /* dash length */
    height: 14px;              /* dash thickness */
    border-radius: 20px;       /* halka rounded */
    background: var(--color-ccc);         /* default gray */
    margin: 0;
    transition: all 0.4s ease;
    opacity: 0.6;
    /* text-align: center; */
    /* margin: 0 0 0 0; */
    /* display: table; */
}
/* Active dash */
section.publishing-ser-section .slider-dots li.swiper-slide-visible button,
section.publishing-ser-section .swiper-pagination li.swiper-slide-visible button,
.swiper-pagination-bullet-active,
.owl-dots button.active {
    background: var(--color-24364b);       /* active color */
    /* width: 70px; */               /* thoda lamba active dash */
    opacity: 1;
}
/* Hover effect */
section.publishing-ser-section .slider-dots li button:hover,
section.publishing-ser-section .swiper-pagination li button:hover,
.swiper-pagination-bullet:hover,
.owl-dots button:hover {
    background: var(--color-e63946);       /* red on hover */
    opacity: 1;
    /* width: 70px; */
}
/*section.publishing-ser-section*/
section.serv-baner-section.ser-about-baner-section h5.text-h5 {
    font-size: 30px;
    font-weight: bold;
    color: var(--color-24364b);
    margin: 0 0 0 0;
}
/*section.serv-baner-section*/
* {margin:0; padding:0; box-sizing:border-box;}
body {font-family:Arial, sans-serif;}
header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: var(--color-fff);
  box-shadow: 0 2px 6px var(--color-rgba-0-0-0-0-1);
}
.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
}
.logo img {
  height: 40px;
}
.menu-toggle {
  display: none;
  font-size: 22px;
  cursor: pointer;
  color: var(--color-333);
}
.menu {
  list-style: none;
  display: flex;
  gap: 20px;
  margin: 0;
}
.menu li {
  position: relative;
}
.menu li a {
  text-decoration: none;
  color: var(--color-333);
  font-weight: 400;
  padding: 10px 5px;
  font-size: 16px;
  transition: all 0.3s ease;
  display: block;
  position: relative;
}
/* .menu li a:hover {
  color: var(--color-24364b);
      box-shadow: rgb(68 148 239) 0px 2px 8px 0px;
} */
.submenu li a:hover i {
    color: var(--color-24364b);
}
/* .menu li a:hover::after {
  width: 100%;
}

.menu li a.active {
  color: var(--color-24364b);
}

.menu li a.active::after {
  width: 100%;
} */
/* Submenu */
.submenu {
  list-style: none;
  position: absolute;
  top: 110%;
  left: 0;
  background: var(--color-fff);
  min-width: 240px;
  box-shadow: 0 8px 16px var(--color-rgba-0-0-0-0-1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: all 0.3s ease;
  z-index: 100;
}
.submenu li {
  position: relative;
}
.submenu li a {
  padding: 8px 15px;
  color: var(--color-333);
  font-size: 14px;
  font-weight: 500;
  border-bottom: solid 1px var(--color-ddd);
  position: relative;
  overflow: hidden;
  z-index: 1;
}
/* 
.submenu li a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: var(--color-24364b);
  transition: width 0.4s ease;
  z-index: -1;
} */
.submenu li a:hover {
  color: var(--color-000);
}
.submenu li a:hover::before {
  width: 100%;
}
.menu li:hover > .submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
/* Inner submenu */
.submenu.inner {
  top: 0;
  left: 100%;
  transform: translateX(-15px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.submenu li:hover > .submenu.inner {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.dropdown > a i {
    margin-left: 0;
    transition: transform 0.3s ease;
    color: var(--color-24364b);
    font-size: 13px;
}
.dropdown:hover > a i {
  transform: rotate(90deg);
  animation: arrowBlink 1s infinite;
}
.promo-left h6 {
    color: white;
    font-size: 30px;
    font-weight: 300;
    font-family: "Poppins", sans-serif;
    line-height: 35px;
    margin-top: 20px;
    text-transform: capitalize;
}
.submenu a i {
  color: var(--color-24364b);
  transition: color 0.3s ease;
  font-size: 17px;
}
.submenu a:hover i {
  color: var(--color-fff);
}
/* Arrow blink animation */
@keyframes arrowBlink {
  0% { opacity: 1; }
  50% { opacity: 0.6; }
  100% { opacity: 1; }
}
/* Mobile Responsive */
section.portfolio-section {
    padding: 50px 0;
    background: var(--color-f8f5f1);
}
.port-main {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}
.port-slider-img-box {
    margin: 0 0 20px 0;
        text-align: center;
}
section.publishing-ser-section .mobile-slider {
    margin: 30px 0 0 0;
}
section.faqs-section {
    padding: 50px 0;
    background: var(--color-f7f3ec);
}
ul.accordion-list.list-unstyled.row {
    margin: 70px 0 0 0;
    padding: 0;
}
p.lh-27 {
    text-transform: capitalize;
    font-size: 16px;
    color: var(--color-000) !important;
    line-height: 22px;
    margin: 15px 0 0 0;
    padding: 0 67px 0 0;
    font-weight: 400;
}
span.spen-nu-clas {
    padding: 20px;
    border-radius: 50px;
    height: 10px;
    width: 10px;
    background: var(--color-e9e9e9);
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.accordion-list li {
    position: relative;
    background: var(--color-fff);
    color: var(--color-000) !important;
    padding: 20px 15px;
    margin: 10px 0 10px 0;
    /* min-height: 78px; */
    border-radius: 5px;
}
section.faqs-section h3.d-flex {
    column-gap: 15px;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: var(--color-000);
    margin: 0;
}
section.faqs-section .row {
    display: flex;
    align-items: center;
}
section.faqs-section h2.text-h2 {font-size: 50px;font-weight: bold;color: var(--color-1b293b);margin: 0 0 30px 0;line-height: 55px;}
section.faqs-section p {
    /* color: var(--color-fff); */
}
section.faqs-section li.active span.spen-img-faq {
    transform: rotate(-90deg);
}
span.spen-img-faq {
    position: absolute;
    right: 10px;
}
span.spen-img-faq {
    transition: .5s;
}
section.explore-section .fince-tab-tax img {
    width: 50px;
    margin: 0 0 15px 0;
    filter: brightness(0);
}
section.prvac-banner-section {
    padding: 100px 0;
    text-align: center;
}
section.prvac-banner-section h1 {
    font-size: 55px;
    color: var(--color-000);
    font-weight: 600;
}
section.prvac-banner-section p {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-000);
}
section.trem-section {
    padding: 100px 0;
    background: var(--color-1b293b);
}
section.term-first-wrapper h4 {
    font-size: 24px;
}
.terms-first-wrap-text h4 {
    font-size: 25px;
    color: var(--color-fff);
    font-weight: 500;
}
.terms-first-wrap-text h1 {
    font-size: 55px;
    font-weight: 600;
    color: var(--color-fff);
    margin: 0;
}
section.polish-section.about-polish-sec {
    position: relative;
}
img.about-img2 {
    position: absolute;
    width: 200px;
    left: 110px;
    top: 0;
}
img.about-img3 {
    width: 400px;
}
section.polish-section.about-polish-sec h4 {
    font-size: 18px;
    font-weight: bold;
}
section.polish-section.about-polish-sec p {
    margin: 0 0 10px 0;
}
section.best-seller-section {
    padding: 50px 0;
}
.seller-box-main {
    padding: 0 20px;
    background: var(--color-f7f3ec);
    margin: 20px 0 0 0;
    display: flex;
    align-items: center;
    min-height: 230px;
}
p.sel-text {
    font-size: 16px;
    margin: 0 0 10px 0;
    text-transform: capitalize;
    color: var(--color-5c5c5c);
}
.seller-text h5 {
    font-size: 30px;
    font-weight: bold;
    color: var(--color-282828);
    margin: 0 0 10px 0;
}
.row.story-row {
    display: flex;
    align-items: center;
    margin: 15px 0 0 0;
}
section.our-story-section {
    padding: 50px 0;
}
section.cta-section {
    padding: 50px 0;
}
section.cta-section .row.cta-main-box {
    margin: 0;
}
section.contact-mai-section {
    padding: 50px 0;
}
.tel-main-box {
    padding: 30px 10px;
    text-align: center;
    border: solid 1px;
    border-radius: 5px;
    margin: 20px 0 0 0;
    position: relative;
    min-height: 178px;
}
.col-icon {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 100px;
    border: solid 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;
    background: var(--color-24364b);
    border-color: transparent;
}
.col-icon i {
    font-size: 25px;
    color: var(--color-fff);
}
.tel-main-box h4 {
    margin: 25px 0 10px 0;
    font-size: 25px;
    font-weight: 600;
    color: var(--color-000000);
}
.tel-main-box a {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-000000);
    text-decoration: auto;
    margin: 0;
}
.tel-main-box p {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-000000);
    text-decoration: auto;
    margin: 0;
}
section.serv-baner-section.ser-contact-baner-section {
    min-height: 600px;
}
section.serv-baner-section.ser-contact-baner-section h5.text-h5 {
    font-size: 30px;
    font-weight: bold;
    color: var(--color-24364b);
    margin: 0 0 0 0;
}
.pricing-sec {
    width: 100%;
    padding: 60px 0 0
}
.pricing-sec h2 {
    padding-bottom: 20px;
    text-align: center
}
.pricing-sec .pricingwrap {
    width: 100%;
    margin: 0 auto;
    text-align: center
}
.pricing-sec .pricingwrap li {
    padding: 0 15px 15px
}
.pricing-sec .pricingwrap li .box {
    box-shadow: 0 0 25px var(--color-00000040);
    border-radius: 10px;
    width: 100%;
    transition: .4s;
    min-height: 400x
}
.pricing-sec .pricingwrap li .box figure {
    border-radius: 10px 10px 0 0;
    margin-bottom: 0
}
.pricing-sec .pricingwrap li .box figure img {
    border-radius: 10px 10px 0 0;
    max-width: 100%
}
.pricing-sec .pricingwrap li .box .txt-wrap {
    padding: 25px 20px 30px;
    background: var(--color-fff);
    border-radius: 10px
}
.pricing-sec .pricingwrap li .box .txt-wrap h4 {
    color: var(--color-141e2b);
    text-align: left;
    line-height: 1.2;
    text-decoration: none;
    font-size: 24px;
    border: 0;
    font-weight: 600
}
.pricing-sec .pricingwrap li .box .txt-wrap p {
    font-size: 16px;
    color: var(--default-color);
    line-height: 1.4;
    text-align: left;
    padding-bottom: 0;
    height: 60px
}
.sdemenu {
    text-align: right;
    margin: 0 0 0 10px
}
.main-heading {
    font-size: 40px;
    width: 100%;
    font-weight: 700;
    line-height: 1.1;
}
.main-heading span {
    display: block;
    font-weight: 700;
}
.accordion, .accordion * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: auto;
}
.accordion {
    overflow: hidden;
    background: 0 0;
    margin-top: 30px
}
.quest-title {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    background: var(--color-f7f9fc);
    color: var(--color-141e2b);
    padding: 0 15px;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    min-height: 60px;
    line-height: 60px;
    display: inline-block;
    transition: .15s linear;
    border-bottom: 1px solid var(--color-dbdbdb);
    text-decoration: auto;
}
.lets-btn, .lets-btn:hover, .submit:hover {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s
}
.quest-title:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    right: 15px;
    top: 20px;
    font: normal normal normal 14px / 1 FontAwesome;
    color: var(--color-1e1e1e);
    font-size: 20px
}
.quest-title.active, .quest-title:hover {
    color: var(--color-24364b);
    content: ""
}
.quest-title:after {
    width: 60px;
    height: 1px;
    left: -60px;
    bottom: -1px;
    background: var(--color-dbdbdb);
    position: absolute;
    content: ""
}
.quest-title.active:before {
    content: "";
}
.quest-content {
    padding: 20px 20px;
    display: none;
    background: var(--color-fff);
    margin-bottom: 0;
    float: left;
    width: 100%
}
.quest-content p {
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    color: var(--color-363636)
}
.pad-left-10 {
    padding-left: 10px
}
.pad-right-10 {
    padding-right: 10px
}
.lets-btn, .nos-btn {
    color: var(--color-fff);
    padding: 13px 20px;
    font-size: 16px;
    text-transform: capitalize
}
.lets-btn {
    background: var(--color-24364bd9);
    border: none;
    border-radius: 3px;
    font-weight: 500;
    transition: .4s
}
#btmsticky a, .nos-btn {
    font-weight: 500 !important
}
.lets-btn:hover, .submit:hover {
    background: var(--color-24364b);
    color: var(--color-fff);
    transition: .4s
}
.nos-btn, .nos-btn:hover {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s
}
.nos-btn {
    background: 0 0;
    border: 1px solid var(--color-fff);
    border-radius: 3px;
    transition: .4s;
    margin-left: 20px
}
.nos-btn:hover {
    transition: .4s;
    color: var(--color-24364b);
    background: var(--color-fff)
}
.btn-main {
    background: var(--color-24364b);
    padding: 7px 10px;
    font-size: 13px;
    border-radius: 3px;
    font-weight: 500;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    text-transform: inherit;
    text-decoration: auto;
}
.bot-form form input[type=submit], .btn-main {
    border: none;
    color: var(--color-fff);
    text-transform: capitalize;
}
.pricing-sec td, .pricing-sec th {
    text-align: left;
    padding: 10px
}
.pricing-sec thead {
    padding: 10px;
    background: var(--color-545151);
    width: 100%;
    color: var(--color-fff)
}
.pricing-sec tbody {
    background: var(--color-f8f8f8);
    width: 100%
}
.pricing-sec table p {
    margin: 0;
    font-size: 12px;
    text-align: left
}
.pricing-sec table .t-heading {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px;
    letter-spacing: 1.5px
}
.pricing-sec table tbody tr td:first-child, .pricing-sec table thead tr th:first-child {
    border-right: 1px solid var(--color-f0f0f0);
    width: 65%
}
.pricing-sec span.t-price {
    font-size: 12px;
    font-weight: 500
}
.pricing-sec span.t-price b {
    display: block;
    font-size: 11px;
    font-weight: 500
}
.pricing-sec table tbody tr:first-child {
    border-bottom: 1px solid var(--color-f0f0f0)
}
.pricing-sec thead th {
    border-right: 1px solid var(--color-f8f8f81f) !important
}
.pricing-sec .quest-content p {
    text-align: left
}
ul.frst-wrap li {
    list-style: none;
    margin: 20px 0 0 0;
}
section.portfolio-section {
    padding: 50px 0;
    background: linear-gradient(to bottom, var(--color-463b36), var(--color-463b36));
}
section.portfolio-section div#pills-tabContent {
    padding: 0;
}
section.portfolio-section p {
    color: var(--color-fff);
}
section.portfolio-section h2.text-h2 {
    color: var(--color-fff);
}
/*.portfolio-section*/
/*.portfolio-section*/
.portfolio-section ul#pills-tab {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     margin: 20px 0 0 0;
     justify-content: center;
     padding: 0;
     column-gap: 4px;
     gap: 10px;
}
.portfolio-section ul#pills-tab li {
     width: max-content;
     display: flex;
     align-items: center;
     column-gap: 10px;
     justify-content: center;
}
.portfolio-section ul#pills-tab li button {
    position: relative;
    padding: 8px 25px;
    font-size: 14px;
    font-weight: 500;
    border: solid 1px var(--color-ccc);
    border-radius: 75px;
    color: var(--color-fff);
    width: 100%;
    background: transparent;
    overflow: hidden;
    z-index: 1;
    transition: color 0.3s 
ease, border-color 0.3s 
ease;
    cursor: pointer;
    text-transform: capitalize;
    width: max-content;
}
/* Sliding background layer */
.portfolio-section ul#pills-tab li button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: var(--color-000);
    transition: left 0.4s ease;
    z-index: -1;
}
/* On hover - bg slides in */
.portfolio-section ul#pills-tab li button:hover::before {
    left: 0;
}
/* Hover text + border */
.portfolio-section ul#pills-tab li button:hover {
    color: var(--color-fff);
    border-color: var(--color-fff);
}
/* Active tab style */
.portfolio-section ul#pills-tab li button.active {
    color: var(--color-fff) !important;
    border-color: var(--color-fff);
}
/* Keep bg visible for active tab */
.portfolio-section ul#pills-tab li button.active::before {
    left: 0;
}
.redefine-tab-bg {
    display: flex;
    align-items: center;
    /* flex-wrap: wrap; */
}
.port-slider-img-box {
    margin: 30px 0 0 0;
}
section.portfolio-section {
    padding: 50px 0;
    background: linear-gradient(to bottom, var(--color-24364b), var(--color-24364b85));
}
section.portfolio-section div#pills-tabContent {
    padding: 0;
}
section.portfolio-section p {
    color: var(--color-fff);
}
section.portfolio-section h2.text-h2 {
    color: var(--color-fff);
}
/*.portfolio-section*/
section.portfolio-section .redefine-tab-bg {
    border: 0;
    padding: 0;
}
.video-wrapper {
  position: relative;
max-width: 100%;
  /* max-width: 400px; */ /* adjust size */
  margin: auto;
  border-radius: 6px;
  overflow: hidden;
  /* box-shadow: 0 8px 20px var(--color-rgba-0-0-0-0-3); */
}
.award-video {
  /* width: 100%; */
  border-radius: 6px;
  display: block;
  height: 265px;
}
.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--color-rgba-255-255-255-0-8);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s ease;
}
.play-btn:hover {
  background: var(--color-rgba-255-255-255-1);
  transform: translate(-50%, -50%) scale(1.1);
}
.play-btn i {
  font-size: 28px;
  color: var(--color-000);
}
.award-slider .swiper-wrapper {
  display: flex !important;
  align-items: center;
  transition-timing-function: linear !important;
}
.award-slider .swiper-slide {
  margin: 0 10px;
}
.award-slider .swiper {
  overflow: hidden;
}
.award-main-box {
  width: 250px;
  min-height: 260px;
  background: var(--color-fff);
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  border: 1px solid var(--color-ddd);
}
.video-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--color-rgba-0-0-0-0-3);
  z-index: 1;
  pointer-events: none;
}
.play-btn {
  z-index: 2;
}
.tab-bg-port-folio {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.port-slider-img-box img {
    width: 90%;
}
.packeg-main-box {
    padding: 30px;
    border: solid 1px var(--color-1b293b);
    border-radius: 8px;
    margin: 20px 0 0 0;
}
.pag-text-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.price-text {
    display: flex;
    align-items: center;
}
.price-text h1 {
    font-size: 82px;
    font-weight: 600;
    color: var(--color-24364b);
    margin: 0 0 0;
}
.price-text span {
    font-size: 32px;
    font-weight: 600;
    color: var(--color-b8b8b8);
}
.packeg-main-box ul {
    padding: 20px;
    background: var(--color-f7f9fc);
    display: flex
;
    align-items: center;
    flex-wrap: wrap;
    margin: 15px 0 15px 0;
}
.packeg-main-box ul li {display: flex;align-items: center;font-size: 16px;color: var(--color-000);font-weight: 400;margin: 0 0 5px 0;column-gap: 5px;width: 50%;}
.pag-text-flex h4 {
    font-size: 40px;
    font-weight: 600;
    color: var(--color-000);
}
.packeg-main-box .theme-btns {
    /* background: rebeccapurple; */
    padding: 0;
}
.packeg-main-box .theme-btns a {
    color: var(--color-000);
    border: 0;
    padding: 0;
    margin: 0 25px 0 0;
    text-decoration: none;
}
.packeg-main-box .theme-btns i {color: var(--color-000);font-size: 15px;margin: 0 5px 0 0;}
p.pera-box {
    text-align: start;
    margin: 10px 0 0 0;
}
.packeg-main-box a.lets-btn.popup-btn {
    padding: 10px 20px;
    color: var(--color-fff);
    margin: 0;
    background: var(--color-24364b);
}
.packeg-main-box .theme-btns.pagt-pop-bin {
    margin: 20px 0 0 0;
}
.packeg-main-box ul li i {
    color: var(--color-24364b);
}
ul.brs__portfolio {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    gap: 16px;
    margin-top: 30px;
}
ul.brs__portfolio li img {
    max-width: 100%;
}
ul.brs__portfolio li {
    list-style: none;
}
.col-sm-2-4 {
  width: 20%;
  float: left;
  padding: 10px;
}
.port-slider-img-box img {
  width: 100%;
  height: auto;
  border-radius: 6px;
}
.brs__port {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    column-gap: 25px;
    margin-top: 60px;
    row-gap: 50px;
}
.brs__port img {
    width: 100%;
    max-height: 375px;
}
.brs__port li {
    list-style: none;
}
.brs__port li div {
    position: relative;
}
.brs__port li .best-seller-book {
    position: absolute;
    max-width: 90px;
    height: auto;
    object-fit: scale-down;
    top: -12%;
    right: 3%;
}
.promo-banner .book1:hover ,
.promo-banner .book2:hover ,
.promo-banner .book3:hover ,
.promo-banner .book4:hover ,
.promo-banner .book5:hover ,
.promo-banner .book6:hover ,
.promo-banner .book7:hover ,
.promo-banner .book8:hover {
    transform: translateY(-12px);
    transition: all .3s linear;
}
.promo-banner .book1,
.promo-banner .book2,
.promo-banner .book3,
.promo-banner .book4,
.promo-banner .book5,
.promo-banner .book6,
.promo-banner .book7{
     transition: all .3s linear;
}
/* new css  */
.pricing-bnr {
    background: url(/assets/images/pricing-bnr.png) center center / cover no-repeat;   
}
.brs-pages {
    min-height: auto !important;
    padding: 200px 0 !important;
}
.brs-pages h6 {
    font-size: 23px;
    color: white;
    font-weight: 600;
    margin: 15px 0;
}
.brs-pages .border-btn {
    background-color: transparent !important;
    border: 2px solid white !important;
    color: white !important;
}
section.authors-bio {
    padding: 60px;
}
.brs-pricing h4  , section.authors-bio h4{ 
    font-size: 45px;
    color: black;
    text-align: center;
    font-family: "Poppins", sans-serif;
    letter-spacing: -2px;
    font-weight: 700;
    line-height: 50px;
}
.bio-content h2 {
    font-size: 45px;
    color: black;
    text-align: left;
    font-family: "Poppins", sans-serif;
    letter-spacing: -2px;
    font-weight: 700;
    line-height: 50px;
}
.brs-pricing p {
    color: black;
    text-align: center;
    line-height: 21px;
    padding-top: 10px;
    margin: 0;
}
section.brs-pricing {
    padding: 60px 0;
}
.brs-pricing ul#pills-tab li button:hover {
    background-color: black;
    color: white;
}
.brs-pricing ul#pills-tab li button {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    background-color: transparent;
    color: var(--color-000);
    word-spacing: 1px;
    letter-spacing: 0px;
    font-family: poppins;
    padding: 14px 30px;
    border-radius: 5px !important;
    border: 1px solid var(--color-00000052);
}
.brs-pricing ul#pills-tab {
    gap: 15px;
}
.brs-pricing ul#pills-tab li button.active {
    background: var(--color-24364b) !important;
    color: white !important;
}
.tabs-pricing {
    background-color: var(--color-e4e4e4);
    padding: 50px 30px;
    border-radius: 15px;
}
.tabs-pricing h3 {
    font-size: 45px;
    color: var(--color-1b293b);
    text-align: left;
    font-family: "Poppins", sans-serif;
    letter-spacing: -2px;
    font-weight: 700;
    line-height: 50px;
    margin: 0;
}
.tabs-pricing p {
    text-align: left;
    max-width: 100%;
    margin: 0;
}
.tabs-pricing .active-btm {
    font-size: 16px;
    text-decoration: none;
    color: black;
    font-weight: 600;
    border: 2px solid black;
    padding: 12px 40px;
    border-radius: 60px;
    margin-left: auto;
    display: block;
    width: max-content;
    background-color: white;
}
.tabs-pricing table {
    background-color: white;
    width: 100%;
}
.tabs-pricing table thead {
    font-size: 20px;
    font-family: poppin;
    color: white;
    background-color: black;
}
.tabs-pricing table thead th span {
    padding: 20px 40px !important;
    display: block;
}
.tabs-pricing table thead tr {
    border-top-left-radius: 10px;
}
.tabs-pricing table .package-title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: poppins;
    color: var(--color-24364b);
    line-height: 19px;
}
.tabs-pricing table p {
    font-size: 15px;
    color: black;
    font-family: poppins;
    padding: 0;
    font-weight: 300;
    line-height: 20px;
    padding-top: 5px;
}
.tabs-pricing table tr .left-col {
    padding: 35px 40px;
}
.price-wrap {
    font-size: 30px;
      font-weight: 600;
    color: beige;
    color: black;
    padding: 0;
    text-align: center;
    font-family: poppins;
    letter-spacing: -2px;
    padding: 0 30px;
}
.price-pro {
    font-size: 30px;
    font-weight: 600;
    background: -webkit-linear-gradient(var(--color-c39a5b), var(--color-c39a5b));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0;
    text-align: center;
    font-family: poppins;
    letter-spacing: -2px;
}
.badge {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
        padding: 0 50px;
}
.tabs-pricing table thead tr .pill {
    text-align: center;
}
.table-brs table {
    box-shadow: var(--color-rgba-99-99-99-0-2) 0px 2px 8px 0px;
    border-radius: 15px;
}
.table-brs table tr td {
    border: 1px solid var(--color-80808040);
}
.author-connect  , section.author-des{
    padding: 60px 0;
}
.author-connect .author-box {
    border: 1px solid var(--color-80808057);
    border-radius: 5px;
    padding: 14px;
     transition: all .3s linear;
}
.author-connect .author-box img {
    width: 100%;
}
.author-connect .author-box h6 {
    font-size: 20px;
    color: var(--color-24364b);
    font-weight: 700;
    text-transform: capitalize;
    padding-top: 10px;
}
.author-connect .author-box p {
    font-size: 16px;
    line-height: 20px;
    color: black;
    font-weight: 400;
    margin: 10px 0 10px 0;
}
.author-connect .author-box a {
    font-size: 14px;
    text-decoration: none;
    color: black;
    font-style: italic;
    color: var(--color-7b7b7b);
    font-weight: 600;
    border-bottom: 1px solid var(--color-7b7b7b);
}
.author-connect .row {
    row-gap: 20px;
}
.author-connect .author-box:hover {
    transform: translateY(-5px);
    transition: all .3s linear;
    box-shadow: var(--color-rgba-0-0-0-0-1) 0px 20px 25px -5px, var(--color-rgba-0-0-0-0-04) 0px 10px 10px -5px;
    background-color: var(--color-24364b);
}
.author-connect .author-box:hover h6,
.author-connect .author-box:hover p,
.author-connect .author-box:hover a{
    color: white;
    border-color: white;
}
.authors-bio .author-pro img {
    width: 100%;
}
.bio-content h5  , .author-des h5{
    font-size: 45px;
    color: var(--color-24364b);
    text-align: left;
    font-family: "Poppins", sans-serif;
    letter-spacing: -2px;
    font-weight: 700;
    line-height: 50px;
}
.bio-content strong {
    font-size: 23px;
    font-weight: 700;
    color: black;
    letter-spacing: -0.5px;
    font-family: inter;
    line-height: 40px;
    padding-bottom: 5px;
    display: inline-block;
}
.bio-content p {
    font-size: 16px;
    line-height: 21px;
    color: black;
    font-family: inter;
    padding: 5px 0;
    margin: 0;
    padding: 0;
    font-weight: 300;
}
.bio-content .bio-link {
    font-size: 16px;
    text-decoration: none;
    background-color: var(--color-24364b);
    color: white;
    font-weight: 600;
    padding: 14px 30px;
    border-radius: 60px;
    margin: 25px 0;
    display: block;
    width: max-content;
}
ul.bio-share {
    display: flex;
    gap: 15px;
}
ul.bio-share li {
    list-style: none;
}
.bio-share {
    display: flex;
    align-items: center;
    gap: 15px;
}
.bio-share a:hover {
      transition: all .3s linear;
}
.bio-share a:hover {
    transform: translateY(-5px);
    transition: all .3s linear;
    box-shadow: var(--color-rgba-0-0-0-0-16) 0px 10px 36px 0px, var(--color-rgba-0-0-0-0-06) 0px 0px 0px 1px;
    border-radius: 100px;
}
.authors-bio hr {
    width: 85%;
    margin: auto;
    top: 50px;
    position: relative;
}
.author-des .content p {
    padding: 5px 0;
    font-size: 16px;
    color: black;
    font-weight: 300;
}
.border-btn {
    background-color: transparent;
    border: 2px solid var(--color-1b293b);
    color: var(--color-1b293b);
}
section.explore-section ul#pills-tab li button {
    font-size: 15px;
    text-transform: capitalize;
}
section.explore-section ul#pills-tab {
    row-gap: 10px;
}
.genre-port{
    display: flex;
    justify-content: center;
    gap: 15px;
}
.genre-port img {
    max-width: 40%;
    height: 100%;
}
.fince-tab-tax h4 {
    line-height: 40px;
}
a[href*="havenpublisher.com"] span,
a[href*="havenpublisher.com"] p,
a[href*="havenpublisher.com"] {
    text-transform: lowercase !important;
}
.navbar .submenu a i {
    margin: 0;
}
.inner__box {
    background-color: white;
    padding: 20px;
    border: 1px solid var(--color-00000000);
    border-radius: 15px;
    box-shadow: var(--color-rgba-0-0-0-0-16) 0px 1px 4px;
    margin-top: 10px;
    margin-bottom: 15px;
}
.inner__box h6 {
    font-size: 25px;
    font-weight: 600;
    font-family: "Bricolage Grotesque", sans-serif;
    color: black;
}
.inner__box div {
    border-bottom: 1px solid var(--color-80808042);
    padding-bottom: 5px;
}
.inner__box p {
    font-size: 15px;
    font-family: "Poppins";
    font-weight: 400;
    line-height: 23px;
}
.test__box img:first-child {
    width: 300px;
    height: 50px;
    object-fit: scale-down;
        object-position: left;
}
.testimonial-slider .swiper-slide {
    margin: 0 5px;
}
.testimonial__wrap .swiper-pagination li {
    width: 30px;
    height: 5px;
  background-color: var(--color-8b683747);
}
.testimonial__wrap .swiper-pagination li:active {
  background-color: var(--color-8b6837);
}
.testimonial__wrap .swiper-pagination li.swiper-slide-visible button:before {
  background-color: var(--color-8b6837);
     width: 30px;
    height: 5px;
}
.testimonial__wrap .swiper-pagination li button:before,
.testimonial__wrap .swiper-pagination li.swiper-slide-visible button:before {
  color: transparent;
}
.testimonial__wrap .swiper-pagination {
    bottom: -12%;
}
.inner__box p {
  color : black;        
  margin-top: 10px;
      height: 170px;
    overflow: auto;
    padding-right: 10px;
}
.swiper-pagination li button:before {
    top: 0px;
}
.testimonial__wrap .swiper-slide img {
   display: block;
    width: 40%;
}
.inner__box p::-webkit-scrollbar {
  width: 5px; /* Width of the vertical scrollbar */
}
.inner__box p::-webkit-scrollbar-track {
  background: var(--color-f1f1f1); /* Color of the track */
}
.inner__box p::-webkit-scrollbar-thumb {
  background: var(--color-4a4a4a); /* Color of the scrollbar thumb */
  border-radius: 0px; /* Optional: adds rounded corners */
}
.inner__box p::-webkit-scrollbar-thumb:hover {
  background: var(--color-555); /* Color when hovering over the thumb */
}
.testimonial__wrap .nav-tabs .nav-link.active {
        color: var(--color-495057);
    border-color: var(--color-f7f3ec);
    border-bottom: 2px solid var(--color-24364b);
    filter: hue-rotate(45deg);
    box-shadow: var(--color-rgba-99-99-99-0-2) 0px 2px 8px 0px;
}
.testimonial__wrap .nav-tabs .nav-link:hover {
    border-color: transparent;
    isolation: inherit;
}
@keyframes floatUpDown {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px); /* move up */
  }
  100% {
    transform: translateY(0px); /* back to original */
  }
}
.location-bnr .content {
    text-align: center;
}
.location-bnr .content h4 {
    font-size: 70px;
    color: white;
    text-transform: uppercase;
    letter-spacing: -4px;
}
.location-bnr .content p {
    font-size: 30px;
    color: white;
    line-height: 36px;
}
.location-bnr .content img {max-width: 100%;margin-top: 50px; animation: floatUpDown 3s ease-in-out infinite;}
.location-bnr {
   height: 800px;
    display: flex;
    align-items: end;
}
.genre-menu {
    display: flex;
        width: 380px;
    width: max-content;
    justify-content: space-around;
}
.country-menu-new {
    justify-content: space-between
}
.country-menu-new a:hover .flag-large {
    opacity: 1
}
.country-menu-new .BRS-grid:hover {
    background: 0 0
}
.country-menu-new a,
.seals_bg h2,
.seals_bg p {
    color: var(--color-282828) !important
}
.country-menu-new a {
    font-size: 20px !important;
    font-weight: 500;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 0 !important;
}
.country-menu-new .BRS-container img {
    width: inherit;
    height: inherit
}
.country-menu-new .BRS-grid img {
        width: 40px;
    height: auto;
}
.country-menu-new a:hover .flag-large{
    opacity: 1
}
.flag-large {
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    margin: auto;
}
.new-dropdown-box .BRS-grid {
    display: flex;
    align-items: center;
    margin: 3px;
    width: 286px;
    column-gap: 5px;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-000);
}
.new-dropdown-box {
    position: absolute;
    width: 320px;
    background: var(--color-fff);
    box-shadow: var(--color-rgba-0-0-0-1) 0 4px 12px;
        padding: 0 10px;
     z-index: 999999;
}
.new-dropdown-box .BRS-grid img {
   width: 35px;
    height: 48px;
}
.country-menu-new .BRS-grid {
    position: relative;
    overflow: hidden;
    z-index: 1;
    justify-content: space-between;
    padding: 7px 10px;
    transition: 0.5s;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 500;
    width: 211px;
    padding: 0;
}
.top-mail-box a:hover {
    color: var(--color-24364b);
}
.country-menu-new a:hover {
    box-shadow: none !important;
}
.dropdown a:nth-child(1):hover {
    box-shadow: none;
}
.add-on-service-box object {
   filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg) brightness(96%) contrast(104%);
}
ul.list-w {
    display: flex;
    flex-direction: column;
    gap: 10px !important;
}
ul.list-w li {
    list-style: disc;
    margin-left: 15px;
}
.loca-flag {
    padding: 0;
    background-color: var(--color-1b293b);
}
.loca-flag .container {
    padding: 0;
}
.loca-flag .container i {
    color: white;
    font-size: 20px;
}
.loca-flag .dropdown {
    background-color: var(--color-1b293b);
}
.loca-flag .new-dropdown-box {
   width: 90px;
}
.loca-flag .submenu {
    width: 100%;
    margin-top: 5px;
    margin-right: 2px !important;
    left: -160px;
        gap: 5px;
    border-radius: 10px;
    display: flex !important;
        box-shadow: var(--color-rgba-0-0-0-0-24) 0px 3px 8px;
}
img.flg {
    width: 30px;
}
@keyframes upDown {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(5px); }
  100% { transform: translateY(0); }
}
.arrow {
    width: 11px;
    display: inline-block;
  animation: upDown 1.5s infinite ease-in-out;
      position: relative;
    left: -5px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(181deg) brightness(106%) contrast(102%);
}
.news-box h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    padding: 10px 0;
}
.news-box p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 15px;
}
.news-box a {
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    color: grey;
    border-bottom: 1px solid grey;
    width: max-content;
    line-height: 19px;
    padding-top: 20px;
}
.news-box {
    border: 1px solid var(--color-80808066);
    border-radius: 10px;
    padding: 15px;
}
.news-box {
    border: 1px solid var(--color-80808066);
    border-radius: 10px;
    padding: 15px;
}
.t-h2 {
    font-size: 45px;
    font-weight: bold;
    color: white;
    margin: 0 0 15px 0;
    line-height: 50px;
}
.blue-drk {
    background-color: var(--color-1b293b);
}
.blue-drk::before {
    display: none;
}
.faqs-section p {
    text-transform: math-auto;
}
.n-cta-wrap{
  background: url(/assets/images/cta-back.png) center center / cover no-repeat;
}
.n-cta-wrap h3 {
    color: white;
    font-size: 45px;
    text-align: center;
    line-height: 56px;
    text-transform: capitalize;
    font-weight: 800;
}
.n-cta-wrap p {
    font-size: 18px;
    text-align: center;
    font-weight: normal;
    padding: 10px 0;
}
.n-cta-wrap .get-btn {color: black;background-color: white;font-size: 16px;font-weight: 500;padding: 10px 30px;border-radius: 100px;border: 2px solid transparent; transition: all .2s linear;}
.n-cta-wrap .get-btn:hover {
    background-color: transparent;
    border-color: white;
    color: white;
    transform: translateY(-3px);
    transition: all .2s linear;
}
.n-cta-wrap .call {color: white;background-color: transparent;font-size: 16px;font-weight: 500;padding: 10px 30px;border-radius: 100px;border: 2px solid white; transition: all .2s linear;}
.n-cta-wrap .call:hover {
    background-color: white;
    border-color: transparent;
    color: black;
    transform: translateY(-3px);
    transition: all .2s linear;
}
/* ============ VIDEO TESTIMONIALS SECTION ============ */
.video-testimonials-section {
      position: relative;
      width: 100%;
     height: 100%;
      padding: 60px 0 0 0;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
     background: url(/assets/images/video-bg.html) center center / cover  no-repeat;
    }
/* Blur overlay on the background */
.video-testimonials-section::before {
      content: "";
      position: absolute;
      inset: 0;
      backdrop-filter: blur(8px);
      background: var(--color-rgba-27-41-59-0-15);
      z-index: 1;
    }
/* Big watermark text behind everything - "Video Testimonials" */
.vt-watermark {
      position: absolute;
      bottom: -40px;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      text-align: center;
      font-size: 180px;
      font-weight: 800;
      line-height: 1;
      color: var(--color-rgba-27-41-59-0-45);
      white-space: nowrap;
      letter-spacing: 2px;
      z-index: 2;
      pointer-events: none;
      user-select: none;
      transition: color 0.5s ease, letter-spacing 0.5s ease;
    }
.video-testimonials-section:hover .vt-watermark {
      color: var(--color-rgba-27-41-59-0-6);
      letter-spacing: 6px;
    }
/* ============ HEADING ============ */
.vt-heading {
      position: relative;
      z-index: 5;
      text-align: center;
      color: var(--color-ffffff);
      font-size: 42px;
      font-weight: 700;
      line-height: 1.3;
      max-width: 620px;
      margin: 0 auto 0px auto;
      text-shadow: 0 2px 18px var(--color-rgba-0-0-0-0-35);
      transition: transform 0.4s ease, text-shadow 0.4s ease;
    }
.vt-heading:hover {
      transform: translateY(-4px);
      text-shadow: 0 8px 30px var(--color-rgba-0-0-0-0-55);
    }
/* ============ SLIDER WRAPPER ============ */
.vt-slider-wrap {
      position: relative;
      z-index: 5;
      width: 100%;
      max-width: 800px;
      margin: 0 auto;
      padding: 0 90px;
    }
/* ============ TABLET / IPAD MOCKUP ============ */
.vt-slide {
      padding: 0 10px;
      outline: none;
    }
.vt-screen iframe {
       height: 360px;
    max-width: 100%;
    }
.vt-tablet {
    position: relative;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    background: var(--color-111111);
    border-radius: 36px;
    padding: 22px;
    transition: transform 0.45s ease, box-shadow 0.45s ease;
    height: 400px;
        top: 29px;
}
/* Tablet side camera dot */
.vt-tablet::before {
      content: "";
      position: absolute;
      left: 9px;
      top: 50%;
      transform: translateY(-50%);
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: var(--color-3c3c3c);
    }
.vt-screen {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3.4;
    background: var(--color-1b293b);
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 360px;
}
.vt-screen img.vt-thumb {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0;
      transition: opacity 0.5s ease, transform 0.6s ease;
    }
.vt-tablet:hover .vt-screen img.vt-thumb {
      opacity: 0.12;
      transform: scale(1.05);
    }
/* ============ PLAY BUTTON ============ */
.vt-play {
      position: relative;
      width: 84px;
      height: 84px;
      border-radius: 50%;
      border: 1px solid var(--color-e3e3e3);
      background: var(--color-ffffff);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      z-index: 3;
      transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
    }
.vt-play::after {
      content: "";
      position: absolute;
      inset: -10px;
      border-radius: 50%;
      border: 1px solid var(--color-rgba-27-41-59-0);
      transition: all 0.4s ease;
    }
.vt-play svg {
      width: 34px;
      height: 34px;
      fill: var(--color-24364b);
      margin-left: 5px;
      transition: transform 0.35s ease, fill 0.35s ease;
    }
.vt-play:hover {
      transform: scale(1.12);
      border-color: var(--color-24364b);
      box-shadow: 0 0 0 12px var(--color-rgba-27-41-59-0-10),
                  0 12px 32px var(--color-rgba-27-41-59-0-30);
    }
.vt-play:hover::after {
      inset: -16px;
      border-color: var(--color-rgba-27-41-59-0-35);
    }
.vt-play:hover svg {
      transform: scale(1.1);
      fill: var(--color-24364b);
    }
/* Pulse ring animation */
@keyframes vtPulse {
      0%   { box-shadow: 0 0 0 0 var(--color-rgba-27-41-59-0-35); }
      70%  { box-shadow: 0 0 0 22px var(--color-rgba-27-41-59-0); }
      100% { box-shadow: 0 0 0 0 var(--color-rgba-27-41-59-0); }
    }
.swiper-slide-active .vt-play {
      animation: vtPulse 2.2s infinite;
    }
/* Client name under play button */
.vt-client {
      position: absolute;
      bottom: 22px;
      left: 0;
      width: 100%;
      text-align: center;
      z-index: 3;
      opacity: 0;
      transform: translateY(10px);
      transition: opacity 0.4s ease, transform 0.4s ease;
    }
.vt-tablet:hover .vt-client {
      opacity: 1;
      transform: translateY(0);
    }
.vt-client h5 {
      font-size: 16px;
      font-weight: 600;
      color: var(--color-141e2b);
      margin-bottom: 2px;
    }
.vt-client span {
      font-size: 13px;
      color: var(--color-24364b);
      font-weight: 500;
    }
/* ============ SLICK ARROWS (Custom) ============ */
.vt-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 64px;
      height: 60px;
      border: none;
      border-radius: 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      background-color: transparent;
      z-index: 10;
      transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    }
.vt-prev {
      left: 0;
    }
.vt-next {
      right: 0;
    }
.vt-prev:hover {
      transform: translateY(-50%) translateX(-5px) scale(1.06);
      box-shadow: 0 14px 32px var(--color-rgba-27-41-59-0-6);
    }
.vt-prev:hover svg {
      transform: translateX(-4px);
    }
.vt-next:hover {
      transform: translateY(-50%) translateX(5px) scale(1.06);
      box-shadow: 0 14px 32px var(--color-rgba-0-0-0-0-65);
    }
.vt-next:hover svg {
      transform: translateX(4px);
    }
/* ============ SLICK DOTS ============ */
.vt-slider-wrap .swiper-pagination {
      bottom: -45px;
    }
.vt-slider-wrap .swiper-pagination li button:before {
      font-size: 11px;
      color: var(--color-ffffff);
      opacity: 0.45;
      transition: opacity 0.3s ease;
    }
.vt-slider-wrap .swiper-pagination li.swiper-slide-visible button:before {
      color: var(--color-24364b);
      opacity: 1;
    }
.vt-slider-wrap .swiper-pagination li button:hover:before {
      opacity: 0.9;
    }
/* ============ RESPONSIVE ============ */
.book-img,.testimonials-slider:not(.slick-initialized) .t-slide:first-child{display:block}
.years-badge,.yt-text{flex-direction:column}
.bg-word,.years-badge em{left:50%;transform:translateX(-50%);white-space:nowrap}
.bg-word,.seal,.section-heading{font-weight:800}
.bg-word,.years-badge em,.yt-text b{white-space:nowrap}
.tablet-screen,.video-thumb,.yt-text,.yt-text b{overflow:hidden}
*{box-sizing:border-box}
body{font-family:Poppins,sans-serif;margin:0}
.testimonials-section{position:relative;overflow:hidden;padding:60px 0 70px;background:url(/assets/images/video-slider-bg.png) center/cover no-repeat var(--color-141e2b)}
.testimonials-section::before{content:"";position:absolute;inset:0;z-index:0}
.testimonials-section .container-xl{z-index:2}
.bg-word{position:absolute;bottom:8px;font-size:clamp(60px, 13vw, 230px);line-height:1;color:var(--color-rgba-27-41-59-35);letter-spacing:-2px;z-index:1;pointer-events:none;user-select:none}
.book-wrap,.testimonials-slider{position:relative}
.section-heading{text-align:center;color:var(--color-fff);font-size:clamp(28px, 4vw, 48px);line-height:1.15;margin-bottom:35px;text-shadow:0 2px 12px var(--color-rgba-0-0-0-35)}
.testimonials-slider:not(.slick-initialized) .t-slide{display:none}
.t-slide{padding:10px}
.book-wrap{max-width:400px;margin:0 auto}
.book-img{width:100%;height:auto;border-radius:6px;transform:rotate(-4deg);transition:transform .4s}
.seal,.years-badge{display:flex;text-align:center}
.book-wrap:hover .book-img{transform:rotate(0)}
.years-badge{position:absolute;top:-10px;right:-18px;width:78px;height:88px;background:var(--color-c39a5b);color:var(--color-fff);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);align-items:center;justify-content:center;line-height:1;z-index:4;box-shadow:0 6px 14px var(--color-rgba-0-0-0-3)}
.client-name,.seal{z-index:5;position:absolute}
.seal,.t-arrows .slick-arrow{box-shadow:0 8px 18px var(--color-rgba-0-0-0-35)}
.years-badge strong{font-size:26px;font-weight:800}
.years-badge span{font-size:11px;letter-spacing:1px}
.years-badge em{position:absolute;bottom:-22px;background:var(--color-fff);color:var(--color-222);font-style:normal;font-size:10px;font-weight:600;padding:3px 7px;border-radius:3px;box-shadow:0 3px 8px var(--color-rgba-0-0-0-25)}
.seal{bottom:70px;right:-22px;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 50% 40%,var(--color-f6d774),var(--color-c39a5b));border:4px solid var(--color-c39a5b);color:var(--color-8b6837);font-size:14px;line-height:1.1;align-items:center;justify-content:center}
.client-name{left:-14px;bottom:60px;background:var(--color-1f1f1f);color:var(--color-fff);padding:8px 16px;border-radius:4px;font-weight:700;font-size:16px;box-shadow:0 6px 14px var(--color-rgba-0-0-0-3)}
.client-name small{display:block;color:var(--color-c39a5b);font-size:11px;font-weight:600;margin-bottom:2px}
.tablet{background:var(--color-1c1c1e);border-radius:26px;padding:14px;max-width:640px;height:450px;border:1px solid var(--color-ffffff96);margin:0 auto;box-shadow:0 25px 55px var(--color-rgba-0-0-0-5)}
.tablet-screen{border-radius:14px}
.video-thumb{position:relative;display:block;aspect-ratio:16/10}
.video-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.yt-head{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(180deg,var(--color-rgba-0-0-0-55),transparent);color:var(--color-fff)}
.play-btn,.play-btn::after{top:50%;transform:translate(-50%,-50%);position:absolute}
.yt-logo{width:34px;height:34px;border-radius:50%;background:var(--color-fff);flex:0 0 34px}
.yt-text{display:flex;line-height:1.2}
.yt-text b{font-size:clamp(12px, 1.6vw, 17px);text-overflow:ellipsis}
.yt-text i{font-style:normal;font-size:12px;opacity:.85}
.play-btn{left:50%;width:84px;height:60px;background:red;border-radius:14px;cursor:pointer;transition:transform .25s,background .25s}
.play-btn::after{content:"";left:52%;border-style:solid;border-width:13px 0 13px 22px;border-color:transparent transparent transparent var(--color-fff)}
.video-thumb:hover .play-btn{transform:translate(-50%,-50%) scale(1.08);background:var(--color-e60000)}
.yt-foot{position:absolute;bottom:12px;right:16px;color:var(--color-fff);font-size:14px;text-shadow:0 1px 4px var(--color-rgba-0-0-0-6)}
.yt-foot b{color:var(--color-fff)}
.t-arrows{position:absolute;right:30px;top:65%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;z-index:6}
.t-arrows .slick-arrow{position:static;width:56px;height:56px;border:none;border-radius:12px;color:var(--color-fff);font-size:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,filter .2s}
.t-arrows .swiper-button-next{background:var(--color-24364b);order:1}
.t-arrows .swiper-button-prev{background:var(--color-111);order:2;margin-top:10px}
.t-arrows .slick-arrow::before{content:"";display:none}
.t-arrows .slick-arrow svg{width:24px;height:24px}
.swiper-pagination{bottom:-42px}
.swiper-pagination li button:before{font-size:11px;color:var(--color-fff);opacity:.6}
.swiper-pagination li.swiper-slide-visible button:before{color:var(--color-24364b);opacity:1}
.t-arrows .slick-arrow img{width:70px}
iframe{width:100%;height:415px;border-radius:10px}
.ad_d{
    display: flex;
    gap: 0;
    padding-top: 5px;
    position: relative;
    left: -6px;
    font-size: 16px;
    font-weight: 300;
    line-height: 17px;
}
section.publishing-ser-section::before {
    z-index: -1 !important;
}
.countries img {
    max-width: 30px;
    padding: 0;
}
.countries ul {
    display: flex;
    gap: 10px;
}
/* ===== Easy 5-Step Process ===== */
.process-sec { padding: 75px 0 50px; font-family: "Poppins", sans-serif; background: var(--color-fff); overflow: hidden; }
.process-title { font-size: 45px; font-weight: 700; line-height: 1.2; color: var(--color-000); margin-bottom: 40px; }
/* Tab nav */
.process-nav { margin-bottom: 60px; }
.process-nav-item { padding: 0 63px; border-left: 1px solid var(--color-eee); cursor: pointer; }
.process-nav-item:first-child { padding-left: 0; border-left: 0; }
.process-nav-item:last-child { padding-right: 0; }
.process-step { display: block; font-size: 16px; line-height: 22px; text-transform: uppercase; color: var(--color-808080); margin-bottom: 15px; transition: color .3s; }
.process-icon { display: block; height: 95px; width: auto; margin: 0 auto 14px; transition: transform .3s; }
.process-name { display: block; font-size: 20px; font-weight: 700; line-height: 1.15; color: var(--color-b8b8b8); transition: color .3s; }
.process-nav-item:hover .process-icon { transform: translateY(-6px); }
.process-nav-item:hover .process-name { color: var(--color-1b293b); }
/* Active tab */
#process-1:checked ~ .process-nav [for="process-1"] .process-step,
#process-2:checked ~ .process-nav [for="process-2"] .process-step,
#process-3:checked ~ .process-nav [for="process-3"] .process-step,
#process-4:checked ~ .process-nav [for="process-4"] .process-step,
#process-5:checked ~ .process-nav [for="process-5"] .process-step { color: var(--color-000); font-weight: 500; }
#process-1:checked ~ .process-nav [for="process-1"] .process-name,
#process-2:checked ~ .process-nav [for="process-2"] .process-name,
#process-3:checked ~ .process-nav [for="process-3"] .process-name,
#process-4:checked ~ .process-nav [for="process-4"] .process-name,
#process-5:checked ~ .process-nav [for="process-5"] .process-name { color: var(--color-24364b); }
/* Panels */
.process-panel { display: none; }
#process-1:checked ~ .process-panels .process-panel:nth-child(1),
#process-2:checked ~ .process-panels .process-panel:nth-child(2),
#process-3:checked ~ .process-panels .process-panel:nth-child(3),
#process-4:checked ~ .process-panels .process-panel:nth-child(4),
#process-5:checked ~ .process-panels .process-panel:nth-child(5) { display: block; animation: processFade .5s ease; }
@keyframes processFade { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: none; } }
/* Content */
.process-content { padding-bottom: 8px; }
.process-content h3 { font-size: 45px; font-weight: 700; line-height: 1.2; color: var(--color-000); margin-bottom: 17px; }
.process-content p { max-width: 436px; font-size: 16px; line-height: 1.6; color: var(--color-303030); margin-bottom: 22px; }
.process-content h4 { font-size: 20px; font-weight: 600; line-height: 1.3; color: var(--color-1b293b); margin-bottom: 15px; }
.process-list { margin-bottom: 24px; }
.process-list li { position: relative; padding-left: 25px; margin-bottom: 5px; font-size: 16px; line-height: 1.6; color: var(--color-303030); transition: transform .3s; }
.process-list li::before { content: ""; position: absolute; left: 4px; top: 3px; width: 8px; height: 14px; border: solid var(--color-24364b); border-width: 0 3px 3px 0; transform: rotate(45deg); }
.process-list li:hover { transform: translateX(5px); }
/* Buttons */
.process-btns { display: flex; flex-wrap: wrap; gap: 11px; }
.process-btn { display: inline-block; padding: 13px 34px; font-size: 16px; font-weight: 500; line-height: 24px; border: 1px solid var(--color-24364b); border-radius: 50px; text-decoration: none; transition: all .3s; }
.process-btn-fill { background: var(--color-24364b); color: var(--color-fff); }
.process-btn-line { border-color: var(--color-1b293b); color: var(--color-000); }
.process-btn:hover { background: var(--color-1b293b); border-color: var(--color-1b293b); color: var(--color-fff); }
/* Image */
.process-img { margin: 0 -34px 0 -13px; border-radius: 8px; overflow: hidden; }
.process-img img { display: block; width: 100%; aspect-ratio: 593 / 454; object-fit: cover; transition: transform .6s; }
.process-img:hover img { transform: scale(1.05); }
/* =========================================================
   Brand | FAQ + Our Presence sections
   ========================================================= */
body {
    margin: 0;
    font-family: "Poppins", sans-serif;
}
/* =========================================================
   FAQ SECTION
   ========================================================= */
.haven-faq-sec {
    background-color: var(--color-f7f3ec);
    padding: 60px 0;
}
/* ---------- Heading row ---------- */
.haven-faq-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 44px;
}
.haven-faq-eyebrow {
    display: block;
    font-family: "Sora", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--color-24364b);
    margin-bottom: 12px;
    letter-spacing: -0.2px;
}
.haven-faq-title {
    font-family: "Sora", sans-serif;
    font-size: 37px;
    font-weight: 400;
    line-height: 1.17;
    color: var(--color-111111);
    max-width: 500px;
    margin: 0;
    letter-spacing: -0.5px;
}
.haven-faq-title strong {
    font-weight: 700;
}
.haven-faq-chat-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    height: 40px;
    padding: 0 26px;
    margin-bottom: 8px;
    border: 1px solid var(--color-1b293b);
    border-radius: 50px;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-111111);
    text-decoration: none;
    background-color: transparent;
    flex-shrink: 0;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.haven-faq-chat-btn:hover {
    background-color: var(--color-1b293b);
    color: var(--color-ffffff);
    transform: translateY(-2px);
    box-shadow: 0 8px 18px var(--color-rgba-27-41-59-0-25);
}
/* ---------- Left card ---------- */
.haven-faq-card {
    position: relative;
    height: 100%;
    min-height: 441px;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    overflow: hidden;
    background: linear-gradient(180deg, var(--color-141e2b) 0%, var(--color-141e2b) 55%, var(--color-1b293b) 100%);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.haven-faq-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px var(--color-rgba-27-41-59-0-3);
}
.haven-faq-card-bg {
    position: absolute;
    inset: 0;
}
.haven-faq-card-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right top;
    transition: transform 0.8s ease;
}
.haven-faq-card:hover .haven-faq-card-bg img {
    transform: scale(1.05);
}
.haven-faq-card-body {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 1;
    padding: 0 27px 42px;
}
.haven-faq-card-logo {
    width: 162px;
    height: auto;
    margin-bottom: 22px;
}
.haven-faq-card-title {
    font-family: "Poppins", sans-serif;
    font-size: 29px;
    font-weight: 600;
    line-height: 1.22;
    color: var(--color-ffffff);
    margin-bottom: 16px;
    max-width: 280px;
}
.haven-faq-card-text {
    font-size: 13px;
    line-height: 1.45;
    color: var(--color-ffffff);
    margin-bottom: 18px;
    max-width: 300px;
}
.haven-faq-call-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    height: 39px;
    border-radius: 50px;
    background-color: var(--color-24364b);
    color: var(--color-ffffff);
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.haven-faq-call-btn i {
    font-size: 16px;
    transform: rotate(-20deg);
}
.haven-faq-call-btn:hover {
    background-color: var(--color-ffffff);
    color: var(--color-1b293b);
    transform: translateY(-2px);
    box-shadow: 0 10px 22px var(--color-rgba-27-41-59-0-4);
}
.haven-faq-call-btn:hover i {
    animation: haven-phone-ring 0.6s ease infinite;
}
@keyframes haven-phone-ring {
    0%, 100% { transform: rotate(-20deg); }
    25% { transform: rotate(-5deg); }
    75% { transform: rotate(-35deg); }
}
/* ---------- Accordion ---------- */
.haven-faq-accordion .accordion-item {
    background-color: var(--color-ffffff);
    border: 0;
    border-radius: 4px;
    margin-bottom: 8px;
    overflow: hidden;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.haven-faq-accordion .accordion-item:last-child {
    margin-bottom: 0;
}
.haven-faq-accordion .accordion-item:hover {
    box-shadow: 0 8px 22px var(--color-rgba-27-41-59-0-1);
}
.haven-faq-accordion .accordion-header {
    margin: 0;
}
.haven-faq-accordion .accordion-button {
    font-family: "Poppins", sans-serif;
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--color-111111);
    background-color: var(--color-ffffff);
    padding: 15px 50px 15px 16px;
    box-shadow: none;
    border-radius: 4px;
    transition: color 0.3s ease;
}
.haven-faq-accordion .accordion-button:not(.collapsed) {
    color: var(--color-111111);
    background-color: var(--color-ffffff);
    box-shadow: none;
    padding-top: 22px;
    padding-bottom: 4px;
}
.haven-faq-accordion .accordion-button:focus {
    box-shadow: none;
}
.haven-faq-accordion .accordion-button:hover {
    color: var(--color-24364b);
}
/* Replace Bootstrap chevron with + / - */
.haven-faq-accordion .accordion-button::after {
    content: "+";
    position: absolute;
    right: 16px;
    top: 50%;
    width: auto;
    height: auto;
    margin: 0;
    background-image: none;
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    color: var(--color-1b293b);
    transform: translateY(-50%);
    transition: color 0.3s ease, transform 0.3s ease;
}
.haven-faq-accordion .accordion-button:not(.collapsed)::after {
    content: "-";
    top: 22px;
    font-size: 20px;
    font-weight: 600;
    color: var(--color-24364b);
    background-image: none;
    transform: translateY(-2px);
}
.haven-faq-accordion .accordion-button.collapsed:hover::after {
    color: var(--color-24364b);
    transform: translateY(-50%) rotate(90deg);
}
.haven-faq-accordion .accordion-body {
    padding: 4px 56px 24px 16px;
}
.haven-faq-accordion .accordion-body p {
    font-size: 12.5px;
    line-height: 1.45;
    color: var(--color-5f6368);
    margin-bottom: 18px;
}
.haven-faq-accordion .accordion-body p:last-child {
    margin-bottom: 0;
}
/* =========================================================
   OUR PRESENCE SECTION
   ========================================================= */
.haven-presence-sec {
    position: relative;
    padding: 36px 0;
    background-color: var(--color-000);
}
.haven-presence-sec::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at center, transparent 40%, var(--color-rgba-0-0-0-0-55) 100%);
    pointer-events: none;
}
.haven-presence-wrap {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 72px;
}
.haven-presence-title {
    font-family: "Sora", sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: var(--color-ffffff);
    margin: 0;
    letter-spacing: -0.6px;
    white-space: nowrap;
}
.haven-presence-flags {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.haven-presence-flag {
    position: relative;
    padding: 0 16px;
}
/* thin divider between flags */
.haven-presence-flag + .haven-presence-flag::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 36px;
    background-color: var(--color-rgba-255-255-255-0-22);
    transform: translateY(-50%);
}
/* Flag ball */
.haven-flag-ball {
    position: relative;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--color-0d0d0d);
    box-shadow: 0 6px 16px var(--color-rgba-0-0-0-0-55), inset 0 0 0 1px var(--color-rgba-255-255-255-0-15);
    animation: haven-flag-bob 4s ease-in-out infinite;
    transition: box-shadow 0.4s ease;
    cursor: pointer;
}
/* waving cloth: the flag is cut into 10 vertical slices that ripple in sequence */
.haven-flag-wave {
    position: absolute;
    top: -8%;
    left: -8%;
    width: 116%;
    height: 116%;
    display: flex;
    transition: transform 0.4s ease;
}
.haven-flag-slice {
    flex: 1;
    height: 100%;
    margin-right: -1px;
    backface-visibility: hidden;
    background-repeat: no-repeat;
    background-size: 1000% 100%;
    animation: haven-flag-ripple 1.6s ease-in-out infinite alternate;
}
.haven-flag-usa .haven-flag-slice { background-image: url(/assets/images/flag-usa.png); }
.haven-flag-uk .haven-flag-slice { background-image: url(/assets/images/flag-uk.png); }
.haven-flag-ireland .haven-flag-slice { background-image: url(/assets/images/flag-ireland.png); }
.haven-flag-australia .haven-flag-slice { background-image: url(/assets/images/flag-australia.png); }
.haven-flag-uae .haven-flag-slice { background-image: url(/assets/images/flag-uae.png); }
.haven-flag-canada .haven-flag-slice { background-image: url(/assets/images/flag-canada.png); }
/* each slice shows its own part of the flag and starts its ripple a little later */
.haven-flag-slice:nth-child(1)  { background-position: 0% center;       animation-delay: 0s; }
.haven-flag-slice:nth-child(2)  { background-position: 11.111% center;  animation-delay: -0.16s; }
.haven-flag-slice:nth-child(3)  { background-position: 22.222% center;  animation-delay: -0.32s; }
.haven-flag-slice:nth-child(4)  { background-position: 33.333% center;  animation-delay: -0.48s; }
.haven-flag-slice:nth-child(5)  { background-position: 44.444% center;  animation-delay: -0.64s; }
.haven-flag-slice:nth-child(6)  { background-position: 55.555% center;  animation-delay: -0.80s; }
.haven-flag-slice:nth-child(7)  { background-position: 66.666% center;  animation-delay: -0.96s; }
.haven-flag-slice:nth-child(8)  { background-position: 77.777% center;  animation-delay: -1.12s; }
.haven-flag-slice:nth-child(9)  { background-position: 88.888% center;  animation-delay: -1.28s; }
.haven-flag-slice:nth-child(10) { background-position: 100% center;     animation-delay: -1.44s; }
@keyframes haven-flag-ripple {
    0%   { transform: translateY(-3.5%); filter: brightness(1.07); }
    100% { transform: translateY(3.5%);  filter: brightness(0.9); }
}
/* fixed sphere shading so it still reads as a glossy ball */
.haven-flag-ball::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    border-radius: 50%;
    background: radial-gradient(circle at 34% 24%, var(--color-rgba-255-255-255-0-5) 0%, var(--color-rgba-255-255-255-0-08) 30%, transparent 42%),
                radial-gradient(circle at 50% 50%, transparent 55%, var(--color-rgba-0-0-0-0-35) 100%);
    pointer-events: none;
}
/* moving glossy light sweep */
.haven-flag-ball::after {
    content: "";
    position: absolute;
    z-index: 3;
    top: -20%;
    left: -60%;
    width: 45%;
    height: 140%;
    background: linear-gradient(90deg, transparent, var(--color-rgba-255-255-255-0-4), transparent);
    transform: rotate(20deg);
    animation: haven-flag-shine 3.6s ease-in-out infinite;
    pointer-events: none;
}
/* stagger the float and shine so flags feel alive, not in lockstep */
.haven-presence-flag:nth-child(2) .haven-flag-ball,
.haven-presence-flag:nth-child(2) .haven-flag-ball::after { animation-delay: -0.6s; }
.haven-presence-flag:nth-child(3) .haven-flag-ball,
.haven-presence-flag:nth-child(3) .haven-flag-ball::after { animation-delay: -1.2s; }
.haven-presence-flag:nth-child(4) .haven-flag-ball,
.haven-presence-flag:nth-child(4) .haven-flag-ball::after { animation-delay: -1.8s; }
.haven-presence-flag:nth-child(5) .haven-flag-ball,
.haven-presence-flag:nth-child(5) .haven-flag-ball::after { animation-delay: -2.4s; }
.haven-presence-flag:nth-child(6) .haven-flag-ball,
.haven-presence-flag:nth-child(6) .haven-flag-ball::after { animation-delay: -3s; }
@keyframes haven-flag-bob {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}
@keyframes haven-flag-shine {
    0% { left: -60%; }
    55%, 100% { left: 130%; }
}
/* hover */
.haven-presence-flag:hover .haven-flag-ball {
    box-shadow: 0 0 0 3px var(--color-rgba-27-41-59-0-55), 0 10px 26px var(--color-rgba-27-41-59-0-45);
}
.haven-presence-flag:hover .haven-flag-wave {
    transform: scale(1.12);
}
.haven-presence-flag:hover .haven-flag-slice {
    animation-duration: 0.9s;
}
/* country name tooltip on hover */
.haven-flag-name {
    position: absolute;
    left: 50%;
    bottom: -28px;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-ffffff);
    white-space: nowrap;
    opacity: 0;
    transform: translate(-50%, -6px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none;
}
.haven-presence-flag:hover .haven-flag-name {
    opacity: 1;
    transform: translate(-50%, 0);
}
/* accessibility: calm the motion if the user prefers it */
.haven-process-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
/* =========================================================
   Brand – COUNTRY PAGES
   style.css : all page styles (responsive rules live in responsive.css)
   ========================================================= */
/* ---------- 1. Base ---------- */
html { scroll-behavior: smooth; }
body {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: var(--color-3d3d3d);
    background: var(--color-fff);
    overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Sora", sans-serif;
    font-weight: 600;
    color: var(--color-111);
    margin: 0;
}
p { margin: 0; }
a { text-decoration: none; transition: all 0.3s ease; }
img { max-width: 100%; height: auto; }
ul { list-style: none; margin: 0; padding: 0; }
section { position: relative; }
.sec-pad { padding: 100px 0; }
/* full-size background image used as an <img class="sec-bg"> */
.sec-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    pointer-events: none;
}
/* gentle up/down float used on feature images */
@keyframes floatY {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}
/* ---------- 2. Section headings ---------- */
.sec-title {
    font-size: 42px;
    line-height: 1.2;
    margin-bottom: 18px;
}
.sec-text {
    font-size: 16px;
    line-height: 1.55;
    color: var(--color-444);
}
.sec-text + .sec-text { margin-top: 24px; }
.sec-head { margin-bottom: 40px; }
.sec-head.text-center .sec-text { max-width: 1060px; margin: 0 auto; }
.sec-tag {
    display: block;
    font-family: "Sora", sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: var(--color-c39a5b);
    margin-bottom: 10px;
}
/* ---------- 3. Buttons ---------- */
.btn-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
.theme-btn,
.outline-btn,
.dark-btn,
.white-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 30px;
    border-radius: 50px;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 600;
   line-height: 24px;
    border: 1px solid transparent;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.35s ease;
}
.theme-btn {
    color: var(--color-fff);
    background: linear-gradient(180deg, var(--color-c39a5b) 0%, var(--color-c39a5b) 100%);
    box-shadow: 0 6px 16px var(--color-rgba-27-41-59-0-25);
}
.theme-btn:hover {
    color: var(--color-fff);
    background: linear-gradient(180deg, var(--color-c39a5b) 0%, var(--color-c39a5b) 100%);
    transform: translateY(-3px);
    box-shadow: 0 10px 22px var(--color-rgba-228-27-42-0-3);
}
.outline-btn {
    color: var(--color-111) !important;
    background: var(--color-fff);
    border-color: var(--color-c39a5b);
}
.outline-btn:hover {
    color: var(--color-fff);
    background: var(--color-c39a5b);
    transform: translateY(-3px);
    box-shadow: 0 10px 22px var(--color-rgba-228-27-42-0-25);
}
.dark-btn {
    color: var(--color-fff);
    background: var(--color-000);
    border-color: var(--color-000);
}
.dark-btn:hover {
    color: var(--color-fff);
    background: var(--color-141e2b);
    border-color: var(--color-141e2b);
    transform: translateY(-3px);
}
.white-btn {
    color: var(--color-111);
    background: var(--color-fff);
    border-color: var(--color-fff);
}
.white-btn:hover {
    color: var(--color-fff);
    background: var(--color-c39a5b);
    border-color: var(--color-c39a5b);
    transform: translateY(-3px);
}
/* shine sweep on hover */
.theme-btn::after,
.dark-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, var(--color-rgba-255-255-255-0) 0%, var(--color-rgba-255-255-255-0-35) 100%);
    transform: skewX(-25deg);
}
.theme-btn:hover::after,
.dark-btn:hover::after { animation: btnShine 0.75s ease; }
@keyframes btnShine { to { left: 125%; } }
/* call box ("Call to Anytime") */
.call-box {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--color-111);
}
.call-box .call-icon {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--color-fff);
    font-size: 20px;
    background: linear-gradient(180deg, var(--color-141e2b) 0%, var(--color-141e2b) 100%);
    box-shadow: 0 0 0 4px var(--color-rgba-27-41-59-0-15);
    transition: all 0.35s ease;
}
.call-box small {
    display: block;
    font-size: 12px;
    line-height: 1.2;
}
.call-box a {
    display: block;
    font-family: "Sora", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    color: inherit;
}
.call-box:hover .call-icon { transform: rotate(-15deg) scale(1.06); }
.call-box a:hover { color: var(--color-c39a5b); }
/* store logos strip (amazon / kobo / apple books / barnes & noble) */
.store-logos { display: block; max-width: 100%; transition: transform 0.35s ease; }
.store-logos:hover { transform: translateY(-3px); }
/* ---------- 4. Hero banner (shared) ---------- */
.hero-sec {
    position: relative;
    min-height: 800px;
    padding: 70px 0;
    text-align: center;
    overflow: visible;
    z-index: 2;
}
.hero-sec .hero-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
}
/* soft animated light that drifts left and right */
.hero-sec::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(110deg, var(--color-rgba-27-41-59-0-28) 0%, var(--color-rgba-27-41-59-0) 35%, var(--color-rgba-255-255-255-0-12) 50%, var(--color-rgba-27-41-59-0) 65%, var(--color-rgba-27-41-59-0-24) 100%);
    background-size: 220% 100%;
    animation: heroGlow 14s ease-in-out infinite alternate;
    pointer-events: none;
}
@keyframes heroGlow {
    from { background-position: 0% 50%; }
    to { background-position: 100% 50%; }
}
.hero-badge {
    display: inline-block;
    padding: 9px 42px 8px;
    margin-bottom: 14px;
    border-radius: 50px;
    font-family: "Noto Serif", serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-fff);
    text-transform: uppercase;
    background: linear-gradient(90deg, var(--color-c39a5b) 0%, var(--color-c39a5b) 100%);
    box-shadow: 0 8px 20px var(--color-rgba-235-28-38-0-3);
}
.hero-title {
    font-family: "Noto Serif", serif;
    font-size: 69px;
    font-weight: 700;
    line-height: 1.05;
    color: var(--color-fff);
    text-transform: uppercase;
    text-shadow: 0 4px 18px var(--color-rgba-0-0-0-0-25);
}
.hero-subtitle {
    display: block;
    margin-top: 8px;
    font-family: "Noto Serif", serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-fff);
    text-transform: uppercase;
    text-shadow: 0 4px 14px var(--color-rgba-0-0-0-0-25);
}
.hero-sec .btn-wrap {
    justify-content: center;
    margin-top: 30px;
}
.hero-sec .theme-btn,
.hero-sec .outline-btn { min-width: 220px; }
.hero-pin {
    position: absolute;
    left: 50%;
    bottom: -32px;
    width: 252px;
    margin-left: -126px;
    animation: pinFloat 3.2s ease-in-out infinite;
}
@keyframes pinFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-14px); }
}
/* ---------- 5. Media logos slider (shared) ---------- */
.media-sec {
    padding: 64px 0 24px;
    background: linear-gradient(180deg, var(--color-fff3f7) 0%, var(--color-fff) 100%);
}
.media-title {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    color: var(--color-2a2a2a);
    margin-bottom: 28px;
}
.media-slider { padding: 0 30px; }
.media-logo {
    height: 116px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}
.media-logo img {
    width: auto;
    max-height: 82px;
    transition: transform 0.35s ease, filter 0.35s ease;
}
.media-logo:hover img {
    transform: scale(1.08);
    filter: drop-shadow(0 6px 10px var(--color-rgba-0-0-0-0-12));
}
.media-slider:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}
/* ---------- 6. Welcome to the world of print (shared) ---------- */
.print-sec { padding: 100px 0 0; }
.print-sec .sec-head { margin-bottom: 30px; }
.print-sec .sec-title { font-size: 40px; }
.print-sec .sec-head .sec-text { max-width: 960px; }
.sec-title span {
    font-size: 42px !important;
    line-height: 1.2 !important;
    color: var(--color-c39a5b);
    font-weight: 600 !important;
}
.print-card {
    height: 100%;
    padding: 32px 22px 28px;
    border-radius: 6px;
    text-align: center;
    color: var(--color-fff);
    background: linear-gradient(180deg, var(--color-141e2b) 0%, var(--color-970a3f) 100%);
    transition: all 0.4s ease;
}
.print-card .print-icon {
    height: 83px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
}
.print-card .print-icon img { max-height: 83px; width: auto; transition: transform 0.4s ease; }
.print-card h3 {
    font-family: "Inter", sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: inherit;
    margin-bottom: 8px;
}
.print-card p {
    font-size: 15px;
    line-height: 1.4;
}
.print-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 30px var(--color-rgba-27-41-59-0-25);
}
.print-card:hover .print-icon img { transform: scale(1.1) rotate(-4deg); }
/* light variant: no card, divider lines, coloured icons */
.print-light .print-card {
    padding: 0 18px;
    color: var(--color-3d3d3d);
    background: none;
    border-radius: 0;
    border-right: 1px solid var(--color-e6e6e6);
}
.ca-contact-sec .outline-btn.ca-line-btn.chat_btn {
    color: white !important;
}
.print-light .col-lg-3:last-child .print-card { border-right: 0; }
.print-light .print-card h3 { color: var(--color-111); }
.print-light .print-card:hover { box-shadow: none; transform: translateY(-6px); }
/* category strip slider */
.cat-strip {
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden;
}
.cat-slider .cat-item {
    display: block;
    width: 383px;
    margin: 0 15px;
    border-radius: 10px;
    overflow: hidden;
}
.cat-slider .cat-item img {
    width: 100%;
    height: 255px;
    object-fit: cover;
    transition: transform 0.6s ease;
}
.cat-slider .cat-item:hover img { transform: scale(1.06); }
.cat-slider:not(.slick-initialized) {
    display: flex;
    justify-content: center;
}
.cat-slider:not(.slick-initialized) .cat-item { flex-shrink: 0; }
/* ---------- 7. Popup (shared) ---------- */
.popup-wrap {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.35s ease;
}
.popup-wrap.active {
    visibility: visible;
    opacity: 1;
}
.popup-overlay {
    position: absolute;
    inset: 0;
    background: var(--color-rgba-27-41-59-0-75);
}
.popup-box {
    position: relative;
    width: 100%;
    max-width: 560px;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    padding: 40px 36px 30px;
    border-radius: 14px;
    border-top: 6px solid var(--color-141e2b);
    background: var(--color-fff);
    text-align: center;
    box-shadow: 0 25px 60px var(--color-rgba-0-0-0-0-35);
    transform: translateY(30px) scale(0.96);
    transition: transform 0.35s ease;
}
.popup-wrap.active .popup-box { transform: none; }
.popup-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    font-size: 18px;
    color: var(--color-111);
    background: var(--color-f1f1f6);
    transition: all 0.3s ease;
}
.popup-close:hover { color: var(--color-fff); background: var(--color-c39a5b); transform: rotate(90deg); }
.popup-tag {
    display: inline-block;
    padding: 5px 16px;
    margin-bottom: 12px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    color: var(--color-fff);
    background: linear-gradient(90deg, var(--color-c39a5b) 0%, var(--color-c39a5b) 100%);
}
.popup-title { font-size: 30px; margin-bottom: 8px; }
.popup-text { font-size: 15px; color: var(--color-555); margin-bottom: 22px; }
.popup-form .form-control,
.form-field {
    width: 100%;
    min-height: 48px;
    padding: 10px 14px;
    border: 1px solid var(--color-dcdcdc);
    border-radius: 6px;
    font-size: 14px;
    color: var(--color-111);
    background-color: var(--color-fff);
    box-shadow: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.popup-form .form-control:focus,
.form-field:focus {
    outline: 0;
    border-color: var(--color-141e2b);
    box-shadow: 0 0 0 3px var(--color-rgba-27-41-59-0-12);
}
.popup-form textarea.form-control { resize: none; }
.popup-contact {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 22px;
    margin-top: 20px;
    font-size: 14px;
}
.popup-contact a { color: var(--color-141e2b); font-weight: 600; }
.popup-contact a:hover { color: var(--color-c39a5b); }
.popup-contact i { margin-right: 5px; }
body.popup-open { overflow: hidden; }
/* =========================================================
   AUSTRALIA PAGE
   ========================================================= */
/* ---------- AU: Shared helpers ---------- */
.au-services-sec,
.au-stats-sec,
.au-members-sec,
.au-reliable-sec,
.au-bestseller-sec { z-index: 1; overflow: hidden; }
.page-australia .sec-title { line-height: 1.12; }
.page-australia .sec-text + .theme-btn,
.page-australia .sec-text + .btn-wrap { margin-top: 33px; }
.page-australia .print-sec { padding-top: 70px; }
/* ---------- AU: Who we are / Why choose ---------- */
.au-about-sec { padding: 70px 0 }
.au-about-row + .au-about-row { margin-top: 95px; }
.au-about-img img,
.au-why-img img { transition: transform 0.5s ease; }
.au-about-img:hover img { transform: translateY(-8px) scale(1.02); }
.au-about-content { max-width: 652px; padding-left: 52px; }
.au-why-content { max-width: 556px; }
.au-why-img { text-align: right; }
.au-why-img img { animation: floatY 5s ease-in-out infinite; }
/* ---------- AU: Services ---------- */
.au-services-sec { padding: 70px 0 }
.au-services-sec .sec-head { margin-bottom: 45px; }
.au-services-sec .sec-head .sec-text { max-width: 1090px; }
.au-service-card {
    height: 100%;
    padding: 34px 24px 30px;
    border-radius: 6px;
    color: var(--color-fff);
    background: linear-gradient(180deg, var(--color-99083f) 0%, var(--color-1b293b) 100%);
    position: relative;
    overflow: hidden;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.au-service-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, var(--color-cd0c21) 0%, var(--color-c39a5b) 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
}
.au-service-card > * { position: relative; }
.au-service-card i {
    font-size: 44px;
    line-height: 1;
    display: block;
    transition: transform 0.4s ease;
}
.au-service-card h3 {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--color-fff);
    margin: 18px 0 4px;
}
.au-service-card p { font-size: 16px; line-height: 1.38; }
.au-service-card.active::before,
.au-service-card:hover::before { opacity: 1; }
.au-service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 30px var(--color-rgba-205-12-33-0-3);
}
.au-service-card:hover i { transform: scale(1.12) rotate(-6deg); }
.au-services-btns { margin-top: 56px; }
/* ---------- AU: Publishing CTA + stats ---------- */
.au-stats-sec {
    padding: 52px 0 46px;
    text-align: center;
    background: var(--color-141e2b);
    box-shadow: 0 12px 24px var(--color-rgba-0-0-0-0-12);
}
.au-stats-title {
    max-width: 900px;
    margin: 0 auto;
    font-size: 38px;
    line-height: 1.22;
    color: var(--color-fff);
}
.au-stats-tag {
    margin: 14px 0 26px;
    font-family: "Sora", sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--color-c39a5b);
}
.au-btn-bordered { border-color: var(--color-fff); }
.au-stats-list {
    display: flex;
    justify-content: center;
    margin-top: 28px;
}
.au-stats-list li {
    padding: 0 38px;
    color: var(--color-fff);
    border-right: 1px solid var(--color-rgba-255-255-255-0-3);
    transition: transform 0.35s ease;
}
.au-stats-list li:last-child { border-right: 0; }
.au-stats-list li:hover { transform: translateY(-6px); }
.au-stats-list strong {
    display: block;
    font-family: "Sora", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
}
.au-stats-list span {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: var(--color-f7f3ec);
}
/* ---------- AU: Published works ---------- */
.au-works-sec { padding: 70px 0 }
.au-works-sec .sec-head { margin-bottom: 48px; }
.au-works-sec .sec-head .sec-text,
.au-genres-sec .sec-head .sec-text { max-width: 1010px; }
.au-work-card {
    padding: 30px;
    text-align: center;
    border: 1px solid var(--color-ececec);
    border-radius: 6px;
    background: var(--color-f8f8f8);
    overflow: hidden;
    transition: all 0.4s ease;
}
.au-work-card img {
    border-radius: 4px;
    transition: transform 0.5s ease;
}
.au-work-card:hover {
    background: var(--color-fff);
    border-color: var(--color-c39a5b);
    box-shadow: 0 16px 30px var(--color-rgba-0-0-0-0-1);
    transform: translateY(-6px);
}
.au-work-card:hover img { transform: scale(1.04); }
.au-works-btn { margin-top: 52px; }
.au-works-btn .dark-btn { min-width: 200px; }
/* ---------- AU: Members + project form ---------- */
.au-members-sec { padding: 115px 0 60px; }
.au-members-head { margin-bottom: 43px; }
.au-members-head .sec-title { margin-bottom: 0; }
.au-member-card {
    height: 123px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 0 30px;
    border-radius: 6px;
    color: var(--color-fff);
    background: linear-gradient(180deg, var(--color-8d0c44) 0%, var(--color-1b293b) 100%);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.au-member-card h3 {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: var(--color-fff);
    margin-bottom: 4px;
}
.au-member-card p { font-size: 16px; line-height: 1.4; max-width: 200px; }
.au-member-card img { flex-shrink: 0; transition: transform 0.4s ease; }
.au-member-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 26px var(--color-rgba-27-41-59-0-3);
}
.au-member-card:hover img { transform: scale(1.12); }
.au-project-row { margin-top: 60px }
.au-form-card {
    max-width: 500px;
    padding: 30px 32px 36px;
    border: 6px solid var(--color-1b293b);
    border-top-width: 3px;
    border-radius: 12px;
    background: var(--color-fff);
    box-shadow: inset 0 -16px 14px -10px var(--color-rgba-0-0-0-0-18);
    transition: box-shadow 0.4s ease, transform 0.4s ease;
}
.au-form-card:hover {
    transform: translateY(-4px);
    box-shadow: inset 0 -16px 14px -10px var(--color-rgba-0-0-0-0-18), 0 18px 34px var(--color-rgba-27-41-59-0-18);
}
.au-form-card h3 {
    font-size: 28px;
    text-align: center;
    margin-bottom: 20px;
}
.au-project-form .form-field {
    min-height: 42px;
    padding: 8px 18px;
    border-color: var(--color-e3e3e3);
    border-radius: 4px;
    font-size: 13px;
    color: var(--color-555);
}
.au-project-form textarea.form-field { height: 100px; resize: none; }
.au-select {
    appearance: none;
    padding-right: 36px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23e41b2a' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    cursor: pointer;
}
.au-project-form .theme-btn { font-size: 18px; margin-top: 6px; }
.au-project-content { padding-left: 68px; }
.au-genre-list {
    display: grid;
    grid-template-columns: repeat(4, auto);
    justify-content: start;
    gap: 6px 40px;
    margin: 26px 0 24px;
}
.au-genre-list li { font-size: 16px; color: var(--color-444); transition: color 0.3s ease, transform 0.3s ease; }
.au-genre-list i { font-size: 12px; color: var(--color-141e2b); margin-right: 10px; }
.au-genre-list li:hover { color: var(--color-c39a5b); transform: translateX(4px); }
.au-project-content .store-logos { margin-bottom: 28px; }
/* ---------- AU: Searching for reliable publishers ---------- */
.au-reliable-sec { padding: 86px 0 83px; }
.au-reliable-card {
    max-width: 710px;
    margin-left: -41px;
    padding: 30px 41px 40px;
    border-radius: 8px;
    background: var(--color-fff);
    box-shadow: 0 20px 40px var(--color-rgba-0-0-0-0-15);
    transition: transform 0.4s ease;
}
.au-reliable-card:hover { transform: translateY(-6px); }
.au-reliable-card .sec-tag { margin-bottom: 8px; }
.au-reliable-card .sec-title { margin-bottom: 14px; }
.au-reliable-card .btn-wrap { margin: 28px 0 30px; }
/* ---------- AU: Genres ---------- */
.au-genres-sec { padding: 60px 0 0; }
.au-genres-sec .sec-title { max-width: 860px; margin-left: auto; margin-right: auto; }
.au-genres-sec .sec-head { margin-bottom: 36px; }
.au-genre-grid {
    display: grid;
    grid-template-columns: repeat(6, auto);
    justify-content: space-between;
    row-gap: 30px;
}
.au-genre-grid li {
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    color: var(--color-222);
    cursor: default;
}
.au-genre-icon {
    width: 100px;
    height: 100px;
    margin: 0 auto 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-f0c9cc);
    border-radius: 50%;
    background: var(--color-fff);
    transition: all 0.4s ease;
}
.au-genre-icon img { width: 50px; height: 50px; transition: transform 0.4s ease, filter 0.4s ease; }
.au-genre-grid li.active .au-genre-icon,
.au-genre-grid li:hover .au-genre-icon {
    border-color: var(--color-141e2b);
    background: linear-gradient(180deg, var(--color-141e2b) 0%, var(--color-141e2b) 100%);
    box-shadow: 0 10px 22px var(--color-rgba-27-41-59-0-28);
}
.au-genre-grid li:hover .au-genre-icon img { filter: brightness(0) invert(1); transform: scale(1.1); }
.au-genre-grid li.active .au-genre-icon img { filter: none; }
/* ---------- AU: What's on your mind CTA ---------- */
.au-mind-sec { padding: 154px 0 0; }
.au-mind-box {
    position: relative;
    z-index: 1;
    min-height: 298px;
    display: flex;
    align-items: center;
    padding: 30px 64px;
    border-radius: 10px;
}
.au-mind-box .sec-bg { border-radius: 10px; }
.au-mind-content { position: relative; }
.au-mind-content h2 {
    max-width: 480px;
    font-size: 38px;
    line-height: 1.13;
    color: var(--color-fff);
    margin-bottom: 26px;
}
.au-mind-content .theme-btn { min-width: 164px; }
.au-mind-content .white-btn { min-width: 137px; }
.au-call-light { color: var(--color-fff); }
.au-call-light .call-icon { box-shadow: 0 0 0 4px var(--color-rgba-255-255-255-0-15); }
.au-mind-books {
    position: absolute;
    right: -6px;
    top: -24px;
    z-index: 1;
    transition: transform 0.5s ease;
}
.au-mind-box:hover .au-mind-books { transform: translateY(-8px); }
/* ---------- AU: Publishing journey ---------- */
.au-journey-sec { padding: 134px 0 0; }
.au-journey-sec .sec-head { margin-bottom: 48px; }
.au-journey-img img { animation: floatY 6s ease-in-out infinite; }
.au-journey-steps { row-gap: 57px; padding-top: 24px; }
.au-step-card {
    position: relative;
    height: 100%;
    padding: 40px 24px 26px;
    border-radius: 6px;
    color: var(--color-fff);
    background: linear-gradient(90deg, var(--color-c39a5b) 0%, var(--color-c39a5b) 100%);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.au-step-num {
    position: absolute;
    top: -24px;
    left: 20px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-family: "Sora", sans-serif;
    font-size: 19px;
    font-weight: 600;
    color: var(--color-fff);
    background: linear-gradient(180deg, var(--color-141e2b) 0%, var(--color-141e2b) 100%);
    transition: transform 0.4s ease;
}
.au-step-card h3 {
    font-family: "Inter", sans-serif;
    font-size: 19px;
    font-weight: 700;
    color: var(--color-fff);
    margin-bottom: 6px;
}
.au-step-card p { font-size: 15px; line-height: 1.45; }
.au-step-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 30px var(--color-rgba-208-10-33-0-3);
}
.au-step-card:hover .au-step-num { transform: rotate(360deg); transition-duration: 0.8s; }
/* ---------- AU: Pricing ---------- */
.au-pricing-sec { padding: 70px 0 }
.au-pricing-content { max-width: 606px; }
.au-pricing-img { display: flex; justify-content: flex-end; }
.au-pricing-img img,
.au-about-img img { max-width: none; }
.au-pricing-img img { transition: transform 0.5s ease; }
.au-pricing-img:hover img { transform: rotate(-2deg) scale(1.03); }
/* ---------- AU: Bestseller + Let Brand handle ---------- */
.au-bestseller-sec { padding: 70px 0 }
.au-bestseller-row { margin-bottom: 94px; }
.au-bestseller-img { border-radius: 8px; overflow: hidden; max-width: 570px; }
.au-bestseller-img img { width: 100%; transition: transform 0.6s ease; }
.au-bestseller-img:hover img { transform: scale(1.05); }
.au-haven-content { max-width: 570px; }
.au-haven-img { text-align: right; }
.au-haven-img img { animation: floatY 6s ease-in-out infinite; }
/* =========================================================
   UK PAGE (page-uk) – page specific styles
   ========================================================= */
/* ---------- UK: Shared tweaks ---------- */
.page-uk .sec-title { font-size: 40px; }
/* light blue primary hero button (hover falls back to the shared red hover) */
.page-uk .hero-sec .theme-btn:not(:hover) {
    background: linear-gradient(180deg, var(--color-24364b) 0%, var(--color-24364b) 100%);
    box-shadow: 0 6px 16px var(--color-rgba-27-41-59-0-3);
}
/* split heading: title left, text (+ buttons) right */
.uk-split-head .sec-title {
    line-height: 1.25;
    margin-bottom: 0;
}
.uk-split-text {
    max-width: 620px;
    margin-left: auto;
}
.uk-split-text .btn-wrap { margin-top: 24px; }
/* ---------- UK: About (professional book writing) ---------- */
.uk-about { padding: 100px 0 0; }
.uk-about-glow {
    position: absolute;
    top: -50px;
    right: 10px;
    width: 270px;
    pointer-events: none;
    animation: ukGlow 4s ease-in-out infinite alternate;
}
@keyframes ukGlow {
    from { opacity: 0.6; transform: scale(0.92); }
    to { opacity: 1; transform: scale(1.04); }
}
.uk-about-img { margin-left: max(-226px, calc(588px - 50vw)); }
.uk-about-img img {
    width: 100%;
    max-width: none;
    transition: transform 0.6s ease;
}
.uk-about-img:hover img { transform: translateY(-8px); }
.uk-about-content { width: 640px; }
.uk-about-content .sec-title {
    max-width: 545px;
    line-height: 1.13;
}
.uk-about-content .btn-wrap { margin: 44px 0 28px; }
.uk-review-logos {
    display: block;
    transition: transform 0.35s ease;
}
.uk-review-logos:hover { transform: translateY(-3px); }
/* ---------- UK: Covers strip (slider) ---------- */
.uk-covers {
    padding: 102px 0 0;
    overflow: hidden;
}
.uk-cover-slider { margin-left: -160px; }
.uk-cover-slider .swiper { padding: 12px 0; }
.uk-cover-slider .swiper-wrapper {
    display: flex;
    align-items: center;
}
.uk-cover {
    width: 233px;
    margin: 0 20px;
}
.uk-cover img {
    width: 100%;
    border-radius: 12px;
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}
.uk-cover:hover img {
    transform: translateY(-8px);
    box-shadow: 0 16px 28px var(--color-rgba-0-0-0-0-18);
}
.uk-cover-slider:not(.slick-initialized) {
    display: flex;
    align-items: center;
    padding: 12px 0;
}
.uk-cover-slider:not(.slick-initialized) .uk-cover { flex-shrink: 0; }
/* ---------- UK: Services grid ---------- */
.uk-services { padding: 100px 0 0; }
.uk-srv-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 30px;
    margin-top: 76px;
}
.uk-srv-card {
    position: relative;
    padding: 52px 28px 38px;
    border: 1px solid var(--color-ececec);
    border-radius: 10px;
    background: var(--color-fff);
    transition: all 0.4s ease;
}
.uk-srv-icon {
    position: absolute;
    top: -37px;
    left: 28px;
    width: 73px;
    height: 73px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 26px;
    color: var(--color-c39a5b);
    background: var(--color-fdeef0);
    transition: all 0.4s ease;
}
.uk-srv-icon i { transition: transform 0.4s ease; }
.uk-srv-card h3 {
    font-family: "Inter", sans-serif;
    font-size: 22px;
    margin-bottom: 8px;
}
.uk-srv-card p {
    max-width: 265px;
    font-size: 16px;
    line-height: 1.4;
    color: var(--color-444);
    margin-bottom: 34px;
}
.uk-learn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 600;
    color: var(--color-111);
}
.uk-learn i {
    font-size: 17px;
    color: var(--color-c39a5b);
    transition: transform 0.3s ease;
}
.uk-learn:hover { color: var(--color-c39a5b); }
.uk-learn:hover i { transform: translateX(5px); }
.uk-srv-card.active,
.uk-srv-card:hover {
    border-color: var(--color-f08a94);
    box-shadow: 0 14px 30px var(--color-rgba-228-27-42-0-08);
}
.uk-srv-card:hover { transform: translateY(-6px); }
.uk-srv-card.active .uk-srv-icon,
.uk-srv-card:hover .uk-srv-icon {
    color: var(--color-fff);
    background: var(--color-c39a5b);
}
.uk-srv-card:hover .uk-srv-icon i { transform: rotate(-10deg) scale(1.12); }
/* ---------- UK: Marketing company + UK map ---------- */
.uk-market { padding: 100px 0 0; }
.uk-market-content { max-width: 765px; }
.uk-market-content .btn-wrap { margin-top: 34px; }
.uk-map { text-align: right; }
.uk-map img { animation: floatY 5s ease-in-out infinite; }
/* ---------- UK: Stats band + Big Ben ---------- */
.uk-stats-sec {
    z-index: 1;
    padding: 110px 0 85px;
}
.uk-tower {
    position: absolute;
    left: 0;
    bottom: 154px;
    width: 340px;
    max-width: calc(50% - 600px);
    pointer-events: none;
}
.uk-stats-flag {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 154px;
    overflow: hidden;
    z-index: -1;
}
.uk-stats-flag img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.uk-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 26px 9px 30px 29px;
    border-radius: 10px;
    text-align: center;
    color: var(--color-fff);
    background: var(--color-d02a38);
    box-shadow: 0 18px 40px var(--color-rgba-208-42-56-0-22);
}
.uk-stat { transition: transform 0.35s ease; }
.uk-stat:hover { transform: translateY(-5px); }
.uk-stat strong {
    display: block;
    font-family: "Sora", sans-serif;
    font-size: 44px;
    font-weight: 600;
    line-height: 1.15;
    margin-bottom: 4px;
}
.uk-stat span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
}
/* ---------- UK: Top categories (tabs) ---------- */
.uk-cats {
    isolation: isolate;
    padding: 118px 0 100px;
    background: var(--color-141e2b);
}
.uk-cats .sec-title {
    max-width: 420px;
    color: var(--color-fff);
}
.uk-cats .sec-text { color: var(--color-rgba-255-255-255-0-88); }
.uk-cats .theme-btn { border-color: var(--color-rgba-27-41-59-0-55); }
.uk-cats .outline-btn {
    color: var(--color-fff);
    background: transparent;
}
.uk-cats .outline-btn:hover { background: var(--color-c39a5b); }
.uk-cat-tabs {
    justify-content: center;
    gap: 21px 11px;
    margin: 53px 0;
}
.uk-cat-tabs .nav-link {
    min-height: 40px;
    padding: 0 27px;
    border: 1px solid var(--color-rgba-255-255-255-0-8);
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-fff);
    background: transparent;
    transition: all 0.3s ease;
}
.uk-cat-tabs .nav-link:hover {
    color: var(--color-fff);
    border-color: var(--color-c39a5b);
    transform: translateY(-2px);
}
.uk-cat-tabs .nav-link.active {
    color: var(--color-fff);
    border-color: var(--color-e0101f);
    background: linear-gradient(90deg, var(--color-d6081c) 0%, var(--color-ee1229) 100%);
}
.uk-cat-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    max-width: 1170px;
    margin: 0 auto;
}
.uk-cat-book {
    border-radius: 8px;
    overflow: hidden;
}
.uk-cat-book img {
    display: block;
    width: 100%;
    transition: transform 0.6s ease;
}
.uk-cat-book:hover img { transform: scale(1.07); }
.uk-awards {
    margin-top: 63px;
    text-align: center;
}
.uk-awards img {
    width: 1002px;
    transition: transform 0.4s ease;
}
.uk-awards img:hover { transform: scale(1.03); }
/* ---------- UK: Print section (shared markup, UK spacing + strip label) ---------- */
.page-uk .print-sec .sec-head {
    padding-top: 18px;
    margin-bottom: 52px;
}
.page-uk .print-sec .sec-text { max-width: 970px; }
.page-uk .print-sec .row {
    margin-left: -40px;
    margin-right: -40px;
}
.page-uk .print-light .print-card { padding: 0 30px; }
.page-uk .print-card p {
    font-size: 16px;
    line-height: 1.38;
}
.uk-cat-labeled { position: relative; }
.uk-cat-labeled::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, var(--color-rgba-0-0-0-0) 40%, var(--color-rgba-0-0-0-0-92) 100%);
    pointer-events: none;
}
.uk-cat-label {
    position: absolute;
    left: 20px;
    bottom: 28px;
    z-index: 1;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--color-fff);
}
/* ---------- UK: London skyline + contact CTA ---------- */
.uk-cta { padding: 55px 0 0; }
.uk-skyline {
    display: block;
    margin: 0 auto;
}
.uk-cta-band {
    display: flex;
    align-items: center;
    min-height: 370px;
    padding: 50px 0;
    text-align: center;
    position: relative;
    isolation: isolate;
    color: var(--color-fff);
    background: var(--color-d0102c);
}
.uk-cta-band .sec-title {
    color: var(--color-fff);
    margin-bottom: 14px;
}
.uk-cta-band .sec-title span { display: block; }
.uk-cta-band p {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 22px;
}
/* ---------- UK: Agency features ---------- */
.uk-features { padding: 114px 0 115px; }
.uk-features .sec-title {
    max-width: 530px;
    line-height: 1.25;
}
.uk-feat-side { max-width: 572px; }
.uk-feat-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 57px 30px;
    max-width: 570px;
    margin-top: 71px;
}
.uk-feat-card {
    position: relative;
    padding: 50px 19px 30px;
    border-radius: 8px;
    background: var(--color-fff);
    box-shadow: 0 6px 18px var(--color-rgba-0-0-0-0-09);
    transition: all 0.4s ease;
}
.uk-feat-num {
    position: absolute;
    top: -24px;
    left: 19px;
    width: 49px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-family: "Sora", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--color-fff);
    background: linear-gradient(180deg, var(--color-ea1a30) 0%, var(--color-c50f22) 100%);
    transition: transform 0.4s ease;
}
.uk-feat-card h3 {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    margin-bottom: 6px;
}
.uk-feat-card p {
    max-width: 210px;
    font-size: 16px;
    line-height: 1.4;
    color: var(--color-444);
}
.uk-feat-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 30px var(--color-rgba-0-0-0-0-12);
}
.uk-feat-card:hover .uk-feat-num { transform: scale(1.12); }
.uk-feat-side strong {
    display: block;
    font-weight: 600;
    color: var(--color-111);
}
.uk-feat-img { margin: 64px 0 44px; }
.uk-feat-img img { transition: transform 0.5s ease; }
.uk-feat-img:hover img { transform: translateY(-8px); }
/* ---------- UK: Marketing packages ---------- */
.uk-packages {
    isolation: isolate;
    padding: 120px 0 100px;
}
.uk-packages .sec-head { margin-bottom: 32px; }
.uk-packages .sec-title { margin-bottom: 12px; }
.uk-packages .sec-head .sec-text { max-width: 1080px; }
.uk-pkg-card {
    height: 100%;
    padding: 37px 21px;
    border: 1px solid var(--color-f1dde0);
    border-radius: 10px;
    background: var(--color-fff);
    transition: all 0.4s ease;
}
.uk-pkg-card:hover {
    border-color: var(--color-f08a94);
    transform: translateY(-8px);
    box-shadow: 0 18px 34px var(--color-rgba-27-41-59-0-1);
}
.uk-pkg-tag {
    display: inline-block;
    padding: 4px 25px;
    margin-bottom: 18px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--color-fff);
    text-transform: uppercase;
    background: linear-gradient(180deg, var(--color-141e2b) 0%, var(--color-141e2b) 100%);
}
.uk-pkg-list li {
    display: flex;
    gap: 8px;
    padding: 3px 0;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-333);
}
.uk-pkg-list i {
    line-height: 24px;
    font-size: 12px;
    color: var(--color-c39a5b);
    transition: transform 0.3s ease;
}
.uk-pkg-list li:hover i { transform: translateX(4px); }
.uk-pkg-card .outline-btn {
    min-width: 227px;
    margin-top: 22px;
}
/* ---------- UK: Why choose us ---------- */
.uk-why { padding: 120px 0 138px; }
.uk-why .sec-head .sec-text { max-width: 960px; }
.uk-why-img img { transition: transform 0.5s ease; }
.uk-why-img:hover img { transform: scale(1.03); }
.uk-why-list li {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.uk-why-list li + li { margin-top: 37px; }
.uk-why-num {
    flex: 0 0 114px;
    font-family: "Sora", sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 0.9;
    text-align: right;
    color: transparent;
    -webkit-text-stroke: 1px var(--color-e8a2aa);
    transition: all 0.4s ease;
}
.uk-why-list li:hover .uk-why-num {
    color: var(--color-c39a5b);
    -webkit-text-stroke-color: var(--color-c39a5b);
}
.uk-why-list h3 {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    margin-bottom: 6px;
}
.uk-why-list p {
    max-width: 400px;
    font-size: 16px;
    line-height: 1.4;
    color: var(--color-444);
}
/* ---------- UK: Searching for reliable publishers ---------- */
.uk-search { padding: 0; }
.uk-search-box {
    position: relative;
    isolation: isolate;
    margin: 0 -79px;
    padding: 83px 20px;
    border-radius: 14px;
    overflow: hidden;
}
.uk-search-card {
    max-width: 982px;
    margin: 0 auto;
    padding: 52px 60px;
    border-radius: 10px;
    text-align: center;
    color: var(--color-fff);
    background: linear-gradient(180deg, var(--color-1b293b) 0%, var(--color-1b293b) 100%);
    box-shadow: 0 20px 40px var(--color-rgba-27-41-59-0-3);
    transition: transform 0.4s ease;
}
.uk-search-card:hover { transform: translateY(-6px); }
.uk-search-tag {
    display: block;
    margin-bottom: 11px;
    font-family: "Sora", sans-serif;
    font-size: 18px;
    font-weight: 600;
}
.uk-search-card .sec-title {
    max-width: 700px;
    margin: 0 auto 10px;
    line-height: 1.13;
    color: var(--color-fff);
}
.uk-search-card p {
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-rgba-255-255-255-0-92);
}
.uk-search-card .btn-wrap { margin: 22px 0 34px; }
.uk-search-card .store-logos { margin: 0 auto; }
.theme-btn.uk-red-btn {
    background: linear-gradient(90deg, var(--color-d6081c) 0%, var(--color-f0102d) 100%);
    box-shadow: 0 6px 16px var(--color-rgba-228-27-42-0-3);
}
.theme-btn.uk-red-btn:hover {
    color: var(--color-c39a5b);
    background: var(--color-fff);
}
/* ---------- UK: Unrivaled assurance ---------- */
.uk-assure { padding: 120px 0 0; }
.uk-assure .sec-title { line-height: 1.13; }
.uk-assure-pill {
    display: inline-block;
    padding: 7px 24px;
    border-radius: 50px;
    font-family: "Sora", sans-serif;
    font-size: 20px;
    line-height: 1.4;
    color: var(--color-fff);
    text-transform: uppercase;
    background: linear-gradient(90deg, var(--color-d0081f) 0%, var(--color-f20f2d) 100%);
}
.uk-assure-pill strong { font-weight: 700; }
.uk-assure-grid {
    display: grid;
    grid-template-columns: 329px 1fr 329px;
    align-items: center;
}
.uk-assure-col {
    display: flex;
    flex-direction: column;
    gap: 29px;
}
.uk-assure-img { text-align: center; }
.uk-assure-img img { transition: transform 0.5s ease; }
.uk-assure-img:hover img { transform: translateY(-8px); }
.uk-assure-card {
    padding: 7px 27px 7px 13px;
    border-radius: 10px;
    background: linear-gradient(180deg, var(--color-24364b) 0%, var(--color-1b293b) 100%);
    transition: all 0.4s ease;
}
.uk-assure-right { padding: 7px 13px 7px 27px; }
.uk-assure-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 30px var(--color-rgba-27-41-59-0-25);
}
.uk-assure-inner {
    position: relative;
    min-height: 184px;
    padding: 18px 20px 21px;
    border-radius: 8px;
    background: var(--color-fff);
}
.uk-assure-inner::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -17px;
    margin-top: -17px;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 18px solid var(--color-fff);
}
.uk-assure-right .uk-assure-inner::after {
    right: auto;
    left: -17px;
    border-left: 0;
    border-right: 18px solid var(--color-fff);
}
.uk-assure-num {
    display: block;
    font-family: "Sora", sans-serif;
    font-size: 54px;
    font-weight: 600;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 1px var(--color-e9e9ee);
    transition: all 0.4s ease;
}
.uk-assure-card:hover .uk-assure-num { -webkit-text-stroke-color: var(--color-c39a5b); }
.uk-assure-inner h3 {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    margin: 7px 0 12px;
}
.uk-assure-inner p {
    max-width: 220px;
    font-size: 16px;
    line-height: 1.4;
    color: var(--color-444);
}
/* ---------- UK: Satisfaction guaranteed ---------- */
.uk-satisfy { padding: 70px 0 }
.uk-satisfy-box {
    position: relative;
    max-width: 1178px;
    min-height: 211px;
    margin: 0 auto;
    padding: 52px 245px 50px;
    isolation: isolate;
    text-align: center;
    transition: transform 0.4s ease;
}
.uk-satisfy-bg { object-fit: fill; }
.uk-satisfy-box:hover { transform: translateY(-5px); }
.uk-satisfy-badge {
    position: absolute;
    top: -11px;
    left: 83px;
    animation: floatY 4s ease-in-out infinite;
}
.uk-satisfy-box .sec-title {
    font-weight: 700;
    color: var(--color-1b293b);
    margin-bottom: 8px;
}
.uk-satisfy-box p {
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-222);
}
/* =========================================================
   UAE PAGE (body.page-uae) – page specific styles
   ========================================================= */
/* ---------- UAE: Shared overrides (hero, media, buttons) ---------- */
.page-uae .hero-badge {
    background: linear-gradient(90deg, var(--color-0d8d50) 0%, var(--color-1cad67) 100%);
    box-shadow: 0 8px 20px var(--color-rgba-13-141-80-0-3);
}
.page-uae .hero-sec .theme-btn {
    background: linear-gradient(90deg, var(--color-c39a5b) 0%, var(--color-e41b24) 100%);
    box-shadow: 0 6px 16px var(--color-rgba-228-27-36-0-25);
}
.page-uae .hero-sec .theme-btn:hover {
    background: linear-gradient(90deg, var(--color-0d8d50) 0%, var(--color-1cad67) 100%);
    box-shadow: 0 10px 22px var(--color-rgba-13-141-80-0-3);
}
.page-uae .media-sec { background: linear-gradient(180deg, var(--color-f2f9f6) 0%, var(--color-fff) 100%); }
.uae-green-btn {
    background: linear-gradient(90deg, var(--color-0d8d50) 0%, var(--color-1cad67) 100%);
    box-shadow: 0 6px 16px var(--color-rgba-13-141-80-0-25);
}
.page-uae .sec-title {
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.035em;
}
.page-uae .sec-tag { font-size: 18px; font-weight: 700; color: var(--color-e31b2d); }
/* ---------- UAE: Experts in 10+ genres ---------- */
.uae-experts-sec { padding: 70px 0 70px; }
.uae-experts-sec .sec-title { max-width: 500px; }
.uae-experts-sec .sec-text { max-width: 540px; }
.uae-check-list {
    display: grid;
    grid-template-columns: 152px 173px 1fr;
    gap: 6px 0;
    margin: 22px 0 26px;
    color: var(--color-3d3d3d);
}
.uae-check-list li { display: flex; align-items: center; transition: transform 0.3s ease, color 0.3s ease; }
.uae-check-list i { margin-right: 10px; font-size: 14px; color: var(--color-1a9c5f); }
.uae-check-list li:hover { color: var(--color-0d8d50); transform: translateX(4px); }
.uae-award-seals { display: block; transition: transform 0.4s ease; }
.uae-award-seals:hover { transform: scale(1.04); }
.uae-experts-img { text-align: right; }
.uae-experts-img img { animation: floatY 4s ease-in-out infinite; }
/* ---------- UAE: Comprehensive services ---------- */
.uae-services-sec {
    padding: 70px 0;
    background: linear-gradient(180deg, var(--color-edf8f2) 0%, var(--color-fff) 100%);
}
.uae-services-sec .sec-head { margin-bottom: 38px; }
.uae-svc-row { row-gap: 32px; }
.uae-svc-card {
    position: relative;
    display: flex;
    height: 100%;
    min-height: 357px;
    border: 1px solid var(--color-dfe3e2);
    border-radius: 8px;
    background: var(--color-fff);
    overflow: hidden;
    transition: all 0.4s ease;
}
.uae-svc-label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    flex-shrink: 0;
    border-right: 1px solid var(--color-e6e6e6);
    font-family: "Inter", sans-serif;
    font-size: 19px;
    font-weight: 700;
    color: var(--color-111);
    white-space: nowrap;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    transition: inherit;
}
.uae-svc-body {
    flex: 1;
    padding: 30px 22px 20px;
    text-align: center;
}
.uae-svc-icon { height: 58px; width: auto; margin-bottom: 14px; transition: transform 0.4s ease; }
.uae-svc-body p {
    max-width: 266px;
    margin: 0 auto 8px;
    font-size: 16px;
    line-height: 1.42;
    color: var(--color-3d3d3d);
    transition: color 0.4s ease;
}
.uae-svc-img { max-height: 140px; width: auto; transition: transform 0.5s ease; }
.uae-svc-card.active,
.uae-svc-card:hover {
    border-color: transparent;
    background: linear-gradient(90deg, var(--color-0d8d50) 0%, var(--color-1cad67) 100%);
    box-shadow: 0 18px 34px var(--color-rgba-13-141-80-0-22);
}
.uae-svc-card:hover { transform: translateY(-8px); }
.uae-svc-card.active .uae-svc-label,
.uae-svc-card:hover .uae-svc-label { color: var(--color-fff); border-color: var(--color-rgba-255-255-255-0-25); }
.uae-svc-card.active p,
.uae-svc-card:hover p { color: var(--color-fff); }
.uae-svc-card:hover .uae-svc-icon { transform: rotate(-8deg) scale(1.1); }
.uae-svc-card:hover .uae-svc-img { transform: scale(1.05); }
/* ---------- UAE: CTA bands (green + red) ---------- */
.uae-cta-green,
.uae-cta-red {
    position: relative;
    z-index: 1;
    color: var(--color-fff);
}
.uae-cta-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.uae-cta-title {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.035em;
    color: var(--color-fff);
}
.uae-cta-text { font-size: 16px; line-height: 1.5; }
.uae-cta-green {
    display: flex;
    align-items: center;
    min-height: 322px;
    padding: 50px 0;
    text-align: center;
}
.uae-cta-green .uae-cta-title { max-width: 840px; margin: 0 auto 14px; }
.uae-cta-green .uae-cta-text {
    margin-bottom: 26px;
    font-family: "Sora", sans-serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--color-e3192b);
}
.uae-cta-green .btn-wrap { justify-content: center; gap: 14px; }
.uae-cta-books {
    position: absolute;
    top: -22px;
    left: 38px;
    width: min(372px, calc((100vw - 870px) / 2 - 50px));
    transition: transform 0.5s ease;
}
.uae-cta-open-book {
    position: absolute;
    right: 0;
    bottom: -44px;
    width: min(423px, calc((100vw - 840px) / 2 + 20px));
    transition: transform 0.5s ease;
}
.uae-cta-green:hover .uae-cta-books { transform: rotate(-3deg) translateY(-6px); }
.uae-cta-green:hover .uae-cta-open-book { transform: translateY(-6px); }
.uae-cta-red {
    display: flex;
    align-items: center;
    min-height: 352px;
    padding: 50px 0;
}
.uae-cta-red .uae-cta-title { margin-bottom: 14px; font-weight: 400; }
.uae-cta-red .uae-cta-title strong { font-weight: 700; }
.uae-cta-red-content { max-width: 760px; }
.uae-cta-red .uae-cta-text { max-width: 760px; margin-bottom: 30px; }
.uae-cta-red-book {
    position: absolute;
    right: 14px;
    bottom: 0;
    width: 420px;
    transform-origin: bottom center;
    transition: transform 0.5s ease;
}
.uae-cta-red:hover .uae-cta-red-book { transform: rotate(3deg); }
/* ---------- UAE: Why choose us ---------- */
.uae-why-sec { padding: 70px 0 0; }
.uae-why-sec .sec-title { max-width: 520px; margin-bottom: 14px; }
.uae-why-sec .sec-text + .sec-text { margin-top: 22px; }
.uae-why-img img { transition: transform 0.6s ease; }
.uae-why-img:hover img { transform: scale(1.03) rotate(-1deg); }
.uae-genre-list {
    display: grid;
    grid-template-columns: 70px 112px 70px 1fr;
    gap: 6px 0;
    margin: 20px 0 22px;
}
.uae-genre-list li { display: flex; align-items: center; transition: transform 0.3s ease, color 0.3s ease; }
.uae-genre-list i { margin-right: 8px; font-size: 11px; color: var(--color-1a9c5f); }
.uae-genre-list li:hover { color: var(--color-0d8d50); transform: translateX(4px); }
.uae-store-logos { margin-bottom: 26px; }
/* ---------- UAE: Services for all genres ---------- */
.uae-allgenres-sec { padding: 90px 0 118px; overflow: hidden; }
.uae-allgenres-sec .sec-head { margin-bottom: 10px; }
.uae-allgenres-sec .sec-head .sec-text { max-width: 760px; }
.uae-burj {
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc((100vw - 1176px) / 2 + 30px);
    max-width: 391px;
    pointer-events: none;
}
.uae-genre-card {
    position: relative;
    z-index: 1;
    padding: 0 6px;
    text-align: center;
}
.uae-genre-img { margin-bottom: -10px; }
.uae-genre-img img { width: 248px; transition: transform 0.5s ease; }
.uae-genre-card h3 {
    margin-bottom: 6px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.02em;
    transition: color 0.3s ease;
}
.uae-genre-card p { max-width: 232px; margin: 0 auto; line-height: 1.38; color: var(--color-3d3d3d); }
.uae-genre-row { row-gap: 4px; }
.uae-genre-card:hover .uae-genre-img img { transform: translateY(-8px) scale(1.04); }
.uae-genre-card:hover h3 { color: var(--color-0d8d50); }
/* ---------- UAE: Top categories ---------- */
.uae-topcat-sec {
    display: flex;
    align-items: center;
    min-height: 541px;
    padding: 47px 0;
    background: var(--color-fff);
}
.uae-topcat-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.uae-topcat-sec .container { position: relative; }
.uae-topcat-flag img { transition: transform 0.5s ease; }
.uae-topcat-flag:hover img { transform: rotate(-4deg) scale(1.03); }
.uae-topcat-sec .col-lg-8 { padding-left: 52px; }
.uae-topcat-sec .sec-title { max-width: 560px; }
.uae-topcat-sec .sec-title span { color: var(--color-e31b2d); }
.uae-topcat-sec .sec-text { max-width: 720px; }
.uae-contact-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 34px;
    margin: 20px 0 28px;
}
.uae-contact-item { display: flex; align-items: center; gap: 12px; }
.uae-contact-icon {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-e31b2d);
    border-radius: 50%;
    font-size: 19px;
    color: var(--color-e31b2d);
    background: var(--color-fff);
    transition: all 0.35s ease;
}
.uae-contact-item small {
    display: block;
    font-size: 13px;
    line-height: 1.3;
    color: var(--color-1a9c5f);
}
.uae-contact-item a {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-111);
}
.uae-contact-item a:hover { color: var(--color-e31b2d); }
.uae-contact-item:hover .uae-contact-icon { color: var(--color-fff); background: var(--color-e31b2d); transform: rotate(-12deg); }
/* ---------- UAE: Portfolio ---------- */
.uae-portfolio-sec { padding: 120px 0 0; overflow: hidden; }
.uae-portfolio-head { margin-bottom: 72px; }
.uae-portfolio-head .sec-title { margin: 0; }
.uae-portfolio-head .col-lg-6:last-child { padding-left: 32px; }
.uae-portfolio-grid {
    display: grid;
    grid-template-columns: repeat(14, minmax(0, 1fr));
    gap: 28px 26px;
    max-width: 1890px;
    margin: 0 auto 56px;
    padding: 0 20px;
}
.uae-cover {
    position: relative;
    grid-column: span 2;
    aspect-ratio: 242 / 362;
    border-radius: 4px;
    box-shadow: 0 8px 18px var(--color-rgba-0-0-0-0-08);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.uae-cover:first-child { grid-column: 2 / span 2; }
.uae-cover img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
}
.uae-cover[class*="badge"] { z-index: 1; box-shadow: none; }
.uae-cover[class*="badge"] img { max-width: none; height: auto; object-fit: initial; border-radius: 0; }
.uae-cover-badge-tl img { top: -8.84%; left: -7.02%; width: 107.02%; }
.uae-cover-badge-tr img { top: -8.84%; width: 119.01%; }
.uae-cover-badge-r img { width: 125.62%; }
.uae-cover-badge-tr2 img { top: -7.46%; width: 121.9%; }
.uae-cover:hover {
    z-index: 2;
    transform: translateY(-8px);
    box-shadow: 0 18px 30px var(--color-rgba-0-0-0-0-18);
}
.uae-cover[class*="badge"]:hover { box-shadow: none; }
/* ---------- UAE: Print section (light gradient cards + image grid) ---------- */
.page-uae .print-sec { padding-bottom: 95px; }
.page-uae .print-sec .sec-title { font-size: 42px; margin-bottom: 14px; }
.page-uae .print-card {
    padding: 34px 20px 36px;
    border-radius: 8px;
    color: var(--color-3d3d3d);
    background: linear-gradient(180deg, var(--color-e8f6ef) 0%, var(--color-fbe8e8) 100%);
}
.page-uae .print-card h3 { color: var(--color-111); }
.page-uae .print-card p { max-width: 212px; margin: 0 auto; }
.page-uae .print-card:hover { box-shadow: 0 18px 30px var(--color-rgba-13-141-80-0-15); }
.uae-print-grid { margin-top: 16px; }
.uae-print-item {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 18px var(--color-rgba-0-0-0-0-08);
}
.uae-print-item img { display: block; width: 100%; transition: transform 0.6s ease; }
.uae-print-item:hover img { transform: scale(1.06); }
/* ---------- UAE: Reliable publishers across Dubai ---------- */
.uae-reliable-sec {
    display: flex;
    align-items: center;
    min-height: 746px;
    padding: 60px 0;
}
.uae-reliable-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center;
}
.uae-reliable-sec .container { position: relative; }
.uae-reliable-box {
    max-width: 712px;
    margin: 24px 0 0 -42px;
    padding: 38px 42px 43px;
    border-radius: 8px;
    background: var(--color-fff);
    box-shadow: 0 20px 50px var(--color-rgba-0-0-0-0-15);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.uae-reliable-box:hover { transform: translateY(-6px); box-shadow: 0 28px 60px var(--color-rgba-0-0-0-0-22); }
.uae-reliable-box .sec-tag { margin-bottom: 6px; line-height: 1.3; }
.uae-reliable-box .sec-title { margin-bottom: 12px; }
.uae-reliable-box .btn-wrap { margin: 24px 0 26px; }
.uae-reliable-box .uae-store-logos { margin-bottom: 0; }
/* ---------- UAE: Process ---------- */
.uae-process-sec {
    padding: 70px 0;
    background: linear-gradient(180deg, var(--color-edf8f2) 0%, var(--color-fff) 60%);
}
.uae-process-sec .sec-head { margin-bottom: 23px; }
.uae-process-sec .sec-head .sec-text,
.uae-guarantee-sec .sec-head .sec-text { max-width: 860px; }
.uae-process-row { row-gap: 20px; }
.uae-process-card {
    position: relative;
    height: 100%;
    padding: 30px 24px 34px;
    border: 1px solid var(--color-e8546a);
    border-radius: 8px;
    background: linear-gradient(180deg, var(--color-f6fbf8) 0%, var(--color-fff) 60%);
    transition: all 0.4s ease;
}
.uae-process-card img { height: 62px; width: auto; margin-bottom: 16px; transition: transform 0.4s ease; }
.uae-process-num {
    position: absolute;
    top: 22px;
    right: 26px;
    font-family: "Sora", sans-serif;
    font-size: 80px;
    font-weight: 600;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 1.5px var(--color-d6d6d6);
    -webkit-mask-image: linear-gradient(180deg, var(--color-000) 30%, transparent 100%);
    mask-image: linear-gradient(180deg, var(--color-000) 30%, transparent 100%);
    transition: all 0.4s ease;
}
.uae-process-card h3,
.uae-guarantee-card h3,
.uae-step-text h3 {
    font-family: "Inter", sans-serif;
    font-size: 19px;
    font-weight: 700;
    color: var(--color-1d1d1d);
    transition: color 0.3s ease;
}
.uae-process-card h3 { margin-bottom: 8px; }
.uae-process-card p { max-width: 292px; line-height: 1.45; color: var(--color-3d3d3d); }
.uae-process-card:hover {
    transform: translateY(-8px);
    border-color: var(--color-1aa865);
    box-shadow: 0 18px 32px var(--color-rgba-13-141-80-0-14);
}
.uae-process-card:hover img { transform: scale(1.1) rotate(-6deg); }
.uae-process-card:hover .uae-process-num { -webkit-text-stroke-color: var(--color-1aa865); }
/* ---------- UAE: Guarantees ---------- */
.uae-guarantee-sec { padding: 70px 0 0; }
.uae-guarantee-sec .sec-head { margin-bottom: 42px; }
.uae-guarantee-sec .row { padding-top: 59px; }
.uae-guarantee-card {
    position: relative;
    height: 100%;
    padding: 100px 26px 36px;
    border: 1px solid var(--color-e8546a);
    border-radius: 8px;
    text-align: center;
    background: var(--color-fff);
    transition: all 0.4s ease;
}
.uae-guarantee-icon {
    position: absolute;
    top: -59px;
    left: 50%;
    width: 136px;
    height: 136px;
    margin-left: -68px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 12px solid var(--color-16a05d);
    border-radius: 50%;
    background: var(--color-f0eef0);
    transition: transform 0.5s ease;
}
.uae-guarantee-icon img { width: 112px; }
.uae-guarantee-card h3 { margin-bottom: 8px; }
.uae-guarantee-card p { max-width: 300px; margin: 0 auto; line-height: 1.45; color: var(--color-3d3d3d); }
.uae-guarantee-card:hover { transform: translateY(-8px); box-shadow: 0 18px 32px var(--color-rgba-228-27-45-0-12); }
.uae-guarantee-card:hover .uae-guarantee-icon { transform: rotate(360deg); }
/* ---------- UAE: Reach worldwide ---------- */
.uae-reach-sec { padding: 120px 0; }
.uae-reach-sec > .container > .sec-title { margin-bottom: 39px; }
.uae-reach-img img { transition: transform 0.6s ease; }
.uae-reach-img:hover img { transform: scale(1.03); }
.uae-reach-sec .btn-wrap { margin-top: 26px; }
.uae-stats {
    display: flex;
    margin-top: 20px;
}
.uae-stats li {
    flex: 1 1 auto;
    padding: 4px 22px;
    border-left: 1px solid var(--color-ddd);
    transition: transform 0.3s ease;
}
.uae-stats li:first-child { padding-left: 0; border-left: 0; }
.uae-stats strong {
    display: block;
    font-family: "Sora", sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: var(--color-111);
}
.uae-stats span { font-size: 15px; font-weight: 600; color: var(--color-1a9c5f); }
.uae-stats li:hover { transform: translateY(-4px); }
/* ---------- UAE: Bring life to your stories ---------- */
.uae-bring-sec { padding-top: 24px; color: var(--color-fff); }
.uae-bring-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.uae-bring-sec .container { position: relative; }
.uae-bring-sec .row { min-height: 553px; }
.uae-bring-sec .col-lg-6:last-child { align-self: flex-end; }
.uae-bring-sec .sec-title { max-width: 590px; color: var(--color-fff); margin-bottom: 14px; }
.uae-bring-sec .sec-text { margin: 0 -50px 26px 0; color: var(--color-fff); }
.uae-bring-img { text-align: right; }
.uae-bring-img img { display: inline-block; vertical-align: bottom; transition: transform 0.5s ease; }
.uae-bring-img:hover img { transform: translateY(-8px); }
/* ---------- UAE: Published in 4 steps ---------- */
.uae-steps-sec { padding: 70px 0 70px; overflow: hidden; }
.uae-steps-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 443px;
    object-fit: cover;
    object-position: center bottom;
}
.uae-steps-sec .container { position: relative; }
.uae-steps-sec .sec-head { margin-bottom: 28px; }
.uae-steps-sec .sec-title span { color: var(--color-1a9c5f); }
.uae-steps { position: relative; max-width: 1068px; margin: 0 auto; }
.uae-step {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    min-height: 146px;
    padding: 9px 8px 9px 76px;
}
.uae-step:nth-child(even) { flex-direction: row-reverse; padding: 9px 76px 9px 5px; }
.uae-step:nth-child(even) .uae-step-text { flex: 1; padding-left: 26px; }
/* dashed snake path: half-circle on the side + dashed top line */
.uae-step::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 73px;
    border: 2px dashed var(--color-f2b8c2);
    border-left: 0;
    border-radius: 0 73px 73px 0;
    pointer-events: none;
}
.uae-step:nth-child(even)::before {
    right: auto;
    left: 0;
    border-left: 2px dashed var(--color-f2b8c2);
    border-right: 0;
    border-radius: 73px 0 0 73px;
}
.uae-step::after,
.uae-steps::after {
    content: "";
    position: absolute;
    top: 0;
    left: 73px;
    right: 73px;
    height: 2px;
    background: repeating-linear-gradient(90deg, var(--color-f2b8c2) 0 8px, transparent 8px 14px);
    pointer-events: none;
}
.uae-step:first-child::after { left: 0; }
.uae-steps::after { top: auto; bottom: 0; right: 0; }
.uae-step-text h3 { margin-bottom: 8px; }
.uae-step-text p { color: var(--color-3d3d3d); }
.uae-step-num {
    width: 128px;
    height: 128px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-family: "Inter", sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 0.95;
    color: var(--color-fff);
    background: linear-gradient(180deg, var(--color-1cad67) 0%, var(--color-0d8d50) 100%);
    box-shadow: 0 10px 20px var(--color-rgba-13-141-80-0-25);
    transition: transform 0.5s ease;
}
.uae-step-num small {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
.uae-step:hover .uae-step-num { transform: scale(1.08) rotate(-8deg); }
.uae-step:hover .uae-step-text h3 { color: var(--color-0d8d50); }
/* =========================================================
   IRELAND PAGE (body.page-ireland, prefix ie-)
   ========================================================= */
/* ---------- IE: Typography, accents & buttons ---------- */
.page-ireland .sec-title { font-size: 40px; }
.page-ireland .sec-text { line-height: 1.5; }
.page-ireland .sec-tag { font-size: 18px; color: var(--color-c39a5b); }
.page-ireland .ie-hl { color: var(--color-c39a5b); }
.page-ireland .hero-badge {
    background: linear-gradient(90deg, var(--color-138954) 0%, var(--color-1aab66) 100%);
    box-shadow: 0 8px 20px var(--color-rgba-19-137-84-0-3);
}
.page-ireland .hero-sec .theme-btn,
.ie-btn-orange {
    background: linear-gradient(90deg, var(--color-c39a5b) 0%, var(--color-c39a5b) 100%);
    box-shadow: 0 6px 16px var(--color-rgba-251-105-54-0-3);
}
.page-ireland .hero-sec .theme-btn:hover,
.ie-btn-orange:hover,
.ie-btn-green:hover {
    background: linear-gradient(90deg, var(--color-c39a5b) 0%, var(--color-c39a5b) 100%);
    box-shadow: 0 10px 22px var(--color-rgba-251-105-54-0-35);
}
.ie-btn-green {
    padding: 0 25px;
    background: linear-gradient(90deg, var(--color-138a52) 0%, var(--color-20ac69) 100%);
    box-shadow: 0 6px 16px var(--color-rgba-19-138-82-0-25);
}
.ie-btn-outline { border-color: var(--color-f9b996); }
.ie-btn-outline:hover {
    background: var(--color-c39a5b);
    border-color: var(--color-c39a5b);
    box-shadow: 0 10px 22px var(--color-rgba-249-122-59-0-25);
}
.page-ireland .media-sec { background: linear-gradient(180deg, var(--color-fff3ec) 0%, var(--color-fff) 100%); }
/* 30px-gutter grid used by the book, step and feature cards */
.ie-row-30 { margin-left: -15px; margin-right: -15px; }
.ie-row-30 > * { padding-left: 15px; padding-right: 15px; }
/* store logos (amazon / kobo / apple books / barnes & noble) */
.ie-stores {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 33px;
    margin-top: 28px;
}
.ie-stores img { transition: transform 0.35s ease; }
.ie-stores img:hover { transform: translateY(-4px) scale(1.05); }
/* ---------- IE: Experts in 10+ genres ---------- */
.ie-genres-sec { padding: 70px 0 }
.ie-genres-content { max-width: 530px; }
.ie-genres-sec .sec-title { line-height: 1.15; margin-bottom: 18px; }
.ie-genre-list {
    display: grid;
    grid-template-columns: repeat(4, max-content);
    gap: 7px 30px;
    margin: 22px 0 22px;
    font-size: 15px;
    color: var(--color-333);
}
.ie-genre-list li { transition: transform 0.3s ease, color 0.3s ease; }
.ie-genre-list i { margin-right: 10px; font-size: 11px; color: var(--color-c39a5b); }
.ie-genre-list li:hover { color: var(--color-c39a5b); transform: translateX(4px); }
.ie-genres-map { text-align: right; }
.ie-genres-map img { animation: floatY 5s ease-in-out infinite; }
/* ---------- IE: Services ---------- */
.ie-services-sec {
    padding: 70px 0;
    background: var(--color-f7f3ec);
    overflow: hidden;
}
.ie-services-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center;
}
.ie-services-sec .container { position: relative; }
.ie-services-sec .sec-title { margin: 0; }
.ie-services-sec .sec-head { margin-bottom: 40px; }
.ie-services-grid { padding-right: 18px; margin-bottom: 50px; }
.ie-service-card {
    position: relative;
    height: 100%;
    padding: 40px 30px 34px 28px;
    border-radius: 8px;
    background: var(--color-fff);
    box-shadow: 0 6px 18px var(--color-rgba-27-41-59-0-12);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.ie-service-icon {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 82px;
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 12px 12px;
    border-radius: 0 18px 0 62px;
    font-size: 26px;
    color: var(--color-8b6837);
    background: var(--color-ffcdaa);
}
/* folded ribbon corners */
.ie-service-icon::before,
.ie-service-icon::after {
    content: "";
    position: absolute;
    border-style: solid;
}
.ie-service-icon::before {
    top: 0;
    left: -17px;
    border-width: 0 17px 18px 0;
    border-color: transparent var(--color-c39a5b) transparent transparent;
}
.ie-service-icon::after {
    right: 0;
    bottom: -17px;
    border-width: 17px 18px 0 0;
    border-color: var(--color-c39a5b) transparent transparent transparent;
}
.ie-service-icon i { transition: transform 0.4s ease; }
.ie-service-card h3 { font-size: 18px; line-height: 1.3; margin-bottom: 8px; }
.ie-service-card p { font-size: 16px; line-height: 1.4; color: var(--color-3d3d3d); }
.ie-service-card:hover { transform: translateY(-8px); box-shadow: 0 18px 32px var(--color-rgba-27-41-59-0-18); }
.ie-service-card:hover .ie-service-icon i { transform: rotate(-10deg) scale(1.12); }
/* ---------- IE: Retain 100% rights ---------- */
.ie-rights-sec { padding: 60px 0 }
.ie-rights-img { overflow: hidden; border-radius: 10px; }
.ie-rights-img img { display: block; transition: transform 0.6s ease; }
.ie-rights-img:hover img { transform: scale(1.04); }
.ie-rights-sec .sec-title { max-width: 620px; line-height: 1.15; margin-bottom: 16px; }
.ie-rights-sec .sec-text { margin-bottom: 26px; }
/* ---------- IE: Green CTA band ---------- */
.ie-cta-green {
    padding: 56px 0 54px;
    text-align: center;
    background: var(--color-189a5e);
    overflow: hidden;
}
.ie-cta-green-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 6s ease;
}
.ie-cta-green:hover .ie-cta-green-bg { transform: scale(1.05); }
.ie-cta-green .container { position: relative; }
.ie-cta-green h2 {
    max-width: 700px;
    margin: 0 auto 16px;
    font-size: 40px;
    line-height: 1.2;
    color: var(--color-fff);
}
/* ---------- IE: What makes us the biggest ---------- */
.ie-why-sec { padding: 70px 0 }
.ie-why-church {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 297px;
    max-width: calc(50% - 585px);
    transition: transform 0.6s ease;
    transform-origin: bottom center;
}
.ie-why-church:hover { transform: scale(1.03); }
.ie-why-head { margin-bottom: 40px; }
.ie-why-head .sec-title { margin: 0; }
.ie-why-row { row-gap: 26px; }
.ie-why-row > div:nth-child(odd) { padding-right: 42px; }
.ie-why-row > div:nth-child(even) { padding-left: 34px; padding-right: 46px; }
.ie-why-item { transition: transform 0.35s ease; }
.ie-why-item h3 { font-size: 18px; line-height: 1.4; margin-bottom: 4px; transition: color 0.3s ease; }
.ie-why-item:hover { transform: translateX(6px); }
.ie-why-item:hover h3 { color: var(--color-c39a5b); }
.ie-why-item p { font-size: 16px; line-height: 1.4; color: var(--color-444); }
.ie-why-item p + p { margin-top: 22px; }
/* ---------- IE: Top categories (tabs) ---------- */
.ie-cats-sec {
    padding: 70px 0;
    background: linear-gradient(180deg, var(--color-fef2eb) 0%, var(--color-fff) 720px);
}
.ie-cats-sec .sec-head { margin-bottom: 24px; }
.ie-cats-sec .sec-title { margin-bottom: 20px; }
.ie-cats-sec .sec-head .sec-text { max-width: 850px; font-size: 15px; }
.ie-cat-tabs {
    justify-content: center;
    gap: 10px 15px;
    margin: 0 auto 70px;
}
.ie-cat-tabs .nav-link {
    padding: 9px 27px;
    border: 1px solid var(--color-ececec);
    border-radius: 50px;
    font-size: 15px;
    line-height: 1.5;
    color: var(--color-222);
    background: var(--color-fff);
    transition: all 0.3s ease;
}
.ie-cat-tabs .nav-link:hover,
.ie-cat-tabs .nav-link.active {
    color: var(--color-c39a5b) !important;
    border-color: var(--color-f9b996);
    background: var(--color-fff);
}
.ie-cat-tabs .nav-link:hover { transform: translateY(-2px); box-shadow: 0 6px 14px var(--color-rgba-249-122-59-0-15); }
.ie-cat-content .row { row-gap: 32px; }
.ie-book-card {
    position: relative;
    padding-top: 163px;
    text-align: center;
}
.ie-book-card::before {
    content: "";
    position: absolute;
    top: 75px;
    left: 13px;
    right: 13px;
    height: 184px;
    z-index: 1;
    border-radius: 8px 8px 0 0;
    background: linear-gradient(90deg, var(--color-c39a5b) 0%, var(--color-c39a5b) 100%);
}
.ie-book-cover {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    height: 259px;
    width: auto;
    transform: translateX(-50%);
    box-shadow: 0 8px 18px var(--color-rgba-0-0-0-0-18);
    transition: transform 0.45s ease;
}
.ie-book-info {
    position: relative;
    padding: 116px 12px 22px;
    border-radius: 8px;
    background: var(--color-fff);
    box-shadow: 0 6px 16px var(--color-rgba-0-0-0-0-12);
    transition: box-shadow 0.35s ease;
}
.ie-book-info span {
    display: block;
    font-size: 15px;
    color: var(--color-c39a5b);
    margin-bottom: 2px;
}
.ie-book-info h3 { font-size: 19px; line-height: 1.3; color: var(--color-222); }
.ie-book-card:hover .ie-book-cover { transform: translateX(-50%) translateY(-10px) rotate(-2deg); }
.ie-book-card:hover .ie-book-info { box-shadow: 0 16px 30px var(--color-rgba-0-0-0-0-16); }
/* ---------- IE: Publishing process ---------- */
.ie-process-sec { padding: 80px 0 60px; }
.ie-process-sec .sec-head { margin-bottom: 63px; }
.ie-process-sec .sec-title { margin-bottom: 16px; }
.ie-process-sec .sec-head .sec-text { max-width: 780px; font-size: 15px; }
.ie-steps { max-width: 598px; row-gap: 56px; }
.ie-step-card {
    position: relative;
    height: 100%;
    padding: 40px 22px 32px 19px;
    border-radius: 8px;
    background: var(--color-fff);
    box-shadow: 0 6px 18px var(--color-rgba-0-0-0-0-12);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.ie-step-num {
    position: absolute;
    top: -23px;
    left: 19px;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-family: "Sora", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--color-fff);
    background: linear-gradient(135deg, var(--color-fb6233) 0%, var(--color-c39a5b) 100%);
    box-shadow: 0 0 0 4px var(--color-fff);
    transition: transform 0.4s ease;
}
.ie-step-card h3 { font-size: 18px; margin-bottom: 8px; }
.ie-step-card p { font-size: 16px; line-height: 1.4; color: var(--color-3d3d3d); }
.ie-step-card:hover { transform: translateY(-6px); box-shadow: 0 16px 30px var(--color-rgba-0-0-0-0-15); }
.ie-step-card:hover .ie-step-num { transform: rotate(360deg); }
.ie-steps-btn { margin-top: 34px; }
.ie-process-img { margin-top: -16px; text-align: right; }
.ie-process-img img { transition: transform 0.5s ease; }
.ie-process-img img:hover { transform: scale(1.03); }
/* ---------- IE: Orange CTA ---------- */
.ie-cta-orange { padding: 60px 0; }
.ie-cta-orange-box {
    position: relative;
    min-height: 290px;
    padding: 34px 40px 34px 483px;
    border-radius: 8px;
    overflow: hidden;
    background: linear-gradient(90deg, var(--color-c39a5b) 0%, var(--color-c39a5b) 100%);
}
.ie-cta-orange-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center;
    transition: transform 0.8s ease;
}
.ie-cta-orange-box:hover .ie-cta-orange-bg { transform: scale(1.03); }
.ie-cta-orange-content { position: relative; color: var(--color-fff); }
.ie-cta-orange-content h2 {
    max-width: 640px;
    font-size: 39px;
    line-height: 1.15;
    color: var(--color-fff);
    margin-bottom: 12px;
}
.ie-cta-orange-content p { max-width: 545px; font-size: 16px; line-height: 1.5; }
.ie-cta-contacts {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 28px;
    margin-top: 18px;
}
.ie-cta-contact {
    display: flex;
    align-items: center;
    gap: 14px;
}
.ie-cta-contact-icon {
    width: 53px;
    height: 53px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 20px;
    color: var(--color-fff);
    background: var(--color-000);
    transition: transform 0.35s ease;
}
.ie-cta-contact small { display: block; font-size: 13px; line-height: 1.3; opacity: 0.9; }
.ie-cta-contact a {
    display: block;
    font-size: 17px;
    font-weight: 700;
    color: var(--color-fff);
    word-break: break-word;
}
.ie-cta-contact a:hover { color: var(--color-000); }
.ie-cta-contact:hover .ie-cta-contact-icon { transform: rotate(-12deg) scale(1.08); }
/* ---------- IE: Official publishing company ---------- */
.ie-official-sec { padding: 40px 0 0; }
.ie-official-head { margin-bottom: 42px; }
.ie-official-head .sec-title { font-weight: 700; line-height: 1.2; margin: 0; }
.ie-official-head .sec-text { margin-bottom: 14px; }
.ie-official-row { row-gap: 32px; }
.ie-feature-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    height: 100%;
    padding: 28px 26px 26px;
    border: 1px solid var(--color-eee);
    border-radius: 8px;
    background: var(--color-fff);
    box-shadow: 0 6px 16px var(--color-rgba-0-0-0-0-1);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.ie-feature-icon {
    flex-shrink: 0;
    width: 46px;
    font-size: 34px;
    line-height: 1;
    text-align: center;
    color: var(--color-c39a5b);
    transition: transform 0.4s ease;
}
.ie-feature-card h3 { font-size: 19px; margin-bottom: 6px; }
.ie-feature-card p { font-size: 16px; line-height: 1.4; color: var(--color-3d3d3d); }
.ie-feature-card:hover { transform: translateY(-6px); box-shadow: 0 16px 30px var(--color-rgba-0-0-0-0-14); }
.ie-feature-card:hover .ie-feature-icon { transform: scale(1.12) rotate(-6deg); }
/* ---------- IE: Print section tweaks (shared .print-sec) ---------- */
.page-ireland .print-sec { padding-bottom: 100px; }
.page-ireland .print-sec .sec-head .sec-text { max-width: 980px; }
.page-ireland .print-card p { font-size: 16px; }
/* ---------- IE: Searching for publishers (flag background) ---------- */
.ie-flag-sec { padding: 83px 0; overflow: hidden; }
.ie-flag-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ie-flag-card {
    position: relative;
    max-width: 710px;
    margin-left: -41px;
    padding: 44px 41px 44px;
    border-radius: 8px;
    background: var(--color-fff);
    box-shadow: 0 10px 30px var(--color-rgba-0-0-0-0-06);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.ie-flag-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px var(--color-rgba-0-0-0-0-12); }
/* shared look of the three "Searching for reliable publishers" blocks + cost block */
.ie-flag-card .sec-title,
.ie-search-sec .sec-title,
.ie-cost-sec .sec-title { line-height: 1.15; margin-bottom: 10px; }
.ie-flag-card .btn-wrap,
.ie-search-sec .btn-wrap,
.ie-cost-sec .btn-wrap { margin-top: 24px; }
/* ---------- IE: Tailored pricing ---------- */
.ie-pricing-sec { padding: 105px 0 0; }
.ie-pricing-sec .sec-head { margin-bottom: 30px; }
.ie-pricing-sec .sec-title { margin-bottom: 14px; }
.ie-pricing-sec .sec-head .sec-text { max-width: 800px; }
.ie-pricing-sec .btn-wrap { margin-top: 16px; }
.ie-pricing-img { overflow: hidden; border-radius: 6px; }
.ie-pricing-img img { display: block; width: 100%; transition: transform 0.6s ease; }
.ie-pricing-img:hover img { transform: scale(1.04); }
/* ---------- IE: Searching for publishers (image + text) ---------- */
.ie-search-sec { padding: 70px 0 0; }
.ie-search-img img { animation: floatY 6s ease-in-out infinite; }
.ie-search-book { padding-bottom: 70px }
/* ---------- IE: Book publishing cost ---------- */
.ie-cost-sec { padding: 120px 0 0; }
.ie-cost-sec .sec-text { max-width: 610px; }
.ie-cost-img { text-align: right; }
.ie-cost-img img { transition: transform 0.5s ease; }
.ie-cost-img img:hover { transform: rotate(2deg) scale(1.03); }
/* =========================================================
   CANADA PAGE (body.page-canada, prefix ca-)
   ========================================================= */
/* ---------- Canada: Shared tweaks ---------- */
.page-canada .sec-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.15;
}
.page-canada .sec-text { line-height: 1.5; }
.page-canada .hero-sec .theme-btn {
    background: var(--color-000);
    box-shadow: 0 6px 16px var(--color-rgba-0-0-0-0-25);
}
.page-canada .hero-sec .theme-btn:hover { background: linear-gradient(180deg, var(--color-c39a5b) 0%, var(--color-c50f22) 100%); }
.page-canada .print-sec { padding-bottom: 100px; }
.page-canada .print-sec .sec-head { margin-bottom: 52px; }
.page-canada .print-sec .row { margin-left: -40px; margin-right: -40px; }
.page-canada .print-light .print-card { padding: 0 33px; }
.ca-red-btn {
    background: linear-gradient(180deg, var(--color-f2142f) 0%, var(--color-d2061e) 100%);
    box-shadow: 0 6px 16px var(--color-rgba-226-15-43-0-25);
}
.ca-red-btn:hover {
    background: linear-gradient(180deg, var(--color-141e2b) 0%, var(--color-141e2b) 100%);
    box-shadow: 0 10px 22px var(--color-rgba-27-41-59-0-3);
}
/* outline button on dark backgrounds */
.ca-line-btn {
    color: var(--color-fff);
    background: transparent;
    border-color: var(--color-e10f2b);
}
.ca-line-btn:hover { color: var(--color-fff); }
/* ---------- Canada: Professional ghostwriting agency ---------- */
.ca-ghost-sec { padding: 70px 0; overflow: hidden; isolation: isolate; }
.ca-ghost-lines {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 551px;
    object-fit: cover;
    z-index: -1;
    pointer-events: none;
}
.ca-ghost-sec .sec-tag { font-size: 21px; margin-bottom: 18px; }
.ca-ghost-sec .sec-head { margin-bottom: 16px; }
.ca-ghost-text { max-width: 520px; }
.ca-check-list {
    display: grid;
    grid-template-columns: 275px auto;
    grid-template-rows: repeat(4, auto);
    grid-auto-flow: column;
    margin-top: 26px;
    font-size: 16px;
    line-height: 30px;
    color: var(--color-333);
}
.ca-check-list i {
    margin-right: 8px;
    font-size: 14px;
    color: var(--color-e10f2b);
    transition: transform 0.3s ease;
}
.ca-check-list li:hover i { transform: scale(1.25); }
.ca-ghost-map { margin: 0 -7px; }
.ca-ghost-map img {
    width: 584px;
    transition: transform 0.5s ease;
}
.ca-ghost-map:hover img { transform: scale(1.04) rotate(-1deg); }
.ca-ghost-sec .ca-red-btn { margin-top: 48px; min-width: 240px; }
/* ---------- Canada: Comprehensive book publishing services ---------- */
.ca-services-sec {
    padding: 70px 0;
    background: var(--color-2b1230);
    overflow: hidden;
}
.ca-services-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ca-services-sec .container { position: relative; }
.ca-services-sec .sec-title { color: var(--color-fff); margin-bottom: 16px; }
.ca-services-sec .sec-text { max-width: 900px; color: var(--color-rgba-255-255-255-0-9); }
.ca-srv-row { row-gap: 30px; margin-left: -15px; margin-right: -15px; }
.ca-srv-row > * { padding-left: 15px; padding-right: 15px; }
.ca-srv-card {
    position: relative;
    height: 100%;
    min-height: 274px;
    padding: 38px 21px 30px;
    border-radius: 10px;
    background: var(--color-rgba-24-6-27-0-55);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
/* 1px gradient border (red top to soft pink bottom) */
.ca-srv-card::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: inherit;
    background: linear-gradient(180deg, var(--color-e8395c) 0%, var(--color-f4c6d4) 45%, var(--color-fbe8ee) 100%);
    -webkit-mask: linear-gradient(var(--color-000) 0 0) content-box, linear-gradient(var(--color-000) 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.ca-srv-icon {
    display: block;
    height: 46px;
    margin-bottom: 13px;
    font-size: 44px;
    line-height: 1;
    color: var(--color-e8193a);
    transition: transform 0.4s ease;
}
.ca-srv-card h3 {
    font-family: "Inter", sans-serif;
    font-size: 19px;
    font-weight: 600;
    color: var(--color-fff);
    margin-bottom: 6px;
}
.ca-srv-card p {
    font-size: 16px;
    line-height: 21.5px;
    color: var(--color-rgba-255-255-255-0-85);
}
.ca-srv-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 32px var(--color-rgba-225-15-43-0-25);
}
.ca-srv-card:hover .ca-srv-icon { transform: scale(1.12) rotate(-6deg); }
/* ---------- Canada: Rating strip ---------- */
.ca-rating-sec {
    padding: 52px 0;
    background: var(--color-fff6f7);
    overflow-x: clip;
}
.ca-rating-leaf {
    position: absolute;
    top: 0;
    right: -84px;
    width: 375px;
    transform: rotate(14deg);
    pointer-events: none;
    animation: caLeafSway 6s ease-in-out infinite alternate;
}
@keyframes caLeafSway {
    from { transform: rotate(10deg); }
    to { transform: rotate(18deg); }
}
.ca-rating-sec .container { position: relative; }
.ca-rating-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    color: var(--color-111);
}
.ca-rating-title span {
    display: block;
    margin-top: 12px;
    font-size: 40px;
    line-height: 1.2;
    color: var(--color-e10f2b);
}
.ca-rating-text {
    margin-top: 8px;
    font-size: 18px;
    color: var(--color-333);
}
.ca-rating-score {
    display: flex;
    align-items: center;
    gap: 14px;
    max-width: 530px;
    margin-top: 12px;
}
.ca-rating-score::before,
.ca-rating-score::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--color-b9b9b9);
}
.ca-rating-stars { font-size: 24px; color: var(--color-c39a5b); letter-spacing: 1px; }
.ca-rating-stars i { transition: transform 0.3s ease; }
.ca-rating-score:hover .ca-rating-stars i { transform: scale(1.15); }
.ca-rating-score strong {
    font-family: "Sora", sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--color-111);
}
.ca-rating-right { padding-top: 2px; padding-left: 81px; }
.ca-rating-info { font-size: 16px; line-height: 23px; color: var(--color-444); }
.ca-rating-contact {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 26px;
    margin: 14px 0 20px;
}
.ca-rating-contact small {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--color-e10f2b);
    text-transform: uppercase;
}
.ca-rating-contact a {
    font-family: "Sora", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--color-111);
    text-transform: uppercase;
}
.ca-rating-contact a:hover { color: var(--color-e10f2b); }
.ca-rating-sec .dark-btn { min-width: 238px; }
/* ---------- Canada: Preserve creative control ---------- */
.ca-control-sec { padding: 60px 0; }
.ca-control-sec .sec-text { font-size: 15px; }
.ca-control-img {
    display: inline-block;
    border-radius: 20px;
    overflow: hidden;
}
.ca-control-img img { transition: transform 0.6s ease; }
.ca-control-img:hover img { transform: scale(1.04); }
.ca-control-list {
    max-width: 606px;
    margin-top: 18px;
}
.ca-control-item {
    padding: 18px 30px 20px;
    border: 1px solid var(--color-ececec);
    border-radius: 8px;
    background: var(--color-f7f7f7);
    transition: all 0.35s ease;
}
.ca-control-item + .ca-control-item { margin-top: 11px; }
.ca-control-item i {
    font-size: 17px;
    color: var(--color-e10f2b);
    transition: transform 0.35s ease;
}
.ca-control-item h3 {
    margin: 8px 0 6px;
    font-family: "Inter", sans-serif;
    font-size: 19px;
    font-weight: 600;
    color: var(--color-222);
}
.ca-control-item p { font-size: 16px; line-height: 22px; color: var(--color-777); }
.ca-control-item:hover {
    background: var(--color-fff);
    border-color: var(--color-f3c3cb);
    box-shadow: 0 12px 26px var(--color-rgba-0-0-0-0-07);
    transform: translateX(6px);
}
.ca-control-item:hover i { transform: scale(1.2); }
/* ---------- Canada: Searching for reliable publishers ---------- */
.ca-search-sec {
    padding: 70px 0;
    background: var(--color-000);
    overflow: hidden;
}
.ca-search-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
    transition: transform 8s ease;
}
.ca-search-sec:hover .ca-search-bg { transform: scale(1.04); }
.ca-search-sec .container { position: relative; }
.ca-search-content { max-width: 625px; }
.ca-search-sec .sec-tag { margin-bottom: 4px; }
.ca-search-sec .sec-title { color: var(--color-fff); }
.ca-search-sec .sec-text { color: var(--color-rgba-255-255-255-0-9); }
.ca-search-sec .btn-wrap { margin-top: 23px; }
.ca-search-stores { margin-top: 31px; }
/* ---------- Canada: Published works ---------- */
.ca-works-sec { padding: 70px 0; overflow-x: clip; }
.ca-works-sec .sec-head { margin-bottom: 58px; }
.ca-works-row { row-gap: 30px; }
.ca-work-item {
    position: relative;
    display: flex;
    justify-content: center;
}
.ca-work-leaf {
    position: absolute;
    top: -20px;
    left: 50%;
    width: 447px;
    max-width: 140%;
    transform: translateX(-50%);
    pointer-events: none;
}
.ca-work-cover {
    position: relative;
    width: 261px;
    border-radius: 8px;
    transition: transform 0.45s ease, box-shadow 0.45s ease;
}
.ca-work-item:hover .ca-work-cover {
    transform: translateY(-10px) rotate(-1.5deg);
    box-shadow: 0 22px 34px var(--color-rgba-0-0-0-0-2);
}
.ca-works-btns { margin-top: 85px; }
/* ---------- Canada: Book writing services & publishing expertise ---------- */
.ca-expert-sec {
    padding: 70px 0 ;
    background: linear-gradient(90deg, var(--color-ce0a20) 0%, var(--color-ff0928) 100%);
    overflow: hidden;
}
.ca-expert-leaf {
    position: absolute;
    pointer-events: none;
}
.ca-expert-leaf-right { top: 25px; right: 0; }
.ca-expert-leaf-left { top: 433px; left: 0; }
.ca-expert-sec .container { position: relative; }
.ca-expert-sec .sec-title { color: var(--color-fff); margin-bottom: 16px; }
.ca-expert-sec .sec-text { color: var(--color-rgba-255-255-255-0-92); }
.ca-expert-sec .sec-head { margin-bottom: 30px; }
.ca-expert-row { row-gap: 32px; margin-left: -17px; margin-right: -17px; }
.ca-expert-row > * { padding-left: 17px; padding-right: 17px; }
.ca-expert-card {
    position: relative;
    height: 100%;
    min-height: 230px;
    padding: 25px 24px 25px;
    border-radius: 8px;
    background: var(--color-fff);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.ca-expert-num {
    position: absolute;
    top: 14px;
    right: 18px;
    font-family: "Sora", sans-serif;
    font-size: 80px;
    font-weight: 600;
    line-height: 1;
    color: var(--color-fff);
    -webkit-text-stroke: 1.5px var(--color-d4d4d4);
    -webkit-mask-image: linear-gradient(180deg, var(--color-000) 35%, var(--color-rgba-0-0-0-0-05) 100%);
    mask-image: linear-gradient(180deg, var(--color-000) 35%, var(--color-rgba-0-0-0-0-05) 100%);
    transition: transform 0.4s ease;
}
.ca-expert-icon {
    height: 66px;
    width: auto;
    transition: transform 0.4s ease;
}
.ca-expert-card h3 {
    margin: 13px 0 7px;
    font-family: "Inter", sans-serif;
    font-size: 19px;
    font-weight: 600;
    color: var(--color-111);
}
.ca-expert-card p { max-width: 290px; font-size: 16px; line-height: 22px; color: var(--color-444); }
.ca-expert-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 34px var(--color-rgba-80-0-10-0-3);
}
.ca-expert-card:hover .ca-expert-icon { transform: scale(1.08) rotate(-5deg); }
.ca-expert-card:hover .ca-expert-num { transform: translateY(-4px); }
/* ---------- Canada: Why choose us ---------- */
.ca-why-sec { padding: 70px 0 0; }
.ca-why-sec .sec-text { max-width: 540px; }
.ca-genre-list {
    display: grid;
    grid-template-columns: repeat(4, max-content);
    gap: 0 36px;
    margin-top: 26px;
    font-size: 16px;
    line-height: 30px;
    color: var(--color-333);
}
.ca-genre-list i,
.ca-genre-points i {
    margin-right: 8px;
    font-size: 11px;
    color: var(--color-e10f2b);
    transition: transform 0.3s ease;
}
.ca-genre-list li:hover i,
.ca-genre-points li:hover i { transform: translateX(4px); }
.ca-why-stores { margin: 23px 0 25px; }
.ca-why-img { animation: floatY 4s ease-in-out infinite; }
/* ---------- Canada: Contact CTA ---------- */
.ca-contact-sec {
    padding: 52px 0 56px;
    background: var(--color-3a0a1c);
    overflow: hidden;
}
.ca-contact-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ca-contact-sec .container { position: relative; }
.ca-contact-sec .sec-title { color: var(--color-fff); margin-bottom: 20px; }
.ca-contact-text {
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 500;
    color: var(--color-fff);
}
.ca-contact-sec .white-btn { min-width: 180px; }
/* ---------- Canada: Registered publishers / genres ---------- */
.ca-genre-sec { padding: 70px 0 }
.ca-genre-content { padding-left: 36px; }
.ca-genre-img { transition: transform 0.6s ease; }
.ca-genre-img:hover { transform: rotate(-3deg) scale(1.03); }
.ca-genre-points {
    display: grid;
    grid-template-columns: 270px auto;
    margin: 24px 0 26px;
    font-size: 16px;
    line-height: 30px;
    color: var(--color-333);
}
/* ---------- Canada: Streamlined process ---------- */
.ca-process-sec {
    padding: 61px 0 320px;
    overflow: hidden;
    isolation: isolate;
}
.ca-process-pattern {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: none;
    object-position: center top;
    z-index: -1;
    pointer-events: none;
    -webkit-mask-image: linear-gradient(180deg, var(--color-000) 0, var(--color-000) 380px, transparent 760px);
    mask-image: linear-gradient(180deg, var(--color-000) 0, var(--color-000) 380px, transparent 760px);
}
.ca-process-sec .sec-head { margin-bottom: 5px; }
.ca-process-wrap {
    position: relative;
    padding: 63px 0 80px;
}
.ca-process-img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 596px;
    margin-left: -298px;
    transition: transform 0.6s ease;
}
.ca-process-wrap:hover .ca-process-img { transform: translateY(-8px); }
.ca-process-row { row-gap: 47px; }
.ca-process-card {
    position: relative;
    max-width: 336px;
    min-height: 219px;
    padding: 24px 34px 30px 25px;
    border: 1px solid var(--color-efefef);
    border-radius: 8px;
    background: var(--color-fff);
    box-shadow: 0 6px 18px var(--color-rgba-0-0-0-0-04);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.ca-process-row .col-md-6:nth-child(even) .ca-process-card { margin-left: auto; }
/* red dotted grid above the top right corner */
.ca-process-card::before {
    content: "";
    position: absolute;
    top: -15px;
    right: 52px;
    width: 18px;
    height: 63px;
    background-image: radial-gradient(circle, var(--color-e10f2b) 0.9px, transparent 1.3px);
    background-size: 6px 7px;
    opacity: 0.6;
}
.ca-process-head {
    display: flex;
    gap: 15px;
    margin-bottom: 16px;
}
.ca-process-head span {
    position: relative;
    padding-top: 1px;
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    color: var(--color-e10f2b);
}
.ca-process-head span::after {
    content: "";
    position: absolute;
    left: 0;
    top: 34px;
    width: 14px;
    height: 1px;
    background: var(--color-9a9a9a);
}
.ca-process-head h3 {
    font-family: "Inter", sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 21px;
    color: var(--color-222);
}
.ca-process-card p {
    padding-left: 31px;
    font-size: 16px;
    line-height: 21.5px;
    color: var(--color-555);
}
.ca-process-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 32px var(--color-rgba-0-0-0-0-1);
}
/* ---------- Canada: Create a book CTA (skyline) ---------- */
.ca-story-sec {
    margin-top: -352px;
    padding-top: 352px;
}
.ca-story-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
    pointer-events: none;
}
.ca-story-box {
    position: relative;
    min-height: 322px;
    padding: 42px 0 48px;
}
.ca-story-sec .sec-title {
    line-height: 1.08;
    color: var(--color-fff);
    margin-bottom: 18px;
}
.ca-story-text {
    margin-bottom: 22px;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    color: var(--color-fff);
}
.ca-story-sec .dark-btn { min-width: 173px; }
.ca-story-sec .white-btn { min-width: 135px; }
.ca-story-call { color: var(--color-fff); text-align: left; }
.ca-story-call .call-icon {
    width: 47px;
    height: 47px;
    background: var(--color-000);
    box-shadow: 0 0 0 3px var(--color-rgba-0-0-0-0-12);
}
.ca-story-call a:hover { color: var(--color-000); }
/* ---------- Canada: Biggest book publishers ---------- */
.ca-biggest-sec { padding: 70px 0 }
.ca-biggest-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px 30px;
    margin-bottom: 54px;
}
.ca-biggest-head .sec-title { margin: 0; line-height: 1.2; }
.ca-biggest-head .sec-title span { color: var(--color-c39a5b); }
.ca-green-btn {
    background: linear-gradient(180deg, var(--color-18a260) 0%, var(--color-12905a) 100%);
    box-shadow: 0 6px 16px var(--color-rgba-18-150-90-0-25);
}
.ca-orange-btn { border-color: var(--color-c39a5b); }
.ca-orange-btn:hover { background: var(--color-c39a5b); border-color: var(--color-c39a5b); }
.ca-biggest-row + .ca-biggest-row { margin-top: 38px; }
.ca-biggest-text { max-width: 545px; }
.ca-biggest-text h3 {
    margin-bottom: 4px;
    font-family: "Inter", sans-serif;
    font-size: 19.5px;
    font-weight: 600;
    line-height: 27px;
    color: var(--color-222);
}
.ca-biggest-text p { font-size: 16px; line-height: 22px; color: var(--color-555); }
.ca-biggest-text p + p { margin-top: 22px; }
.ca-biggest-img {
    border-radius: 10px;
    overflow: hidden;
}
.ca-biggest-img img {
    width: 100%;
    transition: transform 0.6s ease;
}
.ca-biggest-img:hover img { transform: scale(1.06); }
/* =========================================================
   Brand – COUNTRY PAGES
   responsive.css : all responsive rules for every page
   Breakpoints: 1399 / 1199 / 991 / 767 / 575 / 399
   ========================================================= */
/* ---------- Shared ---------- */
/* 1170px content width from 1230px up (below that Bootstrap's own container widths apply) */
/* =========================================================
   AUSTRALIA PAGE
   ========================================================= */
/* =========================================================
   UK PAGE (page-uk) – responsive rules
   Breakpoints: 1399 / 1199 / 991 / 767 / 575 / 399
   ========================================================= */
/* =========================================================
   UAE PAGE – responsive rules
   Breakpoints: 1399 / 1199 / 991 / 767 / 575 / 399
   ========================================================= */
/* =========================================================
   IRELAND PAGE – responsive rules
   Breakpoints: 1399 / 1199 / 991 / 767 / 575 / 399
   ========================================================= */
/* =========================================================
   CANADA PAGE – responsive rules
   Breakpoints: 1399 / 1199 / 991 / 767 / 575 / 399
   ========================================================= */
*{
    font-family: "Poppins", sans-serif;
    border: none;  outline: none;
    list-style: none;
    text-decoration: none;
    /* text-transform: capitalize; */
    box-sizing:  border-box;
}
h1, h2, h3, h4 ,h5, h6 {
     font-family: "Sora", sans-serif;
}
*::selection{
  background-color: var(--color-24364b);
  color: white;
}
*:focus {
    outline: none;
}
body , html{
    overflow-x: hidden;
    scroll-behavior: smooth;
}
body::-webkit-scrollbar , .box-mobile::-webkit-scrollbar {
    width: 8px;
}
body::-webkit-scrollbar-track  , .box-mobile::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px var(--color-fff);
}
body::-webkit-scrollbar-thumb , .box-mobile::-webkit-scrollbar-thumb  {
    background-color:  var(--color-c39a5b);
    outline: 1px solid var(--color-c39a5b);
}
.relative{
    position: relative;
}
.absolute{
    position: absolute;
}
a , a:hover{
    text-decoration: none;
    color: var(--black);
}
ul{
  padding: 0;
  margin: 0;
}
h1,h2,h3,h4,h5,h6,p,ul,span{
    margin-bottom: 0;
}
img{
    max-width: 100%;
    height: auto;
}
span,a,li,p {
    font-size: 16px;
    margin-bottom: 0;
}
section{
    padding: 60px 0;
}
a.circle-btn {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    transition: all 0.2s linear;
    min-width: max-content;
    display: inline-block;
    text-decoration: none;
    height: 45px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}
a.circle-btn::before {
    position: absolute;
    content: "";
    width: 45px;
    height: 45px;
    border: 1px solid black;
    border-radius: 50%;
    top: 0;
    left: 55%;
    transition: all 0.2s linear;
    bottom: 0;
    margin: auto;
}
a.circle-btn:hover {
    color: var(--color-101010);
}
a.circle-btn:hover::before {
    width: 100%;
    height: 45px;
    border-radius: 30px;
    left: 0;
    transition: all 0.2s linear;
}
a.circle-btn object, a.circle-btn svg {
    position: relative;
    transition: all 0.5s ease;
}
a.circle-btn:hover object, a.circle-btn:hover svg {
    left: 10px;
}
.header-wrap {
    background-color: var(--color-2a2a2a);
    padding: 20px 0;
}
.header-wrap ul {
    max-width: 1170px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
.solid-btn {
    padding: 7px 15px 7px 7px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.solid-btn svg {
    background-color: white;
    padding: 8px 10px;
   clip-path: circle(45%);
}
.solid-btn span {
    font-size: 16px;
    color: white;
    font-weight: 600;
}
.header-wrap ul li {
    display: flex;
    gap: 20px;
}
.header-wrap .circle-btn::before , .bnr-wrap .circle-btn::before{
    border-color: var(--color-ffffffab);
}
.bnr-wrap {
    padding: 120px 0 250px 0;
}
.bnr-wrap .content h4 {
    font-size: 60px;
    color: white;
    text-shadow: 2px 2px 7px var(--color-2f2425);
    line-height: 65px;
    font-weight: 800;
}
.bnr-wrap .content ul li {
    font-size: 16px;
    font-weight: 400;
    color: white;
    line-height: 25px;
}
.bnr-wrap .content ul {
    margin: 10px 0 20px 1px;
}
.outline-btn {
    font-size: 16px;
    font-weight: 400;
    color: white;
    padding: 12px  35px;
    border-radius: 50px;
    display: block;
    width: max-content;
     transition: all .3s  linear;
}
.outline-btn:hover {
    color: white;
    transform: translateY(-5px);
    transition: all .3s  linear;
}
.bnr-img img {
    position: absolute;
       max-width: 28%;
    right: 14%;
    transform: rotate(15deg);
}
.about-wrap .content h5 , .eperts-wrap .title h4 , .testimonial .title h4{
    font-size: 35px;
    font-weight: 700;
}
.about-wrap .content h3 , .service-wrap .title h4 , .eperts-wrap .title h5 , .portfolio-wrap .title h4 , .add-on-service-wrap h4 , .children-design .content h4 ,
.editing-wrap h3 , .receive-wrap .content h4 , .process-wrap .title h2 , .testimonial h5 , .testimonial .title h2{
    font-size: 40px  ;
    padding: 5px 0 5px 0;
    line-height: 45px;
    font-weight: 700;
    letter-spacing: -1px;
}
.about-wrap .content p {
    padding-bottom: 10px;
}
ul.platforms-slider {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 25px 0;
}
.platforms-slider img {
    max-width: 135px;
    height: 50px;
    object-fit: scale-down;
     transition: all .3s linear;
}
.ser-box strong {
    font-size: 20px;
    line-height: 22px;
    display: block;
    padding: 15px 30px;
}
.ser-box {
    text-align: center;
    border-radius: 20px;
    padding: 0 20px 20px 20px;
    box-shadow: var(--color-rgba-0-0-0-0-1) 0px 4px 12px;
}
.ser-box p {
    font-size: 15px;
    line-height: 21px;
}
.ser-box img {margin-top: -50px;}
.ser-box:hover {
    transform: translateY(-10px);
    transition: all .3s linear;
}
.one-box, .two-box {
    margin-top: 40px;
}
.cta-wrap {
    padding-top: 200px;
    padding-bottom: 100px;
}
.cta-wrap .content h4 {
    font-size: 55px;
    font-weight: 700;
}
.cta-wrap .content h5 {
    font-size: 55px;
    color: white;
    line-height: 55px;
    font-weight: 700;
}
.cta-wrap .content .txt {
    font-size: 18px;
    color: white;
    font-weight: 400;
    line-height: 26px;
    padding: 10px 0;
}
.cta-wrap .cta-btns {
    display: flex;
    align-items: center;
    gap: 20px;
}
.cta-wrap .cta-btns a  , .book-cta .cta-btns a  , .before-cta-wrap .cta-btns a{
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 18px;
}
.cta-wrap .cta-btns a p , .book-cta .cta-btns a p , .before-cta-wrap .cta-btns a p{
    font-size: 15px;
    padding: 0;
    color: white;
    font-weight: 600;
}
.cta-wrap .cta-btns a span , .book-cta .cta-btns a span , .before-cta-wrap .cta-btns a span{
    font-size: 14px;
}
.experts-box h3 {
    text-align: center;
    padding-top: 10px;
}
.experts-box p {
    text-align: center;
    padding: 10px 30px;
}
.portfolio-wrap a {
    position: relative;
}
.portfolio-wrap a{
    position: relative;
}
.portfolio-wrap a::before{
    content: "+";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--color-000000bd);
    font-size: 100px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    transition: all .2s linear;
}
.portfolio-wrap a:hover::before{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    transition: all .2s linear;
}
.portfolio-wrap figure{
    margin: 2px 1px;
}
.portfolio-wrap img{
    min-width: 100%
}
section.portfolio-wrap {
    background-color: var(--color-f6f6f6);
}
.portfolio-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.add-on-service-box .content {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 10px;
}
.add-on-service-box .content span {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--color-919191);
}
/* .add-on-service-box .content h6 {
    font-size: 25px;
    font-weight: normal;
    line-height: 25px;
    padding-right: 80px;
} */
.add-on-service-box .content h6 {
    font-size: 23px;
    font-weight: normal;
    line-height: 27px;
    padding-right: 70px;
    font-family: poppins;
    font-weight: 500;
}
.add-on-service-box {
        padding: 25px 15px 25px 25px;
            height: 265px;
}
.add-on-service-wrap .col-lg-4 {
    position: relative;
        padding: 0;
}
.add-on-service-wrap .col-lg-4::after {
    content: "";
    position: absolute;
    border-right: 1px solid var(--color-80808052);
    margin-bottom: 0;
    width: 90%;
    bottom: 18px;
    left: 10%;
    height: 85%;
       z-index: -1;
}
.add-on-service-wrap .col-lg-4::before {
    content: "";
    position: absolute;
    border-bottom: 1px solid var(--color-80808052);
    margin-bottom: 0;
    width: 90%;
    bottom: 0;
    left: 5%;
}
.red__hover:hover {
    background-color: var(--color-f70424);
}
.blue__hover:hover {
    background-color: var(--color-24364b);
}
.green__hover:hover {
    background-color: var(--color-1b293b);
}
.grey__hover:hover {
    background-color: var(--color-141e2b);
}
.brown__hover:hover {
    background-color: var(--color-5e5a57);
}
.pink__hover:hover {
    background-color: var(--color-ca3f79);
}
.grn__hover:hover {
    background-color: var(--color-1b293b);
}
.add-on-service-box:hover {
    color: white;
}
.add-on-service-box:hover p , .add-on-service-box:hover span {
    color: white;
}
.add-on-service-box:hover object {
    filter: brightness(0) saturate(100%) invert(95%) sepia(100%) saturate(2%) hue-rotate(107deg) brightness(110%) contrast(100%) !important;
}
.add-on-service-box p {
color: var(--color-4d4d4d);
}
.book-cta img {
    position: absolute;
    top: 0;
}
.book-cta {
    position: relative;
}
.book-cta .content h5  , .before-cta-wrap .content h4{
    font-size: 35px;
    line-height: 42px;
    color: white;
    text-shadow: 2px 2px 7px var(--color-2f2425);
    font-weight: 700;
}
.book-cta .content h3  , .before-cta-wrap .content h3{
    font-size: 55px;
    line-height: 55px;
    color: var(--color-000);
    padding: 10px 0;
    font-weight: 700;
}
.book-cta .content {
    padding-left: 40px;
}
.children-counter {
    display: grid;
    grid-template-columns: auto auto;
    gap: 25px;
}
.children-counter .counter-content {
    display: flex;
    align-items: center;
    gap: 15px;
}
.children-counter .counter-content span {
        font-size: 45px;
    font-family: "Sora", sans-serif;
    color: var(--color-1b293b);
    line-height: 45px;
    font-weight: 700;
}
.children-counter .counter-content div {
    width: 130px;
    display: block;
}
section.editing-wrap {
    background-color: var(--color-f6f6f6);
}
.receive-wrap .content ul {
    display: flex;
    align-items: center;
    margin: 15px 0;
        gap: 30px;
}
.receive-wrap .content ul li p {
    display: flex;
    align-items: start;
    gap: 8px;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 15px;
}
.receive-wrap .content ul li svg {
    font-size: 24px;
}
section.process-wrap .title h4 {
    font-size: 35px;
    font-weight: 700;
}
.process-wrap .content {
    padding: 60px 0 60px 60px;
}
.left-gradient {
    border-top: 2px solid var(--color-80808014);
    border-left: 2px solid var(--color-80808014);
    border-bottom: 2px solid var(--color-80808014);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.right-gradient{
    border-top: 2px solid var(--color-80808014);
    border-right: 2px solid var(--color-80808014);
    border-bottom: 2px solid var(--color-80808014);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.process-wrap .content h6 span {
    font-size: 35px;
     font-family: "Sora", sans-serif;
    padding-right: 10px;
    font-weight: 700;
}
.process-wrap .content h6 {
    font-size: 25px;
}
.process-wrap .content p {
    font-size: 16px;
    line-height: 25px;
}
.pw-60{
    max-width: 60%;
}
.before-cta-wrap {
    padding: 80px 0;
    position: relative;
}
.testimonial{
    background: url(/assets/images/romance/faq-bg.webp)  center center/cover repeat;
}
.testimonial .test-box {
    padding: 25px 25px 50px 25px;
    background-color: var(--color-fff);
    border-radius: 10px;
    border: 1px solid var(--color-00000021);
    margin-top: 20px;
    position: relative;
}
.testimonial .text {
    padding-top: 10px;
    line-height: 22px;
    font-size: 16px;
}
.testimonial .quote {
    position: absolute;
    right: 7%;
    top: -14%;
}
section.before-testimonial-cta .second-tbn {
    background-color: var(--white);
}
.test-prev {
    bottom: -23%;
    position: absolute;
    left: 12%;
}
.test-next {
    position: absolute;
    bottom: -23%;
    filter: brightness(0) saturate(100%) invert(23%) sepia(78%) saturate(5733%) hue-rotate(343deg) brightness(90%) contrast(118%);
}
.form-wrap{
    background: url(/assets/images/romance/form-bg.html)  center center/cover repeat;
}
.form-wrap form {
    background-color: var(--color-24364b);
    max-width: 500px;
    padding: 50px 25px;
}
.form-wrap form input {
    min-width: 100%;
    display: block;
    height: 45px;
    margin: auto;
    margin-bottom: 10px;
    font-size: 15px;
    padding-left: 15px;
}
.form-wrap form textarea {
    min-width: 100%;
    display: block;
    border: 1px solid black;
    height: 115px;
    margin: auto;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 15px;
    padding: 15px;
}
.after-bird {
    position: absolute;
    right: 0;
    top: -50%;
}
.footer{
    background: url(/assets/images/romance/ft-bg.png)  center center/cover repeat;
}
.footer ul li a {
    font-size: 16px;
    color: white;
    line-height: 17px;
}
.footer ul li a span:nth-child(2) {
    font-size: 18px;
    font-weight: 600;
    color: white;
    display: block;
}
.footer ul li a span svg {
    margin-right: 5px;
}
.footer ul li a:hover {
    color: var(--color-ffffffab);
}
.footer ul li a:hover span {
    color: var(--color-ffffffab);
}
.ft-sec {
    padding: 30px 0;
    color: white;
    position: relative;
}
.ft-sec ul li a{
    color: var(--white);   
}
.ft-sec ul li a:hover{
    color: var(--color-ffffffab);
}
.up-arrow {
    position: absolute;
    top: -36%;
    right: 3%;
}
.test-prev {
    filter: none;
}
.f-25{ font-size: 25px;  line-height: 31px; }
.fw-800{font-weight: 800; }
.accod-tabs .accordion-item {
   background-color: white;
        margin-bottom: 10px;
    border-top: 1px solid var(--color-80808033);
    border-radius: 7px;
}
.accordion-button,
.accordion-button:not(.collapsed){
    background-color: transparent !important;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--white);
    padding-bottom: 20px;
    font-family: "Poppins";
    font-weight: 700;
}
.accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}
img.offer-tag {
    position: absolute;
    top: 0;
    right: 5%;
}
.add-on-service-box p {
    font-size: 15px !important;
}
.b-border {
    border-bottom: 0;
}
.add-on-service-wrap .b-border::before{
    border: 0;
}
.add-on-service-wrap .r-border::after {
    border-right: 0;
}
.thousand-wrap .content {
    border: 1px solid var(--color-80808036);
    border-radius: 20px;
    padding: 0 0 30px 0;
    text-align: center;
   
}
.thousand-wrap .content:hover {
   box-shadow: var(--color-rgba-100-100-111-0-2) 0px 7px 29px 0px;
}
.thousand-wrap .content h5 {
    font-size: 40px;
    line-height: 40px;
}
.thousand-wrap .content strong {
    font-size: 20px;
    font-weight: 700;
}
.thousand-wrap .content object {
    margin-top: -56px;
}
.accod-tabs .accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a.5.5 0 0 1 .5.5v6.5H15a.5.5 0 0 1 0 1H8.5V15a.5.5 0 0 1-1 0V9.5H1a.5.5 0 0 1 0-1h6.5V1.5A.5.5 0 0 1 8 1z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}
/* When accordion is open — show minus icon */
.accod-tabs .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8z'/%3E%3C/svg%3E");
  transform: rotate(0deg);
}
.accod-tabs .accordion-body {
    padding: 1.5rem 1.25rem;
}
.kid {
    position: absolute;
    bottom: -5%;
    right: 5%;
}
.swiper-pagination li {
  width:30px;
  height: 3px;
  background-color: var(--color-141e2b);
}
.swiper-pagination li:active {
  background-color: var(--color-141e2b);
}
.swiper-pagination li.swiper-slide-visible button:before {
  background-color: var(--color-c39a5b);
  width:30px;
  height: 3px;
}
.swiper-pagination li button:before,
.swiper-pagination li.swiper-slide-visible button:before {
  color: transparent;
}
.before-cta-wrap-book {
    position: absolute;
    top: -3%;
    max-width: 26%;
        right: 18%;
}
.ring {
    animation: dzRing 1.2s infinite ease-in-out;
}
@-webkit-keyframes dzRing {
    0% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
      transform: rotate(0) scale(1) skew(1deg);
    }
  
    10% {
      -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
      transform: rotate(-25deg) scale(1) skew(1deg);
    }
  
    20% {
      -webkit-transform: rotate(25deg) scale(1) skew(1deg);
      transform: rotate(25deg) scale(1) skew(1deg);
    }
  
    30% {
      -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
      transform: rotate(-25deg) scale(1) skew(1deg);
    }
  
    40% {
      -webkit-transform: rotate(25deg) scale(1) skew(1deg);
      transform: rotate(25deg) scale(1) skew(1deg);
    }
  
    50% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
      transform: rotate(0) scale(1) skew(1deg);
    }
  
    100% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
      transform: rotate(0) scale(1) skew(1deg);
    }
  
  }
.lis_t div {
    display: flex !important;
}
/* new responsive  */
/* ===== Laptop (below 1200px) ===== */
/* ===== Tablet (below 992px) ===== */
/* ===== Small tablet / mobile (below 768px) ===== */
/* ===== Small mobile (below 480px) ===== */
/* ===== Easy 5-Step Process: Responsive ===== */
/* =========================================================
   Responsive styles | FAQ + Our Presence sections
   ========================================================= */
/* ---------- Large tablets / small laptops ---------- */
/* ---------- Tablets ---------- */
/* ---------- Large phones ---------- */
/* ---------- Small phones ---------- */
/* Shared Haven palette. Load after page styles so every page uses the same brand. */
:root {
  --haven-navy: var(--color-1b293b);
  --haven-navy-light: var(--color-24364b);
  --haven-gold: var(--color-c39a5b);
  --haven-cream: var(--color-f7f3ec);
  --brand: var(--haven-navy);
  --brand-700: var(--color-172334);
  --brand-800: var(--color-141e2b);
  --darkblue: var(--haven-navy);
  --yellow: var(--haven-gold);
  --white: var(--color-fff);
  --bg: var(--haven-cream);
  --ring: var(--color-e8dfd1);
  --bs-primary: var(--haven-navy);
  --bs-primary-rgb: 27, 41, 59;
}
::selection { background: var(--color-c39a5b); color: var(--color-141e2b); }
.header-top { background: var(--haven-navy); }
header { border-bottom: 1px solid var(--color-e8dfd1); }
header .navbar-brand { flex-shrink: 0; padding-block: 0; }
/* Display the current horizontal logo without cropping or stretching. */
header .navbar-brand picture { display: block; width: 200px; height: auto; overflow: visible; }
header .navbar-brand picture img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  object-fit: contain;
}
.menu a.active, .menu a:hover { color: var(--color-8b6837); }
.btn-primary {
  --bs-btn-bg: var(--color-1b293b);
  --bs-btn-border-color: var(--color-1b293b);
  --bs-btn-hover-bg: var(--color-24364b);
  --bs-btn-hover-border-color: var(--color-c39a5b);
  --bs-btn-active-bg: var(--color-141e2b);
  --bs-btn-active-border-color: var(--color-c39a5b);
}
.promo-banner {
  position: relative;
}
.biography-hero .bannr-img img {
  display: block;
  width: 100%;
  max-width: 616px;
  height: auto;
  margin: 0 auto;
}
.promo-left .sub { color: var(--color-e4c99d); }
.promo-left .btn {
  background: var(--haven-gold);
  border: 1px solid var(--haven-gold);
  color: var(--color-141e2b);
}
.promo-left .btn:hover { background: var(--color-e4c99d); border-color: var(--color-e4c99d); color: var(--color-141e2b); }
.swiper-pagination li button::before { color: var(--haven-navy); }
.swiper-pagination li.swiper-slide-visible button::before { color: var(--color-8b6837); }
.footer { background-color: var(--color-141e2b); }
.footer img.footer_logo, .haven-faq-card-logo {
  display: block;
  width: 220px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  filter: none;
  background: var(--color-f7f3ec);
  border: 1px solid var(--color-c39a5b);
  border-radius: 12px;
  padding: 8px;
}
.header-wrap img[src$="Haven-logo.png"] {
  width: 200px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  background: var(--color-f7f3ec);
  border-radius: 8px;
}
.haven-form-status {
  margin: 12px 0 0;
  color: var(--color-1b293b);
  background: var(--color-f7f3ec);
  border-radius: 6px;
  padding: 10px 12px;
}
.haven-form-status:empty { display: none; }
:is(a, button, input, textarea, select):focus-visible {
  outline: 3px solid var(--color-c39a5b);
  outline-offset: 3px;
}
.thank_you_page .overlay-bg-new-popup,.thank_you_page .popupform-main-new-popup{display:none!important}
.overlay-bg-new-popup{background:var(--color-rgba-0-0-0-8);position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:10;display:none}
.popupform-main-new-popup .close-btn{right:0;top:0;width:50px;height:50px;background:var(--color-fff);border:0;color:var(--white)}
.close-btn{width:45px;height:45px;display:block;position:absolute;top:18px;right:0;font-size:18px;font-weight:900;color:var(--color-fff);padding-top:3px;text-align:center;border-radius:50px;align-items:center;display:grid;z-index:9}
.pop-box-2-new-pop img{box-shadow:2px 2px 20px 9px var(--color-00000045);position:relative;left:17px;z-index:1}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.control-group input::placeholder{color:var(--color-9b7171)}
.control-group textarea::placeholder{color:var(--color-9b7171)}
.pop-form-new-popp .submit-btn{margin:10px 0 0!important;font-weight:700;font-size:18px;padding:15px 0;background:var(--color-fb2224);color:var(--color-fff);cursor:pointer;border-radius:5px;position:relative;border:none;width:100%}
.popupform-main-new-popup.active{display:flex!important;justify-content:center;align-items:center}
.popupform-main-new-popup{position:fixed;background:0 0/cover no-repeat var(--color-000c);top:0;bottom:0;left:0;width:100%;height:100%;z-index:9999}
.pop-form-new-popp.ta-center-new-pop{background:none top/cover no-repeat var(--color-24364b);width:780px;padding:30px 30px 35px 0;border:0;box-sizing:content-box;position:relative;height:450px;border-radius:20px;overflow:hidden;display:flex;align-items:center}
.popup-side-img img{max-width:450px;position:relative;top:45px;left:-15px;Z-INDEX:0;height:380px;object-fit:cover;bottom:0}
div#pop-form-new-popp h6 span{display:block;font-size:29px;color:var(--color-fff);font-weight:600;margin-bottom:10px}
div#pop-form-new-popp h6{color:var(--color-fff);display:block;font-weight:500;font-size:25px;margin:0;text-align:left;text-transform:uppercase}
div#pop-form-new-popp{margin-left:35px;margin-top:20px;width:90%}
.pop-box-2-new-pop span{color:var(--color-c39a5b);font-size:33px;font-weight:600;position:relative;top:-11px}
.pop-box-2-new-pop h3{color:var(--color-fff);font-size:20px;line-height:30px}
.pop-box-2-new-pop{background:0 0/cover no-repeat;height:auto;width:auto;text-align:center;padding:0;position:relative;margin-right:3px}
.pop-form-new-popp.ta-center-new-pop h3{color:var(--color-2d2d2d);font-size:22px;line-height:33px;text-align:center;margin:0}
.popupform-main-new-popup{align-items:center;justify-content:center}
.pop-form-new-popp.ta-center-new-pop h3 span{font-weight:700}
.pop-form-new-popp.ta-center-new-pop h5{color:var(--color-2d2d2d);font-size:26px;font-weight:600;text-transform:uppercase;text-align:center;padding:5px 0 10px}
.pop-form-new-popp.ta-center-new-pop input{width:100%;border:1px solid var(--color-e1e1e1);border-radius:5px;background-color:var(--color-fff);height:42px;margin:0 0 10px;padding:0 0 0 10px;font-weight:400}
input{outline:0}
.pop-form-new-popp.ta-center-new-pop textarea{width:100%;border:1px solid var(--color-e1e1e1);border-radius:5px;background-color:var(--color-fff);height:100px;margin:0 0 10px;padding:10px 5px 5px 10px;resize:none;font-weight:400}
.pop-form-new-popp.ta-center-new-pop button{background-color:var(--color-fff);display:inline-block;color:var(--darkblue)!important;padding:10px 30px;border-radius:5px;transition:.5s ease-out;border:2px solid var(--white);text-transform:uppercase;font-size:15px;width:100%;color:var(--color-000)!important;font-weight:400}
.pop-form-new-popp.ta-center-new-pop input::placeholder{font-size:15px;color:var(--color-000)}
.pop-form-new-popp.ta-center-new-pop textarea::placeholder{font-size:15px;color:var(--color-000)}
/ .pop-form-new-popp.ta-center-new-pop h3{margin:0}
.popup-main-box{display:flex;align-items:center;justify-content:center;height:100%}
.theme-btn {
    color: var(--color-fff);
    background: linear-gradient(180deg, var(--color-1b293b) 0%, var(--color-1b293b) 00%);
}
.theme-btn {
            background: linear-gradient(180deg, var(--color-1b293b) 0%, var(--color-1b293b) 100%);
    }
@font-face {
  font-family: tondu;
  src: url(/children-books-genre/assets/webfonts/Tondu-Beta.ttf);
}
.page-children-books-genre .children-content *{
    font-family: "Poppins", sans-serif;
    border: none;  outline: none;
    list-style: none;
    text-decoration: none;
    text-transform: capitalize;
    box-sizing:  border-box;
}
.page-children-books-genre .children-content h1, .page-children-books-genre .children-content h2, .page-children-books-genre .children-content h3, .page-children-books-genre .children-content h4, .page-children-books-genre .children-content h5, .page-children-books-genre .children-content h6{
     font-family: tondu;
}
.page-children-books-genre .children-content *::selection{
  background-color: var(--color-24364b);
  color: white;
}
.page-children-books-genre .children-content *:focus{
    outline: none;
}
.page-children-books-genre .children-content, .page-children-books-genre .children-content{
    overflow-x: hidden;
    scroll-behavior: smooth;
}
.page-children-books-genre .children-content body::-webkit-scrollbar, .page-children-books-genre .children-content .box-mobile::-webkit-scrollbar{
    width: 8px;
}
.page-children-books-genre .children-content body::-webkit-scrollbar-track, .page-children-books-genre .children-content .box-mobile::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px var(--color-fff);
}
.page-children-books-genre .children-content body::-webkit-scrollbar-thumb, .page-children-books-genre .children-content .box-mobile::-webkit-scrollbar-thumb{
    background-color:  var(--color-c39a5b);
    outline: 1px solid var(--color-c39a5b);
}
.page-children-books-genre .children-content .relative{
    position: relative;
}
.page-children-books-genre .children-content .absolute{
    position: absolute;
}
.page-children-books-genre .children-content a, .page-children-books-genre .children-content a:hover{
    text-decoration: none;
    color: var(--black);
}
.page-children-books-genre .children-content ul{
  padding: 0;
  margin: 0;
}
.page-children-books-genre .children-content h1, .page-children-books-genre .children-content h2, .page-children-books-genre .children-content h3, .page-children-books-genre .children-content h4, .page-children-books-genre .children-content h5, .page-children-books-genre .children-content h6, .page-children-books-genre .children-content p, .page-children-books-genre .children-content ul, .page-children-books-genre .children-content span{
    margin-bottom: 0;
}
.page-children-books-genre .children-content img{
    max-width: 100%;
    height: auto;
}
.page-children-books-genre .children-content span, .page-children-books-genre .children-content a, .page-children-books-genre .children-content li, .page-children-books-genre .children-content p{
    font-size: 16px;
    margin-bottom: 0;
}
.page-children-books-genre .children-content .container{
    max-width: 1170px
}
.page-children-books-genre .children-content section{
    padding: 60px 0;
}
.page-children-books-genre .children-content a.circle-btn{
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    transition: all 0.2s linear;
    min-width: max-content;
    display: inline-block;
    text-decoration: none;
    height: 45px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}
.page-children-books-genre .children-content a.circle-btn::before{
    position: absolute;
    content: "";
    width: 45px;
    height: 45px;
    border: 1px solid black;
    border-radius: 50%;
    top: 0;
    left: 55%;
    transition: all 0.2s linear;
    bottom: 0;
    margin: auto;
}
.page-children-books-genre .children-content a.circle-btn:hover{
    color: var(--color-101010);
}
.page-children-books-genre .children-content a.circle-btn:hover::before{
    width: 100%;
    height: 45px;
    border-radius: 30px;
    left: 0;
    transition: all 0.2s linear;
}
.page-children-books-genre .children-content a.circle-btn object, .page-children-books-genre .children-content a.circle-btn svg{
    position: relative;
    transition: all 0.5s ease;
}
.page-children-books-genre .children-content a.circle-btn:hover object, .page-children-books-genre .children-content a.circle-btn:hover svg{
    left: 10px;
}
.page-children-books-genre .children-content .header-wrap{
    background-color: var(--color-2a2a2a);
    padding: 20px 0;
}
.page-children-books-genre .children-content .header-wrap ul{
    max-width: 1170px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
.page-children-books-genre .children-content .solid-btn{
    background-color: var(--color-c39a5b);
    padding: 7px 15px 7px 7px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.page-children-books-genre .children-content .solid-btn svg{
    background-color: white;
    padding: 8px 10px;
   clip-path: circle(45%);
}
.page-children-books-genre .children-content .solid-btn span{
    font-size: 16px;
    color: white;
    font-weight: 600;
}
.page-children-books-genre .children-content .header-wrap ul li{
    display: flex;
    gap: 20px;
}
.page-children-books-genre .children-content .header-wrap .circle-btn::before, .page-children-books-genre .children-content .bnr-wrap .circle-btn::before{
    border-color: var(--color-c39a5b);
}
.page-children-books-genre .children-content .bnr-wrap{
    background-image: url(/children-books-genre/assets/images/book-bnr.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
        padding: 100px 0 220px 0;
}
.page-children-books-genre .children-content .bnr-wrap .content h4{
    font-size: 65px;
    color: white;
    text-shadow: 2px 2px 7px var(--color-2f2425);
    line-height: 65px;
}
.page-children-books-genre .children-content .bnr-wrap .content ul li{
    font-size: 20px;
    font-weight: 500;
    color: white;
    line-height: 35px;
}
.page-children-books-genre .children-content .bnr-wrap .content ul li svg{
    color: var(--color-ffff00);
}
.page-children-books-genre .children-content .bnr-wrap .content ul{
    margin: 10px 0 20px 1px;
}
.page-children-books-genre .children-content .outline-btn{
    font-size: 16px;
    font-weight: 400;
    background-color: black;
    color: white;
    padding: 12px  35px;
    border-radius: 50px;
    display: block;
    width: max-content;
}
.page-children-books-genre .children-content .outline-btn:hover{
    background-color: var(--color-c39a5b);
    color: white;
}
.page-children-books-genre .children-content .bnr-img img{
    position: absolute;
    max-width: 38%;
    right: 15%;
}
.page-children-books-genre .children-content .about-wrap .content h5, .page-children-books-genre .children-content .eperts-wrap .title h4, .page-children-books-genre .children-content .testimonial .title h4{
    font-size: 35px;
    color: var(--color-c39a5b);
}
.page-children-books-genre .children-content .about-wrap .content h3, .page-children-books-genre .children-content .service-wrap .title h4, .page-children-books-genre .children-content .eperts-wrap .title h5, .page-children-books-genre .children-content .portfolio-wrap .title h4, .page-children-books-genre .children-content .add-on-service-wrap h4, .page-children-books-genre .children-content .children-design .content h4, .page-children-books-genre .children-content .editing-wrap h3, .page-children-books-genre .children-content .receive-wrap .content h4, .page-children-books-genre .children-content .process-wrap .title h2, .page-children-books-genre .children-content .testimonial h5, .page-children-books-genre .children-content .testimonial .title h2{
    font-size: 50px  ;
    padding: 5px 0 5px 0;
    line-height: 50px;
}
.page-children-books-genre .children-content .about-wrap .content p{
    padding-bottom: 10px;
}
.page-children-books-genre .children-content ul.platforms-slider{
    background-color: var(--color-1b293b);
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 25px 0;
}
.page-children-books-genre .children-content .platforms-slider img{
    max-width: 135px;
    height: 50px;
    object-fit: scale-down;
     transition: all .3s linear;
}
.page-children-books-genre .children-content .ser-box strong{
    font-size: 20px;
    line-height: 22px;
    display: block;
    padding: 15px 30px;
}
.page-children-books-genre .children-content .ser-box{
    text-align: center;
    background-color: var(--color-f1e7d9);
    border-radius: 20px;
    padding: 0 20px 20px 20px;
    box-shadow: var(--color-rgba-0-0-0-0-1) 0px 4px 12px;
}
.page-children-books-genre .children-content .ser-box p{
    font-size: 15px;
    line-height: 21px;
}
.page-children-books-genre .children-content .ser-box img{margin-top: -50px;}
.page-children-books-genre .children-content .ser-box:hover{
    transform: translateY(-10px);
    transition: all .3s linear;
}
.page-children-books-genre .children-content .one-box, .page-children-books-genre .children-content .two-box{
    margin-top: 40px;
}
.page-children-books-genre .children-content .cta-wrap{
    background-image: url(/children-books-genre/assets/images/cta-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
        padding-top: 120px;
}
.page-children-books-genre .children-content .cta-wrap .content h4{
    font-size: 55px;
    color: var(--color-c39a5b);
}
.page-children-books-genre .children-content .cta-wrap .content h5{
    font-size: 55px;
    color: white;
    line-height: 55px;
}
.page-children-books-genre .children-content .cta-wrap .content .txt{
    font-size: 18px;
    color: white;
    font-weight: 400;
    line-height: 26px;
    padding: 10px 0;
}
.page-children-books-genre .children-content .cta-wrap .cta-btns{
    display: flex;
    align-items: center;
    gap: 20px;
}
.page-children-books-genre .children-content .cta-wrap .cta-btns a, .page-children-books-genre .children-content .book-cta .cta-btns a, .page-children-books-genre .children-content .before-cta-wrap .cta-btns a{
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 18px;
}
.page-children-books-genre .children-content .cta-wrap .cta-btns a p, .page-children-books-genre .children-content .book-cta .cta-btns a p, .page-children-books-genre .children-content .before-cta-wrap .cta-btns a p{
    font-size: 15px;
    padding: 0;
    color: white;
    font-weight: 600;
}
.page-children-books-genre .children-content .cta-wrap .cta-btns a span, .page-children-books-genre .children-content .book-cta .cta-btns a span, .page-children-books-genre .children-content .before-cta-wrap .cta-btns a span{
    font-size: 14px;
    color: var(--color-c39a5b);
}
.page-children-books-genre .children-content .cta-wrap .outline-btn{
    background-color: var(--color-c39a5b);
}
.page-children-books-genre .children-content .experts-box h3{
    text-align: center;
    padding-top: 10px;
}
.page-children-books-genre .children-content .experts-box p{
    text-align: center;
    padding: 10px 30px;
}
.page-children-books-genre .children-content .portfolio-wrap a{
    position: relative;
}
.page-children-books-genre .children-content .portfolio-wrap a{
    position: relative;
}
.page-children-books-genre .children-content .portfolio-wrap a::before{
    content: "+";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--color-000000bd);
    font-size: 100px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    transition: all .2s linear;
}
.page-children-books-genre .children-content .portfolio-wrap a:hover::before{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    transition: all .2s linear;
}
.page-children-books-genre .children-content .portfolio-wrap figure{
    margin: 2px 1px;
}
.page-children-books-genre .children-content .portfolio-wrap img{
    min-width: 100%
}
.page-children-books-genre .children-content section.portfolio-wrap{
    background-color: var(--color-f6f6f6);
}
.page-children-books-genre .children-content .portfolio-content{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.page-children-books-genre .children-content .add-on-service-box .content{
    display: flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 10px;
}
.page-children-books-genre .children-content .add-on-service-box .content span{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--color-919191);
}
/* .add-on-service-box .content h6 {
    font-size: 25px;
    font-weight: normal;
    line-height: 25px;
    padding-right: 80px;
} */
.page-children-books-genre .children-content .add-on-service-box .content h6{
    font-size: 23px;
    font-weight: normal;
    line-height: 27px;
    padding-right: 40px;
    font-family: poppins;
    font-weight: 500;
}
.page-children-books-genre .children-content .add-on-service-box object{
    filter: brightness(0) saturate(100%) invert(64%) sepia(17%) saturate(5873%) hue-rotate(359deg) brightness(105%) contrast(103%);
}
.page-children-books-genre .children-content .add-on-service-box{
        padding: 25px 15px 25px 25px;
}
.page-children-books-genre .children-content .add-on-service-wrap .col-lg-4{
    position: relative;
        padding: 0;
}
.page-children-books-genre .children-content .add-on-service-wrap .col-lg-4::after{
    content: "";
    position: absolute;
    border-right: 1px solid var(--color-80808052);
    margin-bottom: 0;
    width: 90%;
    bottom: 18px;
    left: 10%;
    height: 85%;
       z-index: -1;
}
.page-children-books-genre .children-content .add-on-service-wrap .col-lg-4::before{
    content: "";
    position: absolute;
    border-bottom: 1px solid var(--color-80808052);
    margin-bottom: 0;
    width: 90%;
    bottom: 0;
    left: 5%;
}
.page-children-books-genre .children-content .add-on-service-box:hover{
    background-color: var(--color-c39a5b);
    color: white;
}
.page-children-books-genre .children-content .add-on-service-box:hover p, .page-children-books-genre .children-content .add-on-service-box:hover span{
    color: white;
}
.page-children-books-genre .children-content .add-on-service-box:hover object{
    filter: brightness(0) saturate(100%) invert(95%) sepia(100%) saturate(2%) hue-rotate(107deg) brightness(110%) contrast(100%);
}
.page-children-books-genre .children-content .add-on-service-box p{
color: var(--color-4d4d4d);
}
.page-children-books-genre .children-content .book-cta{
    background-image: url(/children-books-genre/assets/images/offer-cta.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    padding-bottom: 200px;
}
.page-children-books-genre .children-content .book-cta .content h5, .page-children-books-genre .children-content .before-cta-wrap .content h4{
    font-size: 35px;
    line-height: 42px;
    color: white;
    text-shadow: 2px 2px 7px var(--color-2f2425);
}
.page-children-books-genre .children-content .book-cta .content h3, .page-children-books-genre .children-content .before-cta-wrap .content h3{
    font-size: 55px;
    line-height: 55px;
    color: var(--color-f6ff00);
    padding: 10px 0;
    text-shadow: 2px 2px 7px var(--color-2f2425);
}
.page-children-books-genre .children-content .book-cta .content{
    padding-left: 40px;
}
.page-children-books-genre .children-content .children-counter{
    display: grid;
    grid-template-columns: auto auto;
    gap: 25px;
}
.page-children-books-genre .children-content .children-counter .counter-content{
    display: flex;
    align-items: center;
    gap: 15px;
}
.page-children-books-genre .children-content .children-counter .counter-content span{
        font-size: 50px;
    font-family: tondu;
    color: var(--color-fe977a);
    line-height: 45px;
}
.page-children-books-genre .children-content .children-counter .counter-content div{
    width: 130px;
    display: block;
}
.page-children-books-genre .children-content section.editing-wrap{
    background-color: var(--color-f6f6f6);
}
.page-children-books-genre .children-content .receive-wrap .content ul{
    display: flex;
    align-items: center;
    margin: 15px 0;
}
.page-children-books-genre .children-content .receive-wrap .content ul li p{
    display: flex;
    align-items: start;
    gap: 8px;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 15px;
}
.page-children-books-genre .children-content .receive-wrap .content ul li svg{
    font-size: 24px;
    color: var(--color-c39a5b);
}
.page-children-books-genre .children-content section.process-wrap{
    background-color: var(--color-fff9f0);
}
.page-children-books-genre .children-content section.process-wrap .title h4{
    font-size: 35px;
    color: var(--color-d44bb2);
}
.page-children-books-genre .children-content .process-wrap .content{
    padding: 60px 0 60px 60px;
}
.page-children-books-genre .children-content .left-gradient{
    background: linear-gradient(90deg,var(--color-rgba-255-255-255-1) 0%, var(--color-rgba-255-249-240-1) 100%);
    border-top: 2px solid var(--color-80808014);
    border-left: 2px solid var(--color-80808014);
    border-bottom: 2px solid var(--color-80808014);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.page-children-books-genre .children-content .right-gradient{
    background: linear-gradient(90deg,var(--color-rgba-255-249-240-1) 0%, var(--color-rgba-255-255-255-1) 100%);
    border-top: 2px solid var(--color-80808014);
    border-right: 2px solid var(--color-80808014);
    border-bottom: 2px solid var(--color-80808014);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.page-children-books-genre .children-content .process-wrap .content h6 span{
    font-size: 35px;
    font-family: tondu;
    color: var(--color-c39a5b);
    padding-right: 10px;
}
.page-children-books-genre .children-content .process-wrap .content h6{
    font-size: 25px;
}
.page-children-books-genre .children-content .process-wrap .content p{
    font-size: 16px;
    line-height: 25px;
}
.page-children-books-genre .children-content .pw-60{
    max-width: 60%;
}
.page-children-books-genre .children-content .before-cta-wrap{
    background-image: url(/children-books-genre/assets/images/before-cta-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
        padding: 80px 0;
}
.page-children-books-genre .children-content .testimonial{
    background: url(/children-books-genre/assets/images/faq-bg.webp)  center center/cover repeat;
}
.page-children-books-genre .children-content .testimonial .test-box{
    padding: 25px 25px 50px 25px;
    background-color: var(--color-fff);
    border-radius: 10px;
    border: 1px solid var(--color-00000021);
    margin-top: 20px;
    position: relative;
}
.page-children-books-genre .children-content .testimonial .text{
    padding-top: 10px;
    line-height: 22px;
    font-size: 16px;
}
.page-children-books-genre .children-content .testimonial .quote{
    position: absolute;
    right: 7%;
    top: -14%;
}
.page-children-books-genre .children-content section.before-testimonial-cta .second-tbn{
    background-color: var(--white);
}
.page-children-books-genre .children-content .test-prev{
    bottom: -23%;
    position: absolute;
    left: 12%;
}
.page-children-books-genre .children-content .test-next{
    position: absolute;
    bottom: -23%;
}
.page-children-books-genre .children-content .form-wrap{
    background: url(/children-books-genre/assets/images/form-bg.html)  center center/cover repeat;
}
.page-children-books-genre .children-content .form-wrap form{
    background-color: var(--color-24364b);
    max-width: 500px;
    padding: 50px 25px;
}
.page-children-books-genre .children-content .form-wrap form input{
    min-width: 100%;
    display: block;
    height: 45px;
    margin: auto;
    margin-bottom: 10px;
    font-size: 15px;
    padding-left: 15px;
}
.page-children-books-genre .children-content .form-wrap form textarea{
    min-width: 100%;
    display: block;
    border: 1px solid black;
    height: 115px;
    margin: auto;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 15px;
    padding: 15px;
}
.page-children-books-genre .children-content .after-bird{
    position: absolute;
    right: 0;
    top: -50%;
}
.page-children-books-genre .children-content .footer{
    background: url(/children-books-genre/assets/images/ft-bg.png)  center center/cover repeat;
}
.page-children-books-genre .children-content .footer ul li a{
    font-size: 16px;
    color: white;
    line-height: 17px;
}
.page-children-books-genre .children-content .footer ul li a span:nth-child(2){
    font-size: 18px;
    font-weight: 600;
    color: white;
    display: block;
}
.page-children-books-genre .children-content .footer ul li a span svg{
    margin-right: 5px;
}
.page-children-books-genre .children-content .footer ul li a:hover{
    color: var(--color-c39a5b);
}
.page-children-books-genre .children-content .footer ul li a:hover span{
    color: var(--color-c39a5b);
}
.page-children-books-genre .children-content .ft-sec{
    background-color: var(--color-1b293b);
    padding: 30px 0;
    color: white;
    position: relative;
}
.page-children-books-genre .children-content .ft-sec ul li a{
    color: var(--white);   
}
.page-children-books-genre .children-content .ft-sec ul li a:hover{
    color: var(--color-c39a5b);
}
.page-children-books-genre .children-content .up-arrow{
    position: absolute;
    top: -36%;
    right: 3%;
}
.page-children-books-genre .children-content .test-prev{
    filter: none;
}
.page-children-books-genre .children-content .f-25{ font-size: 25px;  line-height: 31px; }
.page-children-books-genre .children-content .fw-800{font-weight: 800; }
.page-children-books-genre .children-content .accod-tabs .accordion-item{
   background-color: white;
        margin-bottom: 10px;
    border-top: 1px solid var(--color-80808033);
    border-radius: 7px;
}
.page-children-books-genre .children-content .accordion-button, .page-children-books-genre .children-content .accordion-button:not(.collapsed){
    background-color: transparent !important;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--white);
    padding-bottom: 20px;
    font-family: "Poppins";
    font-weight: 700;
}
.page-children-books-genre .children-content .accordion-button:focus{
    border-color: transparent;
    box-shadow: none;
}
.page-children-books-genre .children-content img.offer-tag{
    position: absolute;
    top: 0;
    right: 5%;
}
.page-children-books-genre .children-content .add-on-service-box p{
    
    font-size: 14px !important;
        padding-bottom: 10px;
}
.page-children-books-genre .children-content .b-border{
    border-bottom: 0;
}
.page-children-books-genre .children-content .add-on-service-wrap .b-border::before{
    border: 0;
}
.page-children-books-genre .children-content .add-on-service-wrap .r-border::after{
    border-right: 0;
}
.page-children-books-genre .children-content .thousand-wrap .content{
    border: 1px solid var(--color-80808036);
    border-radius: 20px;
    padding: 0 0 30px 0;
    text-align: center;
   
}
.page-children-books-genre .children-content .thousand-wrap .content:hover{
   box-shadow: var(--color-rgba-100-100-111-0-2) 0px 7px 29px 0px;
}
.page-children-books-genre .children-content .thousand-wrap .content h5, .page-children-books-genre .children-content .thousand-wrap .content h5 span{
    font-size: 40px;
    line-height: 40px;
}
.page-children-books-genre .children-content .thousand-wrap .content strong{
    font-size: 20px;
    font-weight: 700;
    color: var(--color-c39a5b);
}
.page-children-books-genre .children-content .thousand-wrap .content object{
    margin-top: -56px;
}
.page-children-books-genre .children-content .accod-tabs .accordion-button::after{
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a.5.5 0 0 1 .5.5v6.5H15a.5.5 0 0 1 0 1H8.5V15a.5.5 0 0 1-1 0V9.5H1a.5.5 0 0 1 0-1h6.5V1.5A.5.5 0 0 1 8 1z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}
/* When accordion is open — show minus icon */
.page-children-books-genre .children-content .accod-tabs .accordion-button:not(.collapsed)::after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8z'/%3E%3C/svg%3E");
  transform: rotate(0deg);
}
.page-children-books-genre .children-content .accod-tabs .accordion-body{
    padding: 1.5rem 1.25rem;
}
.page-children-books-genre .children-content .accod-tabs .outline-btn{
    background-color: var(--color-c39a5b);
}
.page-children-books-genre .children-content .kid{
    position: absolute;
    bottom: -5%;
    right: 5%;
}
.page-children-books-genre .children-content .slick-dots li{
  width:30px;
  height: 3px;
  background-color: var(--color-141e2b);
}
.page-children-books-genre .children-content .slick-dots li:active{
  background-color: var(--color-141e2b);
}
.page-children-books-genre .children-content .slick-dots li.slick-active button:before{
  background-color: var(--color-c39a5b);
  width:30px;
  height: 3px;
}
.page-children-books-genre .children-content .slick-dots li button:before, .page-children-books-genre .children-content .slick-dots li.slick-active button:before{
  color: transparent;
}
.page-children-books-genre .children-content .add-on-service-box .content ul li{
    list-style: disc !important;
}
.page-children-books-genre .children-content .add-on-service-box ul li{
    list-style: auto;
    margin-left: 19px;
}
.swiper { min-width:0; max-width:100%; }
.swiper-wrapper { box-sizing:content-box; }
.swiper-slide { height:auto; }
[data-mobile-slider]:not(.swiper-initialized) { overflow:visible; }
[data-mobile-slider]:not(.swiper-initialized) > .swiper-wrapper { display:contents; }
[data-mobile-slider].row:not(.swiper-initialized) { display:flex; flex-wrap:wrap; }
[data-mobile-slider].stats-grid:not(.swiper-initialized) { display:grid; }
[data-mobile-slider]:not(.swiper-initialized) > .swiper-pagination { display:none; }
.award-slider .swiper-slide { width:250px; margin:0; }
.award-slider .swiper-wrapper, .tec-slider2 .swiper-wrapper, .tec-slider3 .swiper-wrapper, .platforms-slider .swiper-wrapper { transition-timing-function:linear; }
.award-slider .award-main-box { flex-shrink:0; }
.tec-slider2 img, .tec-slider3 img { max-width:100%; }
.cat-slider .swiper-slide { width:240px; }
.uk-cover-slider .swiper-slide { width:180px; }
.swiper-pagination { position:relative; margin-top:20px; }
.swiper-pagination-bullet-active { background:var(--accent-col); }
.haven-enquiry-modal { width:min(620px,94vw); border-radius:16px; padding:32px; }
.haven-contact-form { max-width:850px; margin:24px auto; padding:28px; border:1px solid var(--ring); border-radius:16px; background:var(--light); }
.leadform label { display:block; margin:8px 0; color:var(--dark); font-weight:500; }
.leadform .form-control { border:1px solid var(--ring); border-radius:8px; padding:12px; font-family:inherit; text-transform:none; }
.leadform label.error { color:var(--danger); font-size:13px; }
.leadform .error:not(label), .leadform .success, .leadform .loader { margin-top:12px; }
.leadform .loader { color:var(--dark); }
.thank-you-section { padding:90px 24px; text-align:center; }
.page-children-books-genre header img { max-width:none; }
.site-directory-list { max-height:70vh; overflow-y:auto; }
.site-directory-footer { padding:0 0 20px; }
.site-directory-footer summary { color:var(--light); cursor:pointer; }
.site-directory-footer ul { columns:3; margin-top:20px; }
.site-directory-footer a { display:inline-block; padding:5px 0; }
@media(max-width:767px) { .site-directory-footer ul { columns:1; } }

.page-children-books-genre .children-content :is(.fa, .fas, .fa-solid, .far, .fa-regular) { font-family:"Font Awesome 6 Free"; }
.page-children-books-genre .children-content :is(.fa, .fas, .fa-solid) { font-weight:900; }
.page-children-books-genre .children-content :is(.fab, .fa-brands) { font-family:"Font Awesome 6 Brands"; }
.page-children-books-genre .children-content .bnr-wrap .solid-btn { color:var(--light); }
.serv-baner-section .btn.border-btn { color:var(--light); border-color:var(--accent-col); }

.site-directory-list { right:0; left:auto; }
.haven-enquiry-modal { background:var(--light); color:var(--dark); }