@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap'); 

body {
    font-size: 1rem;
    font-weight: 400;
    overflow-x: hidden;
    display: block;
}

[class*="col-"] {
    padding: 0 10px;
}

.row {
    margin: 0 -10px;
    align-items: center;
}

.row.no-align {
    align-items: unset;
}

a:hover, a:focus, button:hover, button:focus {
    outline: none;
}

section {
    padding: 100px 0;
    clear: both;
    position: relative;
    margin: 0;
    overflow: hidden;
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Bricolage Grotesque", sans-serif;
    color: #000;
    letter-spacing: -0.4px;
    font-weight: 600;
}

p {
    color: #000;
    font-weight: 500;
    margin-bottom: 20px;
    position: relative;
    letter-spacing: -0.2px;
    font-family: "Inter", sans-serif;
    font-size: 1.1rem;
}

img {
    max-width: 100%;
}

textarea {
    resize: none
}

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

label.error {
    display: none !important;
}

span, b , strong , i {
    vertical-align: baseline;
}

b {
    font-weight: 700;
}

select {
    -webkit-appearance: listbox !important;
}

ul {
    margin: 0;
    padding: 0;
}

a {
    color: #000;
    text-decoration: none;
}

.btn {
    color: #fff;
    padding: 17px 40px;
    font-weight: 600;
    font-size: 1.125rem;
    margin-right: 6px;
    position: relative;
    align-items: center;
    display: inline-flex;
    transition: .5s all;
    border-radius: 30px;
    overflow: hidden;
    border: none;
    text-transform: uppercase;
    border: none;
    font-family: "Inter", sans-serif;
    box-shadow: inset 2px 2px 4px 0 rgba(0, 0, 0, 0.25);
    background: linear-gradient(180deg, #f4753a 0%, #fb9823 100%);
}

.btn:hover, .btn:active, .btn:focus {
    transform: translateY(-3px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    background: #f4753a;
    color: #fff;
}

.btn.btn-dblk {
    background: #263959;
    border-color: #263959;
}

.btn.btn-lgreen {
    background: #fff;
    border-color: #fff;
    color: #F4753A;
}

header {
    position: absolute;
    left: 0;
    width: 100%;
    top: 20px;
    z-index: 2;
    padding: 0;
    /* overflow: hidden; */
}

header .container {
    border-radius: 60px;
    background: #000;
    padding: 13px;
}

section.our-banner {
    padding-top: 10rem;
    padding-bottom: 0;
    background: url(../images/web-banner.jpeg) no-repeat scroll center bottom #194153;
    background-size: cover;
    overflow: unset;
    border-radius: 0px 0px 20px 20px;
}

.main-mobile {
    display: none;
} 

.main-menu ul.menu {
    display: flex;
    justify-content: end;
}

nav.main-menu ul.menu li ul.sub-menu {
    position: absolute;
    top: 60px;
    background: #fff;
    width: 100%;
    display: none;
    border: 2px solid #F4753A;
    z-index: 1;
    /* overflow: hidden; */
    border-radius: 10px;
    border-top: none;
    padding: 20px 0;
    min-width: 440px;
    flex-flow: wrap;
    justify-content: space-between;
}

nav.main-menu ul.menu li ul.sub-menu:before {
    content: "";
    position: absolute;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-bottom: 20px solid #fff;
    top: -20px;
    left: 40px;
}   

nav.main-menu ul.menu li:hover ul.sub-menu , nav.main-menu ul.menu li:active ul.sub-menu , nav.main-menu ul.menu li:focus ul.sub-menu {
     display: flex;
}

nav.main-menu ul.menu li i.fa-angle-down , nav.main-menu ul.menu li svg.fa-angle-down {
    position: absolute;
    right: 10px;
    color: #fff;
    top: 5px;
    margin-left: 0;
    display: none;
}

nav.main-menu ul.menu li ul.sub-menu li a {
    padding: 12px 20px 12px 30px;
    display: block;
    text-transform: none;
    color: #000;
    font-weight: 500;
    font-family: "Bricolage Grotesque", sans-serif;
    border-radius: 0 30px 30px 0px;
}

nav.main-menu ul.menu li ul.sub-menu li {
    /* clear: both; */
    /* border-bottom: 1px solid #404040; */
    padding: 0;
    width: 48%;
    float: left;
}

nav.main-menu ul.menu li ul.sub-menu li a:hover {
    background: #f07341;
    color: #fff;
}

nav.main-menu ul.menu li ul.sub-menu li:last-child {
    border-bottom: none;
}

.main-menu.nav-left ul.menu {
    justify-content: start;
}

a.logo {
    display: table;
    margin: 0 auto;
}

a.logo img {
    max-width: 180px;
}

.main-menu ul.menu li {
    color: #fff;
    position: relative;
    margin-right: 0;
}

.main-menu ul.menu li a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    transition: all ease-in-out 0.3s;
    border-radius: 30px;
    padding: 16px 30px;
    /* background: red; */
    /* font-size: 1rem; */
    text-transform: uppercase;
    font-family: "Mulish", sans-serif;
}

.main-menu ul.menu li a.contactus {
    background: linear-gradient(to bottom, rgba(251, 152, 35, 1) 0%, rgba(244, 117, 58, 1) 100%);
}

@media (max-width: 991px) {

    .main-menu ul.menu li a.contactus {
        display: block;
        width: 100%;
        text-align: center;
        border-radius: 30px;
    }

}   

.main-menu ul.menu li a:hover , .main-menu ul.menu li a:active , .main-menu ul.menu li a:focus {    color: #fff;    background: #282828;    }

.main-menu ul.menu li ul.sub-menu li a .fa-arrow-right {margin-right: 5px;font-weight: bold;color: #F4753A;}       

.main-menu ul.menu li ul.sub-menu li a:hover .fa-arrow-right {     color:#fff;      }     

nav.main-menu ul.menu li ul.sub-menu:after {
    content: "";
    position: absolute;
    right: 0;
    height: 80%;
    background: #C7C7C7;
    width: 1px;
    left: 0;
    margin: auto;
}   

ul.info-ul {
    display: flex;
    flex-flow: wrap;
    margin-bottom: 20px;
}

ul.info-ul li {
    width: 40%;
    padding-left: 30px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 1.125rem;
    position: relative;
    /* font-weight: 500; */
    font-family: "Inter", sans-serif;
}

ul.info-ul li:nth-of-type(2n+2) {
    width: 44%;
}

ul.info-ul li:before {
    content: url('../images/check-ico.png');
    position: absolute;
    left: 0;
}

img.sticker-ico {
    position: absolute;
    right: -120px;
    top: 100px;
}

.info-banner h1 {
    color: #fff;
    font-size: 2.8rem;
    font-weight: 700;
    position: relative;
    /* padding-bottom: 10px; */
    margin-bottom: 15px;
}

.info-banner h1 i {
    display: inline-block;
    position: relative;
}

.info-banner p {
    color: #fff;
    font-size: 1.125rem;
    margin-bottom: 30px;
}

.arc-shape {
}

.arc-shape h4 {
}

.arc-shape span {
}

.arc-shape small {
    font-size: 1.125rem;
    text-transform: uppercase;
    font-weight: 500;
}

img.banner-right {
    max-width: 140%;
    max-width: none;
    position: relative;
    z-index: 1;
}

img.banner-left {
    position: absolute;
    right: 2%;
    max-width: 270px;
    top: 23%;
    z-index: 1;
}

a.btn.btn-dor {
    background: #22586D;
    border-color: #22586D;
}

.our-banner .row {
    /* align-items: unset; */
}

.info-banner {
    position: relative;
}

.home-banner .info-banner {
}

img.awards-ico {
    margin-top: 40px;
}

.banner-txt {
    background: #344968;
    padding: 40px 50px 70px 50px;
    text-align: center;
    display: table;
    margin: 0 auto 0px;
    border-radius: 30px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: -50px;
}

.banner-txt p {
    color: #fff;
}

.banner-txt p span {
    vertical-align: baseline;
    color: #62ff00;
}

.oul-item h5 {
    margin: 30px 0 10px 0;
    color: #000;
    font-size: 1.5rem;
}

.btn-block.text-center {
    margin-top: 50px;
}

img.grey-sq {
    position: absolute;
    right: 5%;
    top: 10%;
}

img.green-dot {
    position: absolute;
    left: 3%;
    top: 10%;
}

.our-unlock .col-md-4 {
    margin-top: 60px;
    padding-bottom: 50px;
    position: relative;
}

img.book-pot {
    position: absolute;
    bottom: -90px;
    max-width: 320px;
    left: 4%;
    z-index: 1;
}

img.ink-pot {
    position: absolute;
    right: 7%;
    bottom: 50px;
    max-width: 150px;
}

.oul-item p {
    max-width: 100%;
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 0;
}

.oul-item {
    margin: 0px auto;
    text-align: center;
    max-width: 80%;
}

section.abt-sect {
    background: #F4F8FF;
}

.abt-sect p {
    margin: 20px 0;
}

section.yel-cta {
    background: url('../images/cta-or.png') no-repeat scroll center center;
    background-size: 100% 100%;
    text-align: center;
    /* padding: 150px 0; */
    overflow: unset;
}

img.gcta-left {
    position: absolute;
    left: -200px;
    top: -80px;
}

img.gcta-right {
    position: absolute;
    right: -200px;
    top: -70px;
}

.yel-cinn h2 {
    font-size: 3rem;
    font-weight: 700;
    color: #fff;
    display: table;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-bottom: 20px;
    line-height: 3rem;
}

.yel-cinn h4 {
    color: #fff;
    display: table;
    margin: 0 auto;
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: normal;
    font-style: italic;
    background: url('../images/cta-yel.png') no-repeat center center;
    padding: 30px 80px;
    background-size: contain;
}

.yel-cinn p {
    font-size: 1.4rem;
    font-weight: 600;
    color: #fff;
    line-height: normal;
}

.orc-item {
    overflow: hidden;
    padding: 40px 40px 0px;
    position: relative;
    display: flex;
    flex-flow: wrap;
}

.orc-item:before {
    content:"";
    width:44px;
    height:44px;
    background: url('../images/star-blue.png') no-repeat center center;
    position: absolute;
    right: 20px;
    top: 20px;
}

.orc-item:hover:before{
    background: url('../images/star-white.png') no-repeat center center;
}

.wwrk-sec .col-md-4 {
    margin-top: 30px;
}

.wwrk-sec .row.no-align {justify-content: center;}   

img.oct-ico {
    order: 1;
    border-radius: 20px;
    max-width: 110%;
    left: -5%;
    position: relative;
    margin-top: 30px;
}

.orc-item p {
    font-weight: 500;
    font-size: 1rem;
    min-height: 100px;
}

.btn-bar {
    display: flex;
    width: 100%;
    position: relative;
    justify-content: end;
}

.btn-bar:before {
    content: "";
    position: absolute;
    left: 0;
    width: 55%;
    height: 1px;
    background: #000;
    top: 12px;
}

.orc-item:hover .btn-bar:before {
    background: #fff;
}

.orc-item:hover .btn-bar a {
    color: #fff;
}

.orc-item:hover img.btn-rico {
    filter: brightness(100);
}

.btn-bar a {
    color: #333;
    text-transform: uppercase;
    font-weight: 500;
}

img.gr-arrow {
    position: absolute;
    right: 0;
    top: 0;
}

img.gr-line {
    position: absolute;
    right: 80px;
    bottom: -12px;
}

.hbtm {
    height: 2px;
    border-bottom: 1px solid #dce4ee;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 80%;
    margin: 0 auto;
    left: 0;
}

.hright {
    width: 2px;
    border-right: 1px solid #dce4ee;
    position: absolute;
    right: 0;
    top: 0;
    height: 80%;
}

.rright {
    width: 2px;
    border-right: 1px solid #dce4ee;
    position: absolute;
    right: 0;
    top: 0;
    height: 80%;
}

.abt-sect .heading h2 {
}

.abt-sect p.had-email path {
    color: #926df9;
}

.abt-sect p.had-email a {
    vertical-align: baseline;
    margin-left: 20px;
    color: #111e34;
    font-weight: 600;
}

img.line-lgreen {
    position: absolute;
    right: 130px;
    bottom: 0;
}

.yel-cinn h2:before {
    content: url('../images/cta-lor.png');
    position: absolute;
    bottom: -10px;
    right: 0;
    left: 0;
}

img.arrow-lcta {
    position: absolute;
    left: -140px;
    /* transform: scaleX(-1); */
    top: -70px;
}

.yel-cinn .btn-block {
    display: table;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

img.arrow-rcta {
    position: absolute;
    right: -150px;
    top: -30px;
}

.orc-item:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 90%;
    background: #E7E0DA;
    top: 0;
    z-index: -1;
    border-radius: 20px;
}

.orc-item .btn {
    position: relative;
    z-index: 1;
    padding: 14px 40px;
}

.orc-item:hover {
}

.orc-item:hover h4 , .orc-item:hover p {
    color: #fff;
}

.orc-item:hover .btn {
    background: #93dd65;
    border-color: #93dd65;
}

.orc-item h4 {
    margin-bottom: 10px;
}

.orc-item:hover:after {
    background: #E2A06C;
}

section.wwrk-sec {
    background: url('../images/right-arch.png') no-repeat right top;
    background-size: 15%;
    padding-bottom: 70px;
}

.box-para {
    text-align: center;
    background: #123C50;
    padding: 10px 0;
    width: 90%;
    margin: 60px auto 80px; 
    position: relative;
}

.box-para:before , .box-para:after {
    content: "";
    position: absolute;
    left: 0;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-left: 10px solid #fff;
    top: 0;
}

.box-para:after {
    right: 0;
    left: auto;
    border-right: 10px solid #fff;
    border-left: none;
}

.box-para p {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0;
    color: #fff;
}

.box-para p a i , .box-para p a svg {
    color: #F4753A;
    width: 20px;
}

.owl-item {
    float: left;
}

.active-sec:after {
    content: "";
    width: 100%;
    position: absolute;
    aspect-ratio: 3 / 2;
    clip-path: ellipse(110% 100% at 50% 0%);
    background: #F4F8FF;
    height: 100%;
    z-index: -1;
    bottom: 0;
}

.active-sec {     }

.box-wpara {
    text-align: center;
}

.heading.wh h2 {
    color: #fffef4;
}

.heading.wh p {
    color: #bac6d2;
}

.heading {
    margin-bottom: 40px;
}

.heading.text-center {
    width: 87%;
    margin-left: auto;
    margin-right: auto;
}

.box-para.wl p {
    color: #bdcbd8;
}

.box-para.wl p a i, .box-para.wl p a svg {
    color: #93dd65;
}

.box-para.wl p a {
    color: #93dd65;
}

.box-para p a {
    vertical-align: baseline;
}

.portslider {
    margin-top: 60px;
}

.disabled {
    display: none;
}

.box-purp {
    padding: 20px 0px 20px 20px;
    position: relative;
    /* overflow: hidden; */
    height: 100%;
}

.box-purp:before {
    content: "";
    position: absolute;
    left: 0;
    background: url('../images/arrow-bx.png') no-repeat scroll left bottom;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    top: 0;
}

.box-purp p {
    color: #263959;
    font-weight: 500;
    font-size: 14px;
    margin: 0;
    padding-right: 30px;
}

.good-books .col-md-7 .row {
    align-items: unset;
}

.good-books .col-md-7 .col-md-6 {
    margin-top: 30px;
}

.box-purp h4 {
    letter-spacing: -0.4px;
    color: #111e34;
    font-size: 1.125rem;
    margin: 10px 0;
}

img.goodbook {
    max-width: none;
    position: relative;
    right: -80px;
}

.cpurp-inn {
    width: 100%;
    position: relative;
}

section.cta-purp {
    background: url('../images/cta-btm1.png') no-repeat scroll left center;
    background-size: cover;
    overflow: unset;
}

.cpurp-inn h2 {
    color: #fff;
    font-size: 2.5rem;
    margin: 0;
    text-transform: capitalize;
    line-height: 3.375rem;
    font-weight: bold;
}

.cpurp-inn h3 {
    color: #DFBA60;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin: 10px 0;
    padding: 10px 40px 10px 10px;
    background: #000;
    display: table;
    border-radius: 0 30px 30px 0;
    box-shadow: 10px 0 0 #DFBA60;
    position: relative;
    font-weight: bold;
}

.cpurp-inn h4 {
    color: #fff;
    font-size: 1.375rem;
    font-weight: 500;
}

.testimonials {
    position: relative;
    overflow: hidden;
}

.testimonials .slick-slide> div {
    margin: 0;
}

.testimonials-sec h4 {
    color: #534677;
    font-size: 1.5rem;
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
}

.testimonial {
    display: flex;
    flex-flow: wrap;
    width: 100%;
}

.owl-nav {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    clear: both;
    padding-top: 20px;
    gap: 60px;
    position: relative;
}

.owl-nav span {
    display: none;
}

.owl-nav button {
    width: 44px;
    height: 44px;
    border: none;
    background: url('../images/next-arrow.png') no-repeat scroll center center;
}

img.bkshelf {
    position: relative;
    max-width: none;
    right: 180px;
    display: none;
}

div#faqaccordion {
    margin-top: 40px;
}

.card {
    margin-bottom: 10px;
    border-color: #f6f7ef;
    border-radius: 6px;
    overflow: hidden;
}

.card-header {
    background: #F4F8FF;
    padding: 15px 30px;
    border: 1px solid #F4F8FF;
}

.card-body {
    padding: 30px 30px;
    background: #F4F8FF;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    color: #000;
    font-size: 15px;
    padding-top: 0;
}

.our-anatomy .heading h2 {
}

.our-anatomy .row {
    align-items: unset;
}

.btn-ac {
    text-decoration: none;
    color: #333;
    position: relative;
    padding-right: 20px;
    display: block;
    font-size: 1.15rem;
    font-weight: 600;
    font-family: 'Inter' , sans-serif;
}

.btn-ac .arrow {
    background: url('../images/fa-btn-blk.png') no-repeat center center;
    width: 20px;
    height: 20px;
    transition: transform 0.3s ease;
    position: absolute;
    right: -15px;
    top: 5px;
    transform: rotate(180deg);
}

.btn-ac.collapsed .arrow {
    transform: rotate(0deg);
}

.btn-ac[aria-expanded="true"] .arrow {
    transform: rotate(180deg);
}

footer.our-footer {
    width: 100%;
    overflow: hidden;
    z-index: 1;
    background: url('../images/footerbg.jpg') no-repeat scroll center center #F98F2A;
    margin: 0;
    position: relative;
    background-size: cover;
}

.footer-up {
    padding: 60px 0;
    width: 100%;
    position: relative;
    color: #bfd0bd;
}

img.ftr-sticker {
    margin-bottom: 20px;
}

.footer-up .col-md-7 {
    padding-left: 80px;
    margin-top: 30px;
}

.footer-up p {
    color: #F4F8FF;
    max-width: none;
    margin: 0;
    font-size: 1rem;
    line-height: 27px;
    font-weight: 400;
}

.footer-up h5 {
    color: #F4F8FF;
    font-size: 1.25rem;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    position: relative;
}

.footer-up h5:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 80px;
    height: 1px;
    background: #f07341;
}

.footer-up ul {
    margin-top: 20px;
}

.footer-up .col-md-7 ul li {
    margin-bottom: 10px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    color: #F4F8FF;
}

.footer-up .col-md-7 ul li a {
    color: #F4F8FF;
    transition: all ease-in-out 0.2s;
    font-weight: 400;
}

.footer-up .col-md-7 ul li a:hover, .footer-up .col-md-7 ul li a:active, .footer-up .col-md-7 ul li a:focus {
    transition: all ease-in-out 0.2s;
    color: #f07341;
}

.footer-up .col-md-7 ul li b {
    display: block;
    font-weight: 300;
    color: #F4F8FF;
    opacity: .8;
    font-family: 'Inter' , sans-serif;
}

.footer-up ul li a i , .footer-up ul li a svg {
    margin-right: 5px;
    font-weight: bold;
    color: #F4753A;
}

.footer-up ul li a:hover i , .footer-up ul li a:hover svg {
    color: #fff;
}

.copyright {
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding: 30px 0;
    border-top: 1px solid #f4f8ff30;
}

.copyright * {
    font-size: 15px;
    color: #FFFFFF;
    font-family: "Inter", sans-serif;
}

.copyright ul {
    display: flex;
    justify-content: end;
}

.copyright ul li {
    margin-left: 10px;
}

.copyright ul li.seps {
    top: 2px;
    position: relative;
}

.copyright .row {
    align-items: center;
}

.copyright p {
    margin: 0;
}

.copyright p span {
    color: #f07341;
    vertical-align: baseline;
}

.heading h2 {
    font-size: 2.5rem;
    color: #111e34;
    position: relative;
    margin-bottom: 20px;
}

.heading p {
    /* color: #263959; */
    font-weight: 500;
}

.worth-hastle {
}

.worth-hastle .row {
    align-items: unset;
}

.our-unlock .btn-block.text-center {
    margin-top: 0;
}

img.line-sm {
    position: absolute;
    right: 0;
    top: -25px;
}

.heading.text-center h2 {
    display: table;
    margin-left: auto;
    margin-right: auto;
}  

.testimonial p {
    color: #123C50;
    font-weight: 500;
    font-size: 1rem;
    background: #fff;
    padding: 40px;
    text-align: center;
    border-radius: 8px;
    min-height: 200px;
    margin-bottom: 10px;
}

.testimonial h5 {
    margin: 0;
    background: #fff;
    padding: 15px 20px;
    border-radius: 8px;
    color: #123C50;
    font-size: 1.125rem;
    position: relative;
    width: 100%;
}

.testimonial h5:after {
    content: "";
    position: absolute;
    right: 10px;
    background: url('../images/coma.png') no-repeat scroll center center #123C50;
    width: 34px;
    height: 34px;
    border-radius: 4px;
    top: 9px;
}

.center .testimonial p {
    color: #fff;
}

.center .testimonial h5 {
    background: #123C50;
    color: #fff;
}

span.star {
    background: url('../images/star.png') no-repeat scroll center center #123C50;
    width: 70px;
    display: table;
    animation: 0;
    height: 20px;
    clear: both;
    border-radius: 4px;
    margin: 0 auto;
}

.testimonial p i {
    min-height: 140px;  
    display: block;
}

.center span.star {
    background-color: #F98F2A;
}

.center .testimonial p {
    background: #123C50;
}

.center .testimonial h5:after {
    background-color: #F98F2A;
}

.center .testimonial p {
    order: 1;
    margin-top: 10px;
}

section.abt-banner {
}

.abt-box {
    /*padding-top: 50px;*/   
    overflow: unset;
}  

img.abt-men {
    border-radius: 30px;
}

img.abt-wmen {
    border-radius: 30px;
}

.abt-box .row {
    /* align-items: unset; */
}

.abt-box .col-md-4 {
    display: flex;
    flex-flow: wrap;
}

.abt-ibx {
    background: url('../images/brwn-bx.jpg') no-repeat scroll left center  #E2A06C;
    border-radius: 10px;
    position: relative;
    padding: 45px 23px;
    background-size: cover;
}

.abt-ibx.gr {
    background:url('../images/grwn-bx.jpg') no-repeat scroll right center  #46778E;
}

.abt-ibx.pr {
    text-align: right;
}

.abt-ibx h3 {
    color: #fff;
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 2.5rem;
}

.abt-ibx h3 span {
    display: block;
    font-size: 1.25rem;
    font-weight: 500;
    font-family: "Bricolage Grotesque", sans-serif;
}

.abt-ibx p {
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
}

.row-btn {    align-items: end;     }

.row-btn .heading {    margin-bottom: 0;    }  

.row-btn .heading p {    margin: 0; }   

.row-btn .btn {
    margin-right: 0;
}

.row-btn .btn-block {
    text-align: right;
}

.abt-unlock:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 75%;
    background: #f4f8ff;
    top: 0;
    aspect-ratio: 3/2;
    clip-path: ellipse(85% 100% at 50% 0%);
    z-index: -1;
}

.aul-item {
    background: url('../images/arch-x.png') no-repeat scroll right top #29556B;
    padding: 40px;
    border-radius: 10px;
    color: #fff;
    position: relative;
    height: 100%;
    width: 99%;
}

.aul-item p {
    color: #fff;
    /* max-width: 80%; */
    margin: 0;
}

.aul-item h5 {
    color: #fff;
    font-size: 1.5rem;
    margin: 20px 0;
}

img.aul-ico {
    margin-bottom: 0;
} 
.asecinfo hr {
    width: 120px;
    border-top: 8px solid #93dd65;
    opacity: 1;
    border-radius: 3px;
    margin: 40px 0;
}

img.abtsecinfo {
    max-width: none;
    position: relative;
    right: 270px;
}

section.abt-secinfo {
    padding-top: 40px;
}
 
.form-bg {
    padding: 50px;
    width: 100%;
    position: relative;
    padding-bottom: 0;
}

.form-bg:before{
    content:"";
    position: absolute;
    left:0px;
    width:100%;
    height:100%;
    background: url('../images/cnt-bg.jpg') no-repeat scroll center top;
    background-size:cover;
    z-index: -1;
    top: 0;
    border-radius: 30px 30px 350px 350px;
}
.form-ar {
    padding: 50px;
    background: #fff;
    box-shadow: 0px 0px 30px #00000024;
    border-radius: 30px;
}     
 
.form-ar .form-control {
    height: 55px;
    border-radius: 10px;
    padding-left: 20px;
    border: 1px solid #dae5d4;
    background: #F4F8FF;
}

.form-ar [class*="col-"] {
    margin-bottom: 15px;
}

.form-ar [class*="col-"]:last-child {
    margin-bottom: 0;
}

.form-ar textarea.form-control {  
    height: 150px;
    padding-top: 20px;
}

.form-ar button.btn {
    margin-left: auto;
    margin-right: auto;
    display: table;
    margin-top: 10px;
} 

section.left-banner {
    padding-top: 10rem;
    background-size: cover;
    padding-bottom: 0;
    overflow: unset;
}

section.left-banner:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    border-radius: 0 0px 20px 20px;
    top: 0;
    background: url('../images/web-banner.jpeg') no-repeat scroll center center #F98F2A;
    background-size: cover;  
}

section.newi-unlock {
    /*padding-top: 50px;*/  
}

img.newi-right {
    position: absolute;
    right: 0;
    max-width: 13%;
    top: 60px;
}

img.newi-left {
    position: absolute;
    left: 0;
    max-width: 13%;
    top: 50px;
}

.left-banner .row {
    align-items: unset;
}

.left-banner .info-banner {
    margin-top: 8rem;
    z-index: 1;
}

.left-icover:before {
    content: url(../images/left-ishp.png);
    position: absolute;
    left: 0;
    bottom: -70px;
    z-index: 1;
}

img.left-img {
    /* border-radius: 30px; */
    /* max-width: none; */
    float: right;
    border-radius: 20px 20px 0 0;
    box-shadow: -5px -5px 0 #F4753A, -5px 0px 0 #F4753A;
}

img.left-cvr {
    position: absolute;
    bottom: -90px;
    right: -90px;
    z-index: 1;
}   

.abt-banner img.left-cvr {
    right: -115px;
}    

.bk-banner img.left-cvr {
    right: -160px;
}

.edit-banner img.left-cvr {
    right: -170px;
    bottom: -100px;
} 

.pub-banner img.left-cvr {
    right: -200px;
}   

.mark-banner img.left-cvr {
    right: -200px;
}

.cvb-banner img.left-cvr {
    right: -200px;
}  

.prc-banner img.left-cvr { 
    right: -118px;
}

.cnt-banner img.left-cvr {
    right: -138px;
}    

.left-banner .info-banner p {
    max-width: 90%;
    margin-bottom: 30px;
    /* padding-top: 10px; */
}

.cg-item {margin-bottom: 30px;}

.cg-cnc [class*="col-"] {
    margin-top: 25px;
}

.cg-item h5 {
    margin: 20px 0 10px 0;
    font-size: 1.25rem;
    width: 100%;
    color: #111e34;
    padding: 0 20px;
}

.cg-item p {font-size: 15px;padding: 0 20px;}

.cg-item:hover , .cg-item:focus , .cg-item:active {
}
 
img.bwrt-thumb1 {
    max-width: none;
    position: relative;
    /*right: 80px;*/ 
}

img.bwrt-thumb2 {
    max-width: none;
}

.gen-item {
    padding: 30px;
    border: 1px solid rgb(244 117 58 / 30%);
    border-radius: 20px;
    width: 100%;
    display: table;
    position: relative;
    background: rgb(244 248 255 / 10%);
}

.gen-item:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 20px;
    background: url('../images/gen-rect.png') no-repeat scroll right top;
    width: 40px;
    height: 50px;
}

.gen-item:hover:after{
    filter:brightness(100); 
}

.gen-item:hover * {
    color: #fff;
}   

.genre-sec .col-md-4 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.gen-item h5 {
    margin-top: 20px;
}

.gen-item .btn {
    padding: 11px 20px;
    font-size: 14px;
    margin-right: 0;
    width: auto;
    float: right;
}

.gen-item:hover .btn, .gen-item:active .btn, .gen-item:focus .btn {
    background: #00492a;
}

.gen-item:hover , .gen-item:focus , .gen-item:active {
    background: #123C50;
    border-color: #123C50;
}
 
.cta-drk-or {
    border-top: 15px solid #926df9;
    /* display: flex; */
    width: 100%;
    position: relative;
    border-radius: 30px;
    margin-bottom: 100px;
    background: #926df9;
}

.owl-dots {
    display: none;
    text-align: center;
    clear: both;
}

.owl-dots button.owl-dot span {
    display: none;
}

.owl-dots button.owl-dot.active {
    background: #93dd65
}

.owl-dots button.owl-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: none;
    margin: 0 3px;
    background: #fff;
}

.gen-item p {margin: 0;}

section.our-editp {/* padding-top: 50px; */}

 

.yl-item {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 30px;
    position: relative;
    height: 100%;
    border: 1px solid #33333329;
}

.yl-item:after{
    content:'';
    background:url('../images/yel-arrow.png') no-repeat scroll center top;
    width:48px;
    height:14px;
    position: absolute;
    right: 30px;
    top: 50px;
}

.yl-item:hover:after{
    filter:brightness(100); 
}

.yl-item:hover { 
    background: linear-gradient(to bottom,  rgba(244,117,58,1) 0%,rgba(255,168,75,1) 100%);  
    border-color: #AE5D38;
}

.yl-item:hover h4 , .yl-item:hover p {
    color: #fff;
}    

.yle-cnc .col-md-4 {
    margin-bottom: 20px;
}

.yl-item h4 {
    margin: 25px 0 17px 0;
}

.yl-item p {
    font-weight: 500;
    color: #263959;
    font-size: 1.1rem;
    margin-bottom: 0;   
}

span.yli-ico {
    background: url('../images/yle-check.svg') no-repeat left top;
    width: 63px;
    height: 56px;
    display: inline-flex;
    clear: both;
}

.yl-item:hover span.yli-ico {
       filter:brightness(100); 
}

section.yle-cnc:before {
  aspect-ratio: 3/2;
  clip-path: ellipse(130% 100% at 50% 0%);
    background: url(../images/lg-shape-bg.jpg) no-repeat scroll center top #F4F8FF;    
    background-size: cover; 
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
}

.cta-orange {
    /* margin-bottom: 100px; */
}

.edit-tailor .row:first-child {
    margin-top: 0;
}

.edit-tailor .row {
    margin-top: 100px;
}

.order-1 img.aep-thumb {
    float: right;
}

 
.edit-tailor + .active-sec {
    padding-top: 160px;
}
 

img.genp-right {
    max-width: 230px;
    position: absolute;
    right: 0;
    bottom: 60px;
}

img.genp-left {
    position: absolute;
    left: 0;
    max-width: 240px;
    bottom: 60px;
}

.every-gen {padding-bottom: 0;} 

.gen-outshine {overflow: unset;padding: 0;}

.genre-pick {
    /* background: #82796f; */
    /* padding-bottom: 0; */
    /* padding-top: 0; */
    /* overflow: unset; */
} 
.cta-yel {
    position: relative;
    z-index: 1;
    margin-top: -160px;
    margin-bottom: 100px;
}

.heading.whh * {
    color: #fff;
}

.heading.whh.text-center {
    width: auto;
}

.heading.whh.text-center h2 {
    margin-bottom: 30px;
}
 
.heading-wh h2 , .heading-wh p {
    /*color: #fff;*/  
}

.heading-wh p {
    font-size: 1.1rem;
}

.heading-wh h2 {
    font-size: 2.2rem;
}

ul.gen-gul {
    margin-bottom: 20px;
    width: 100%;
}

ul.gen-gul li {
    margin: 11px 0;
    color: #091a07;
    padding: 0px 0px 0px 30px;
    font-size: 1.125rem;
    font-family: "Inter", sans-serif;
    display: table;
    font-weight: 600;
    position: relative;
}

ul.gen-gul li:before {
    content: url('../images/check-ico.png');
    position: absolute;
    left: 0;
    top: 3px;
}  

.book-ithumb {
    position: absolute;
    right: 0px;
    bottom: -50px;
    max-width: 200px;
    z-index: 2;
}

img.bline-sm {
    position: absolute;
    right: 0;
    bottom: 0;
}

.heading h2 i {
    position: relative;
}

.heading h2 i:before{
    content: "";
    background: url(../images/btm-shd.png) no-repeat scroll left bottom;
    width: 100%;
    height: 15px;
    position: absolute;
    bottom: -9px;
    right: 0px;
    /* transform: rotate(-4deg); */ 
    background-size: contain;
}    

.heading.text-center h2 {
    /* padding-bottom: 20px; */
}

.heading h3 {
    font-size: 2rem;
    color: #111e34;
    position: relative;
    margin-bottom: 20px;
}

section.oec-cnc:before {
    aspect-ratio: 3 / 2;
    clip-path: ellipse(130% 100% at 50% 0%);
    background: url(../images/lg-shape-bg.jpg) no-repeat scroll center top #F4F8FF;    
    background-size: cover;
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
}      
 
.cvb-item {
    background: url('../images/cvb-center.png') no-repeat scroll 79px 62px  #FFF2EA;
    border: 1px solid #F4753A;
    padding: 40px;
    border-radius: 20px;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.cvb-item:before {
    content: "";
    position: absolute;
    width: 245px;
    height: 245px;
    background: #F4753A;
    top: -104px;
    left: -74px;
    border-radius: 50%;
}

.cvb-item:after{
    content: url(../images/cvb-dot.png);
    position: absolute;
    right: 20px;
    top: 20px;
}

img.cvb-bk {
    position: relative;
    left: -40px;
}

section.cvr-list:before {
    aspect-ratio: 3 / 2;
    clip-path: ellipse(130% 100% at 50% 0%);
    background: #F4F8FF;
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
}    

.cvr-list .col-md-4 {
    margin-bottom: 30px;
}

.cvb-ibk {
    margin-top: 10px;
    position: relative;
} 

.cvb-item p {margin-bottom: 0;font-size: 1rem;}

section.cvr-list {padding-top: 180px;}

.cta-yel-lgt {
    margin-bottom: 100px;
} 

.pricing-tab {  background: #F4F8FE; padding: 40px; position: relative; border-radius: 10px; }  

.pricing-tab .btn-ac {
    font-size: 1.2rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.4px;
}

.pricing-tab .btn-ac:before {
    content: url('../images/price-arr.html');
    position: absolute;
    left: 0;
}

.content-main-tab {
    display: flex;
    justify-content: space-between;
}

.second-tab-leftbullets, .second-tab-rightbullets {
    width: 47%;
    position: relative;
}

.content-main-tab h3 {
    margin-bottom: 20px;
    color: #111e34;
    font-size: 1.5rem;
}

.content-main-tab li {
    clear: both;
    margin-top: 15px;
    color: #000;
    padding-left: 30px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    position: relative;
    font-size: 1rem;
}

.content-main-tab li svg, .content-main-tab li i.fas {
    position: absolute;
    left: 0;
    top: 5px;
    color: #F4753A;
    font-size: 16px;
}

.pricing-tab .card {
    background: #fff;
}

.second-tab-amount {
    margin-top: 30px;
}

.tab-price {
    font-size: 1.5rem;
    margin-bottom: 20px;
    font-weight: bold;
    color: #263959;
    display: none;
}

.second-tab-bottom {
    margin-top: 30px;
}

p.txtgrey {
    font-weight: 500;
    font-size: 1.125rem;
}

.pricing-tab .card-header {
    border-bottom-color: #282828;
    background: #282828;
}
 

.pricing-tab .card-body {
    padding-top: 30px;
}

img.gline-lg {
    position: absolute;
    right: 70px;
    top: -25px;
}

.content-main-tab-single .second-tab-leftbullets {
    width: 100%;
}

.pricing-tab .btn-ac.collapsed .arrow {
    background: url(../images/fa-btn.png) no-repeat center center;
}

.pricing-tab .btn-ac .arrow {
    transform: rotate(-180deg);
    background: url(../images/fa-btn.png) no-repeat center center; 
    /* width: 48px; */
    /* height: 48px; */
    /* background-size: contain; */
    /* top: -8px; */
}

.row.row-down {
}

img.book-shape {
    max-width: none;
    float: right;
}

.btn.btn-red {
}

.wwrk-sec .heading {
    margin-bottom: 0;
}

span.cnt-title {
    margin-top: 30px;
    display: block;
    background: #93dd65;
    padding: 20px;
    text-align: center;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -0.4px;
}

.cnt-cover img {
    border-radius: 10px;
}

.box-para p a {
    color: inherit;
    vertical-align: baseline;
}

.cpurp-inn .btn-block {
    margin-top: 20px;
}

img.ellipse {
    position: absolute;
    right: 30px;
    top: 30px;
}

img.polygon {
    position: absolute;
    right: 30px;
    top: 30px;
}

.abt-unlock .heading p {
    font-size: 1.3rem;
}

img.giline-lg {
    position: absolute;
    top: -20px;
}

.asecinfo p {
    font-size: 1.125rem;
    /* font-weight: 500; */
    /* color: #263959; */
}

.asecinfo h2 {font-size: 2.5rem;}

img.opline-lg {
    position: absolute;
    top: -25px;
    left: 25px;
}

.aep-txt h4 {
    color: #263959; 
    font-family: 'Inter' , sans-serif;
    font-weight: bold;
}

.aep-txt p {
    margin: 0;
    font-weight: 600;
    font-size: 1.125rem;
}

img.bdline-lg {
    position: absolute;
    left: 10px;
    top: -20px;
}   
  
section.our-banner.prv-banner {
    padding-top: 14rem;
    padding-bottom: 4rem;
}

h5.sub-heading {
    margin-bottom: 20px;
    text-transform: uppercase;
    margin-top: 20px;
}

.content-page li {
    color: #232937;
    font-weight: 500;
    margin-bottom: 20px;
    position: relative;
    letter-spacing: -0.3px;
    font-family: "Inter", sans-serif;
    font-size: 1.125rem;
    list-style: disc outside;
}

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

.content-page p {
    color: #232937;
    font-weight: 500;
    margin-bottom: 20px;
    position: relative;
    letter-spacing: -0.3px;
    font-family: "Inter", sans-serif;
    font-size: 1.125rem;
}
 

.home-banner .info-banner p {
    margin-bottom: 30px;
}

.popupform {
    width: 850px;
    padding: 0;
    overflow: visible;
    background: url('../images/pop-bg1.png') no-repeat scroll right top;
    transform: scale(0.95);
    padding-bottom: 55px;
}

.popupform h2 {
    font-size: 1.375rem;
    /* font-weight: 700; */
    margin-bottom: 7px;
    /* line-height: 35px; */
    /* margin-top: 0; */
    text-align: center;
}

.popupform  h4 {
    font-size: 1.125rem;
    text-align: center;
    color: #fff;
    background: url('../images/pop-bar.png') no-repeat center center;
    padding: 7px 0;
}

.popupinn li button.btn:after {
    display: none;
}

.fancybox-close-small {
    right: 35px !important;
    top: 55px !important;
    opacity: 1;
    background: url('../images/close.png') no-repeat scroll center center;
    padding: 0 !important;
}

.fancybox-button svg {
    display: none;
}    

.popupform ul li {
    text-align: left;
    position: relative;
    width: 100%;
    margin: 8px 0;
    display: inline-block;
}

.popupform ul li input[type="text"], .popupform ul li input[type="email"], .popupform ul li textarea {
    /* background: #fafafa; */
    border: #dcdcdc 1px solid;
    padding: 10px 15px;
    width: 100%;
    border-radius: 7px;
    font-size: 14px;
    color: #000;
    box-shadow: none !important;
    outline: none 0px !important;
} 

.popupform ul li textarea {
    height: 80px;
}

.popupform ul li.last {
    text-align: center;
    width: 100%;
}

.popupform ul li .btn {
    width: 100%;
    justify-content: center;
    padding: 14px 40px;
}

.popupform ul li .btn:hover , .popupform ul li .btn:after , .popupform ul li .btn:active {
}

.popupform ul li input[type="text"]:focus, .popupform ul li input[type="email"]:focus, .popupform ul li textarea:focus {
    border: #07193d 1px solid !important;
}

.popupinn {
    padding: 38px 45px;
    max-width: 430px;
    position: relative;
    margin-left: 0;
    background: url('../images/pop-form-bg.png') no-repeat scroll left bottom;
    margin-top: 20px;
}

img.pop-sticker {
    position: absolute;
    right: -75px;
    top: -50px;
}    

.popupinn:before {
    content: url('../images/pop-jar.png');
    position: absolute;
    left: -20px;
    top: -20px;
    z-index: -1;
}

.popupinn:after {
    content: url('../images/pop-arrow.png');
    position: absolute;
    right: 20px;
    top: 88px;
    z-index: 0;
}

section.our-unlock {
    overflow: unset;
}

.abt-sect ul {
    margin-right: 40px;
}

.abt-sect ul li {
    /* width: 50%; */
    font-size: 1.125rem;
    font-weight: 600;
    position: relative;
    padding-left: 30px;
    margin: 5px 0;
}

.abts-ul {
    display: flex;
    flex-flow: wrap;
    margin-bottom: 30px;
}

.abt-sect ul li:before {
    content: url(../images/check-ico.png);
    position: absolute;
    left: 0;
}

.abt-sect .btn-block {
    width: 104%;
}

img.pic-top {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 300px;
}

.row-up .col-md-6 {
    padding-left: 80px;
}

.sep {
    height: 15px;
    width: 100%;
    margin: 100px 0px;
    background: url(../images/sep.png) repeat-x left center;
}

img.btm-shd {
    position: absolute;
    bottom: -8px;
    left: 0;
}

img.banner-bk {
    position: absolute;
    left: 30px;
    bottom: -60px;
}

.our-banner .container {
    position: relative;
}

i.r-arrow {
    position: absolute;
    right: -23px;
    top: -26px;
    background: url('../images/arrow.png');
    width: 48px;
    height: 14px;
}

.color-bg {
    position: relative;
     overflow: hidden;  
    padding-top: 80px;
}

.color-bg:after{
    content: ""; 
    position: absolute;
    background: #F4F8FF;
    top: 170px;
    z-index: -1;
    height: 70%;
    width: 100%;  
}

.good-books .row.no-align {
    margin-top: 40px;
}

.box-star {
    margin-bottom: 20px;
}

.cta-bgs {
    overflow: hidden;
    position: relative;
}

.cta-bgs:after {
    content: "";
    width: 100%;
    position: absolute;
    aspect-ratio: 3/2;
    clip-path: ellipse(110% 100% at 50% 0%);
    background: #F4F8FF;
    height: 80%;
    z-index: -1;
    bottom: 0;
}

img.tangle-right {
    position: absolute;
    right: 5%;
    max-height: 150px;
}

img.tangle-left {
    position: absolute;
    left: 5%;
    max-width: 200px;
}

img.left-arch {
    position: absolute;
    left: 0;
    top: -100px;
    z-index: -2;
    max-width: 250px;
}

section.our-faqs {
    overflow: unset;
}

img.typewriter {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.footer-up ul.social-link {
    display: flex;
    background: transparent;
}

.footer-up ul.social-link li {
    margin-right: 10px;
    margin-bottom: 0;
}

.footer-up ul.social-link li a {
    background: #285366;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 1.125rem;
}

.footer-up ul.social-link li a i , .footer-up ul.social-link li a svg {
    color: inherit;
    margin: 0;
}

.footer-up ul.social-link li a:hover , .footer-up ul.social-link li a:active , .footer-up ul.social-link li a:focus {
    background: #fff;
    color: #285366;
}

.footer-up .col-md-7 ul li span.ico-or {
    background: #F4753A;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    left: 0;
}

.footer-up ul.ftr-info {
    width: 140%;
}

.footer-up ul.ftr-info li {
    position: relative;
    padding-left: 60px;
}

.cpurp-inn h3:before {
    content: "";
    position: absolute;
    width: 5000%;
    height: 100%;
    background: #000;
    top: 0;
    left: -4999%;
}

img.csticker-bk {
    position: absolute;
    right: -220px;
    bottom: 0;
    top: 0;
    margin: auto;
}

img.csticker-cs {
    position: absolute;
    right: 160px;
    z-index: 1;
    top: -100px;
    max-width: 500px;
}

.owl-nav button.owl-prev {
    transform: scale(-1);
}

.owl-nav:before {
    content: "";
    position: absolute;
    left: 0;
    width: 50px;
    height: 1px;
    background: #000;
    right: 0;
    margin: 0 auto;
    top: 40px;
}

.owl-stage-outer {
}
   
img.ab-right {
    position: absolute;
    right: 0;
    z-index: -1;
    top: -130px;
}

img.ab-left {
    position: absolute;
    left: 0;
    top: -130px;
    z-index: -1;
}    

.abt-unlock .btn-block {
    text-align: right;
}      

.aul-item.aul2 {
    height: 96%;
}

.aul-item:after {
    content: "";
    position: absolute;
    right: -10px;
    height: 90%;
    background: #F68132;
    width: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 0px 10px  10px 0px;
}

.aul-item.aul3:after {
    right: auto;
    border-radius: 10px 0px 0px 10px;
    left: -10px;
}

.aul-item.aul2:after {
    width: 90%;
    bottom: -10px;
    top: auto;
    height: 10px;
    border-radius: 0px 0px 10px 10px;
    left: 0;
}   

img.abt-thumb2 {
    float: right;
}

.space-hp {
    height: 100px;
}     

img.abt-pot1 {
    position: absolute;
    top: 100px;
    max-width: 120px;
    transform: scaleX(-1);
    left: 100px;
}

img.abt-pot2 {
    position: absolute;
    right: 100px;
    max-width: 120px;
    top: 100px;
}

.abt-unlock .col-md-4 {
    margin-top: 50px;
}    

img.big-arch1 {
    position: absolute;
    left: -400px;
    top: 40px;
    z-index: -1;
    transform: rotate(5deg);
}

img.big-arch2 {
    position: absolute;
    right: -400px;
    transform: scaleX(-1);
    bottom: 0;
    z-index: -1;
}   

img.book-collab {
    margin: 40px auto 0;
    display: table;
}   

.gen-outshine:before {
    content: "";
    aspect-ratio: 3/2; 
    clip-path: ellipse(85% 100% at 50% 100%);
    position: absolute;
    left: 0;
    width: 100%;
    height: 115%;
    background: url(../images/rect-shape-bg.jpg) no-repeat scroll center top #F4F8FF;  
    background-size: cover;
    top: -15%;
}   

img.book-bar {
    max-width: none;
    position: relative;
    left: -70px;
}   

.lgen-item {
    background: #E2A06C;
    padding: 40px 50px;
    margin-bottom: 25px;
    border-radius: 10px;
    width: 100%;
    box-shadow: 6px 6px 0 #F4753A;
    position: relative;
}

.lgen-item:after {
    content: "";
    width: 60px;
    height: 60px;
    background: url('../images/non-active.png') no-repeat scroll center center; 
    background-size: contain;      
    position: absolute;
    right: -30px;
    top: 35%;
}

.lgen-item:hover:after {
     background: url('../images/act-active.png') no-repeat scroll center center; 
}  

.lgen-item p {
    margin: 0;
    font-size: 1rem;
}

.lgen-item * {
    color: #fff;
}   

.order-2 .lgen-item:after {
    left: -30px;
    right: auto;
}

.lgen-item:hover {
    background: #F4753A;
    box-shadow: 6px 6px 0 #E2A06C;
}    

img.bp-rrect {
    position: absolute;
    right: 5%;
    top: 100px;
    z-index: 0;
}

img.bp-lrect {
    position: absolute;
    left: 5%;
    bottom: 100px;
    transform: rotate(180deg);
    z-index: 0;
}

.comp-ghost:before {
    aspect-ratio: 3/2;
    clip-path: ellipse(140% 100% at 50% 100%);
    background: #F4F8FF;
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%; 
    z-index: -1;
    top: 0;
}    
   
.genre-sec {
     background: url('../images/wht-bg.jpg') no-repeat scroll left top , url('../images/wht-gen-r.png') no-repeat scroll right bottom;      
}

.good-books .heading h2 i:before {
    top: -8px;
    bottom: 0;
    transform: rotate(-180deg);
}

.good-books .heading {
    margin-bottom: 30px;
}

.abt-angle{
    overflow:unset;
    padding-top: 130px;
}

.abt-angle:before {
    content: url(../images/ab-left.png);
    position: absolute;
    left: -100px;
    z-index: -1;
    bottom: -220px;
}

.abt-angle:after {
    content: url(../images/ab-right.png);
    position: absolute;
    right: -100px;
    z-index: -1;
    bottom: -220px;
}

.abt-box.abt-angle:before , .abt-box.abt-angle:after {
    top: -250px;
}    
 
img.oec-right {
    position: absolute;
    right: 5%;
    top: 5%;
    z-index: -1;
}

img.oec-left {
    position: absolute;
    left: 5%;
    bottom: 250px;
    z-index: -1;
}

.every-gen.abt-angle:before , .every-gen.abt-angle:after{
    top: -300px;
} 

.market-list:before {
    content: "";
    width: 100%;
    position: absolute;
    aspect-ratio: 3 / 2;
    clip-path: ellipse(110% 100% at 50% 0%);
    background: url('../images/lg-shape-bg.jpg') no-repeat scroll center top #F4F8FF;
    background-size: cover;       
    height: 100%;
    z-index: -1;
    bottom: 0;
}
       
.mark-list {
    padding: 30px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    background: url('../images/mark-list.png') no-repeat scroll center top;
    background-size: 100% 100%;
    position: relative;
}

.mark-list:before , .mark-list:after {
    content: url(../images/mar-tarch.png);
    position: absolute;
    top: -15px;
    left: -15px;
}

.mark-list li{
    font-weight: 600;
    font-size: 1rem;
    font-family: 'Inter';
    margin: 9px 0;
    padding-left: 29px;
    position: relative;
}
       
.every-mark.abt-angle {
    padding-bottom: 0;
}

.market-thumb {
    text-align: center;
    margin-top: 100px;
    margin-bottom: -107px;
}             
          
.mark-list li:before {
    content: url('../images/check-ico.png');
    position: absolute;
    left: 0;
}

.mark-list:after {
    right: -16px;
    bottom: -6px;
    top: auto;
    left: auto;
    transform: rotate(-180deg);
}

.cover-wrp {
    margin-top: 80px;
    text-align: center;
    margin-bottom: -110px;
}

.bcd-mark.abt-angle {
    padding-bottom: 0;
}     

.dhp-text hr {
    margin: 30px 0;
    border-color: #D6D6D6;
    opacity: 1;
}

.dhp-text {
    margin-bottom: 40px;
}

.dhp-bcd {
    background:url('../images/dhp-left.png') no-repeat scroll left center;
}

img.dhp-right {
    max-width: none;
}   

.bcds-item {
    position: relative;
    display: flex;
    align-items: center;  
    justify-content: unset;
}

.bcds-item:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background: url('../images/fcbookbg.png') no-repeat scroll right center;
    z-index: -1;
    background-size: contain;
}

.bcds-idv h5 {
    font-size: 1.125rem;
}

.bcds-idv p {
    font-size: 15px;
    margin: 0;
}

.bcd-slider .col-md-4 {
    margin-top: 30px;
}

.pricing-tab .card-header {background: #282828;}

.pricing-tab .card-body {
    padding-top: 30px;
}  

.price-design.abt-angle:before , .price-design.abt-angle:after {
    bottom: -100px;
}   

img.cnt-rimg {
    position: absolute;
    right: -30px;
    bottom: -90px;
    /*max-width: 48%;*/
}

img.cnt-limg {
    position: absolute;
    left: -30px;
    bottom: -90px;
    /*max-width: 48%;*/ 
}

.cnt-form-area.abt-angle {
    /*padding-bottom: 200px;*/
}     
   
.cnt-form-area  .col-md-4 {
    margin-top: 100px;
    z-index: 1;
}

.cntf-item {
    background: url('../images/boxcnt1.jpg') no-repeat scroll center top #E2A06C;
    background-size: cover;      
    padding: 40px;
    border-radius: 10px;
    height: 100%;
}

.cntf-ico p {
    margin: 0;
    font-size: 1rem;
}

.cntf-ico {
    display: flex;
    align-items: center;
    gap: 10px;
    align-items: flex-start; 
}

.cntf-item h4 {
    margin: 0 0 20px;
    color: #fff;  
}

.cntf-item h4 + p {
    font-weight: normal;
}

.cntf-item.c2 { 
    background: url('../images/boxcnt2.jpg') no-repeat scroll center top #4D4D4D;
    background-size: cover;      
}

.cntf-item.c3 {
    background: url('../images/boxcnt3.jpg') no-repeat scroll center top #46778E;   
    background-size: cover;      
}

.cntf-item p {
    color: #fff;
}

.cntf-ico p a {
    display: block;
    color: #fff;
}

.cntf-ico p label {
    display: block;
    font-weight: 400;
}   

.social-bg {
    background:  url('../images/socialbg.jpg') no-repeat scroll center top  #F4753A;
    background-size: cover;    
    max-width: 820px;
    margin: -50px auto 0;
    text-align: center;
    padding: 90px 90px 50px;
    border-radius: 20px;
}


img.carrow-ic {
    position: absolute;
    right: -10px;
    top: 40px;
}   

ul.social-link { 
    display: table;
    background:#123C50;
    padding: 8px;
    border-radius: 40px;
    margin-left: auto;
    margin-right: auto;
}

ul.social-link li {
    display: inline-block;
    margin-right: 8px;
}

ul.social-link li:last-child {
    margin-right: 0;
}

ul.social-link li a {
    background: #416373;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 1.3rem;
}

.social-bg h2 {
    color: #fff;
    margin-bottom: 15px;
    font-size: 1.6rem;
}   

.social-inn {
    position: relative;
    display: table;
    margin: 0 auto;
}    

ul.social-link li a:hover , ul.social-link li a:active , ul.social-link li a:focus {
    background: #fff;
    color: #123C50;
} 

.clogo-strip {
    text-align: center;
    margin-top: 80px;
}   

.cnt-form-area.abt-angle:before , .cnt-form-area.abt-angle:after {
    bottom: 130px;
}

img.cubeblck {    position: absolute;    z-index: -1;    left: 5%;  }   

.card.active , .card.active .card-header , .card.active .card-body {    background: #F4753A;    color: #fff;    border-color: #F4753A;   }     

.card.active .btn-ac {    color: #fff;  }  

.card.active .btn-ac .arrow {    filter: brightness(100) invert(1);     }

.gen-outshine .col-md-4 {
    margin-top: 50px;
}

.genre-pick .heading {
    margin-bottom: 0;
}    

img.mleft-thumb {
    float: right;
}   
 
.btn-block {
    margin-top: 30px;
}   

.footer-up .col-md-4 {
    width: 28.333333%;
}

.footer-up .col-md-4:last-child {
    width: 41.333333%;
}     

 

.thankyou-banner {
    text-align: center;
    background: url(../images/thanks-banner.jpg);
    display: -webkit-flex;
    display: inline-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100vh;
    width: 100%;
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    background-size: cover;
    line-height: 21px;
}  

a.live-chat-thank {
    background: #ee2c5e;
    display: inline-block;
    border-radius: 50px;
    padding: 14px 70px;
    color: #fff !important;
    text-transform:  uppercase; 
    letter-spacing: 1px;
    margin: 40px 0;
}
.thankyou-banner a {
    color: #2575bc;
    font-weight: bold;
}
.thankyou-banner h1 {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 58px; 
    color: #fff; 
    margin-top: 20px;
}
.thankyou-banner a {
    color: #2575bc;
    font-weight: bold;
}
header .btn-head img {
    max-width: 30px;
}
.thankyou-banner p {
    color: white;
    line-height: 30px;
    font-size: 19px;
}

a.logo-thankyou img {
    /*width: 400px;*/
}