@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');

/*font-family: 'Libre Baskerville', serif;*/
/*sidebar num*/
.btns_wrap { position: fixed; right: -6px; z-index: 999; }
.btns_wrap a:hover { text-decoration: none!important; right: 0; }
.btns_wrap .call_wrap { width: 280px; position: absolute; right: -218px; background: #017B89; top: 330px; border-radius: 50px 0 0 50px; overflow: hidden; box-shadow: 0 0 40px #00000026!important; transition: all 0.3s ease; }
.btns_wrap .call_wrap span { border-left: 0 solid #fff; color: #fff; font-size: 18px; vertical-align: middle; background: #017B89; padding: 17px 15px; }
.btns_wrap .call_wrap span.icoo, .btns_wrap .chat_wrap span.icoo { color: #fff; font-size: 22px; padding: 10px 22px 10px 20px; vertical-align: middle; display: inline-block; }
.p0{
    padding:0px !important;
}

h1,h2,h3,h4,h5,h6,p,a,li,span,button{
    font-family: 'Comfortaa', cursive;
    margin:0;
}
div:focus{
    outline: 0;
}
img:focus{
    outline:0;
}
img:focus:focus-visible{
    outline: 0;
}

body {
    font-family: 'Comfortaa', cursive;
    overflow-x: hidden;
    /* background: #040406; */
}


section {
    float: left;
    width: 100%;
}



/*footer*/
.ftr-logo-div {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 0;
    margin: 15px 0 50px;
    border: 1px solid #707070;
    border-left: 0;
    border-right: 0;
}

.ftr-logo-div p {
    font-size: 20px;
    width: 50%;
    margin-left: 90px;
    color: #fff;
}

.ftr-main-col {
    display: flex;
    gap: 0 60px;
}

.services-list ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}


.services-list ul li {
    width: 100%;
}

.ftr-lft-div {
    display: flex;
    flex-direction: column;
}
.ftr-main-col .col-sm-7 {
    display: flex;
    align-items: center;
}
.ftr-lft-div a i {
    width: 30px;
    height: 30px;
    background: #DB6E44;
    border-radius: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.ftr-lft-div a {
    display: flex;
    align-items: center;
    margin: 10px 0px 10px 0;
    color: #000;
}

.social-icon {
    display: flex;
    align-items: center;
}

.ftr-lft-div a i {
    margin-right: 10px;
}

.ftr-lft-div .social-icon i {
    color: #fff;
    background: #DB6E44;
}

.services-list ul li a {line-height: 38px;font-size: 18px;color: #000;}

.services-list h4 {
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 15px;
    color: #000;
}

.ftr-lft-div h4 {
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 15px;
    color: #000;
}


.ftr-main-sec {
    background-color: #051D38;
    position: relative;
    z-index: 1;
    padding: 50px 0 50px;
}
.services-list ul i {
    margin-right: 12px;
}
.ftr-img-rev {
    margin-top: 15px;
}
.ftr-copy {
    padding: 15px 0;
    background: #017B89;
}

.ftr-copy-main-col {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ftr-copy-main-col p {
    color: #fff;
    font-size: 16px;
}

.ftr-main-sec .row {
    position: relative;
}

.ftr-bl-st {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
/*footer*/





/*nav-bar*/


.dropdown-menu{
    display: flex !important;
}

.dropdown-menu.big {
  width: 630px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 10px 8px;
  -webkit-backdrop-filter: blur(30px) brightness(85%);
  backdrop-filter: blur(0) brightness(90%);
  background: #ffffff70;
  background: #a6c2c6;
  transition: all .5s ;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);


}
ul.dropdown-menu.big.active {
    display: flex !important;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.dropdown-menu.big li {
  width: 31%;
  display: flex;
  align-items: center;
  border: 1px solid #00000012;
  padding: 0 0 0 0 !important;
}

.dropdown-menu.big li a {
  white-space: nowrap;
  padding: 1px 0px 0px 16px !important;
  font-size: 13px;
}
.dropdown-menu.big li a:hover {
    background: linear-gradient(134deg, #017b89 25%, #017b89 92%);
    color: #fff;
}
.dropdown-menu.big li a {
  padding: 12px 16px !important;
  width: 100%;
  transition: all .5s ease-in-out;
  color:#000;
}







.navbar-nav li a {font-size: 14px;margin: 0 0px; padding: 0 28px !important;color: #000; text-transform: capitalize;}

header.active .navbar-brand img {
    filter: brightness(100);
}
header .navbar-brand img{
    transition: all .5s ease-in-out;
}

header.active .nav-item a {
    color: #fff;
}
.navbar-nav li:last-child a {border-right: 0;}
section.top-header {
  padding: 10px 0;
  background: #017b89;
}

.mrqu-txt h4 {
  font-size: 16px;
  text-transform: capitalize;
  margin: 0;
  color: #fff;
}

.mrqu-txt {
  white-space: nowrap;
  will-change: transform;
  animation: marquee 32s linear infinite;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}
marquee{
  animation: marquee 12s linear infinite;
  font-size: 16px;
  text-transform: capitalize;
  margin: 0;
  color: #fff;
}
@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}


header {
    align-items: center;
    -webkit-backdrop-filter: blur(30px) brightness(85%);
    backdrop-filter: blur(19px) brightness(90%);
    background: hsla(0, 0%, 100%, .3);
    display: flex;
    height: 100px;
    justify-content: center;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0px;
    width: 100%;
    z-index: 2;
}

.navbar-nav li a:hover {
    color: #c9166f;
}

.header-btn a.get-btn {
    width: auto;
    padding: 8px 15px;
    line-height: normal;
    font-size: 16px;
}

.header-btn .icon {
    display: none;
}
/*nav-bar*/

/*mobile-nav*/
.nav-but-wrap {
    position: relative;
    display: inline-block;
    float: left;
    padding-left: 30px;
    padding-top: 15px;
    margin-top: 16px;
    transition: all .3s ease-out
}

.menu-icon {
    height: 30px;
    width: 30px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    display: block;
    z-index: 9999;
    top: -20px;
    right: 0;
}

.menu-icon__line {
    height: 2px;
    width: 20px;
    display: block;
    background-color: #051d38;
    margin-bottom: 7px;
    cursor: pointer;
    -webkit-transition: background-color .5s ease, -webkit-transform .2s ease;
    transition: background-color .5s ease, -webkit-transform .2s ease;
    transition: transform .2s ease, background-color .5s ease;
    transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease
}

.menu-icon__line-left {
    width: 30px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.menu-icon__line-right {
    width: 0;
    float: right;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    color: #fff;
    right: 30px;
    position: relative;
    font-size: 20px;
    font-weight: 700
}

.menu-icon:hover .menu-icon__line-left, .menu-icon:hover .menu-icon__line-right {
    width: 30px
}

span.menu_mm {
    color: #017b89;
    right: 30px;
    position: relative;
    font-size: 20px;
    font-weight: 700
}

.nav-fix-st {
    position: fixed;
    z-index: 999;
    right: 0
}

.nav:after, .nav:before {
    content: "";
    position: fixed;
    top: 100px;
    right: 0;
    width: 0;
    height: 0;
    background-color: rgba(20, 21, 26, .6);
    border-bottom-right-radius: 200%;
    z-index: -1;
    transition: border-radius linear .8s, width cubic-bezier(.77, 0, .175, 1) .6s, height cubic-bezier(.77, 0, .175, 1) .6s
}

.nav:after {
    background-color: #09090c;
    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat.svg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 300%;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    box-shadow: 6px 7px 28px 0 rgba(16, 16, 16, .3)
}

.nav:before {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.nav__content {
    position: fixed;
    visibility: hidden;
    top: 100px;
    right: 30px;
    width: auto;
    text-align: left;
    z-index: 99999
}

.nav__list {
    position: relative;
    padding: 0;
    margin: 0;
    z-index: 999999999;
    left: 2px;
}

.nav__list-item {
    position: relative;
    display: block;
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
    opacity: 0;
    text-align: left;
    color: #fff;
    overflow: hidden;
    font-family: Poppins, sans-serif;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: 2px;
    -webkit-transform: translate(30px, 0);
    transform: translate(30px, 0);
    -webkit-transition: opacity .2s ease, -webkit-transform .3s ease;
    transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: opacity .2s ease, transform .2s ease;
    transition: opacity .2s ease, transform .2s ease, -webkit-transform .2s ease;
    margin-top: 0;
    margin-bottom: 0
}

.nav__list-item a {
    font-size: 14px;
    position: relative;
    text-decoration: none;
    color: rgba(255, 255, 255, .6);
    overflow: hidden;
    cursor: pointer;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    z-index: 2;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}
.nav__list i {
    top: -7px;
    position: relative;
    left: 0px;
}
.nav__list-item a:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 5px;
    height: 0;
    opacity: 0;
    background-color: #f50101;
    z-index: 1;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.nav__list-item a:hover:after {
    height: 100%;
    opacity: 1;
    top: 0
}

.nav__list-item a:hover {
    color: #fff
}

.nav__list-item.active-nav a {
    color: #fff
}

.nav__list-item.active-nav a:after {
    height: 100%;
    opacity: 1;
    top: 0
}

body.nav-active .nav__content {
    visibility: visible
}

body.nav-active .menu-icon__line {
    background-color: #fff;
    -webkit-transform: translate(0, 0) rotate(-45deg);
    transform: translate(-4px, 1px) rotate(-45deg);
    width: 30px
}

body.nav-active .menu-icon__line-left {
    width: 30px;
    -webkit-transform: translate(2px, 4px) rotate(45deg);
    transform: translate(2px, 4px) rotate(45deg);
    transform: translate(-4px, 10px) rotate(45deg)
}
.tab-head .price-nav-tb {
    display: table;
    /* width: auto; */
    margin: auto;
    padding: 10px 30px;
    margin: 0px auto 50px;
}
body.nav-active .menu-icon__line-right {
    width: 15px;
    float: right;
    -webkit-transform: translate(-3px, -3.5px) rotate(45deg);
    transform: translate(-3px, -3.5px) rotate(45deg)
}

body.nav-active .menu-icon:hover .menu-icon__line-left, body.nav-active .menu-icon:hover .menu-icon__line-right {
    width: 30px
}

body.nav-active .nav:after, body.nav-active .nav:before {
    width: 220px;
    height: 100vh;
    border-radius: 0;
    right: 0;
    top: 0;
}

body.nav-active .nav:after {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

body.nav-active .nav:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

body.nav-active .nav__list-item {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, color .3s ease;
    transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease
}

body.nav-active .nav__list-item:nth-child(0) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

body.nav-active .nav__list-item:nth-child(1) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

body.nav-active .nav__list-item:nth-child(2) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

body.nav-active .nav__list-item:nth-child(3) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

body.nav-active .nav__list-item:nth-child(4) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

body.nav-active .nav__list-item:nth-child(5) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

body.nav-active .nav__list-item:nth-child(6) {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

body.nav-active .nav__list-item:nth-child(7) {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

body.nav-active .nav__list-item:nth-child(8) {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

body.nav-active .nav__list-item:nth-child(9) {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

body.nav-active .nav__list-item:nth-child(10) {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s
}
.mobile-nav{
    display: none;
}
.navbar-brand img {
    width: 200px;
}
.home-banner .outline-txt {
    font-size: 8.1vw;
    top: auto;
    bottom: -70px;
    -webkit-text-stroke: 1px rgb(255 255 255 / 0%);
    -webkit-text-fill-color: #2f4073;
    color: rgb(255 255 255 / 0%);
}
/*mobile-nav*/
.mobile-nav{
    display: none;
}
.navbar-brand img {
    width: 200px;
}









.navlink-drop:hover ul.dropdown-menu {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.navlink-drop ul.dropdown-menu {
    display: block;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    transition: all .5s ease-in-out;
    background: #ffffff70;
    /* backdrop-filter: blur(30px); */
    -webkit-backdrop-filter: blur(30px) brightness(85%);
    backdrop-filter: blur(0px) brightness(90%);
    background: hsl(187.5deg 21.92% 71.37%);
}
.navlink-drop ul.dropdown-menu li a {
    color: #000;
    border-right: 0;
}
.navlink-drop ul.dropdown-menu li {
    padding: 5px 0;
    transition: all .8s ease-in-out;
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}

.navlink-drop ul.dropdown-menu li:hover {
    background: linear-gradient(134deg, #017B89 25%, #017B89 92%);
    color: #fff;
}

.navlink-drop ul.dropdown-menu li:hover a {
    color: #fff;
}

.navlink-drop:hover ul.dropdown-menu li {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}







/* main-banner */
.main-banner{
   
    padding: 150px 0 70px;
    height: 900px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.main-banner video {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    object-fit: cover;
    z-index: -1;
    opacity: .23;
    height: 100%;
    width: 100%;
}

.main-banner:before {
    content: '';
    background:url(../images/banner-img-st.webp);
    background-position: center;
    background-size: cover;
    background-repeat:no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.main-banner:after {
    content: '';
    background: linear-gradient(0deg, #ffffff 25%, #ffffff00 92%);
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 285px;
    z-index: -1;
}

.main-bnr-logo-ul ul {
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 130px 0 0 0;
}

.main-bnr-logo-ul ul img {
    width: 70%;
    margin: 0 auto;
    display: table;
}

.bnr-txt {
    text-align: center;
}

.bnr-txt h1 {
    font-size: 60px;
    font-weight: bold;
    line-height: 75px;
}
.bnr-txt h2.cust {
    font-size: 60px;
    font-weight: bold;
    line-height: 75px;
}

.bnr-txt p {
    font-size: 16px;
    font-weight: 400;
    width: 50%;
    margin: 0 auto;
    padding: 25px 0;
}

.main-banner .bnr-btn {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 20px;
}

.get-btn {
    padding: 15px 40px;
    background: #fff;
    border: 1px solid #041C37;
    border-radius: 60px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #041C37;
}

.chat-btn {
    padding: 15px 40px;
    background: #017B89;
    border: 1px solid #041C37;
    border-radius: 60px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}

.social-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 5px;
}

.social-header a {
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 60%;
    background: #fff;
}

.social-header a i {
    color: #000;
}

nav.navbar.navbar-expand-lg {
    padding: 0;
}





.social-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 5px;
}

.social-header a {
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 60%;
    background: #fff;
    padding: 5px 5px;
}

.social-header a img{
    filter: invert(1);
}
.social-header a i {
    color: #000;
}

nav.navbar.navbar-expand-lg {
    padding: 0;
}

.about-side-img img {
    width: 95%;
    margin: 0 auto;
    display: table;
}

.hd-txt h2 {
    text-transform: capitalize;
    font-size: 48px;
    font-weight: bold;
    padding-bottom: 22px;
}
.cust_aft h2 {
    font-size: 48px;
}
.hd-txt p {
    font-size: 16px;
    line-height: 32px;
}

.hd-txt.about-txt h3 {
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 25px 0;
    color: #45B9C1;
}

.bnr-btn {
    display: flex;
    align-items: center;
    gap: 0 20px;
    margin-top: 35px;
}

.about-sec {
    padding: 20px 0 70px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.types-book-main-col .chat-btn {
    transform: scaleX(-1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    font-size: 14px;
    padding: 15px 20px;
}

.about-side-img {
    position: relative;
    z-index: 1;
}

.about-side-img:before {
    content: '';
    background: #051D38;
    width: 521px;
    height: 778px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    display: table;
    z-index: -1;
    border-radius: 272px;
    top: 0;
    bottom: 0;
}
.about-circle {
    content: '';
    background: linear-gradient(175deg, #ffffff 25%, #45B9C1 92%);
    width: 1046px;
    height: 1046px;
    position: absolute;
    left: -100px;
    right: auto;
    margin: 0;
    border-radius: 60%;
    z-index: -1;
    top: 80px;
    bottom: auto;
}

.about-sec .row {
    align-items: center;
    position: relative;
}

.rating-list ul {
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    gap: 60px 0;
}

.rating-list ul li {
    width: 50%;
    position: relative;
}

.cta-rating-sesc {
    padding: 70px 0;
    background: #051D38;
}

.rating-bx h2 {
    color: #fff;
    text-shadow: -2px 0 1px #4CBBC3, 0 2px 1px #4CBBC3, 2px 0 1px #4CBBC3, 0 -2px 1px #4CBBC3;
    color: #051d38;
    font-size: 40px;
    font-weight: bold;
}

.rating-bx p {
    color: #fff;
}

.rating-bx h2 span {
    font-size: 40px;
    font-weight: bold;
    text-shadow: -2px 0 1px #4CBBC3, 0 2px 1px #4CBBC3, 2px 0 1px #4CBBC3, 0 -2px 1px #4CBBC3;
    color: #051d38;
    margin-right: 8px;
}

.rating-bx p {
    font-size: 18px;
    font-weight: bold;
}

.rating-bx:before {
    content: '';
    background: red;
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    margin: auto;
    width: 107px;
    height: 107px;
    background: #0C335E;
    margin: auto;
    border-radius: 60%;
    z-index: -1;
}

.rating-bx {
    position: relative;
    z-index: 1;
}
.publishing_cta{
    margin: -80px 0 0 0 !important;
}
.same_line_btn p {
    min-height: 244px;
    /* max-height: 244px; */
  }
.cta-txt h2 {
    text-transform: capitalize;
    font-size: 44px;
    font-weight: bold;
    padding-bottom: 15px;
    color: #fff;
}

.cta-txt p {
    color: #fff;
}
.cta-rating-sesc .row {
    align-items: center;
}








/* books-types */
.book {
    position: relative;
    width: 160px;
    height: 220px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    left: 0;
    transition: all .5s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

.types-book-main-col 
figure.book:hover {
   left: 110px;
}
  
  /*
      2. background & color
  */

  /* HARDCOVER FRONT */
  .hardcover_front li:first-child {
    background-color: #eee;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .col-sm-12.types-book-main-col li:hover {
    position: relative;
    z-index: 2;
    background: #fff;
}
  /* reverse */
  .hardcover_front li:last-child {
    background: #fffbec;
  }
  
  /* HARDCOVER BACK */
  .hardcover_back li:first-child {
    background: #fffbec;
  }
  
  /* reverse */
  .hardcover_back li:last-child {
    background: #fffbec;
  }
  
  .book_spine li:first-child {
    background: #eee;
  }
  
  .book_spine li:last-child {
    background: #333;
  }
  
  /* thickness of cover */
  .hardcover_front li:first-child:after,
  .hardcover_front li:first-child:before,
  .hardcover_front li:last-child:after,
  .hardcover_front li:last-child:before,
  .hardcover_back li:first-child:after,
  .hardcover_back li:first-child:before,
  .hardcover_back li:last-child:after,
  .hardcover_back li:last-child:before,
  .book_spine li:first-child:after,
  .book_spine li:first-child:before,
  .book_spine li:last-child:after,
  .book_spine li:last-child:before {
    background: #999;
  }
  
  /* page */
  .page > li {
    background: -webkit-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
    background: -moz-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
    background: -ms-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
    background: linear-gradient(to right, #e1ddd8 0%, #fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50, 50, 50, 0.1), inset -1px 0px 1px rgba(150, 150, 150, 0.2);
    border-radius: 0px 5px 5px 0px;
  }
  
  /*
      3. opening cover, back cover and pages
  */
  .hardcover_front {
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
  }
  
  .hardcover_back {
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
  }
  
  .page li:nth-child(1) {
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
  }
  
  .page li:nth-child(2) {
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
  }
  
  .page li:nth-child(3) {
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
  }
  
  .page li:nth-child(4) {
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
  }
  
  .page li:nth-child(5) {
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
  }
  
  /*
      4. position, transform & transition
  */
  .hardcover_front,
  .hardcover_back,
  .book_spine,
  .hardcover_front li,
  .hardcover_back li,
  .book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  
  .hardcover_front,
  .hardcover_back {
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
  
  .hardcover_front {
    -webkit-transition: all 0.8s ease, z-index 0.6s;
    -moz-transition: all 0.8s ease, z-index 0.6s;
    transition: all 0.8s ease, z-index 0.6s;
  }
  
  /* HARDCOVER front */
  .hardcover_front li:first-child {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
  }
  
  .hardcover_front li:last-child {
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
  }
  
  /* HARDCOVER back */
  .hardcover_back li:first-child {
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
  }
  
  .hardcover_back li:last-child {
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
  }
  
  /* thickness of cover */
  .hardcover_front li:first-child:after,
  .hardcover_front li:first-child:before,
  .hardcover_front li:last-child:after,
  .hardcover_front li:last-child:before,
  .hardcover_back li:first-child:after,
  .hardcover_back li:first-child:before,
  .hardcover_back li:last-child:after,
  .hardcover_back li:last-child:before,
  .book_spine li:first-child:after,
  .book_spine li:first-child:before,
  .book_spine li:last-child:after,
  .book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
  }
  
  /* HARDCOVER front */
  .hardcover_front li:first-child:after,
  .hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
  }
  
  .hardcover_front li:first-child:after {
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
  }
  
  .hardcover_front li:first-child:before {
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
  }
  
  .hardcover_front li:last-child:after,
  .hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
  }
  
  .hardcover_front li:last-child:after {
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
  }
  
  .hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
  }
  
  /* thickness of cover */
  .hardcover_back li:first-child:after,
  .hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
  }
  
  .hardcover_back li:first-child:after {
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
  }
  
  .hardcover_back li:first-child:before {
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
  }
  
  .hardcover_back li:last-child:after,
  .hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
  }
  
  .hardcover_back li:last-child:after {
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
  }
  
  .hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
  }
  
  /* BOOK SPINE */
  .book_spine {
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
  }
  
  .book_spine li:first-child {
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
  }
  
  .book_spine li:last-child {
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
  }
  
  /* thickness of book spine */
  .book_spine li:first-child:after,
  .book_spine li:first-child:before {
    width: 4px;
    height: 100%;
  }
  
  .book_spine li:first-child:after {
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
  }
  
  .book_spine li:first-child:before {
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
  }
  
  .book_spine li:last-child:after,
  .book_spine li:last-child:before {
    width: 4px;
    height: 16px;
  }
  
  .book_spine li:last-child:after {
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
  }
  
  .book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
  }
  
  .page,
  .page > li {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  
  .page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
  }
  
  .page > li {
    width: 100%;
    height: 100%;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
  }
  
  .page > li:nth-child(1) {
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
  }
  
  .page > li:nth-child(2) {
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
  }
  
  .page > li:nth-child(3) {
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
  }
  
  .page > li:nth-child(4) {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }
  
  .page > li:nth-child(5) {
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
  }
  
  /*
      5. events
  */
  .book:hover > .hardcover_front {
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
  }
  
  .book:hover > .page li:nth-child(1) {
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
  }
  
  .book:hover > .page li:nth-child(2) {
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
  }
  
  .book:hover > .page li:nth-child(3) {
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
  }
  
  .book:hover > .page li:nth-child(4) {
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
  }
  
  .book:hover > .page li:nth-child(5) {
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
  }
  
  /*
      6. Bonus
  */
  /* cover CSS */
  .coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);
    background-image: -moz-linear-gradient(-135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);
    background-image: linear-gradient(-135deg, rgba(255, 255, 255, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  
  .coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
  }
  
  .coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
  }
  
  .yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top, #f1c40f 58%, #e7ba07 0%);
    background-image: -moz-linear-gradient(top, #f1c40f 58%, #e7ba07 0%);
    background-image: linear-gradient(to bottom, #f1c40f 58%, #e7ba07 0%);
  }
  
  .blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db 58%, #2a90d4 0%);
    background-image: -moz-linear-gradient(top, #3498db 58%, #2a90d4 0%);
    background-image: linear-gradient(to bottom, #3498db 58%, #2a90d4 0%);
  }
  
  .grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top, #f8e9d1 58%, #e7d5b7 0%);
    background-image: -moz-linear-gradient(top, #f8e9d1 58%, #e7d5b7 0%);
    background-image: linear-gradient(to bottom, #f8e9d1 58%, #e7d5b7 0%);
  }
  
  /* Basic ribbon */
  .ribbon {
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
  }
  .ribbon.new {
    background: #63c930;
  }
  .ribbon.new:before, .ribbon.new:after {
    border-bottom: 20px solid #63c930;
  }
  figure.book li {
    list-style: none;
}
  .ribbon.bestseller {
    background: #c0392b;
  }
  .ribbon.bestseller:before, .ribbon.bestseller:after {
    border-bottom: 20px solid #c0392b;
  }
  
  .ribbon::before,
  .ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
  }
  
  .ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
  }
  
  .ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
  }
  
  /* figcaption */
  figcaption {
    background: #fff;
    padding-left: 40px;
    text-align: left;
    position: absolute;
    top: 0%;
    left: 160px;
    width: 310px;
  }
  
  figcaption h1 {
    margin: 0;
  }
  
  figcaption span {
    color: #16a085;
    padding: 0.6em 0 1em 0;
    display: block;
  }
  
  figcaption p {
    color: #63707d;
    line-height: 1.3;
  }
  
  /* Media Queries */
  @media screen and (max-width: 37.8125em) {
    .align > li {
      width: 100%;
      min-height: 440px;
      height: auto;
      padding: 0;
      margin: 0 0 30px 0;
    }
  
    .book {
      margin: 0 auto;
    }
  
    figcaption {
      text-align: center;
      width: 320px;
      top: 250px;
      padding-left: 0;
      left: -80px;
      font-size: 90%;
    }
  }
  
  .types-book-main-col ul .get-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    font-size: 14px;
    padding: 15px 20px;
}

.types-book-main-col ul .page > li:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: center;
}



.types-book-main-col ul .page > li:nth-child(3) {
    display: flex;
    align-items: center;
    justify-content: center;
}
  
/* books-types */



.cta-rating-sesc .row {
    align-items: center;
}

section.types-books-sec .hd-txt {
    text-align: center;
    padding-bottom: 40px;
}

section.types-books-sec .hd-txt p {
    width: 60%;
    margin: 0 auto;
}

.types-books-sec {
    padding: 70px 0;
}

.types-book-main-col .slick-list {
    padding: 40px 0 40px 40px;
}

.types-book-main-col ul {
    padding: 0;
    margin: 0;
}


figcaption h3 {
    font-size: 42px;
    font-weight: bold;
    padding-bottom: 15px;
}



.types-book-main-col .slick-dots {
    position: absolute;
    bottom: -50px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.types-book-main-col .slick-dots li.slick-active button {
    background-color: #008efd;
}

.types-book-main-col .slick-dots li button:before {
    font-size: 0px;
    line-height: 0px;
}

.types-book-main-col .slick-dots li button {
    background-color: #e5e5e5;
    border-radius: 50px;
    width: 10px;
    height: 10px;
}


.portfolio-main-pg-sec {
    padding: 70px 0;
    text-align: center;
}

.portfolio-main-pg-sec .hd-txt {
    padding-bottom: 40px;
}

.portfolio-main-pg-sec .hd-txt p {
    width: 70%;
    margin: 0 auto;
}


.portfolio-main-pg-sec {
    padding: 70px 0 30px;
    text-align: center;
    background: #45B9C1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 845px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.portfolio-main-pg-sec video {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    object-fit: cover;
    z-index: -1;
    opacity: .23;
    height: 100%;
    width: 100%;
}
.portfolio-main-pg-sec .hd-txt {
    padding-bottom: 40px;
}

.portfolio-main-pg-sec .hd-txt h2 {
    color: #fff;
}
.portfolio-main-pg-sec .hd-txt p {
    width: 70%;
    margin: 0 auto;
    color: #fff;
}

.portfolio-main-pg-sec .nav-tabs {
    margin: 0 0 30px 0 !important;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 20px;
    border: 0;
}

.portfolio-main-pg-sec .nav-tabs li.nav-item button {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 38px;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
}

.portfolio-main-pg-sec .nav-tabs li.nav-item button.active, .portfolio-main-pg-sec .nav-tabs li.nav-item button:hover {
    background: #017B89;
    border-color: #041C37;
}
.port-bx img {
    margin: 0 auto;
}


.portfolio-main-pg-sec .nav-tabs li.nav-item button.active {
    background: #017B89;
    border-color: #041C37;
}

.port-bx img {
    margin: 0 auto;
    width: 75%;
}

.port-bx {
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.port-bx .port-bx-img-st {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    transition: all .5s ease-in-out;
}

.port-bx:hover .port-bx-img-st {
    transform: rotate(-12deg);
    left: -50px;
}
.portfolio-main-pg-sec .slick-list {
    padding: 50px 20px 50px;
}



.about-more-box {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

.about-more-side-img img {
    width: 100%;
}

.about-more-sec .slick-list {
    width: 140%;
}

.about-more-box .hd-txt {
    padding: 0 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.about-more-sec .slick-slider {
    padding: 0;
}


.about-more-sec .slick-dots {
    position: absolute;
    bottom: -50px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.about-more-sec .slick-dots li.slick-active button {
    background-color: #017B89;
}

.about-more-sec .slick-dots li button:before {
    font-size: 0px;
    line-height: 0px;
}

.about-more-sec .slick-dots li button {
    background-color: #000;
    border-radius: 50px;
    width: 10px;
    height: 10px;
}

.about-more-sec {
    padding: 60px 0 20px;
    overflow: hidden;
}



.about-more-sec .slick-prev:before {
    content: "\f060";
    font: normal normal normal 14px/1 FontAwesome;
    color: #000;
    font-size: 22px;
    font-weight: bold;
}
.about-more-sec .slick-prev {
    background: #fff !important;
    z-index: 1;
    left: 32%;
    width: 40px;
    height: 40px;
    border-radius: 60%;
}

.about-more-sec .slick-next {
    z-index: 1;
    right: 27%;
    width: 40px;
    height: 40px;
    border-radius: 60%;
    background: #fff !important;
}
.about-more-sec .slick-next:before {
    content: "\f061";
    font: normal normal normal 14px/1 FontAwesome;
    color: #000;
    font-size: 22px;
    font-weight: bold;
}

.about-more-box .hd-txt h2 {
    color: #45B9C1;
}

.about-more-box:before {
    content: '';
    position: absolute;
    content: '';
    background: linear-gradient(209deg, #ffffff 25%, #45B9C1 92%);
    width: 500px;
    height: 500px;
    position: absolute;
    left: 560px;
    right: auto;
    margin: 0;
    border-radius: 60%;
    z-index: -1;
    top: 12px;
    bottom: auto;
}

/* section.about-more-sec .row {
    position: relative;
} */


.process-sec {
    padding: 60px 0 150px;
}

.process-sec .hd-txt {
    text-align: center;
    padding-bottom: 50px;
    text-transform: capitalize;
}

.process-list ul {
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    gap: 0 60px;
    text-align: center;
}
.process-list li {
    position: relative;
}

.process-img-st-shadow {
    position: absolute;
    left: -121px;
    right: 0;
    margin: auto;
    display: table;
    width: auto;
}
.process-box {
    background: #F4F4F4;
    border-radius: 20px;
    padding: 20px 15px;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.process-box h4 {
    font-size: 18px;
    font-weight: bold;
    color: #017B89;
    padding: 10px 0;
}

.process-box p {
    font-size: 14px;
    font-weight: 400;
}

.process-box img {
    width: 100%;
    transition: all .5s ease-in-out;
}


.process-box .process-pin {
    position: absolute;
    width: auto;
    top: -20px;
    left: 40px;
    z-index: 2;
}

.process-box span {
    position: absolute;
    top: 45px;
    right: 50px;
    font-size: 50px;
    font-weight: bold;
    color: #fff;
    z-index: 2;
}


img.process-img-st {
    margin-top: -20px;
    transition: all .5s ease-in-out;
}




.cta-sec {
    background: #051D38;
    height: 494px;
    margin-bottom: 90px;
    padding-top: 60px;
    z-index: 2;
    position: relative;
}

.cta-sec .cta-img-st {
    width: auto;
    position: absolute;
    bottom: -29px;
}

.cta-sec .row {
    position: relative;
    z-index: 1;
}

.cta-txt.hd-txt {
    text-align: center;
    position: relative;
}

.cta-award ul {
    padding: 0;
    margin: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 40px;
    gap: 0 30px;
}

.cta-txt.hd-txt .bnr-btn {
    justify-content: center;
}

.cta-arrow-img-st {
    position: absolute;
    left: 280px;
    bottom: 140px;
}

.cta-sec .cta-txt.hd-txt p {
    width: 55%;
    margin: 0 auto;
}

.cta-img-st-1 {
    left: -250px;
}

.cta-img-st-2 {
    left: 0;
}

.cta-img-st-3 {
    right: 0;
}

.cta-img-st-4 {
    right: -250px;
}

.cta-award ul li {
    width: 137px;
    height: 137px;
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 60%;
    background: #fff;
}

.cta-award ul li img {
    padding: 0 10px;
}

.cta-sec .cta-img-st:before {
    content: '';
    background: #45B9C1;
    position: absolute;
    left: 5px;
    top: 8px;
    bottom: 0;
    width: 209px;
    height: 316px;
    z-index: -1;
}



.cta-img-st-bx {
    position: absolute;
}

.cta-img-st-bx:before {
    content: '';
    background: red;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 316px;
}

.why-testi-sec {padding: 100px 0 70px;position: relative;z-index: 1;}
.why-testi-sec:before {content: ''; background: url(../images/why-testi-bg.webp); background-size: cover;background-repeat: no-repeat;background-position: center; position: absolute; left: 0;right: 0;top: -180px; bottom: 0; margin: auto; height: 100%; width: 100%;z-index: -2;}

.why-list ul {
    padding: 0;
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px 0;
}

.why-list ul li .why-txt-box .why-img-bx {display: table;width: 107px;height: 107px;background: linear-gradient(176deg, #017B89 20%, #80808000 90%);border-radius: 60%;display: flex;align-items: center;justify-content: center;}

.why-txt-box {
    display: flex;
    align-items: center;
}

.why-txt-inr {
    width: 80%;
    margin-left: 30px;
}

.why-txt-inr h2 {
    font-size: 36px;
    font-weight: bold;
    color: #017B89;
    padding-bottom: 15px;
}

.why-txt-inr p {
    color: #051D38;
    font-size: 16px;
}

.why-col .hd-txt {
    padding-bottom: 30px;
}

.testi-col .hd-txt h2 {
    padding-bottom: 20px;
}

.testi-col .slick-slider {
    padding-top: 30px;
}

.testi-box p {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    width: 90%;
}

.testi-box h4 {
    font-size: 19px;
    font-weight: bold;
    color: #017B89;
    padding: 18px 0 5px;
}

.testi-box h6 {
    font-size: 12px;
    color: #051D38;
}

.why-col {padding-left: 20px;}

.testi-box img {
    padding-bottom: 10px;
}










.why-testi-sec .slick-prev:before {
    content: "\f060";
    font: normal normal normal 14px/1 FontAwesome;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    opacity: 1;
}
.why-testi-sec .slick-prev {
    background: #017B89;
    color: #fff;
    z-index: 1;
    right: 20%;
    width: 40px;
    height: 40px;
    border-radius: 60%;
    left: inherit;
    bottom: 0;
    top: auto;
}
.why-testi-sec .slick-next:before {
    content: "\f061";
    font: normal normal normal 14px/1 FontAwesome;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    opacity: 1;
}
.why-testi-sec .slick-next {
    z-index: 1;
    right: 10%;
    width: 40px;
    height: 40px;
    border-radius: 60%;
    background: #017B89;
    top: auto;
    bottom: 0;
}
.afte_alt .faq-sec{
  display: none;
}
.faq-sec {
    padding: 0px 0 70px;
    background:url(../images/faq-bg.webp);
    background-size: cover;
    background-repeat: no-repeat ;
    background-position: center ;
}

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

.faq-sec .hd-txt p {
    width: 70%;
    margin: 0 auto;
}

.faq-sec button.accordion-button {
    background: transparent;
    padding-left: 2px;
    border: 0;
    box-shadow: none;
    font-size: 30px;
    font-weight: bold;
    color: #051D38;
    position: relative;
    z-index: 1;
}

.faq-sec .accordion-header {
    border: 0;
}

.faq-sec .accordion-item {
    border: 0;
    border-bottom: 1px solid #051D38;
    border-radius: 0;
    background: transparent;
}

.accordion-body {
    font-size: 16px;
    color: #051D38;
    line-height: 32px;
    padding-top: 0;
    padding-left: 2px;
}

.accordion-button::before {
    background: #45B9C1;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 60%;
    content: '';
    position: absolute;
    right: 12px;
    z-index: -1;
    top: 16px;
}

.accordion-button::after {
    /* font-size: 24px; */
    filter: invert(1) brightness(100);
    opacity: 1 !important;
}

.ftr-col p {
    color: #fff;
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 15px;
}

.ftr-col h5 {
    color: #fff;
}

.ftr-col h5 {
    line-height: 31px;
    font-size: 18px;
    padding: 15px 0;
}

.ftr-col.ftr-col-1 ul {
    padding: 18px 0;
    display: flex;
    align-items: center;
    list-style: none;
    gap: 0 0px;
}

/* .ftr-col-2 {
    display: flex;
} */

.ftr-col h4 {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    padding-bottom: 22px;
}

.ftr-col li {
    color: #fff;
    list-style: none;
}

.ftr-col li a {
    color: #fff;
    text-decoration: none;
    line-height: 34px;
}
.ftr-col li a img {
    width: 50%;
}

.ftr-col-4 {
    position: absolute;
    bottom: 0px;
    right: 20px;
}

.ftr-col {
    width: 25%;
}
.ftr-col-1.ftr-col {
    width: 50%;
}

.ftr-col ul {
    padding: 0;
}

/* .ftr-col-2 ul:last-child {
    padding-top: 59px;
} */

img.payment-img-st {
    width: 100%;
}










.btn-11:after,
.btn-11:before {
  z-index: -1;
}
a,
.btn-11:after,
.btn-11:before{
  transition: all 0.5s;
}

@-webkit-keyframes criss-cross-left {
    0% {
      left: -20px;
    }
    50% {
      left: 50%;
      width: 20px;
      height: 20px;
    }
    100% {
      left: 50%;
      width: 375px;
      height: 375px;
    }
  }
  
  @keyframes criss-cross-left {
    0% {
      left: -20px;
    }
    50% {
      left: 50%;
      width: 20px;
      height: 20px;
    }
    100% {
      left: 50%;
      width: 375px;
      height: 375px;
    }
  }
  @-webkit-keyframes criss-cross-right {
    0% {
      right: -20px;
    }
    50% {
      right: 50%;
      width: 20px;
      height: 20px;
    }
    100% {
      right: 50%;
      width: 375px;
      height: 375px;
    }
  }
  @keyframes criss-cross-right {
    0% {
      right: -20px;
    }
    50% {
      right: 50%;
      width: 20px;
      height: 20px;
    }
    100% {
      right: 50%;
      width: 375px;
      height: 375px;
    }
  }

.btn-11 {
    position: relative;
    color: #017B89;
    border: 1px solid #017B89;
    transition: color 0.3s ease 0.2s;
    overflow: hidden;
    z-index: 1;
  }
  .btn-11:hover {
    color: #fff;
  }
  .btn-11:before, .btn-11:after {
    position: absolute;
    top: 50%;
    content: '';
    width: 20px;
    height: 20px;
    background: #017B89;
    border-radius: 50%;
  }
  .btn-11:before {
    left: -20px;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .btn-11:after {
    right: -20px;
    -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
  }
  .btn-11:hover:before {
    -webkit-animation: criss-cross-left 0.8s both;
            animation: criss-cross-left 0.8s both;
  }
  .btn-11:hover:after {
    -webkit-animation: criss-cross-right 0.8s both;
            animation: criss-cross-right 0.8s both;
  }



  .btn-11.btn-12 {
    position: relative;
    color: #fff;
    border: 1px solid #017B89;
    background-color: #017b89;
    transition: color 0.3s ease 0.2s;
    overflow: hidden;
    z-index: 1;
  }
  .btn-11.btn-12:hover {
    color: #017B89;
  }
  .btn-11.btn-12:before, .btn-11.btn-12:after {
    position: absolute;
    top: 50%;
    content: '';
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
  }

/* inner-pages */



  .inner-banner-sec {
    padding: 150px 0 70px;
    height: 900px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.inner-bnr-txt .bnr-btn {justify-content: center;}

.inner-bnr-txt h2 {
    font-size: 60px;
    font-weight: bold;
}



.ghoswriting-bnr-sec{
    background: url(../images/ghostwriting/banner-img.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.inner-banner-sec:before {
    content: '';
    background:url(../images/banner-img-st.webp);
    background-position: center;
    background-size: cover;
    background-repeat:no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.inner-banner-sec:after {
    content: '';
    background: linear-gradient(0deg, #ffffff 25%, #ffffff00 92%);
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 285px;
    z-index: -1;
}
.main-services-page-st .inr-story-box {
    overflow-x: unset;
}

.ghostwritng-bnr-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    width: 100%;
}

.about-inner-sec {
    overflow: hidden;
    padding: 50px 0;
}

.about-inner-sec .row {
    position: relative;
    align-items: center;
}

.about-inner-sec .about-circle {
    right: 10px;
    left: auto;
    top: -30px;
}

.inner-about-side-img {
    position: relative;
}

.inner-about-side-img:before {
    content: '';
    background: transparent;
    position: absolute;
    top: -40px;
    left: -50px;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 521px;
    height: 626px;
    border: 3px solid #000;
    border-radius: 24px;
    z-index: -1;
}

.inner-about-side-img img {
    margin: 0 auto;
    display: table;
}




.inner-story-sec {
    padding: 70px 0;
    height: 623px;
    margin-bottom: 180px;
    
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.ghost-story-sec{
    background: url(../images/ghostwriting/story-bg.webp);
}
.inner-story-sec .hd-txt {
    text-align: center;
    padding-bottom: 50px;
}

.inner-story-main-col {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.inr-story-box p {
    font-size: 15px;
    font-weight: 400;
    width: 90%;
    margin: 0 auto;
    color: #fff;
}

.inr-story-box h3 {
    font-size: 26px;
    font-weight: bold;
    padding: 10px 0;
    color: #fff;
}

.inr-story-box {
    background: #183F6B;
    border-radius: 170px;
    padding: 20px 30px;
    height: 460px;
    width: 340px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: all .5s ease-in-out;
    overflow-x: hidden;
}
.inr-story-box:hover {
    background: #45B9C1;
}

.inner-story-sec .hd-txt h2, .inner-story-sec .hd-txt p {
    color: #fff;
}

.inner-story-sec .hd-txt h4 {
    margin: 0 0 12px 0; 
    color: #45B9C1;
    font-size: 20px;
    font-weight: bold;
}



.ghost-genre-div ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    gap: 50px 0;
}

.ghost-genre-div ul li {
    width: 33.33%;
}

.ghost-genre-box h4 {
    font-size: 20px;
    font-weight: bold;
}

.ghost-genre-box img {
    width: 80px;
    margin-bottom: 8px;
}


.ghost-genre-div ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    gap: 50px 0;
    margin: 0;
}


.ghost-genre-div ul li {
    width: 33.33%;
}

.ghost-genre-box h4 {
    font-size: 20px;
    font-weight: bold;
}

.ghost-genre-box img {
    width: 80px;
    margin-bottom: 8px;
}

.genre-sec-side-box h3 {
    text-transform: capitalize;
    font-size: 34px;
    font-weight: bold;
    padding-bottom: 18px;
    color: #45B9C1;
}

.genre-sec-side-box .bnr-btn {
    flex-wrap: wrap;
    /* flex-direction: column; */
    align-items: flex-start;
    gap: 20px 0;
}

.genre-sec-side-box .bnr-btn a {
    width: 100%;
    text-align: center;
}

.genre-sec-side-box {
    text-align: center;
    height: 100%;
    background: url(../images/ghostwriting/genre-side-img.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 33px;
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 90%;
    margin: 0 auto;
}
.genre-sec-side-box p {
    color: #fff;
    font-size: 16px;
}

.ghost-genre-div {
    height: 100%;
    margin-top: 50px;
}

.inner-genre-sec {
    padding: 70px 0;
}
.cta-inner-side-img-bx img {
    width: 110%;
}

.cta-sec-inner.ghost-cta-sec {
    background: url(../images/ghostwriting/cta-inner-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
    position: relative;
    z-index: 1;
    height: 460px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cta-sec-inner .row {
    position: relative;
    align-items: center;
}

.cta-side-img-shde {
    position: absolute;
    width: 455px;
    height: 459px;
    top: -80px;
    bottom: 0;
    margin: auto;
    left: -70px;
    z-index: -1;
}

.cta-txt.inner-cta-txt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 70px;
}
.cta-txt.inner-cta-txt .bnr-btn .chat-btn {
    background: #000;
}

.cta-inner-side-img-bx {
    position: relative;
    top: -40px;
}
.cta-sec-inner .row {
    position: relative;
    align-items: center;
}

.cta-side-img-shde {
    position: absolute;
    width: 459px;
    height: 459px;
    top: -79px;
    bottom: 0;
    margin: auto;
    left: -70px;
    z-index: -1;
}

.cta-txt.inner-cta-txt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 70px;
}


.cta-txt.inner-cta-txt .bnr-btn .chat-btn {
    background: #017b89;
  color: #fff;
  border: 2px solid #fff;
    /* background: #000; */
}

.inner-portfolio-sec {
    padding: 70px 0;
}

.inner-portfolio-sec .hd-txt {
    padding-bottom: 40px;
}

.inner-portfolio-sec .slick-list {
    padding: 50px 20px 20px;
}
.inner-portfolio-sec .hd-txt {
    padding-bottom: 40px;
    text-align: center;
    width: 70%;
    margin: 0 auto;
}


.about-sec-inner {
    position: relative;
    z-index: 1;
    padding: 70px 0;
}
.about-sec-inner .row {
    position: relative;
    z-index: 1;
}


.about-sec-inner {
    position: relative;
    z-index: 1;
    padding: 70px 0;
}


.about-sec-inner {
    position: relative;
    z-index: 1;
    padding: 70px 0 70px;
}

.publishing-about-img {
    position: absolute;
    top: -30px;
    right: -360px;
    width: 885px;
    bottom: 0;
    height: 108%;
}

.about-sec-inner .row {
    align-items: center;
}



.services-pub-sec {
    padding: 70px 0;
    text-align: center;
    background: #051D38;
}
.service-box-pub {
   
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    padding: 30px 40px;
    border-radius: 22px;
    margin: 20px 20px;
    border: 1px solid #45b9c1;
    backdrop-filter: blur(576px) brightness(66%);
    background-color: #ffffff1c;
    position: relative;
    overflow: hidden;
    transition: all .5s ease-in-out;
}

.service-box-pub h3 {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    padding: 0;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    transform: translateX;
}
.service-box-pub p {
    height: 210px;
}
.service-box-pub p{
    font-size:16px;
    color: #fff;
    min-height: 200px;
}
.service-box-pub img {
    margin: 0 auto;
}

.services-pub-sec .hd-txt h2 {
    font-size: 44px;
    color: #fff;
    padding-bottom: 40px;
}

.serv-pub-blck-hole {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    z-index: -1;
    opacity: 0.8;
    transition: all .5s ease-in-out;
}

.serv-pub-blck-clr{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    z-index: -1;
    opacity:0;
    transition: all .5s ease-in-out;
}

.service-box-pub:hover .serv-pub-blck-clr {
    opacity: 0.8;
}

.service-box-pub:hover .serv-pub-blck-hole {
    opacity: 0;
}
.podcast-sec {
    padding: 70px 0;
}

.podcast-sec .hd-txt {
    text-align: center;
    padding-bottom: 40px;
}

.podcast-box .react_lightgallery_item img {
    width: 100%;
    margin: 0 auto;
    display: table;
    
}
.podcast-box {
    cursor: pointer;
}
.podcast-box-play {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    background: rgb(5 29 56 / 53%);
    border-radius: 22px;
    transform: scaleX(0);
    transition: all .5s ease-in-out;
}

.podcast-box .react_lightgallery_item {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.podcast-box-play i {
    color: #fff;
    font-size: 66px;
    transform: scaleY(0);
    transition: all .7s ease-in-out;
}

.podcast-box:hover .podcast-box-play i {
    transform: scaleY(1);
}
.podcast-box:hover .podcast-box-play {
    transform: scale(1);
}

.pod-inr-box {
    background-color: #051D38;
    padding: 30px 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: all .5s ease-in-out;
    cursor: pointer;
}

.pod-inr-box h2 {
    font-size: 53px;
    font-weight: bold;
    color: #45B9C1;
}


.podcast-inner-sec {
    padding: 40px 0;
}

.podcast-sec {position: relative;z-index: 2;}
.pod-inr-box p {
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    padding-top: 20px;
}

.pod-inr-box-1:hover{
    background-image:url(../images/publishing/inner-img-1.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.pod-inr-box-2:hover{
    background-image:url(../images/publishing/inner-img-2.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.combine-circle .row {
    position: relative;
}
.combine-circle .about-circle {
    right: -600px;
    left: auto;
    top: 300px;
    bottom: 0;
    margin: auto;
    transform: rotate(59deg);
}




.inner-about-side-img.designing-inr-about-side:before {
    display: none;
}
section.cta-sec-inner.ghost-cta-sec.designing-cta-img {
    height: 420px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

.designing-cta-img .cta-side-img-shde {
    top: 0;
}

.designing-cta-img .cta-inner-side-img-bx {
    top: 0;
}

.designing-cta-img .cta-inner-side-img-bx img {
    width: 120%;
    position: relative;
    left: -40px;
}

section.cta-sec-inner.ghost-cta-sec.designing-cta-img {
    height: 420px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

.designing-portfolio .port-bx img {
    width: 82%;
}

.designing-cta-img .cta-side-img-shde {
    top: 0;
}

.designing-cta-img .cta-inner-side-img-bx {
    top: 0;
}

.designing-cta-img .cta-inner-side-img-bx img {
    width: 120%;
    position: relative;
    left: -40px;
}

section.cta-sec-inner.ghost-cta-sec.designing-cta-img {
    height: 420px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.designing-portfolio .port-bx img {
    width: 82%;
}


.inner-side-img-design img {
    width: 75%;
}

.inner-sec-designing {
    padding: 50px 0;
    background: url(../images/designing/inner-bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 700px;
    position: relative;
    z-index: 2;
}
.inner-sec-designing .hd-txt h2 {
    color: #fff;
}

.inner-sec-designing .hd-txt p {
    color: #fff;
}
.inner-sec-designing .row {
    align-items: center;
}
.inner-side-img-design {
    position: relative;
    z-index: 1;
}

.inner-side-img-design .circle-designing {
    width: 701px;
    height: 701px;
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 60%;
    background: linear-gradient(175deg, #ffffff00 45%, #45b9c1 92%);
    opacity: .66;
    z-index: -1;
    transform: rotate(40deg);
}
/* .inner-side-img-design img {
    width: 95%;
} */

.designing-portfolio .hd-txt {
    padding-bottom: 0;
}

.designing-portfolio .slick-dots {
    position: absolute;
    bottom: -50px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.designing-portfolio .slick-dots li.slick-active button {
    background-color: #017B89;
}

.designing-portfolio .slick-dots li button:before {
    font-size: 0px;
    line-height: 0px;
}

.designing-portfolio .slick-dots li button {
    background-color: #e5e5e5;
    border-radius: 50px;
    width: 10px;
    height: 10px;
}




/* .marketing-bnr-sec{
    padding: 70px 0;
    background: url(../images/marketing/banner-img.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 800px;
} */


section.inner-sec-marketing-2 .row {
    position: relative;
    align-items: center;
    z-index: 1;
}

section.inner-sec-marketing-2 .inr-mrkt-cicle {
    z-index: -2;
    top: -270px;
    width: 850px;
    height: 850px;
    left: -88px;
}

.inner-sec-marketing-2 {
    padding-bottom: 40px;
    padding-top: 40px;
}
.about-bnr-sec .about-pg-bnr-img {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: 2;
}

.about-bnr-sec:before, .about-bnr-sec:after {
    display: none;
}
.about-bnr-sec {
    align-items: flex-start;
}


.about-bnr-sec {
    align-items: flex-start;
    height: 760px;
    padding-top: 160px;
}

.about-main-icon-1 {
    width: auto;
    right: 150px;
    position: absolute;
    top: 0;
}

.about-main-icon-2 {
    width: auto;
    position: absolute;
    left: 150px;
    top: 0;
    z-index: -10;
}

.about-bnr-sec  .row {
    position: relative;
    z-index: 1;
}

span.about-main-circle {
    background: #051D38;
    position: absolute;
    left: 0;
    right: 0;
    top: -150px;
    margin: auto;
    width: 727px;
    height: 727px;
    border-radius: 60%;
    z-index: -9;
}

.about-bnr-sec .bnr-txt.inner-bnr-txt h2, .about-bnr-sec .bnr-txt.inner-bnr-txt p {
    color: #fff;
}

.about-bnr-sec .bnr-txt.inner-bnr-txt {
    position: relative;
    z-index: 99;
}
.inner-about-side-img.ghost-inr-about-side:before {
    width: 72%;
    height: 100%;
}
.inner-about-side-img.ghost-inr-about-side img {
    width: 74%;
}




/*pricing */

.pricing-bnr-sec {
    background: #F6F6F6;
    padding-bottom: 0;
    position: relative;
}


.pricing-bnr-sec .about-main-circle {background: #009B98;overflow: hidden;}

.price-bnr-img-st {
    position: absolute;
    bottom: 70px;
    left: -20px;
}

.pricing-bnr-sec .bnr-txt.inner-bnr-txt h2 {
    font-size: 53px;
}
.pricing-main-tab {
    padding: 70px 0 90px;
    position: relative;
}
.pricing-main-tab:before{
    content: '';
    background: url(../images/pricing/price-package-bf-img.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.pricing-main-tab .hd-txt {
    text-align: center;
}

.pricing-main-tab button {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    padding: 9px 22px;
    background: transparent !important;
    color: #051D38;
    border-radius: 0 !important;
    border: 1px solid #051D38 !important;
}

.pricing-main-tab .nav-tabs {
    border: 0;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px auto !important;
}

.pricing-main-tab .nav-tabs li {
    width: auto;
}

.pricing-main-tab button:hover, .pricing-main-tab button.active {
    background: #051D38 !important;
    color: #fff !important;
}

.price-txt-hd {
    text-align: center;
    margin: 30px 0 15px;
}

.price-txt-hd p {
    width: 50%;
    margin: 0 auto;
}

.price-txt-hd h2 {
    font-size: 60px;
    font-weight: bold;
    color: #051D38;
    text-transform: uppercase;
}

.pricing-box {
    background: #E6EFF8;
    padding: 30px 20px;
    text-align: center;
    margin: 0 20px;
    border-radius: 87px;
    box-shadow: 2px 2px 9px 0px #00000045;
}

.pricing-box ul {
    text-align: left;
    padding: 0 0 0 20px;
    list-style: none;
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.pricing-box ::-webkit-scrollbar {
    width: 8px;
  }
  
  /* Track */
  .pricing-box ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 8px;
  }
   
  /* Handle */
  .pricing-box ::-webkit-scrollbar-thumb {
    background: #009b98; 
    border-radius: 8px;
  }
  
  /* Handle on hover */
  .pricing-box ::-webkit-scrollbar-thumb:hover {
    background: #009b98; 
  }

.pricing-title h3 {
    border-bottom: 2px solid #051D38;
    display: table;
    text-align: center;
    margin: 0 auto;
    padding: 0 50px 15px 50px;
    margin-bottom: 20px;
    font-size: 21px;
}

.pricing-title h4 {
    font-size: 64px;
    font-weight: bold;
    color: #051D38;
}

.pricing-title h4 sup {
    top: 0;
    font-size: 30px;
}

.pricing-box ul li {
    font-size: 14px;
    line-height: 32px;
    color: #051D38;
}
.pricing-box .bnr-btn a {padding: 12px 20px;}
.pricing-slider .slick-slide {
  padding: 0 28px;
}
.pricing-box .bnr-btn {
    justify-content: center;
}
.pricing-main-tab ul.slick-dots {
    bottom: -50px;
}

.pricing-main-tab ul.slick-dots button:before {
    height: 10px !important;
    width: 10px !important;
    background: #017b89;
    color: transparent;
    border-radius: 60% !important;
}

.pricing-main-tab ul.slick-dots button {
    width: 10px !important;
    border-radius: 60% !important;
    border-color: transparent !important;
    height: 10px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.pricing-main-tab .slick-dots li {
    width: 10px;
}
.pricing-main-tab .slick-list {
    padding: 20px 0;
}
/*pricing */


/* review */

.review-bnr-sec .bnr-txt.inner-bnr-txt h2 {
    font-size: 55px;
}


.review-bnr-sec .bnr-txt.inner-bnr-txt h2 {
    font-size: 55px;
}

.review-inner-sec {
    padding: 70px 0;
}

.review-box {
    position: relative;
    padding: 20px 20px;
    background: #F2F2F2;
    border-radius: 25px;
    z-index: 1;
    overflow: hidden;
}

.review-list ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 50px 50px;
}

.review-list ul li {
    width: 48%;
    list-style: none;
    position: relative;
}

.review-img-st {
    position: absolute;
    top: -20px;
    left: -28px;
    z-index: 2;
}

.arrow-rev-img-st {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}



.review-box p {
    font-size: 16px;
    line-height: 31px;
    height: 140px;
    overflow-x: hidden;
    overflow-y: auto;
}
/* width */
.review-box ::-webkit-scrollbar {
    width: 8px;
  }
  
  /* Track */
  .review-box ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 8px;
  }
   
  /* Handle */
  .review-box ::-webkit-scrollbar-thumb {
    background: #009b98; 
    border-radius: 8px;
  }
  
  /* Handle on hover */
  .review-box ::-webkit-scrollbar-thumb:hover {
    background: #009b98; 
  }

.review-box h4 {
    font-size: 18px;
    font-weight: bold;
    color: #017B89;
    padding: 20px 0 10px;
}

.star-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px 0;
}

.star-icon i {
    font-size: 20px;
    color: #ffc600;
}

.review-bnr-sec {
    background: #F6F6F6;
}

.review-inner-sec .hd-txt {
    text-align: center;
    padding-bottom: 40px;
}
/* review */



/* contact-us */
.contact-inner-sec {
    padding:70px 0 70px
   }
   .contact-inner-sec .hd-txt {
    text-align:center
   }
   .contact-inner-sec .hd-txt p {
    margin:0 auto;
    width:70%
   }
   .conact-main-div {
    align-items:center;
    display:flex;
    justify-content:center;
    margin-top:50px
   }
   .contact-form form {
    display:flex;
    flex-direction:column;
    gap:20px 0
   }
   .contact-form input.btn.btn-default.pop_btn {
    background: #017b89;
    color: #fff;
  }
   .contact-form input {
    border:1px solid #c9c9c9;
    border-radius:7px;
    padding:14px 15px
   }
   .contact-form textarea {
    border:1px solid #c9c9c9;
    border-radius:7px;
    height:140px;
    padding:10px 15px;
    resize:none
   }
   .cntct-form-r-side ul li a p {
    width:70%
   }
   .cntct-form-r-side {
    align-items:center;
    background:url(../images/contact/form-r-side.webp);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    display:flex;
    height:100%;
    height:427px;
    justify-content:center;
    margin:0 0 0 auto;
    width:544px
   }
   .cntct-form-r-side ul {
    display:flex;
    flex-direction:column;
    gap:20px 0;
    list-style:none;
    padding:0 0 0 30px
   }
   .cntct-form-r-side ul li a {
    align-items:center;
    color:#fff;
    display:flex;
    font-size:18px;
    text-decoration:none;
   }
   .cntct-form-r-side ul li i {
    align-items:center;
    background:#017B89;
    border-radius:60%;
    color:#051D38;
    display:flex;
    font-size:22px;
    font-weight:700;
    height:55px;
    justify-content:center;
    margin-right:20px;
    width:55px
   }
   .contact-button-div .chat-btn {
    align-items:center;
    border:0;
    display:flex;
    justify-content:center;
    margin-left:0
   }
   .contact-button-div .chat-btn:hover {
    background:#000;
    color:#fff
   }
   .contact-button-div .chat-btn i {
    align-items:center;
    background:transparent;
    border:1px solid;
    border-radius:60%;
    display:flex;
    height:25px;
    justify-content:center;
    margin-left:15px;
    width:25px
   }
   
.contact-form .control-group, .contact-form .control-group input {
    width: 100%;
  }
/* contact-us */
/* inner-pages */






/* LOCATION PAGE */


.l_s3_ul {
    display: flex;
    align-items: center;
    gap: 70px;
    flex-wrap: wrap;
    margin: 22px 0 0 0;
  }
  .l_s3_ul li {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .l_s3_ul li h3{
        font-weight: 600;
    }
   
    .l_s5box{
        background: #fff;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 72px 28px 42px 28px;
        text-align: center;
        /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
        margin: 38px 0px;
        position: relative;
        transition: 0.7s;
        isolation: isolate;
        border-radius: 7px;
        transform: scale(0.9);
    }
    .l_s5box.mid {
        background: #45B9C1;
        color: #fff;
        transform: scale(1);
    }
    .l_s5box .icon {
        height: 95px;
        width: 95px;
        border: 1px solid #000;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        padding: 0 0;
        position: absolute;
        top: 0;
        top: -23px;
        background: #fff;
        transition: 0.7s;
    }
    .l_s5box h3{
        font-weight: 600;
        margin: 10px 0;
    }
    .l_s5box p {
        height: 135px;
        overflow: auto;
        font-size: 15px;
        line-height: 29px;
      }
      
      /* TESTI BOX */
      .why_choose_new{
        /* background: url(../images/why_choose_bg.webp) no-repeat center/cover; */
        background: linear-gradient(0deg, rgba(124, 207, 219, 0.46) 0%, rgb(255, 255, 255) 100%);
      }
.card {
    width: 396px;
    height: 350px;
    /* width: 280px;
    height: 280px; */
    background: white;
    border-radius: 32px;
    padding: 3px;
    position: relative;
    box-shadow: #604b4a30 0px 70px 30px -50px;
    transition: all 0.5s ease-in-out;
  }
  
  .card .mail {
    position: absolute;
    right: 2rem;
    top: 1.4rem;
    background: transparent;
    border: none;
  }
  
  .card .mail svg {
    stroke: #fbb9b6;
    stroke-width: 3px;
  }
  
  .card .mail svg:hover {
    stroke: #f55d56;
  }
  
  .card .profile-pic {
    position: absolute;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    top: 3px;
    left: 3px;
    border-radius: 29px;
    z-index: 1;
    border: 0px solid #fbb9b6;
    overflow: hidden;
    transition: all 0.5s ease-in-out 0.2s, z-index 0.5s ease-in-out 0.2s;
  }
  
  .card .profile-pic img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    -o-object-position: 0px 0px;
    object-position: 0px 0px;
    transition: all 0.5s ease-in-out 0s;
  }
  
  .card .profile-pic svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 0px 0px;
    object-position: 0px 0px;
    transform-origin: 45% 20%;
    transition: all 0.5s ease-in-out 0s;
  }
  
  .card .bottom {
    position: absolute;
    bottom: 3px;
    left: 3px;
    right: 3px;
    background: #fff;
    top: 85%;
    border-radius: 29px;
    z-index: 2;
    box-shadow: rgba(96, 75, 74, 0.1882352941) 0px 5px 5px 0px inset;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  }
  .card:hover .bottom{
    background: #45B9C1;
  }
  
  .card .bottom .content {
    position: absolute;
    top: 70px;
    /* bottom: 0; */
    left: 1.5rem;
    right: 1.5rem;
    height: 160px;
  }
  
  .card .bottom .content .name {
    display: block;
    font-size: 1.2rem;
    color: white;
    font-weight: bold;
  }
  
  .card .bottom .content .about-me {
    display: block;
    font-size: 13px;
    color: white;
    margin-top: 10px;
  }
  
  .card .bottom .bottom-bottom {
    position: absolute;
    bottom: 0.5rem;
    left: 1.5rem;
    right: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .card .bottom .bottom-bottom .social-links-container {
    display: flex;
    /* gap: 1rem; */
    gap: 5px;
  }
  .card .bottom .bottom-bottom .social-links-container i {
      color: #FFA200;
    }
.card .bottom .bottom-bottom .social-links-container span{
    color: #017B89;
    position: relative;
    top: 0;
    left: 0;
    transition: all .5s ease-in-out;
}
.card:hover .bottom .social-links-container span {
    top: -198px;
    /* position: relative; */
    left: -72px;
    font-size: 1.2rem;
    opacity: 0;
}

.card:hover .bottom .bottom-bottom .social-links-container span{
    color: #fff;
}
  .card .bottom .bottom-bottom .social-links-container svg {
    height: 20px;
    fill: white;
    filter: drop-shadow(0 5px 5px rgba(165, 132, 130, 0.1333333333));
  }
  
  .card .bottom .bottom-bottom .social-links-container svg:hover {
    fill: #f55d56;
    transform: scale(1.2);
  }
  
  .card .bottom .bottom-bottom .button {
    background: #017B89;
    color: #fff;
    border: none;
    border-radius: 20px;
    font-size: 0.6rem;
    padding: 0.4rem 0.6rem;
    box-shadow: rgba(165, 132, 130, 0.1333333333) 0px 5px 5px 0px;
  }
  
  .card:hover {
    border-top-left-radius: 55px;
  }
  
  .card:hover .bottom {
    top: 20%;
    border-radius: 80px 29px 29px 29px;
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
  }
  
  .card:hover .profile-pic {
    width: 100px;
    height: 100px;
    aspect-ratio: 1;
    top: 10px;
    left: 10px;
    border-radius: 50%;
    z-index: 3;
    border: 7px solid #45B9C1;
    box-shadow: rgba(96, 75, 74, 0.1882352941) 0px 5px 5px 0px;
    transition: all 0.5s ease-in-out, z-index 0.5s ease-in-out 0.1s;
  }
  
  .card:hover .profile-pic:hover {
    transform: scale(1.3);
    border-radius: 0px;
  }
  
  .card:hover .profile-pic img {
    transform: scale(1.3);
    object-position: 0px 2px;
    transition: all 0.5s ease-in-out 0.5s;
  }
  
  .card:hover .profile-pic svg {
    transform: scale(2.5);
    transition: all 0.5s ease-in-out 0.5s;
  }
      /* TESTI BOX */


      
ul.step_alter li {
    display: flex;
    align-items: center;
    gap: 30px;
  }
  ul.step_alter li.dark .step_left{
      background: url(../images/d_ribbonhalf.webp) no-repeat center/cover;
  }
  ul.step_alter li.dark .step_right {
    background: url(../images/d_ribbonfull.webp) no-repeat center/cover;

  }
  ul.step_alter li .step_left{
      background: url(../images/l_ribbonhalf.webp) no-repeat center/cover;
      height: 111px;
      width: 152px;
      display: flex;
      justify-content: center;
    align-items: center;
    color: #fff;
}
ul.step_alter li .step_left h3{
    font-size: 42px;
    font-weight: 900;
    padding: 0 0 0 11px;
}
ul.step_alter li .step_right h4 {
    font-size: 21px;
    font-weight: 800;
  }
  ul.step_alter li .step_right p {
    font-size: 13px;
  }
  ul.step_alter li .step_right {
    display: flex;
    align-items: center;
    gap: 25px;
    background: url(../images/l_ribbonfull.webp) no-repeat center/cover;
    padding: 3px 30px;
    text-align: center;
    width: 480px;
    height: 111px;
  }
  ul.step_alter li {
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 41px 0 0 0;
  }
  ul.step_alter li .step_right img {
    width: 39px;
    height: 39px;
    object-fit: contain;
  }
/* LOCATION PAGE */



















/* 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;
}


h5.sub-heading {color: #000000;font-size: 20px;font-weight: bold;padding: 10px 0px;}

section.terms-txt-sec {
    padding: 70px 0;
}

section.terms-txt-sec h5.page-title {
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0px;
}

section.terms-txt-sec ul li i {display: none;}

section.terms-txt-sec p {
    font-size: 15px;
    line-height: 26px;
    color: #000;
}
.about-bnr-sec.terms-bnr-sec {
    height: 370px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-bnr-sec.terms-bnr-sec .bnr-txt.inner-bnr-txt h2 {color: #000;}

.about-bnr-sec.terms-bnr-sec img.about-main-icon-2 {
    left: 0px;
    top: -40px;
}

.about-bnr-sec.terms-bnr-sec img.about-main-icon-1 {
    top: -40px;
}

section.terms-txt-sec a {
    color: #000;
    text-decoration:none;
}


























/* popup */
.overlay-bg-new-popup {
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
    }
    .popupform-main-new-popup .close-btn {
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: transparent;
    border: 0;
    color: #e6cb78;
    }
    .pop-form-new-popp .submit-btn {
    font-size: 18px;
    width: 100%;
    padding: 15px 0px;
    background-color: #000000;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
    border: none;
    margin-top: 15px;
    width: 100%;
    margin: 10px 0 0 0px !important;
    font-weight: 700;
    }
    .close-btn {
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    top: 18px;
    right: 0px;
    font-size: 18px;
    font-weight: 900;
    color: #fff;
    padding-top: 3px;
    text-align: center;
    border-radius: 50px;
    align-items: center;
    display: grid;
    z-index: 9;
    }
    .pop-box-2-new-pop img {
    /* box-shadow: 2px 2px 20px 9px #00000045; */
    position: relative;
    left: 17px;
    z-index: 1;
    width: 85%;
    }
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    }
    .control-group input::placeholder {
    color: #9b7171;
    }
    .control-group textarea::placeholder {
    color: #9b7171;
    }
    .pop-form-new-popp .submit-btn {
    font-size: 18px;
    padding: 15px 0px;
    background: #fb2224;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
    border: none;
    margin-top: 15px;
    width: 100%;
    }
    .popupform-main-new-popup.active {display: flex !important;justify-content: center;align-items: center;width: 100%;}
    .popupform-main-new-popup {position: fixed;background: #000c;top: 0;bottom: 0;left: 0;width: 100%;width: 100%;height: 100%;z-index: 9999;background-repeat: no-repeat;background-size: cover;}
    .pop-form-new-popp.ta-center-new-pop {background: url(../images/christmas-form-bg.webp);background-size: cover;background-repeat: no-repeat;background-position: center center;width: 400px;height: 530px;border-radius: 0 23px 23px 0;position: relative;/* box-shadow: 2px 2px 20px 9px #00000045; */left: 0;}
    .pop-form-new-popp.ta-center-new-pop:before{
        content: '';
        background: url(../images/christmas-popup-bg.webp);
        position: absolute;
        top: 30px;
        left: -200px;
        right:0;
        bottom: 0;
        width: 765px;
        height: 448px;
        z-index: -1;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    
    .pop-box-2-new-pop span {
    color: #f9b400;
    font-size: 33px;
    font-weight: 600;
    position: relative;
    top: -11px;
    }
    .pop-box-2-new-pop h3 {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    }
    .pop-box-2-new-pop {/* background: red; *//* height: auto; *//* width: auto; */text-align: center;padding: 0;background-size: cover;background-repeat: no-repeat;display: none;}
    .pop-form-new-popp.ta-center-new-pop {padding: 85px 15px 25px 15px;}
    .pop-form-new-popp.ta-center-new-pop h3 {
    color: #2d2d2d;
    font-size: 22px;
    line-height: 33px;
    text-align: center;
    margin: 0;
    }
    .popupform-main-new-popup {
    align-items: center;
    justify-content: center;
    }
    .pop-form-new-popp.ta-center-new-pop h3 span {font-weight: bold;color: #fff;}
    .pop-form-new-popp.ta-center-new-pop h5 {color: #fff;font-size: 26px;font-weight: 600;text-transform: uppercase;text-align: center;padding: 5px 0 10px 0;}
    .pop-form-new-popp.ta-center-new-pop input {width: 100%;border-width: 1px;border-color: #f2f2f2;border-style: solid;border-radius: 40px;background-color: #f2f2f2;height: auto;margin: 0 0 20px 0;padding: 10px 15px;}
    input {
    outline: none;
    }
    .pop-form-new-popp.ta-center-new-pop textarea {width: 100%;border-width: 1px;border-color: #f2f2f2;border-style: solid;border-radius: 10px;background-color: #f2f2f2;height: auto;margin: 0 0 20px 0;padding: 10px 15px;height: 80px;resize: none;}
    .pop-form-new-popp.ta-center-new-pop button {border-radius: 40px;background-color: #e6cb78;border: none;color: #000;font-size: 18px;font-weight: 400;display: table;margin: auto;padding: 10px 42px;width: auto;display: table;border: 1px solid #e6cb78;position: relative;z-index: 2;}
    .pop-form-new-popp.ta-center-new-pop input::placeholder {
    color: #000;
    }
    .pop-form-new-popp.ta-center-new-pop textarea::placeholder {
    color: #000;
    }
    .pop-box-2-new-pop {
    position: relative;
    margin-right: 3px;
    }
    .pop-form-new-popp .close-btn{/* display: none; */}
    .pop-form-new-popp.ta-center-new-pop h3 {
    margin: 0;
    }
    .popup-main-box {display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;}
    .pop-form-new-popp.ta-center-new-pop button:hover {background: #fff;color: #d9034f;}
    /*.pop-ex-img {
    position: absolute;
    bottom: -115px;
    right: -75px;
    width: 70%;
    }*/
    @media (max-width:1550px) {
    .popup-main-box {
    transform: scale(0.8);
    position: relative;
    top: 20px;
    }
    }
    @media (min-width:200px) and (max-width:767px) {
    .pop-box-2-new-pop {
    display: none;
    }
    .pop-ex-img{
    display: none;
    }
    .pop-form-new-popp.ta-center-new-pop:before {
        display: none;
    }
    
    .pop-form-new-popp.ta-center-new-pop {
    /*background: url(auto-pop-bg-2-mob.webp);*/
    /*background-repeat: no-repeat;
    background-size: cover;*/
    left: 0;
    }
    .popup-main-box {
    top: 0;
    transform: scale(1);
    }
    .pop-form-new-popp.ta-center-new-pop {
    width: 100%;
    height: auto;
    margin: 0px 10px;
    padding: 70px 0px 25px;
    border-radius: 23px;
    }
    .pop-form-new-popp .close-btn {
    display: block;
    top: 5px;
    right: 0px;
    background: none;
    border: none;
    color: #e6cb78;
    }
    
    .pop-form-new-popp.ta-center-new-pop h3 {
    margin: 0 0 5px 0;
    }
    .pop-form-new-popp.ta-center-new-pop h3 span {
    color: #fff;
    }
    .pop-form-new-popp.ta-center-new-pop h5 {
    color: #fff;
    }
    }
/* popup */


.port-main-pg-home-portfolio .slick-list {
    padding: 0;
}

section.portfolio-main-pg-sec.port-main-pg-home-portfolio {
    height: 660px;
}


.inner-designing-sec-extr-st .inner-about-side-img.designing-inr-about-side img {
    width: 100%;
}


.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li.slick-active button {
    background-color: #017B89;
}

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

.slick-dots li button {
    background-color: #e5e5e5;
    border-radius: 50px;
    width: 10px;
    height: 10px;
}

section.inner-story-sec.ghost-story-sec.inner-page-services-sec .inr-story-box {
    width: 95%;
    margin: 0 auto;
}

section.inner-story-sec.ghost-story-sec.inner-page-services-sec .inr-story-box h3 {
    font-size: 22px;
}

section.inner-story-sec.ghost-story-sec.inner-page-services-sec .inr-story-box p {
    font-size: 16px;
    height: 190px;
    overflow-x: hidden;
    overflow-y: auto;
}



/* width */.inr-story-box
::-webkit-scrollbar {
    width: 8px;
  }
  
  /* Track */
 .inr-story-box ::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 8px;
  }
   
  /* Handle */
 .inr-story-box ::-webkit-scrollbar-thumb {
    background: #017b89; 
    border-radius: 10px;
  }
  
  /* Handle on hover */
 .inr-story-box ::-webkit-scrollbar-thumb:hover {
    background: #017b89; 
  }


  ul.ftr-main-ul-st-othr ul {
    padding: 0 0 0 20px !important;
    height: 0;
    overflow: hidden;
    transition: all .5s ease-in-out;
}

ul.ftr-main-ul-st-othr li {
    line-height: 35px;
    cursor: pointer;
}

ul.ftr-main-ul-st-othr li.active i~ul {
    height: 70px;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 12px 0;
}


/* width */
ul.ftr-main-ul-st-othr ::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  ul.ftr-main-ul-st-othr ::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
  }
   
  /* Handle */
  ul.ftr-main-ul-st-othr ::-webkit-scrollbar-thumb {
    background: #009b98; 
    border-radius: 8px;
  }
  
  /* Handle on hover */
  ul.ftr-main-ul-st-othr ::-webkit-scrollbar-thumb:hover {
    background: #009b98; 
  }



.ftr-col li a i {
    /*font-size: 30px;*/
}

ul.ftr-social-st {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    align-items: flex-start;
    padding-left: 30px;
}


ul.ftr-social-st h4 {
    width: 100%;
    padding: 0;
    height: auto;
    line-height: normal;
}

ul.ftr-social-st li {
    width: 33%;
    line-height: normal;
    position: relative;
    top: -30px;
}

ul.ftr-social-st li:nth-child(n+5) {
    top: -70px;
}




.hd-txt.about-inner-txt p {
    /* height: 380px; */
    overflow-x: hidden;
    overflow-y: auto;
}


.hd-txt.about-inner-txt ::-webkit-scrollbar {
    width: 8px;
  }
  
  /* Track */
  .hd-txt.about-inner-txt ::-webkit-scrollbar-track {
    background-color: #051d38;
    border-radius: 8px;
  }
   
  /* Handle */
  .hd-txt.about-inner-txt ::-webkit-scrollbar-thumb {
    background: #009b98; 
    border-radius: 8px;
  }
  
  /* Handle on hover */
  .hd-txt.about-inner-txt ::-webkit-scrollbar-thumb:hover {
    background: #009b98; 
  }


  .main-services-page-st .hd-txt.about-inner-txt p {
    height: auto;
}

.designing-inner-pages-st .service-box-pub img {
    display: none;
}


section.podcast-sec {
    display: none;
}


section.portfolio-main-pg-sec.port-main-pg-home-portfolio .slick-dots {
    display: none !important;
}


/* ERROR_PAGE */
.error__wrapper {
    text-align: center;
  padding: 181px 0;
  background: #051d38;
  }
  .error__wrapper h1 {
   text-align: center;
   display: flex;
  align-items: center;
  justify-content: center;
    font-size: 5rem;
    color: #fff;
    margin: 0;
  }
  
  .error__wrapper h1,
  .error__wrapper p {
    color: #fff;
  }
  
  .error__wrapper p {
    font-size: 1.5rem;
    margin-top: 0;
  }
  .error__wrapper img {
    max-width: 130px;
  }
  
  .error__wrapper a {
    background: #fff;
    display: inline-block;
    text-decoration: none;
    color: #000;
    padding: 0.5rem;
    border-radius: 20px;
    font-size: 0.875rem;
    margin-top: 3rem;
    transition: 0.3s all ease-in;
    border:1px solid #fff;
  }
  
  .error__wrapper a:hover {
    background: #000;
    color: #fff;
  }
  
  
  
/* ERROR_PAGE */


ul.location-list-st {
    height: 210px;
    overflow-x: hidden;
    overflow-y: scroll;
}



/* width */

ul.location-list-st::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  
ul.location-list-st::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
  }
   
  /* Handle */
  
ul.location-list-st::-webkit-scrollbar-thumb {
    background: #009b98; 
    border-radius: 8px;
  }
  
  /* Handle on hover */
  
ul.location-list-st::-webkit-scrollbar-thumb:hover {
    background: #009b98; 
  }

  section.py-5.testi-new-sec-st {
    background: linear-gradient(181deg, rgba(124, 207, 219, 0.46) 0%, rgb(255, 255, 255) 100%);
    padding-top: 0 !important;
}






.location_sec2.florida{
    background: url(../images/location/florida/s2bg.webp) no-repeat center/cover;
}
.location_sec3.florida{
    background: url(../images/location/florida/s3bg.webp) no-repeat center/cover;
} 
.location_sec5.florida{
    background: url(../images/location/florida/s5bg.webp) no-repeat center/cover;
}
.location_sec6{
    
    height: 360px;
    display: flex;
    align-items: center;
  }
  .location_sec6.florida{
    background: url(../images/location/florida/s6bg.webp) no-repeat center/cover;
  }

  .location_sec4.florida{
    background: url(../images/location/florida/inner-img-1.webp) no-repeat center/cover;
  }










  .location_sec6.alabama{
    background: url(../images/location/alabama/s6bg.webp) no-repeat center/cover;
  }

  .location_sec4.alabama{
    background: url(../images/location/alabama/inner-img-1.webp) no-repeat center/cover;
  }

  .location_sec6.georgia{
    background: url(../images/location/georgia/s6bg.webp) no-repeat center/cover;
  }

  .location_sec4.georgia{
    background: url(../images/location/georgia/inner-img-1.webp) no-repeat center/cover;
  }

  

  .location_sec6.illionis{
    background: url(../images/location/illionis/s6bg.webp) no-repeat center/cover;
  }

  .location_sec4.illionis{
    background: url(../images/location/illionis/inner-img-1.webp) no-repeat center/cover;
  }

  

  .location_sec6.indiana{
    background: url(../images/location/indiana/s6bg.webp) no-repeat center/cover;
  }

  .location_sec4.indiana{
    background: url(../images/location/indiana/inner-img-1.webp) no-repeat center/cover;
  }
  .location_sec6.kansas{
    background: url(../images/location/kansas/s6bg.webp) no-repeat center/cover;
  }

  .location_sec4.kansas{
    background: url(../images/location/kansas/inner-img-1.webp) no-repeat center/cover;
  }
  .location_sec6.maryland{
    background: url(../images/location/maryland/s6bg.webp) no-repeat center/cover;
  }

  .location_sec4.maryland{
    background: url(../images/location/maryland/inner-img-1.webp) no-repeat center/cover;
  }
  .location_sec6.masschusets{
    background: url(../images/location/masschusets/s6bg.webp) no-repeat center/cover;
  }

  .location_sec4.masschusets{
    background: url(../images/location/masschusets/inner-img-1.webp) no-repeat center/cover;
  }

  
  .location_sec6.missouri{
    background: url(../images/location/missouri/s6bg.webp) no-repeat center/cover;
  }

  .location_sec4.missouri{
    background: url(../images/location/missouri/inner-img-1.webp) no-repeat center/cover;
  }

  
  
  .location_sec6.nebraska{
    background: url(../images/location/nebraska/s6bg.webp) no-repeat center/cover;
  }

  .location_sec4.nebraska{
    background: url(../images/location/nebraska/inner-img-1.webp) no-repeat center/cover;
  }
  .location_sec6.north-carolina{
    background: url(../images/location/north-carolina/s6bg.webp) no-repeat center/cover;
  }

  .location_sec4.north-carolina{
    background: url(../images/location/north-carolina/inner-img-1.webp) no-repeat center/cover;
  }
  .location_sec6.nyc{
    background: url(../images/location/nyc/s6bg.webp) no-repeat center/cover;
  }

  .location_sec4.nyc{
    background: url(../images/location/nyc/inner-img-1.webp) no-repeat center/cover;
  }
  .location_sec6.ohio{
    background: url(../images/location/ohio/s6bg.webp) no-repeat center/cover;
  }

  .location_sec4.ohio{
    background: url(../images/location/ohio/inner-img-1.webp) no-repeat center/cover;
  }
  .location_sec6.oregon{
    background: url(../images/location/oregon/s6bg.webp) no-repeat center/cover;
  }

  .location_sec4.oregon{
    background: url(../images/location/oregon/inner-img-1.webp) no-repeat center/cover;
  }
  .location_sec6.tennessee{
    background: url(../images/location/tennessee/s6bg.webp) no-repeat center/cover;
  }

  .location_sec4.tennessee{
    background: url(../images/location/tennessee/inner-img-1.webp) no-repeat center/cover;
  }
  .location_sec6.utah{
    background: url(../images/location/utah/s6bg.webp) no-repeat center/cover;
  }

  .location_sec4.utah{
    background: url(../images/location/utah/inner-img-1.webp) no-repeat center/cover;
  }
  .location_sec6.colorado{
    background: url(../images/location/colorado/s6bg.webp) no-repeat center/cover;
  }
  .location_sec4.colorado{
    background: url(../images/location/colorado/inner-img-1.webp) no-repeat center/cover;
  }
  .location_sec6.connecticut{
    background: url(../images/location/connecticut/s6bg.webp) no-repeat center/cover;
  }

  .location_sec4.connecticut{
    background: url(../images/location/connecticut/inner-img-1.webp) no-repeat center/cover;
  }
  .location_sec6.california{
    background: url(../images/location/california/s6bg.webp) no-repeat center/cover;
  }

  .location_sec4.california{
    background: url(../images/location/california/inner-img-1.webp) no-repeat center/cover;
  }
  .location_sec6.michigan{
    background: url(../images/location/michigan/s6bg.webp) no-repeat center/cover;
  }

  .location_sec4.michigan{
    background: url(../images/location/michigan/inner-img-1.webp) no-repeat center/cover;
  }

  .location_sec6.pennsylvania{
    background: url(../images/location/pennsylvania/s6bg.webp) no-repeat center/cover;
  }

  .location_sec4.pennsylvania{
    background: url(../images/location/pennsylvania/inner-img-1.webp) no-repeat center/cover;
  }
    .location_sec6.virginia{
    background: url(../images/location/virginia/s6bg.webp) no-repeat center/cover;
  }
  .location_sec4.virginia{
    background: url(../images/location/virginia/inner-img-1.webp) no-repeat center/cover;
  }
  .location_sec6.washington{
    background: url(../images/location/washington/s6bg.webp) no-repeat center/cover;
  }
  .location_sec4.washington{
    background: url(../images/location/washington/inner-img-1.webp) no-repeat center/cover;
  }
  .location_sec6.arizona{
    background: url(../images/location/arizona/s6bg.webp) no-repeat center/cover;
  }
  .location_sec4.arizona{
    background: url(../images/location/arizona/inner-img-1.webp) no-repeat center/cover;
  }



  


  .col-lg-12.terms-col-st input {
    width: 20px;
    height: 20px;
    padding: 0;
    margin-top: 0;
    margin-right: 5px;
}
.terms-col-st a{
    color: #000;
    text-decoration: none;
}


/* / HIRE BOOK WRITER PAGE / */

/* .hire_page .writers_ul {
    display: flex;
    gap: 10px;
  } */
  
.writers_ul li.box {
    margin: 0px 0 25px 0;
    opacity: 0.6;
    transition: 0.5s;
}
.writers_ul .slick-current li.box {
    opacity: 1;
}
  .writers_ul li.box p {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
  }
  .hire_page .writers_ul h4 {
    font-weight: 600;
    font-size: 18px;
    color: #017b89;
  }
  
.hire_s3form {
    background: #f9f9f9;
    padding: 20px 30px;
  }
  .hire_s3form form input , .hire_s3form form textarea {
    padding: 8px 14px;
    margin: 13px 0 0 0;
    border-color: #0000001c;
    resize: none;
  }
  .hire_s3form form button {
    margin: 13px 0 0 0;
    background: #017b89;
    border-radius: 30px;
    border: 0;
    padding: 10px 40px;
    display: table;
    margin: 13px auto 0 auto;
  }
  .hire_page.sec4{
    background: url(../images/hire_page/s4bg.webp) no-repeat center/cover;
  }
.hire_s4box {
    background: #e8e7e7;
    margin:0px 30px -35px 30px;
    padding: 0 0 30px 0px;
    border-radius: 20px 20px 20px 20px;
  }
  .hire_s4box img {
    width: 100%;
  }
  .city_why .why_choose_new.mix_sec{
    display: none;
  }
  .hire_s4box h4 , .hire_s4box p {
    padding: 17px 20px 0 20px;
  }
  .hire_s4box p {
    height: 150px;
    overflow: auto;
  }
  .hire_s4box h4 {
    font-size: 21px;
    font-weight: 900;
  }
  .hire_page.sec5 ul.list-unstyled li.box {
    background: #45b9c1;
    width: 95px;
    height: 98px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    translate: -25px 0px;
    transition: 0.7s;
  }
  .hire_tab_qualities{
    display: none;
  }
  .hire_tab_qualities.active{
    display: block;
  }
  .hire_page.sec5 ul.list-unstyled li.box:hover {
    background: #051D38;
    transition: 0.7;
  }
  .hire_page.sec5 ul.list-unstyled li.box:nth-child(1){
    border-radius: 0 10px 0 0;
  }
  .hire_page.sec5 ul.list-unstyled li.box:nth-child(4){
    border-radius: 0 0 10px 0;
  }

  .hire_page.sec5 h4 {
    color: #45b9c1;
    font-weight: 800;
    padding: 0px 0 6px 0;
  }


  .mrqu-txt a {
    color: #fff;
    text-decoration: none;
}

.mrqu-txt a:hover {
    text-decoration: underline;
}
section.mrque-slider-sec {
  background: #017b89;
  padding: 10px 0;
}
/* / HIRE BOOK WRITER PAGE / */




.alert.alert-warning {
    align-items: center;
    display: flex;
    font-size: 13px;
    gap: 0 5px;
    justify-content: center
}

.fraud-detail a {
    color: #000
}