.child_price ul,
.price-list ul,
body {
    overflow-x: hidden
}

/* width */
::-webkit-scrollbar {
    width: 7px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #fff; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #f86211; 
    border-radius: 20px;
  }

.child_price,
.p0 {
    padding: 0 !important
}

a,
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
p,
span,
textarea {
    font-family: "Poppins", sans-serif !important;
}

.form-btn-st:focus,
a:focus,
button:focus,
button:hover,
hover {
    text-decoration: none !important;
    outline: 0
}

section {
    float: left;
    width: 100%
}

.header-top {
    display: block;
    background: #00273f;
    text-align: right
}

.header-top ul {
    padding: 0;
    margin: 0
}

.header-top ul li {
    display: inline-block;
    padding: 10px 15px
}

.header-top ul li a {
    font-size: 15px;
    color: #fff
}

.navbar-right a.yellow_btn_m {
    margin: 0 15px;
    position: relative;
    padding: 12px 19px 12px 45px !important
}

.navbar-right a.yellow_btn_m:before {
    content: "";
    background-image: url(../images/call-btn.png);
    position: absolute;
    height: 32px;
    width: 28px;
    left: 12px;
    top: 0;
    bottom: 0;
    margin: auto
}

.header-top ul li a i {
    margin: 0 3px 0 0;
    font-size: 18px
}

.head_top {
    padding: 0;
    z-index: 9;
    position: absolute;
    left: 0;
    right: 0
}

.-newbanner-img-st,
.banner .banner_inner,
.cta-sec,
.illus-tab-img-st,
.portfolio-sec,
.swingimageshift_box,
section.cntct-bgst,
section.what-looking-for {
    position: relative
}

.head_top .navbar .navbar-header a.navbar-brand {
    font-weight: 700;
    color: #00273f;
    font-size: 26px
}

.head_top .navbar-right {
    padding-top: 45px
}

.btn.btn-chat,
.btn.btn-started {
    padding: 10px 40px;
    font-weight: 600
}

.head_top .navbar.navbar-defult {
    margin-bottom: 0
}

.head_top .navbar.navbar-defult ul li a:focus,
.head_top .navbar.navbar-defult ul li a:hover,
.head_top .navbar.navbar-defult ul li.active a {
    background: 0 0;
    color: #fa690c
}

.head_top .navbar.navbar-defult ul li a {
    color: #000;
    opacity: 1;
    font-size: 12px;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    padding: 10px 12px 20px;
    font-weight: 700
}

.head_top .navbar.navbar-defult ul li a.btn-org {
    border-radius: 50px;
    padding: 12px 27px;
    color: #fff;
    text-align: center;
    background: linear-gradient(to right, #f7931e, #f7931e);
    font-size: 13px;
    font-weight: 700
}

.head_top .dropdown-menu>li>a {
    position: relative;
    margin: 0;
    font-weight: 500;
    border-left: 0 solid #00273f
}

.head_top ul.dropdown-menu {
    padding: 0;
    border: none;
    left: -90px;
    right: 0;
    width: 620px;
    z-index: 99;
    position: absolute;
    background-color: #fff !important;
    border-radius: 10px;
    margin: auto;
    height: 280px;
    align-content: center;
    display: none
}

.head_top .navbar-right li.dropdown:hover ul.dropdown-menu {
    display: block
}

.head_top ul.dropdown-menu:before {
    content: "\f0d8";
    font: 25px/1 FontAwesome;
    position: absolute;
    top: -17px;
    left: -350px;
    right: 0;
    margin: auto;
    text-align: center;
    color: #fff
}

.logo {
    width: 220px !important;
    margin: -3px 0 0
}

.head_top .dropdown-menu>.active>a,
.head_top .dropdown-menu>.active>a:focus,
.head_top .dropdown-menu>.active>a:hover {
    text-decoration: none;
    background-color: transparent;
    outline: 0;
    color: #fc5216 !important;
    border-left: 0 solid #fc5216
}

.head_top .dropdown-menu>li>a:hover:before {
    color: #fc5216
}

.head_top .open>a,
.head_top .open>a:focus,
.head_top .open>a:hover {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #fc5216 !important
}

.banner {
    background: url(../images/banner_bg.jpg) center/cover no-repeat;
    padding: 90px 0;
    border-bottom: 0 solid #eee
}

.banner .banner_inner img {
    margin: -40px 0 -15px -50px;
    position: absolute
}

.banner .banner_inner .banner_left {
    padding: 30px 0 0
}

.banner .banner_inner img.banner_right_img,
.ftr-col.ftr-col-inner1 h4,
.lightbox-html.wowbook-mobile .wowbook-toolbar,
.port-col-main {
    margin: 0
}

@-webkit-keyframes swinging {
    0%,
    100% {
        -webkit-transform: rotate(10deg)
    }
    50% {
        -webkit-transform: rotate(-5deg)
    }
}

@keyframes swinging {
    0%,
    100% {
        transform: rotate(10deg)
    }
    50% {
        transform: rotate(-5deg)
    }
}

.swingimageshift_box {
    z-index: -1
}

.main-banner {
    background: url(../images/main-banner-bg.png) 100% 100%/cover no-repeat fixed;
    padding: 100px 0 50px
}

.banner-side-img img {
    width: 100%;
    animation: 5s infinite mymove
}

.cta-col-st,
.main-banner .col-sm-12 {
    display: flex;
    align-items: center;
    justify-content: center
}

.banner-txt h1 {
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase
}
.ftr-col.ftr-col-1.ftr-col-1-st p {
    font-size: 19px;
    margin-top: 20px;
    font-weight: 500;
}

.btn-price-sub,
.footer ul li a,
.hd-txt h2,
.illus-tab-li ul li {
    text-transform: capitalize
}

.btn-div {
    padding-top: 30px
}

.btn.btn-started {
    background: #fa690c;
    color: #fff;
    border-radius: 50px;
    border: 2px solid transparent
}

.btn.btn-chat {
    border-radius: 50px;
    color: #222;
    border: 2px solid;
    background: #fff;
    margin-left: 20px
}

.banner-txt p {
    line-height: 25px;
    padding-top: 15px
}

.btn.btn-started:hover {
    background: #fff;
    color: #222;
    border-color: #222;
    transition: .3s
}

.btn.btn-chat:hover {
    background: #fa690c;
    color: #fff;
    border-color: transparent;
    transition: .3s
}

.portfolio-sec {
    padding: 50px 0 0
}

.portfolio-sec .port-col-main {
    margin-bottom: 30px
}

.brnd-what-img img,
.cta-sec img,
.illus-tab-img-st.illus-tab-img-st2 img,
.port-img img,
.testi-side-img img {
    width: 100%
}

.brnd-what-r-side ul li,
.illus-tab-li li {
    width: 50%;
    float: left
}

.hd-txt {
    text-align: center;
    padding-bottom: 30px
}

.hd-txt h2 {
    font-size: 35px;
    font-weight: 700;
    padding-bottom: 10px
}

.portfolio-tab ul {
    border-bottom: 2px solid #eee;
    text-align: center;
    margin: 0 auto;
    display: table
}

.portfolio-tab ul a {
    border: 0;
    background: 0 0;
    border-bottom: 2px solid transparent;
    color: #a9a9a9;
    font-weight: 700
}

.portfolio-tab ul .active a {
    border: 0;
    color: #222;
    border-bottom: 2px solid #f96309
}

.portfolio-tab ul .active a:focus,
.portfolio-tab ul .active a:hover {
    background: 0 0;
    border: 0;
    border-bottom: 2px solid #fa6c0e
}

.portfolio-tab ul a:hover {
    background: 0 0;
    border-color: #f96309;
    color: #222
}

.illus-slider-nav,
.illus-tab-st ul.nav-tabs {
    border-bottom: 1px solid #ddd
}

.cta-1 .cta-txt .cta-call,
.cta-1 .cta-txt h2,
.cta-call,
.ul-st-looking li p:hover {
    color: #fff
}

.portfolio-tab ul li {
    padding: 0 20px;
    text-align: center
}

.portfolio-sec .port-img {
    margin-top: 30px
}

@-webkit-keyframes move {
    from {
        background-position: 2px 19px
    }
    to {
        background-position: 500px 19px
    }
}

to {
    background-position: 500px 19px
}

.portfolio-sec:after {
    content: "";
    position: absolute;
    right: -100px;
    bottom: 0;
    background: url("../images/port-af-img.png") center center/cover no-repeat;
    width: 529px;
    z-index: -1;
    height: 529px;
    animation: 60s linear infinite asteroid
}

.cta-sec:after,
.cta_home_mm1:after {
    content: "";
    width: 588px;
    height: 433px;
    position: absolute;
    right: 330px
}

.how-img-box,
.port-btn-st {
    text-align: center
}

.illus-tab-st .port-col-main {
    margin-top: 50px
}

section.serv-inner-sec .port-col-main {
    display: inline-flex;
    align-items: center
}

.padding_right_0,
li.color-ch-port-m4.port-lst-li-st {
    padding-right: 0
}

@-webkit-keyframes asteroid {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes asteroid {
    0% {
        -moz-transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes asteroid {
    0% {
        -ms-transform: rotate(0)
    }
    100% {
        -ms-transform: rotate(360deg)
    }
}

@-o-keyframes asteroid {
    0% {
        -o-transform: rotate(0)
    }
    100% {
        -o-transform: rotate(360deg)
    }
}

@keyframes asteroid {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.cta-sec {
    padding: 30px 0 50px
}

.cta-1 {
    background: url(../images/cta-bg-1.jpg) center center/cover no-repeat
}

.cta-2 {
    background: url(../images/cta-bg-2.jpg) center center/cover no-repeat;
    margin-top: 40px
}

.cta-txt h2 {
    color: #fff;
    font-size: 25px;
    font-weight: 400
}

.cta-txt h2 span {
    display: block;
    font-weight: 700;
    padding-top: 15px;
    font-size: 37px
}

.btn-div.cta2-btn,
.cta-btn {
    padding: 20px 0
}

.cta-btn .btn-started {
    background: #7c2791;
    transition: .3s
}

.cta-btn .btn-chat:hover {
    background: #7c2791
}

.cta-call {
    font-size: 18px;
    font-weight: 600
}

.cta-call span {
    font-weight: 300
}

.cta-1 .cta-call:hover,
.cta-call:hover {
    color: #7c2791
}

.btn-div.cta-btn,
.childern-bnr-new .col-sm-12,
.ebook-bnr-new .col-sm-12 {
    display: flex;
    align-items: center
}

.btn-div.cta-btn .btn.btn-chat {
    margin: 0 25px
}

.cta-sec:after {
    background: url(../images/cta-img.png) right/65% no-repeat;
    top: -115px;
    bottom: 0
}

.cta_home_mm1:after {
    background: url(../images/cta-img.png) right/75% no-repeat;
    top: -82px;
    bottom: 0
}

.illus-tab-img-st:before,
.illus-tab-sec .slick-next:before,
.illus-tab-sec .slick-prev:before {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    content: ''
}

.illu-tb-inner-div h3 {
    font-size: 18px;
    margin: 0
}

.illu-tb-inner-div img:focus,
.illu-tb-inner-div:focus {
    outline: 0 !important
}

#about,
#contact,
#portfolio,
.cta-2-new-img:after,
.cta-new-sec::after,
.hidden-FIXME,
.illus-tab-img-st.illus-tab-img-st2:before,
.illus-tab-img-st.illus-tab-img-st3:before,
.illus-tab-img-st.illus-tab-img-st4:before,
.illus-tab-img-st.illus-tab-img-st5:before,
.illus-tab-img-st.illus-tab-img-st6:before,
.price-call-chat,
a.how-link-st,
header,
ul.features-ul li:last-child:after {
    display: none
}

.illus-tab-img-st.illus-tab-img-st3 img {
    width: 85%;
    margin: 0 auto;
    display: table;
    text-align: center
}

.illus-tab-img-st.illus-tab-img-st4 img {
    width: 55%;
    display: table;
    text-align: center;
    margin: 0 auto
}

.illus-tab-img-st.illus-tab-img-st5 img {
    width: 40%;
    margin: 0 auto;
    display: table
}

.illus-tab-sec {
    padding: 50px 0;
    background: url(../images/illus-tab-sec-bg.png) center center/cover no-repeat
}

.illu-tb-inner-div {
    text-align: center;
    padding-bottom: 20px
}

.childern-bnr-new .col-sm-7,
.ebok-pck-img .col-sm-6,
.ebook-bnr-new .col-sm-7,
.footer ul,
.pd_0,
.portfolio-tab.illus-tab-st li,
.testi-sec {
    padding: 0
}

.portfolio-tab.illus-tab-st .slick-current.slick-active {
    border-bottom: 2px solid #f58f21
}

.illus-tab-img-st.illus-tab-img-st6 img {
    width: 65%
}

.illus-tab-st .tab-slid-bdr-st h3,
.illus-tab-st .tab-slid-bdr-st p,
.illus-tab-st ul li h3,
.illus-tab-st ul li p {
    color: #a9a9a9
}

.illus-tab-st .slick-current .tab-slid-bdr-st h3,
.illus-tab-st .tab-slid-bdr-st:hover h3,
.illus-tab-st li:hover h3,
.illus-tab-st ul .slick-slide li.active h3,
.price-call-chat a,
.types-tb-cb ul li a p,
.types-tb-cb ul li a:hover p,
.types-tb-cb ul li.active a p,
.types-tb-cb ul li.active:hover a p,
.what-li-st p,
p.price-add-st {
    color: #222
}

.illus-slider-nav {
    padding-bottom: 0
}

.illus-tab-st .slick-slide li.active,
.illus-tab-st .slick-slide li:hover {
    border-color: #fa690c
}

.illus-tab-sec .tab-content {
    padding-top: 40px
}

.illus-tab-sec .slick-next,
.illus-tab-sec .slick-prev {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 30.08px 1.92px rgba(0, 0, 0, .22);
    width: 38px;
    height: 38px
}

.illus-tab-sec .slick-prev:before {
    background: url(../images/arrow-tab-sl-1.png) 0 0/contain no-repeat;
    width: 11px;
    height: 16px;
    top: 0;
    margin: auto
}

.illus-tab-sec .slick-next:before {
    background: url(../images/arrow-tab-sl-2.png) 0 0/contain no-repeat;
    width: 11px;
    height: 16px;
    top: 0;
    margin: auto
}

.illus-tab-li ul {
    padding: 0;
    list-style: none;
    display: inline-block
}

.illus-tab-txt h2 {
    color: #685edd;
    font-weight: 700
}

.illus-tab-txt h3 {
    font-size: 23px;
    margin: 15px 0
}

.illus-tab-txt {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding-bottom: 10px
}

.illus-tab-li li {
    line-height: 30px;
    font-size: 13px
}

.ftr-follow ul li,
.illus-tab-st ul li img {
    margin-right: 8px
}

.illus-tab-img-st img {
    width: 38%;
    margin: 0 auto;
    display: table
}

.illus-tab-img-st:before {
    background: url(../images/illus-tab-inner-circle.png) center center/cover no-repeat;
    width: 472px;
    height: 340px;
    top: 0;
    z-index: -1
}

.illu-tb-inner-div img {
    text-align: center;
    margin: 0 auto !important
}

.illus-tab-st .slick-current .tab-slid-bdr-st,
.illus-tab-st .tab-slid-bdr-st:hover {
    border-bottom: 2px solid #fa690c
}

.color-ch-port-m1.active:foucs {
    border-bottom: 2px solid transparent
}

.illus-tab-st .tab-slid-bdr-st,
.illus-tab-st .tab-slid-bdr-st:foucs {
    border-bottom: 2px solid transparent
}

.illus-tab-li ul li {
    display: flex;
    align-items: flex-start
}

.how-img-box img {
    width: 160px;
    margin: 0 auto;
    display: inline-block;
    mix-blend-mode: darken
}

.how-img-box h3 {
    font-weight: 600
}

.how-we-sec {
    padding: 50px 0;
    background: #fffbfb
}

a.how-link-st {
    color: #0a9aca;
    font-weight: 500
}

section.what-looking-for {
    padding: 50px 0
}

.looking-ul ul {
    padding: 0;
    list-style: none;
    width: 25%
}

.ftr-follow ul,
.looking-ul {
    display: flex
}

.looking-ul ul li {
    line-height: 30px;
    text-align: center;
    padding: 0 70px
}

.looking-ul ul li p {
    border-bottom: 1px solid #000
}

.what-looking-for:before {
    content: '';
    background: url(../images/looking-bf.png) center center/cover no-repeat;
    width: 237px;
    height: 517px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.what-looking-for:after {
    content: '';
    background: url(../images/looking-af.png) center center/cover no-repeat;
    width: 272px;
    height: 272px;
    position: absolute;
    right: 25px;
    top: 25px;
    margin: auto
}

.book-cover-serv-inner-img:before,
.cartoon-serv-inner-img:before,
.comic-serv-inner-img:before,
.price-slidr .slick-dots,
.testi-side-slider .slick-arrow {
    display: none !important
}

.testi-str {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fec742
}

.testi-side-slider .slick-current .testi-box-txt {
    background-color: #fff;
    box-shadow: 0 0 68.62px 4.38px rgba(0, 0, 0, .09);
    opacity: 1;
    border-radius: 8px;
    border-color: transparent
}

.testi-side-slider .testi-box-txt {
    opacity: .5;
    border: 1px solid transparent;
    padding: 25px 40px;
    margin: 15px 0;
    position: relative
}

.testi-col-main-div {
    display: flex;
    align-items: center;
    height: 600px;
    min-height: 600px;
    overflow: hidden
}

img.quote-testi-st {
    position: absolute;
    right: 20px;
    top: -20px
}

.pricing-sec {
    padding: 50px 0;
    background: url(../images/price-bg.png) center/contain no-repeat
}

.btn-price-sub,
.price-box:hover .btn-price-sub {
    background: #5c63fb
}

.price-box {
    text-align: center;
    padding: 5px 8px;
    margin: 10px
}

.price-box h3 {
    font-size: 20px;
    font-weight: 700
}

.price-pck {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #d2dbfc
}

.price-pck h2 {
    font-size: 46px;
    color: #5c63fb;
    font-weight: 700
}

.price-pck h3 {
    display: flex;
    flex-direction: column;
    color: #816e6c;
    font-size: 17px
}

.price-list {
    text-align: left;
    padding: 22px 0
}

.price-list ul {
    padding: 0 0 0 15px
}

.price-list ul li {
    line-height: 25px;
    font-size: 12px
}

.price-call h4 {
    font-size: 15px
}

.price-call-chat {
    align-items: center;
    justify-content: space-between
}

.price-call p {
    color: #8893a3;
    font-size: 14px;
    font-weight: 600
}

.price-col-div {
    border: 1px solid #f6f9ff;
    padding: 0
}

.price-box:hover {
    background: #f6f9ff
}

.btn-price-sub {
    font-size: 17px;
    margin: 10px 0;
    color: #fff;
    font-weight: 600;
    padding: 10px 40px;
    border-radius: 50px;
    border: 2px solid transparent
}

.price-box.price-bx-last {
    background: #d4ffef;
    margin: 20px auto 0;
    display: table;
    float: left;
    font-weight: 800;
    color: #000;
    font-size: 20px
}

a.btn.btn-price-cht {
    padding: 10px 25px;
    font-size: 17px;
    font-weight: 700;
    background: #222;
    color: #fff;
    margin: 20px 0
}

.price-call-us a {
    color: #699d99;
    font-weight: 700;
    font-size: 18px
}

.footer {
    background: #f4f5f8;
    padding: 30px 0
}

.footer ul li {
    list-style: none
}

.footer ul li a {
    color: #222;
    line-height: 26px
}

.ftr-col.ftr-col-inner1 {
    padding-top: 7px
}

.ftr-col.ftr-col-1.ftr-follow a {
    background: #f49227;
    width: 30px;
    height: 30px;
    display: inline-grid;
    color: #fff;
    text-align: center;
    align-items: center;
    align-content: center;
    padding: 0;
    margin: 0;
    transition: .3s
}

.ftr-col.ftr-col-1.ftr-follow a:hover {
    border-radius: 50%;
    transition: .3s
}

.brand-iden-bnr {
    background: url(../images/brand-inner-bg.jpg) center center/cover no-repeat;
    padding: 150px 0 50px
}

.brnd-serv-inner-img img {
    width: 90%
}

.illus-tab-img-st.brnd-serv-inner-img:before {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto
}

.brnd-inner-what-us,
.serv-inner-sec,
.types-chil-bk_child,
section.contact-sec {
    padding: 50px 0;
    background-color: #fff9f3;
}

.brnd-what-r-side ul {
    list-style: none;
    padding: 0
}

.what-li-st {
    padding: 5px 10px;
    margin: 0 0 20px
}

.book-covr-bnr,
.cartoon-bnr,
.cbook-bnr,
.cntct-covr-bnr,
.comic-bnr,
.mas-covr-bnr,
.price-covr-bnr,
.stboard-covr-bnr {
    padding: 150px 0 50px;
    overflow: hidden
}

.what-li-st h4 {
    font-weight: 600;
    font-size: 18px
}

.price-sec-sevices {
    background: #fffbfb
}

.cartoon-bnr {
    background: url(../images/cartoon-inner-bg.jpg) center center/cover no-repeat
}

.cartoon-bnr .banner-side-img img {
    width: 65%;
    margin: 0 auto;
    text-align: center;
    display: table;
    position: absolute;
    left: 0;
    right: 0;
    top: -40px;
    bottom: 0
}

.cartoon-serv-inner-img img {
    width: 42%
}

.cbook-bnr {
    background: url(../images/cbook-inner-bg.jpg) center center/cover no-repeat
}

.cbook-bnr .banner-side-img img {
    width: 85%
}

.cbook-bnr .banner-side-img {
    position: relative;
    left: 50px
}

.comic-bnr {
    background: url(../images/comic-bnr.jpg) center center/cover no-repeat
}

.book-cover-serv-inner-img img,
.comic-serv-inner-img img {
    width: 70%;
    text-align: center;
    margin: -20px auto 0
}

.book-covr-bnr {
    background: url(../images/bokcovr-bnr.jpg) center center/cover no-repeat
}

.book-covr-bnr .banner-side-img img {
    width: 60%;
    position: relative;
    margin: 0 auto;
    text-align: center;
    display: table
}

.mas-covr-bnr {
    background: url(../images/mascot-inner-bg.jpg) center center/cover no-repeat
}

.mas-covr-bnr .banner-side-img img {
    width: auto;
    text-align: right;
    margin: 0 auto;
    display: table
}

.stboard-covr-bnr {
    background: url(../images/stboard-inner-bg.jpg) center center/cover no-repeat
}

.stboard-cover-serv-inner-img:before {
    content: '';
    background: url(../images/stboard-inner-side-bf.png) top center/70% no-repeat;
    width: 597px;
    height: 487px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.cntct-covr-bnr,
.price-covr-bnr {
    background: url(../images/price-bnr.jpg) center center/cover no-repeat
}

.portfol-covr-bnr {
    background: url(../images/portfo-inner-bg.jpg) center center/cover no-repeat;
    padding: 150px 0 215px;
    overflow: hidden
}

.form_sec_box input,
.form_sec_box textarea {
    background: #ebebeb;
    border: 0;
    box-shadow: none
}

.form_sec_box input,
.mainformtop form {
    padding: 20px
}

.form_sec_box textarea {
    height: 150px;
    padding-left: 20px
}

.form_sec_boxes .btn_blue {
    text-align: left;
    display: table;
    background: #f7931e;
    border: 0;
    padding: 10px 50px;
    color: #fff;
    border-radius: 60px;
    margin-left: 15px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase
}

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

.box18 {
    overflow: hidden;
    text-align: center;
    position: relative
}

.box18:after,
.box18:before {
    content: "";
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .35);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.box18:hover:after,
.box18:hover:before {
    -webkit-transform: scale(400);
    -moz-transform: scale(400);
    -ms-transform: scale(400);
    -o-transform: scale(400);
    transform: scale(400)
}

.box18:before {
    -o-transition: .5s linear .3s;
    -moz-transition: .5s linear .3s;
    -ms-transition: .5s linear .3s;
    -webkit-transition: .5s linear .3s;
    transition: .5s linear .3s
}

.box18:hover:before {
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s
}

.box18:after {
    -o-transition: .5s linear .6s;
    -moz-transition: .5s linear .6s;
    -ms-transition: .5s linear .6s;
    -webkit-transition: .5s linear .6s;
    transition: .5s linear .6s
}

.box18:hover:after {
    -moz-transition-delay: .2s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    -ms-transition-delay: .2s;
    transition-delay: .2s
}

.box18 img {
    width: 100%;
    height: auto
}

.box18 .box-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0;
    color: #fff;
    padding-top: 25px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -ms-transition: .3s linear;
    -o-transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    transition: .3s linear;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

.box18:hover .box-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -moz-transition-delay: .4s;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    -ms-transition-delay: .4s;
    transition-delay: .4s
}

.box18 .title {
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
    margin-top: 20px
}

.box18 .description {
    font-size: 14px;
    font-style: italic;
    padding: 0 10px;
    margin: 15px 0
}

.box18 .read-more {
    display: block;
    width: 120px;
    background: #178993;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    text-transform: capitalize;
    padding: 10px 0;
    margin: 0 auto
}

.cntct-bgst .area,
.cntct-bgst .circles {
    top: 0;
    width: 100%;
    position: absolute;
    left: 0
}

section.book_sec_ofer {padding: 60px 0 0 0;}

.book_inner_wrap h2 {
    text-align: center;
    font-size: 35px;
    width: 75%;
    margin: auto;
    font-weight: bold;
    line-height: 45px !important;
}

.book_img img {
    width: 80%;
    display: block;
    border-radius: 20px;
}

section.book_sec_ofer .row.align-items-center {
    display: flex;
    align-items: center;
    margin-top: 50px;
}

.book_inner p {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    line-height: 28px;
}

.book_img.right img {
    width: 90%;
}

.book_inner h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    margin: 0 0 15px 0;
}

section.box_sec {
    padding: 80px 0 0 0;
}

.box_inner {
    text-align: center;
}

.box_inner h2 {
    margin: 0;
    font-size: 35px;
    font-weight: bold;
    line-height: 45px;
}

.box_wraper ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
    justify-content: center;
}

.box_wraper ul li {
    flex: 0 0 31%;
    box-shadow: 0 0 10px #ccc;
    margin: 32px 16px 8px 0px;
    border-radius: 20px;
    padding: 25px 20px;
    transition: .5s ease;
}

.box_wraper {
    margin: 60px 0 0 0;
}

.box_wraper ul li h2 {
    margin: 0 0 15px 0;
    font-size: 26px;
    font-weight: 600;
    line-height: 36px;
    transition: .5s ease;
}

.box_wraper ul li p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #000;
    transition: .5s ease;
    
}
.box_wraper ul .one-box-child:hover{
    background: linear-gradient(rgb(64, 88, 96), rgb(64 88 96 / 73%)),
    url('https://yandex-images.clstorage.net/GQgK51172/439ff8LL/J2fwqZjpG3A122b-r6WzJts2ymdFXuWZAAm5rR4Tdxmyts1gzJplHTnxzH-NFxDEUSit0yHAmqKNWaWoxloDP4J2gKj8La9RUC4yX2rlMxaLFx-zdE8gOUXYHYgrgyJqcRTq568o80_upj7eOELA4QWZPcbRM3kDn35VvpJ55N_3VMCZmjmrR5ZKFUretbEWiRfutfct0ut0ihu5rLdUCKInu3UeKHFNLMUOz5gSMZG0j37kU6HLpz2NhL7QCvVdh9UBKCoLqiZn6VTZLobj5jgFLGbHvvELJLkJm6y1JtoSR2qHLhjwDWxkTM3pQFEBFq38tlNh2Na_Tvct0Pq0fLRk0KtKuyq0pzn36u9XMkQJp17Hxh3jyIVpyWvsdPRZc0bqde_5oy_8Nm8_-NBw4mZvDOSxcBhVXbxE3_EKJn7GZRHKOpr4NMabBNi_JrCnC3fNBeXtQxvlGksr32a3ONKlyqb8yjP_DYcPfRtS0ZLGDk-FQqKrhJyuZP0DmwT8VeZhi9mIyzaXubaIrRTTJznG35dnTeNaxqgJit1URhrTl-hFncuDPO2ETn3oINJTZm3MhqNz2aUdv5e-o4lFrkf1EhvpqRgUZ5lFC18lQJWaVm-0p41ReUSYGkv8Zqc54ZTL5bya4ow_5a7PicEj8MQPPoYDMhmk7643nSA4JI0lhlH7e8t7FaXLRbocZYCX6-XttScfgQv0a_qJvcRE-5Al6IWfeMFcLnTfLKnSMsEGLX8006MqJv2cx32xuNZdZDYw-IhoSKWFOTdozofBFavX3sfV7iPal0p6yJ3FlljT52n3vEqSzY1GfX1a0pPzNqzftzDDy8VdThU9IOo2vSU04-oq6Nh0hHoVuA-0gdc4dC-H9A0hGXfresr8REWr8mZqB-zo4s-dpP1PCOER4NYsr8TDgniFLq4FfCIJdK33RDGaGgupVMVbNShehTEE69QPF9dvA4s0-AmqXOT3E') no-repeat center center;
    transition: .5s ease;
    transform: scale(1.1);
    background-size: cover;
    cursor: pointer;
}
.box_wraper ul .two-box-child:hover{
    background: linear-gradient(rgb(64, 88, 96), rgb(64 88 96 / 73%)),
    url('https://i.pinimg.com/736x/03/c7/56/03c756433bf1ee93a259305df3d0104f--illustration-children-illustration-art.jpg') no-repeat center center;
    transition: .5s ease;
    transform: scale(1.1);
    background-size: cover;
    cursor: pointer;
}
.box_wraper ul .three-box-child:hover{
    background: linear-gradient(rgb(64, 88, 96), rgb(64 88 96 / 73%)),
    url('https://cdn.dribbble.com/users/658520/screenshots/2979136/attachments/620623/lw_beach-pigeon_1000.jpg') no-repeat center center;
    transition: .5s ease;
    transform: scale(1.1);
    background-size: cover;
    cursor: pointer;
}
.box_wraper ul .four-box-child:hover{
    background: linear-gradient(rgb(64, 88, 96), rgb(64 88 96 / 73%)),
    url('https://www.wallpaperuse.com/wallp/63-632875_m.jpg') no-repeat center center;
    transition: .5s ease;
    transform: scale(1.1);
    background-size: cover;
    cursor: pointer;
}
.box_wraper ul .five-box-child:hover{
    background: linear-gradient(rgb(64, 88, 96), rgb(64 88 96 / 73%)),
    url('https://i.pinimg.com/736x/d6/cf/7e/d6cf7e01bb373d7e52f5929d6b649e02.jpg') no-repeat center center;
    transition: .5s ease;
    transform: scale(1.1);
    background-size: cover;
    cursor: pointer;
}
.box_wraper ul li:hover {
    /* background: #f86211; */
    /* background: linear-gradient(rgb(64, 88, 96), rgba(64, 88, 96, 0)),
    url('https://yandex-images.clstorage.net/GQgK51172/439ff8LL/J2fwqZjpG3A122b-r6WzJts2ymdFXuWZAAm5rR4Tdxmyts1gzJplHTnxzH-NFxDEUSit0yHAmqKNWaWoxloDP4J2gKj8La9RUC4yX2rlMxaLFx-zdE8gOUXYHYgrgyJqcRTq568o80_upj7eOELA4QWZPcbRM3kDn35VvpJ55N_3VMCZmjmrR5ZKFUretbEWiRfutfct0ut0ihu5rLdUCKInu3UeKHFNLMUOz5gSMZG0j37kU6HLpz2NhL7QCvVdh9UBKCoLqiZn6VTZLobj5jgFLGbHvvELJLkJm6y1JtoSR2qHLhjwDWxkTM3pQFEBFq38tlNh2Na_Tvct0Pq0fLRk0KtKuyq0pzn36u9XMkQJp17Hxh3jyIVpyWvsdPRZc0bqde_5oy_8Nm8_-NBw4mZvDOSxcBhVXbxE3_EKJn7GZRHKOpr4NMabBNi_JrCnC3fNBeXtQxvlGksr32a3ONKlyqb8yjP_DYcPfRtS0ZLGDk-FQqKrhJyuZP0DmwT8VeZhi9mIyzaXubaIrRTTJznG35dnTeNaxqgJit1URhrTl-hFncuDPO2ETn3oINJTZm3MhqNz2aUdv5e-o4lFrkf1EhvpqRgUZ5lFC18lQJWaVm-0p41ReUSYGkv8Zqc54ZTL5bya4ow_5a7PicEj8MQPPoYDMhmk7643nSA4JI0lhlH7e8t7FaXLRbocZYCX6-XttScfgQv0a_qJvcRE-5Al6IWfeMFcLnTfLKnSMsEGLX8006MqJv2cx32xuNZdZDYw-IhoSKWFOTdozofBFavX3sfV7iPal0p6yJ3FlljT52n3vEqSzY1GfX1a0pPzNqzftzDDy8VdThU9IOo2vSU04-oq6Nh0hHoVuA-0gdc4dC-H9A0hGXfresr8REWr8mZqB-zo4s-dpP1PCOER4NYsr8TDgniFLq4FfCIJdK33RDGaGgupVMVbNShehTEE69QPF9dvA4s0-AmqXOT3E') no-repeat center center;
    transition: .5s ease;
    transform: scale(1.1);
    background-size: cover;
    cursor: pointer; */
}

.box_wraper ul li:hover h2, .box_wraper ul li:hover p {
    color: #fff;
    transition: .5s ease;
}

@media only screen and (max-width:1560px){
    .cta_home_mm1:after {
        right: 10% !important;  
    }
}

@media only screen and (max-width:767px){

    .box_inner h2 {
        font-size: 26px;
        line-height: 36px;
    }
    
    .box_wraper ul {
        display: block;
    }

    .book_inner_wrap h2 {
        width: 100%;
        font-size: 24px;
        line-height: 34px !important;
    }
    
    section.book_sec_ofer .row.align-items-center {
        display: block;
    }
    
    .book_img img {
        margin: auto;
        display: block;
        margin-bottom: 20px;
        width: 100% !important;
    }
    
    .book_inner p {
        font-size: 16px;
        line-height: 24px;
    }
    
    section.book_sec_ofer .row.align-items-center:nth-child(3) {margin-top: 0;}
    
    section.book_sec_ofer .row.align-items-center:nth-child(3) .col-md-6 {
        flex: 0 0 50%;
        width: 100%;
    }
    
    .book_inner h2 {
        font-size: 22px;
    }
    
}

@media only screen and (max-width:990px) {
    .box18 {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:479px) {
    .box18 .box-content {
        padding-top: 0
    }
    .form {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        background: linear-gradient(to right ,rgba(250, 103, 12, 0.749) ,rgb(248, 234, 32));
        padding: 10px;
        border-radius: 25   0px;
        width: 100%;
        margin-left: 30px;
    
      }
}

@media only screen and (max-width:359px) {
    .box18 .title {
        padding-bottom: 10px
    }
    .form {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        background: linear-gradient(to right ,rgba(250, 103, 12, 0.749) ,rgb(248, 234, 32));
        padding: 10px;
        border-radius: 25   0px;
        width: 100%;
    
      }
}

.box18:hover .box-content i {
    font-size: 40px;
    color: #fff
}

.cntct-bgst .area {
    background: 0 0;
    background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8);
    height: 520px;
    bottom: 0;
    display: table;
    text-align: left;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.cntct-bgst .circles {
    height: 100%;
    overflow: hidden;
    padding: 0;
    z-index: -1
}

.cntct-bgst .circles li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgb(235 235 235);
    animation: 25s linear infinite animate;
    bottom: -150px
}

.cntct-bgst .circles li:first-child {
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s
}

.cntct-bgst .circles li:nth-child(2) {
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s
}

.cntct-bgst .circles li:nth-child(3) {
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s
}

.cntct-bgst .circles li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s
}

.cntct-bgst .circles li:nth-child(5) {
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s
}

.cntct-bgst .circles li:nth-child(6) {
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s
}

.cntct-bgst .circles li:nth-child(7) {
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s
}

.cntct-bgst .circles li:nth-child(8) {
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s
}

.cntct-bgst .circles li:nth-child(9) {
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s
}

.cntct-bgst .circles li:nth-child(10) {
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s
}

@keyframes animate {
    0% {
        transform: translateY(0) rotate(0);
        opacity: 1;
        border-radius: 0
    }
    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%
    }
}

@keyframes slide5 {
    0%,
    100% {
        transform: translate(0, 0)
    }
    50% {
        transform: translate(10px, 0)
    }
}

@-webkit-keyframes orbit5 {
    from {
        -webkit-transform: rotate(10deg) translateX(20px) rotate(0)
    }
    to {
        -webkit-transform: rotate(-350deg) translateX(20px) rotate(360deg)
    }
}

@-moz-keyframes orbit5 {
    from {
        -moz-transform: rotate(10deg) translateX(20px) rotate(0)
    }
    to {
        -moz-transform: rotate(-350deg) translateX(20px) rotate(360deg)
    }
}

@-o-keyframes orbit5 {
    from {
        -o-transform: rotate(10deg) translateX(20px) rotate(0)
    }
    to {
        -o-transform: rotate(-350deg) translateX(20px) rotate(360deg)
    }
}

@keyframes orbit5 {
    from {
        transform: rotate(10deg) translateX(20px) rotate(0)
    }
    to {
        transform: rotate(-350deg) translateX(20px) rotate(360deg)
    }
}

.illus-tab-li ul li img {
    position: relative;
    top: 10px;
    margin-right: 6px
}

.price-list ul {
    height: 180px;
    overflow-y: scroll
}
.iti.iti--allow-dropdown.iti--show-flags input.input {
    padding: 0 155px 0 50px;
}
form.main-pop .iti.iti--allow-dropdown.iti--show-flags input#phone-coun {
    padding: 0 100px 0 60px;
}

.price-list ul::-webkit-scrollbar {
    width: 8px
}

.price-list ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

.price-list ul::-webkit-scrollbar-thumb {
    background: #97bdd0;
    border-radius: 10px
}

.price-list ul ::-webkit-scrollbar-thumb:hover {
    background: #b30000
}

.illus-tab-sec .btn-div {
    padding-top: 10px
}

.price-box p {
    color: #699d99;
    display: none
}

.childern-bnr-new {
    background: url(../images/new/childern-bnr.png) bottom/cover no-repeat;
    padding: 150px 0 50px;
    height: 770px;
    max-height: 770px;
    position: relative
}

.testi-new-sec .slick-current .testi-box-txt {
    width: 80%;
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 9%);
    opacity: 1;
    border-radius: 8px;
    border-color: transparent
}

.testi-new-sec .testi-box-txt {
    width: 95% !important;
    opacity: .5;
    border: 1px solid transparent;
    padding: 15px 40px;
    margin: 0 10px 20px;
    position: relative
}

.cta-chil-1:after,
.cta-chil-2:after {
    position: absolute;
    bottom: 0;
    content: ""
}

.testi-new-sec .clr-yel {
    color: #fdd401
}

.testi-new-sec .clr-gry {
    color: #c8c8c8
}

.childern-bnr-new .banner-txt h3,
.ebook-bnr-new .banner-txt h3 {
    font-size: 35px;
    margin: 0;
    font-weight: 700;
    padding: 15px 0 0;
    color: #222
}

.childern-bnr-new .banner-txt h1,
.ebook-bnr-new .banner-txt h1 {
    margin: 0;
    color: #222
}

.illu-tb-child-nb ul li {
    display: flex;
    align-items: center;
    margin-top: 20px;
    font-weight: 400
}

.illu-tb-child-nb ul li img {
    top: 0
}

.cta-chil-1:after {
    background: url(../images/new/child-cta-img2.png) right/100% no-repeat;
    width: 558px;
    height: 470px;
    right: 90px;
    top: -65px
}

.cta-chil-2:after {
    background: url(../images/new/child-cta-img.png) right/92% no-repeat;
    width: 363px;
    height: 388px;
    right: 330px;
    top: -50px
}

.new-child-pb img {
    margin: 0 auto;
    display: table
}

.price-box.new-child-pb {
    background: #fff;
    border: 1px solid #eeeded;
    margin: 10px 0;
    padding: 10px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.price-box.new-child-pb:before {
    content: '';
    background: #f6f9ff;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 250px;
    height: 250px;
    border-radius: 60%;
    margin: auto;
    z-index: -1;
    transition-duration: 1s;
    visibility: hidden
}

.price-box.new-child-pb:hover::before {
    border-radius: 0;
    width: 100%;
    height: 100%;
    border: 0;
    transition-duration: 1s;
    visibility: visible
}

.price-slider-new .slick-dots {
    position: absolute;
    bottom: -50px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    z-index: 5
}

.price-slider-new .slick-dots li.slick-active button {
    background-color: #14bd83
}

.price-slider-new .slick-dots li button:before {
    font-size: 0px;
    line-height: 0
}

.price-slider-new .slick-dots li button {
    background-color: #5c63fb;
    border-radius: 50px;
    width: 10px;
    height: 10px
}

.price-box.new-child-pb .btn-price-sub {
    border-radius: 8px
}

.price-box.new-child-pb .btn-price-sub:hover {
    color: #fff;
    background: #14bd83
}

.types-tb-cb ul {
    border: 0;
    display: block
}

.types-tb-cb ul li {
    transition: .3s ease-in-out;
    margin: 0 5px 10px;
    display: inline-block;
    width: 315px
}

.border-0,
.types-tb-cb ul li a {
    border: 0 !important
}

.types-tb-cb ul li a h4 {
    color: #222;
    font-size: 20px;
    font-weight: 700
}

.types-tb-cb ul li a:focus,
.types-tb-cb ul li a:hover,
.types-tb-cb ul li.active a,
.types-tb-cb ul li.active a:focus,
.types-tb-cb ul li.active:focus a,
.types-tb-cb ul li.active:hover a {
    background-color: #f7d208;
    box-shadow: 0 18px 21px 0 rgba(0, 0, 0, .32)
}

.types-chil-bk {
    padding: 50px 0 85px
}

.ty-tb-img img {
    width: 100%;
    display: table;
    text-align: center;
    margin: 0 auto
}

.ty-tb-img h4 {
    text-align: center;
    font-weight: 700;
    padding: 12px 0 0
}

.ebook-bnr-new {
    background: url(../images/new/eboon-new-bnr.png) bottom/cover no-repeat;
    padding: 150px 0 50px;
    height: 820px;
    max-height: 820px
}

.ebook-bnr-new .banner-side-img {
    visibility: hidden !important
}

.cta-ebk-1:after {
    content: "";
    background: url(../images/new/ebook-cta-1.png) right/100% no-repeat;
    width: 620px;
    height: 374px;
    position: absolute;
    right: 300px;
    top: -20px;
    bottom: 0
}

.ebok-cta-2:after {
    content: "";
    background: url(../images/new/cta-img-ebk.png) right/100% no-repeat;
    width: 588px;
    height: 388px;
    position: absolute;
    right: 300px;
    top: -20px;
    bottom: 0
}

.cb-serv-inner-sec {
    position: relative;
    z-index: 1;
    padding-top: 0
}

.ebk-pck-img img {
    width: 75%;
    margin: 40px auto 22px;
    display: table
}

.ebk-rgt-col-frm .form_sec_box {
    background: #f7d208;
    width: 100%;
    height: 100%
}

.ebok-pck-img .form_sec_box {
    background: #f7d208;
    padding: 20px 40px
}

.ebok-pck-img .form_sec_box input,
.ebok-pck-img .form_sec_box textarea {
    background: #fff;
    border-radius: 0
}

.ebok-pck-img .form_sec_box .btn_blue {
    background: #7076fb;
    font-weight: 600;
    padding: 12px 40px;
    border: 0;
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    margin-right: 10px;
    border-radius: 50px;
    margin-left: 15px
}

.ebok-pck-img .form_sec_box .live-chat-eb {
    background: #14bd83;
    font-weight: 600;
    padding: 12px 40px;
    border: 0;
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    border-radius: 58px
}

.ebok-pck-img .form_sec_box h2 {
    font-size: 37px;
    font-weight: 700;
    padding-left: 15px;
    margin: 0
}

.ebk-lft-col h4,
.ebok-pck-img .form_sec_box h4 {
    font-size: 18px;
    font-weight: 700
}

.ebok-pck-img .form_sec_box h4 {
    padding-left: 15px;
    margin: 10px 0 16px
}

.ebok-pck-img .form_sec_box form {
    margin-top: 40px
}

.ebk-lft-col {
    padding: 10px 25px 0
}

.ebok-pck-col-bg {
    background: url(../images/new/ebok-pck-bg.png) center center/cover no-repeat
}

.feature-sec,
.stepsget {
    background-color: #f7f7f7
}

.feature-sec {
    padding: 50px 0
}

ul.features-ul {
    padding: 0;
    list-style: none;
    margin: 0;
    display: flex;
    justify-content: center;
    width: 100%
}

ul.features-ul li {
    display: inline-block;
    padding: 10px 30px;
    position: relative;
    text-align: center;
    overflow: hidden
}

ul.features-ul li:hover {
    overflow: initial;
    vertical-align: top
}

ul.features-ul li:after {
    content: "";
    width: 2px;
    height: 50px;
    background: #d5d3d8;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto
}

ul.features-ul li .feature-icn:before {
    content: "";
    display: inline-block;
    background: url('../images/sprite.png') no-repeat;
    width: 52px;
    height: 52px
}

i.feature-icn-1:before {
    background-position: -17px -14px !important
}

i.feature-icn-2:before {
    background-position: -92px -14px !important
}

i.feature-icn-3:before {
    background-position: -166px -15px !important
}

i.feature-icn-4:before {
    background-position: -241px -16px !important
}

i.feature-icn-5:before {
    background-position: -307px -21px !important
}

ul.features-ul li h5 {
    font-family: Poppins, sans-serif;
    margin: 10px 0 0;
    font-size: 16px;
    color: #5e5c68;
    font-weight: 400;
    line-height: 22px
}

ul.pack-detail-feature li {
    padding: 10px 14px
}

ul.pack-detail-feature li h5 {
    color: #999
}

ul.pack-detail-feature {
    margin: 30px 0 0
}

.icn-tooltip {
    display: inline-block;
    position: relative;
    transition: .4s
}

.icn-tooltip .tooltip-innr {
    position: absolute;
    width: 160px;
    right: -19px;
    top: 24px;
    background: #000;
    padding: 3px 3px 4px;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    text-transform: capitalize;
    opacity: 0;
    transition: .4s;
    z-index: 2;
    box-shadow: 0 0 11px 3px #00000042;
    line-height: 1.5em
}

.icn-tooltip .tooltip-innr:before {
    content: "\f078";
    font: 24px/1 FontAwesome;
    right: 17px;
    top: -12px;
    position: absolute;
    color: #000
}

ul.features-ul li .icn-tooltip {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 134px;
    width: 100%;
    text-align: center
}

.stepsget .active .bx p,
.stepsget .bx:hover p,
ul.features-ul li:hover .icn-tooltip .tooltip-innr {
    opacity: 1
}

ul.features-ul li .icn-tooltip .tooltip-innr {
    position: initial;
    padding: 6px;
    display: inline-block;
    line-height: 1.4em;
    font-size: 11px
}

ul.features-ul li .icn-tooltip .tooltip-innr:before {
    right: 0;
    left: 0;
    content: "\f0d7";
    top: initial;
    bottom: -14px
}

.stepsget {
    text-align: center;
    padding: 50px 0 40px
}

.stepsget h2 {
    color: #5c63fb;
    font-size: 35px;
    font-weight: 700;
    text-transform: capitalize;
    padding-bottom: 10px
}

.stepsget p {
    margin: 0 0 50px
}

.stepsget .bx {
    margin-top: 0;
    padding: 0 20px;
    align-content: center;
    display: grid;
    min-height: 380px;
    border: 1px solid transparent
}

.stepsget .bx .titledv {
    display: flex;
    align-items: center;
    text-align: left;
    margin: 0 0 40px
}

.stepsget .bx .titledv span {
    font-size: 122px;
    font-weight: 900;
    color: #d8d8d8;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #d8d8d8;
    margin-right: 10px;
    transition: .3s ease-out;
    line-height: 20px
}

.stepsget .bx .titledv h3 {
    font-size: 24px;
    color: #5c63fb;
    transition: .3s ease-out
}

.stepsget .bx p {
    font-size: 16px;
    color: #000;
    opacity: 0;
    transition: .3s ease-out;
    margin: 0
}

.stepsget .bx:hover {
    border: 1px solid #9088e6;
    box-shadow: 0 0 30px 0 #958de7
}

.stepsget .active .bx .titledv span,
.stepsget .bx:hover .titledv span {
    -webkit-text-stroke-color: #5c63fb
}

.mainformtop {
    background: #ffffffd9;
    width: 400px;
    margin-left: 55px;
    border-radius: 20px;
    margin-top: 22px;
    position: relative;
    z-index: 1
}

.mainformtop:before {
    content: '';
    position: absolute;
    width: 118px;
    height: 357px;
    left: -150px;
    top: 50px
}

.mainformtop .topformsv {
    padding: 20px;
    text-align: center;
    background: #fff;
    border-radius: 20px
}

.mainformtop .banfield textarea {
    resize: none;
    width: 100%;
    height: 100px;
    background-color: #ffffff00;
    border: 2px solid #000;
    border-radius: 10px;
    padding: 15px 0;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border: transparent
}

.mainformtop .banfield input {
    height: 50px;
    border: #f9f9f9;
    background: 0 0
}

.mainformtop .banfield {
    margin-bottom: 10px;
    border-bottom: 1px solid #aeaeae
}

.mainformtop .banfield .sub-btn-chbk {
    width: 100%;
    background-color: #fbcf00;
    color: #000;
    border: transparent;
    font-weight: 600
}

.mainformtop .banfield .sub-btn-chbk:hover {
    background: #fa690c;
    transform: none;
    color: #fff
}

.banfield input {
    width: 100%;
    height: 60px;
    border: 2px solid #000;
    border-radius: 10px;
    padding: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 400
}

.banfield input::placeholder,
.mainformtop .banfield textarea::placeholder {
    color: #fff;
    font-weight: 300
}

.mainformtop .topformsv h3 {
    color: #000;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 20px
}

.mainformtop .topformsv h3 strong {
    display: block;
    margin-top: 10px;
    font-weight: 900
}

.banfield input:focus,
.banfield textarea:focus,
div:focus {
    outline: 0
}

.lightbox-images1 .wowbook-book-container {
    background: #6d6b92;
    background: -moz-radial-gradient(center, ellipse cover, #fff 0, #6d6b92 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #fff 0, #6d6b92 100%);
    background: radial-gradient(ellipse at center, #fff 0, #6d6b92 100%)
}

.lightbox-images1>.wowbook-close,
.lightbox-images2>.wowbook-close {
    color: #ccc !important
}

.lightbox-images2 .wowbook-book-container {
    background: #1e2831;
    background: -moz-radial-gradient(center, ellipse cover, #fff 0, #1e2831 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #fff 0, #1e2831 100%);
    background: radial-gradient(ellipse at center, #fff 0, #1e2831 100%)
}

.lightbox-pdf .wowbook-book-container {
    background: url(./img/bg-lightbox-pdf.png) #e5e5e5;
    background: -moz-radial-gradient(center, ellipse cover, #fff 20%, #bbb 100%) #e5e5e5;
    background: -webkit-radial-gradient(center, ellipse cover, #fff 20%, #bbb 100%) #e5e5e5;
    background: radial-gradient(ellipse at center, #fff 20%, #bbb 100%) #e5e5e5
}

.lightbox-html .wowbook-book-container {
    background: url(img/book_html/wood.jpg)
}

.lightbox-html .wowbook-toolbar {
    margin-top: 1em;
    box-sizing: content-box !important
}

.lightbox-html .wowbook-controls {
    border-radius: 6px;
    width: auto
}

.lightbox-html.wowbook-mobile .wowbook-controls {
    border-radius: 0;
    width: 100%
}

section.ftr-list-logo {
    background: #f4f5f8;
    margin: 0 auto;
    display: table;
    padding: 20px 0 0
}

section.ftr-list-logo img {
    width: 100%;
    display: table;
    text-align: center;
    margin: 0 auto;
    background-color: #f4f5f8
}

.testi-box-txt h3 {
    font-weight: 700
}

.child_new_price_mm {
    padding: 50px 0 0
}

.bookcover_cta2:after {
    content: "";
    background: url(../images/new/cta-img-ebk.png) right/100% no-repeat;
    width: 488px;
    height: 388px;
    position: absolute;
    right: 300px;
    top: -40px;
    bottom: 0
}

.child_price .price-btn,
.child_price .price-list {
    background-color: #f9f9f9
}

.portfolio_sec_childern {
    background-color: #f7f7f7;
    padding: 50px 0 70px
}

.bnr-img-book_cvr {
    position: absolute;
    top: 0;
    right: 0
}

.portfolio-sec-home {
    padding: 50px 0 70px
}

.ul-st-looking li p {
    width: 100%;
    display: table;
    font-size: 16px;
    align-items: center;
    display: grid;
    padding: 8px 0;
    transition-duration: .5s;
    --c: #7c2791;
    color: #989897;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin: 0
}

.ul-st-looking li p span {
    position: absolute;
    width: 25%;
    height: 100%;
    background-color: var(--c);
    transform: translateY(150%);
    border-radius: 50%;
    left: calc((var(--n) - 1) * 25%);
    transition: .5s;
    transition-delay: calc((var(--n) - 1) * 0.1s);
    z-index: -1
}

.ul-st-looking li p:hover span {
    transform: translateY(0) scale(2)
}

.ul-st-looking li p span:first-child {
    --n: 1
}

.ul-st-looking li p span:nth-child(2) {
    --n: 2
}

.ul-st-looking li p span:nth-child(3) {
    --n: 3
}

.ul-st-looking li p span:nth-child(4) {
    --n: 4
}

.what-li-st img {
    float: left;
    width: 26%
}

.what-li-st h4 {
    float: left;
    width: 74%;
    margin: 20px 0;
    padding: 0 0 0 15px;
    height: 35px
}

.price-slider-new .btn.btn-started {
    background: #5c63fb;
    padding: 10px 40px;
    text-transform: capitalize
}

.price_pck2 h2 {
    font-size: 46px;
    color: #5c63fb;
    font-weight: 700;
    margin: 0
}

.price_pck2 h2 small {
    font-size: 18px;
    color: #5c63fb;
    vertical-align: middle
}

.price_pck2 h3 {
    color: #816e6c;
    font-size: 17px;
    margin: 0
}

.price_pck2 {
    padding: 34px 0 30px;
    border-bottom: 1px solid #d2dbfc
}

.child_price .price-list p {
    display: block;
    color: #222;
    text-align: center;
    font-size: 14px;
    padding: 0 15px
}

.child_price li {
    list-style: none;
    text-align: center;
    font-size: 15px !important;
    margin: 0;
    padding: 10px;
    border: 1px solid #fff
}

.child_price ul {
    padding: 0;
    height: 200px;
    overflow-y: auto
}

.child_price .price-btn {
    margin: 0;
    padding: 0 0 10px
}

.child_price img {
    margin: 10px auto 0
}

.child_price p.price-add-st {
    color: #222 !important;
    display: block !important;
    background-color: #f9f9f9;
    margin: 0;
    padding: 0 0 20px
}

.slider-car.bgGround {
    transition: .3s;
    position: absolute;
    top: 0;
    z-index: 9999999;
    width: 100%;
    height: 285px;
    background-size: 100% !important;
    right: 0;
    background-repeat: no-repeat !important;
    background-position: right top !important
}

.head_top ul.dropdown-menu li {
    margin: 1px 0 0
}

.head_top ul.dropdown-menu li a.myHover {
    padding: 9px 10px;
    float: left;
    width: 100%
}

.dropdown-menu .col-sm-5.pd_0 {
    margin: auto;
    display: grid;
    align-items: center;
    padding: 10px 0 0
}

.bnr-form-st-new .mainformtop .banfield {
    border: 0;
    height: auto;
    margin: 0 6px 0 0;
    width: 100%
}

.bnr-form-st-new .mainformtop .topformsv {
    width: 100%;
    padding: 10px;
    background: 0 0;
    text-align: left
}

.bnr-form-st-new .mainformtop form {
    display: block;
    padding: 0
}

.bnr-form-st-new .mainformtop {
    width: 620px;
    margin-left: 0;
    padding: 20px 15px;
    background: #30313138;
    border-radius: 8px
}

.bnr-form-st-new .mainformtop input,
.bnr-form-st-new .mainformtop textarea {
    background: #fff;
    padding: 9px 10px;
    height: auto;
    border-radius: 4px
}

.bnr-form-st-new .mainformtop .banfield input::placeholder {
    color: #222
}

.bnr-form-st-new .mainformtop .banfield textarea::placeholder {
    color: #222
}

.bnr-form-st-new .mainformtop h3 {
    margin: 0;
    padding-bottom: 10px;
    line-height: normal;
    font-weight: 700
}

.bnr-form-st-new .mainformtop .banfield .sub-btn-chbk {
    background: #fa690c;
    color: #fff;
    border-radius: 60px;
    padding: 10px 15px
}

.bnr-form-st-new .mainformtop .banfield .sub-btn-chbk:hover {
    background: #fff;
    color: #fa690c
}

.bnr-form-st-new .mainformtop h3 span {
    color: #fa690c;
    font-weight: 700
}

.first_input input {
    margin: 0 0 12px
}

.illu-tab-new-sec .illus-tab-li ul,
.padding_left_0 {
    padding-left: 0
}

.get_contact_deal {
    width: auto !important
}

.mainformtop input::placeholder {
    font-weight: 800 !important;
    font-size: 12px;
    color: #000 !important
}

.mainformtop input:-ms-input-placeholder {
    font-weight: 800 !important;
    font-size: 12px;
    color: #000 !important
}

.mainformtop input::-ms-input-placeholder {
    font-weight: 800 !important;
    font-size: 12px;
    color: #000 !important
}

.banner-side-img-bookcover img {
    width: auto
}

.new-banner-st .col-sm-12 {
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.new-banner-st .banner-txt {
    text-align: center;
    margin: 0 auto
}

.-newbanner-img-st img {
    width: 95%;
    margin: 10px auto 0;
    display: table
}

.main-banner.new-banner-st {
    background: url(../images/new-images/new-banner-img.webp) center/cover no-repeat;
    height: 780px;
    margin-bottom: 200px;
    position: relative;
    z-index: 1
}

.-newbanner-img-st h2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    z-index: -1;
    font-size: 202px;
    font-weight: 700;
    color: #fff
}

.cta-new-sec {
    position: relative;
    height: 410px;
    padding: 0;
    margin: 30px 0;
    background: url(../images/new-images/cta-bg-new.webp) no-repeat !important
}

.cta-new-sec .cta-img-side {
    top: 0;
    left: 0;
    bottom: 0;
    margin: -110px auto auto;
    right: 0
}

.illu-tab-new-sec .hd-txt {
    text-align: left
}

.illu-tab-new-sec {
    padding: 90px 0 150px;
    margin-top: -66px
}

.illus-tab-rht-slider .slick-list.draggable {
    width: 170%
}

.new-illus-tab-img-st img {
    width: 100%;
    padding: 0 10px
}

.new-port-hme .port-img img {
    min-height: 240px;
    border-radius: 5px;
    height: auto
}

.new-port-hme .port-nav ul.nav-tabs {
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.new-port-hme .port-nav ul.nav-tabs li a {
    border: 0 !important;
    color: #000;
    font-size: 17px;
    font-weight: 600;
    background: 0 0 !important
}

.new-port-hme .port-nav ul.nav-tabs li {
    margin-top: 10px
}

.new-port-hme .port-nav ul.nav-tabs li a:hover,
.new-port-hme .port-nav ul.nav-tabs li.active a {
    color: #fa690c
}

.cta-2.cta-2-new-img {
    height: 382px;
    padding: 0;
    margin: 0
}

.cta-2-new-img .cta-img-side img {
    width: auto;
    margin-top: -110px
}

img.logo {
    height: auto;
    position: relative;
}

.ftr-col.ftr-col-form {
    position: relative;
    top: -12px;
}
.form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: linear-gradient(to right ,rgba(250, 103, 12, 0.749) ,rgb(248, 234, 32));
    padding: 10px;
    border-radius: 25   0px;
    width: 80%;
    margin-left: auto;
  }
  
  .login {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
  }
  
  .flex {
    display: flex;
    flex-direction: column;
  }
  
  .form button {
    background: #fa690c;
    color: #fff;
    padding: 10px 40px;
    border: 2px solid transparent;
    margin: 10px 10px 0 0;
  }
  
  .form label {
    margin-top: 20px;
    margin-bottom: 5px;
  }
  
  .form button:hover {
    box-shadow: 2px 2px 12px white;
  }
  
  .input {
    height: 42px;
    outline: none;
    padding: 15px;
    border-radius: 10px;
    border: none;
    font-weight: bold;
    font-size: 15px;
    /* box-shadow: 2px 2px 12px inset rgba(0, 0, 0, 0.63); */
   background-color: white;
  }
  
  .span:hover {
    font-weight: bold;
  }
  
  .color {
    color: white;
  }
  
  .align {
    text-align: center;
  }
  .form span{
    font-size: 35px;
    font-weight: 800;
  }
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.banner-side-img.wow.bounceInLeft {
    position: relative;
    margin-left: auto;
    width: 100%;
}

.banner-side-img.wow.bounceInLeft:before {
    content: '';
    display: block;
    position: absolute;
    background-image: url(../images/carton.webp);
    background-repeat: no-repeat;
    width: 180px;
    height: 246px;
    left: -20px;
    bottom: -88px;
}

section.services-banner.comic-bnr {
    padding-bottom: 80px !important;
}

.packages_inner {
    text-align: center;
}

.packages_inner h2 {
    font-size: 40px;
    font-weight: 700;
    color: #333;
    margin: 0 0 15px 0;
    line-height: 40px;
}

.packages_inner p {
    color: #333;
    font-size: 17px;
    font-weight: 500;
    margin: 0 0 30px 0;
}

.packages_inner h4 {
    font-size: 30px;
    font-weight: 600;
    color: #333;
}

.packages_box {
    background: #fff;
    box-shadow: 0 0 20px #ccc;
    border-radius: 20px;
    padding: 30px 0 0 0;
    margin-top: 40px;
}

.packages_box h3 {
    margin: 0;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
}

.packages_box h1 {
    text-align: center;
    font-size: 45px;
    font-weight: bold;
    line-height: 45px;
    margin: 20px 0 0 0;
}

.package_content {
    margin: 30px 10px 0 10px;
    background: #EEEEEE;
    padding: 10px 0;
    overflow-y: scroll;
}

.package_content ul {
    padding: 0;
    list-style: none;
    height: 250px;
}

.package_content ul li {
    font-size: 14px;
    margin: 0 0 15px 0;
    color: #333;
    font-weight: 500;
    padding: 0 20px 0 25px;
    position: relative;
}

.package_content ul li:before {
    content: '';
    display: block;
    position: absolute;
    background: #f86211;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    left: 12px;
    top: 8px;
}

section.packages_sec {
    padding: 0 0 100px 0;
}

.package_btn {
    margin: 20px 0 0 0;
}

.package_btn button, .package_btn a {
    flex: 0 0 47%;
}

.package_btn button {
    width: 100%;
    height: 50px;
    border-radius: 50px;
    border: none;
    background: #000;
    color: #fff;
    padding: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
}

.package_btn button:nth-child(1) {
    background: #f65a14;
}

.package_btn a button {
    background: #000 !important;
}

.package_btn {
    display: flex;
    justify-content: space-between;
}
.cta-txt p {
    color: white !important;
}