:root {
    --blurGradient: linear-gradient(58deg, #00008e, #02021b);
    --primaryBg: #05147a;
    --secondaryBg: #495099;
    --Blue: #091054;
    --Orange: #f5773a
}

a {
    text-decoration: none
}

.Topbar {
    background: var(--blurGradient)
}

.NavSec .navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    background: var(--primaryBg);
    color: #fff
}

.NavSec.active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: linear-gradient(58deg, #00008e, #02021b)#4ac5c2;
    z-index: 999
}

header.NavSec {
    position: relative;
    z-index: 99999;
    left: 0;
    right: 0
}

.NavSec .nav-link {
    padding: 5px 1.4rem !important;
    border-radius: 20px;
    background: #fff;
    text-align: center;
    font-family: var(--poppins)
}

.Slider {
    background: url(/images/headerBg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 3rem;
    padding-bottom: 0;
    position: relative
}

/* .Slider img.headerGirl {
    max-width: 490px;
    height: auto;
    position: absolute;
    right: 0;
    bottom: 0
} */

.Homeform {
    height: auto;
    background: #fff;
    padding: 2rem 1rem;
    border-radius: 15px;
    position: relative;
    z-index: 1
}

.Homeform .form-group {
    margin-bottom: 15px
}

.Homeform .form-group label {
    font-weight: 600
}

.Homeform button {
    background: var(--secondaryBg);
    padding: 8px 1rem;
    font-size: 14px;
    color: #fff;
    border-color: var(--secondaryBg);
    border-radius: 5px
}

.Homeform .form-control {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    border-color: #000;
    font-size: 14px;
    padding: 10px .5rem
}

.Satisfied {
    background: var(--secondaryBg)
}

.Satisfied .satisfyBox {
    padding: 2rem 1.5rem
}

.Satisfied .satisfyBox.active {
    background: var(--blurGradient)
}


.consultantGirl {
    position: absolute;
    height: auto;
    bottom: 0;
    width: 100%;
    max-width: 320px;
    margin: auto;
    left: 5rem;
    right: 0;
    z-index: -1
}

.wrapConsultant {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    position: relative;
    left: 40px;
    bottom: 30px
}

.getconsultant {
    background: #d9d9d9a1;
    width: 100%;
    padding: 3.3rem 0;
    text-align: center;
    border-radius: 10px
}

.getconsultant a {
    background: var(--blurGradient);
    color: #fff;
    padding: 25px 3rem;
    border-radius: 30px;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600
}

.Writers {
    background: url(/images/writersBg.jpg);
    background-position: 50%;
    background-size: cover
}

.Writers,
.writerItems {
    background-repeat: no-repeat
}

.writerItems {
    background-size: cover !important;
    background-position: 50% !important;
    height: 100%;
    border-radius: 10px;
    border: 3px solid var(--Blue);
    position: relative
}

.writerOverlay {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: linear-gradient(58deg, #323232 10%, #000 70%);
    justify-content: center;
    padding: 1rem 2rem
}

.fs25 {
    font-size: 25px
}

.Writers .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: var(--blurGradient);
    border-color: var(--blurGradient);
    color: #fff
}

.Writers .nav-pills .nav-link {
    background: #fff;
    border: 2px solid var(--Red);
    padding: 1rem 2rem;
    border-radius: 40px;
    color: var(--Black);
    font-weight: 600;
    font-family: var(--Baloo2);
    font-size: 17px
}

.innerBox {
    padding: 1rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 100%
}

.innerBox p {
    text-shadow: 2px 2px 0 rgba(0, 0, 0, .395), -2px 2px 0 rgba(0, 0, 0, .395), 2px -2px 0 rgba(0, 0, 0, .395), -2px -2px 0 rgba(0, 0, 0, .395)
}

.innerBox a {
    background: #d7d7d7;
    border: 2px solid var(--Red);
    border-radius: 20px;
    text-decoration: none;
    color: var(--Black);
    font-family: var(--Baloo2);
    font-size: 13px
}

.internalBox {
    background: #32376955;
    padding: 4px 10px;
    margin-bottom: 10px;
    border-radius: 10px
}

.Cta {
    background: url(/images/ctaBg.jpg);
    background-position: 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important
}

.Homecontent {
    background: linear-gradient(58deg, #007a77, #24aba5 50%, #009289);
    color: #fff
}

.Homecontent .row {
    height: 675px;
    overflow-x: auto
}

.Homecontent .row::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

.Homecontent .row::-webkit-scrollbar-thumb {
    background: #000f0f;
    border-radius: 10px
}

.Homecontent .row::-webkit-scrollbar-thumb:hover {
    background: #555
}

.Homecontent .row::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px
}

.Subjects {
    background: url(/images/SubjectBg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.subItems {
    background: #fff;
    margin-bottom: 20px;
    border: 1px solid var(--Dark);
    padding: 1rem;
    border-radius: 10px;
    margin-bottom: 2.5rem
}

.subItems p {
    font-size: 21px
}

.writerOverlay div.d-flex div {
    flex: 45% 1
}

.writerOverlay div.d-flex div p span {
    font-size: 13px
}

.writerOverlay a {
    background: #fff;
    color: #000 !important;
    font-size: 20px
}

.subIcon {
    width: 80px;
    height: 80px;
    border-radius: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--Dark)
}

/* 
.Companies {
    background: url(/images/CompaniesBg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
} */

.companiesBox {
    background: #fff;
    border-radius: 15px;
    overflow: hidden
}

.companiesBox .comItems {
    background: #fff;
    display: flex;
    align-items: center;
    height: 150px;
    margin-bottom: 0;
    width: 25%;
    justify-content: center;
    padding: 0 20px;
    border: 2px solid #c91561
}

.companiesBox .comItems img {
    height: 100px;
    width: -moz-fit-content;
    width: fit-content;
    object-fit: cover
}

.Secretinfo {
    background: url(/images/secretBg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.SecretLayer {
    margin-bottom: 20px
}

.secretGirl {
    max-width: 400px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.Processsec {
    background: url(/images/processBgx.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.circleCoun {
    width: 50px;
    height: 50px;
    background: #fe78b1;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 20px;
    margin: -10px auto 20px
}

.Counter {
    background: #d9bfa8
}

.countBox {
    background: linear-gradient(58deg, #fe5ea2, #d31264 50%, #cd0359);
    padding: 2rem 0;
    text-align: center;
    border-radius: 20px;
    border: 3px solid #fff
}

.Customersay {
    background: url(/images/customerSays.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.customerBox {
    margin-bottom: 15px
}

.Faq .accordion-button {
    background: #fff;
    font-weight: 700
}

.Faq .accordion-item {
    margin-bottom: 15px
}

.Talkexpert {
    background: linear-gradient(58deg, #fc7b3c, #f05c14 50%, #fb5505)
}

.Talkexpert.ChangeBg {
    background: linear-gradient(58deg, #007a77, #24aba5 50%, #009289)
}

.Talkexpert.ChangeBg select {
    background: #5960a0
}

.Talkexpert.ChangeBg button {
    background: #2c348a
}

.Talkexpert .form-control {
    padding: 20px 10px;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto
}

.Talkexpert .form-control:focus {
    color: #000 !important
}

.Requx button {
    height: 60%;
    background: var(--blurGradient);
    padding: 22px 30px;
    display: flex;
    align-items: center;
    border: none;
    color: #fff
}

.BreadCrumbs {
    background: url('../../assets/images/serviceHeader.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 3rem;
    padding-bottom: 0;
    position: relative
}

.Footer {
    background: url('../../assets/images/footerBg.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.Footer:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    max-width: 23%;
    height: 85px;
    bottom: 35px
}

.Footer:before,
.copyrightSec {
    background: linear-gradient(58deg, #fe5ea2, #d31264 50%, #cd0359)
}

.bottomPages a {
    color: #fff;
    font-size: 20px;
    text-decoration: none
}

.kingdomLogo {
    position: absolute;
    top: 5px;
    left: -5rem
}

.NavSecs a,
.contactInfofooter a {
    text-decoration: none;
    color: #fff
}

.soialLink a {
    color: #fff;
    font-size: 25px
}

.activeX {
    background: linear-gradient(58deg, #0050b9, #588dff)
}

.Pricingboxes {
    background: url('../../assets/images/pricingBoxBg.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.borderPricing p {
    padding: 10px 30px;
    font-size: 20px
}

.borderPricing p,
.headingPricing {
    border: 1px solid #fff;
    border-radius: 10px;
    color: #fff;
    font-weight: 600
}

.headingPricing {
    background: linear-gradient(58deg, #0050b9, #588dff);
    padding: 15px 30px;
    text-align: center;
    font-size: 30px;
    margin-bottom: 20px
}

.Orderforms {
    background: url('../../assets/images/orderBg.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.Orderforms label {
    color: #fff;
    font-weight: 600;
    font-size: 15px
}

.Orderforms .form-group {
    margin-bottom: 10px
}

.Orderforms button {
    background: #fff;
    color: #000;
    padding: 10px;
    width: 100%;
    border-color: #fff;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 600
}

.Orderforms .form-control {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    background: transparent;
    color: #fff
}

.Orderforms select option {
    color: #000
}

.Orderforms .form-control::placeholder {
    color: #fff
}

.Navigation .nav-link,
.bottomPages a,
.navigations a {
    color: #fff
}

.all-subjects {
    background: #fff;
    font-size: 15px;
    border: 2px solid var(--Red);
    padding: 1rem 2rem;
    border-radius: 40px;
    color: var(--Black);
    font-weight: 600;
    font-family: var(--Baloo2)
}

.all-subjects:hover {
    background: var(--Blue);
    color: #fff
}

.Customersay .swiper-pagination-bullet,
.Processsec .swiper-pagination-bullet,
.Satisfied .swiper-pagination-bullet,
.Subjects .swiper-pagination-bullet,
.Writers .swiper-pagination-bullet {
    padding: 7px;
    background: #fff;
    bottom: var(--swiper-pagination-bottom, 3px)
}

img.img-fluid.Inner-Right-Img {
    width: 400px;
    height: auto
}

a.navbar-brand img {
    width: 250px
}

.Customersay .swiper-pagination-bullet,
.Writers .swiper-pagination {
    position: static
}

.fixedbtnwhatsapp {
    position: fixed;
    bottom: 1em;
    left: 0;
    z-index: 999999
}

.fixedbtnwhatsapp li {
    list-style: none
}

.fixedbtnwhatsapp img {
    width: 100%;
    max-width: 80px;
    display: block
}

.file-upload {
    border: 2px dashed var(--primary-color);
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    background: var(--blurGradient) !important;
    cursor: pointer;
    transition: background-color .2s
}

.file-upload:hover {
    background-color: #fff
}

.upload-label {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #000;
    font-size: 18px !important;
    justify-content: center
}

.upload-label .upload-icon {
    margin-bottom: 5px;
    color: var(--primary-color)
}

.upload-label span {
    color: #000
}

@keyframes spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loading-spinner {
    width: 80px;
    height: 80px;
    border: 10px solid #f3f3f3;
    border-top-color: #383636;
    border-radius: 50%;
    animation: spinner 1.5s linear infinite;
    z-index: 999
}

.spinner-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999
}

.my-cta-img {
    width: 280px;
    height: auto
}

.writertabscontent .swiper-slide {
    height: auto
}

.writertabscontent .swiper-wrapper {
    padding-bottom: 2rem
}

section.privacy-policy span {
    font-size: 22px;
    font-weight: 600
}

.Sitemapbox ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    text-align: center;
    margin: 15px 0
}

.Sitemapbox ul li {
    width: 32%;
    padding: .4rem 0;
    background: #e2e0e033;
    border-radius: 4px;
    display: flex;
    align-items: center
}

.Sitemapbox ul li a {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none
}

.heading1 {
    background: var(--Orange);
    padding: 1rem;
    border-radius: 12px;
    color: #fff;
    font-size: 28px;
    margin-bottom: .6rem
}

.Sitemapbox ul li a i {
    font-size: 20px;
    background: #3333;
    padding: 7px 6px;
    border-radius: 21px;
    background: #003e47;
    color: #fff
}

.Sitemapbox ul li a img {
    width: 33px;
    height: auto
}

.heading2 {
    background: var(--Blue);
    padding: 1rem;
    border-radius: 12px;
    color: #fff;
    font-size: 28px;
    margin-bottom: .6rem
}

.talExpert {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.btn.active,
.btn.show,
.btn:first-child:active,
.talExpert .btn-check:checked+.btn,
:not(.btn-check)+.btn:active {
    background: var(--Orange);
    border-color: var(--Orange)
}

.talExpert .btn-primary {
    background: #fff;
    border-color: #3333;
    padding: .4rem 1rem;
    height: 100%;
    color: #000
}

.talExpert .btn-check+.btn:hover {
    background: var(--Orange);
    border-color: var(--Orange)
}

.react-tel-input .selected-flag {
    outline: none;
    position: relative;
    width: 100% !important;
    height: 100%;
    padding: 22px !important;
    border-radius: 3px 0 0 3px
}

.btnGradient {
    background: var(--blurGradient) !important
}

.borderwhite {
    border: 1px solid #fff
}

.fs50 {
    font-size: 50px
}

.fs64 {
    font-size: 64px
}

.fs30 {
    font-size: 30px
}

.fs20 {
    font-size: 20px
}

.fs15 {
    font-size: 15px
}

.clr1 {
    background: #4ac5c2
}

.clr2 {
    background: #484f98
}

.clr3 {
    background: #e65c22
}

.clr4 {
    background: #fd5596
}

.clr5 {
    background: #ffc107
}

.clr6 {
    background: #e5cbb4
}

.clr7 {
    background: #f5773a
}

.fs35 {
    font-size: 35px
}

.fs48 {
    font-size: 48px
}

.fs40 {
    font-size: 40px
}

.fs60 {
    font-size: 60px
}

@media (min-width: 1920px) {
    .container {
        max-width: 80%
    }
}

@media (max-width: 1600px) {
    .Satisfied .satisfyBox {
        height: 100%
    }

    .Slider ul {
        flex-wrap: wrap
    }

    .reviewsItemboxesx .customerBox {
        height: auto
    }

    .Writers .container {
        max-width: 1297px
    }

    .writerOverlay div.d-flex div {
        flex: auto
    }

    .writerOverlay a {
        background: #fff;
        color: #000 !important;
        font-size: 16px;
        width: 200px;
        height: 40px;
        display: flex;
        margin: 10px auto;
        justify-content: center;
        align-items: center;
        font-weight: 600
    }

    .Customersay .swiper-slide {
        height: auto;
        margin-bottom: 20px
    }

    /* .customerBox {
        height: 100%
    } */

    .Navigation .nav-link,
    .bottomPages a,
    .navigations a {
        font-size: 14px
    }

    a.navbar-brand img {
        width: 180px
    }

    .Homeform {
        width: 380px
    }

    .Homeform .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
        padding-right: 4px
    }

    .Homeform .form-control,
    .Homeform button {
        font-size: 12px
    }

    .Slider img.headerGirl {
        max-width: 380px;
        height: auto
    }

    .Writers .nav-pills .nav-link,
    .all-subjects {
        padding: 10px;
        font-size: 15px
    }

    .Mycta .fs40,
    .fs35 {
        font-size: 30px
    }

    .Subjects .fs30 {
        font-size: 14px
    }



    .Cta .fs64,
    .Writers .fs50,
    .fs-7,
    .fs64,
    .fs60,
    .fs-7,
    .fs48,
    .fs50 {
        font-size: 40px;

    }

    .Topbar p,
    .Topbar ul li,
    .Topbar ul li a {
        font-size: 15px
    }

    .Writers .innerBox a {
        font-size: 12px;
        padding: 6px 0 !important
    }

    .Writers .innerBox {
        padding: 20px 10px
    }

    .Writers .innerBox p,
    .writerOverlay p {
        font-size: 16px
    }

    .writerOverlay p span {
        font-size: 14px
    }

    .Topbar ul li a img {
        width: 28px;
        height: auto
    }

    .Subjects .subItems {
        border: 1px solid var(--Dark);
        padding: 10px
    }

    .NavSec .nav-link {
        padding: 5px 20px !important;
        border-radius: 20px;
        background: #fff;
        text-align: center;
        font-family: var(--poppins);
        font-size: 15px
    }

    .Footer:before {
        max-width: 21%;
        bottom: 42px;
        height: 50px
    }

    .kingdomLogo {
        position: absolute;
        top: 2px;
        left: -4rem
    }

    .Talkexpert .fs40 {
        font-size: 24px
    }

    img.img-fluid.Inner-Right-Img {
        width: 320px
    }

    .Navigation .nav-link,
    .bottomPages a,
    .navigations a {
        font-size: 13px
    }
}

@media (max-width: 1200px) {

    .Navigation .nav-link,
    .bottomPages a,
    .getconsultant a,
    .navigations a {
        font-size: 13px
    }

    .Slider .fs40 {
        font-size: 26px
    }

    .Slider .list-unstyled li {
        font-size: 16px
    }

    .Slider img.headerGirl {
        display: none
    }

    .secretGirl {
        max-width: 337px
    }
}

@media (max-width: 992px) {
    .Homeform {
        width: 100%
    }

    .confidentBox {
        margin-bottom: 20px;
    }

    .BreadCrumbs {
        padding-top: 4rem;
    }

    .Homeform .col-lg-6 {
        flex: 0 0 auto;
        width: 100%;
        padding-right: 4px
    }

    .Consultant {
        background: var(--Blue)
    }

    .Cta {
        background: var(--Orange)
    }

    .Cta img,
    .consultantGirl,
    .secretGirl {
        display: none
    }

    .Cta .fs64,
    .Mycta .fs40,
    .Writers .fs50,
    .fs35,
    .fs40,
    .fs48,
    .fs50,
    .fs64 {
        font-size: 24px
    }

    .wrapConsultant {
        left: 0
    }
    .Cta{
        padding: 30px 0px;
    }
}

@media (max-width: 600px) {
    .Writers .nav-item {
        flex: 1 1
    }

    .processitems li p img {
        display: block;
        margin: auto;
    }

    .processitems li {
        flex-direction: column;
          text-align: center;
    }
    .processitems{
        padding: 0px;
    }

    .SecretLayer .layerinner,
    .countBox {
        margin: 10px 0
    }

    .Faq .accordion-button {
        background: #fff;
        font-weight: 700
    }

    .Talkexpert select {
        display: none
    }

    .Requx button {
        position: relative;
        right: 0;
        top: 0;
        height: auto;
        background: #000;
        display: flex;
        align-items: center;
        border: none;
        color: #fff;
        padding: 20px;
        text-align: center;
        justify-content: center;
        margin-top: 13px
    }

    .Talkexpert .form-control {
        margin-top: 20px
    }

    .Requx {
        flex-direction: column
    }

    .NavSec .nav-link {
        width: 100%;
        border-radius: 5px;
        text-align: start
    }

    p.m-0.text-white.d-flex.align-items-center.gap-md-2 {
        flex-wrap: wrap;
        padding-bottom: 19px
    }

    .Consultant ul li {
        margin: 10px 0
    }

    .BreadCrumbs a {
        flex: auto;
        text-align: center
    }

    .NavSec .nav-item.dropdown {
        width: 100%
    }

    .navbar-toggler {
        background: #fff
    }

    .Slider a {
        font-size: 12px
    }

    .Footer:before {
        width: max-content
    }

    .customerSaysx img {
        width: 180px;
        height: auto
    }

    .companiesBox .comItems img {
        height: 67px
    }

    .companiesBox .comItems {
        width: 50%
    }

    .wrapConsultant {
        bottom: 0
    }

    .copyrightSec p {
        font-size: 13px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 5px 0 0
    }

    .Topbar p {
        font-size: 13px
    }

    .Orderforms .form-control {
        margin: 4px 0 10px
    }
}