/*@import url(https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
*/
@font-face {
    font-family: 'Helium-Medium';
    src: url(fonts/Helium-Medium.woff) format('woff');
}

* {
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
    outline: 0;
    margin: 0;
    padding: 0
}

.p0 {
    padding: 0 !important;
}

.get-btn,
button,
h1,
h2 {
    margin: 0;
}

a,
h3,
h4,
h5,
h6,
li,
p,
span {
    margin: 0 !important;
    /* font-family: montserrat, sans-serif !important; */
}

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

body {
    background: #ffffff
}

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

.hd-txt h4 {
    font-size: 40px;
    font-weight: 600
}

@media (min-width:1200px) {
    .dropdown11:hover ul.dropdown-menu11 {
        display: block
    }

    .dropdown22:hover ul.dropdown-menu22 {
        display: block
    }
}

.header_inner_contact {
    display: flex
}

.call-action {
    padding-right: 38px;
    text-align: right;
    height: auto;
    display: flex;
    align-items: flex-end;
    float: right
}

.call-action span {
    padding-right: 17px;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    line-height: normal
}

.head-contact span i {
    color: #da0c2f;
    font-size: 17px
}

.call-action span {
    padding-right: 17px;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    line-height: normal
}

.head-contact p {
    line-height: normal
}

.head-contact p i {
    color: #da0c2f;
    font-size: 17px
}

.btn-green.gre-bg {
    position: relative;
    width: auto;
    color: rgb(1 151 161) !important;
    background-color: rgb(255 255 255);
    border: 0;
    appearance: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 14px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 13px 9px !important;
    margin-top: 0;
    transition: background .3s ease 0s, color .3s ease 0s;
    overflow: hidden;
    border-radius: 5px;
    margin-left: 0;
    margin-top: 3px;
}

.btn-green.gre-bg::before {
    content: "";
    background-color: rgba(54, 54, 54, .2);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 0
}

.head_top div#myNavbar {
    float: right;
    padding-right: 0
}

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

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

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

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

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

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

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

.head_top {
    padding: 25px 2% 1%;
    z-index: 9;
    left: 0;
    right: 0;
    position: absolute;
    width: 100%;
    background-color: rgb(0 0 0 / 72%);
}

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

.head_top .navbar-right {
    padding-top: 0
}

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

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

.head_top .navbar.navbar-defult ul li a {
    color: #fff;
    padding: 15px 30px 35px;
    font-size: 14px;
    text-transform: uppercase;
    transition: all .3s ease 0s;
    font-weight: bold;
    font-family: Montserrat, sans-serif;
}

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

.head_top ul.dropdown-menu11,
.head_top ul.dropdown-menu22 {
    position: absolute;
    width: 400px;
    background: #0197a1;
    left: -25px;
    top: 62px;
    display: none;
    padding: 0;
    box-shadow: 0 1px 15px 0 #000000;
    margin: 0 !important;
    padding: 15px;
    border-radius: 20px;
}

.head_top ul.dropdown-menu11 li,
.head_top ul.dropdown-menu22 li {
    width: 50%;
    float: left;
    border-bottom: 1px solid #fff;
    padding: 4px 0
}

.head_top ul.dropdown-menu11 li a,
.head_top ul.dropdown-menu22 li a {
    line-height: 30px;
    font-size: 13px !important;
    text-transform: capitalize !important;
    padding: 3px 5px !important
}

.head_top ul.dropdown-menu11 li a:hover,
.head_top ul.dropdown-menu11 li.active a {
    /* color: #000 !important */
}

.head_top ul.dropdown-menu22 li a:hover,
.head_top ul.dropdown-menu22 li.active a {
    color: #ffffff !important
}

.logo {
    width: 178px;
    margin: -20px 0 0
}

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

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

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

.main-slide-bx {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.main-slide-bx.main-slide-2::before {
    opacity: .4
}

.main-slide-bx.main-slide-3::before {
    content: "";
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .4;
    z-index: -1
}

.main-slide-1 {
    background: url(../img/slider/01.html) center center/cover no-repeat
}

.main-slide-2 {
    background: url(../img/slider/02.html) center center/cover no-repeat
}

.main-slide-3 {
    background: url(../img/slider/03.html) center center/cover no-repeat
}

.main-slide-bx h2 {
    font-size: 52px;
    font-weight: 700;
    color: #fff;
    line-height: 61.55px
}

.main-slide-2 h2,
.main-slide-2 h4 {
    color: #fff
}

.main-slide-3 h2,
.main-slide-3 h4 {
    color: #fff
}

.main-slide-2 .formheading h2 {
    color: #000
}

.main-slide-3 .formheading h2 {
    color: #000
}

.main-slide-bx h4 {
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 20px;
    line-height: 24px;
    margin-top: 30px;
    color: #fff
}

.bnr-btn a {
    color: #000000;
    text-decoration: none;
    border: 2px solid #0197a1;
    margin-right: 25px;
    transition: background .2s linear 0s;
    vertical-align: middle;
    white-space: normal;
    text-transform: capitalize;
    font-size: 21px;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
    padding: 12px 42px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0)
}

.bnr-btn {
    clear: both;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.main-slide-bx p {
    margin-bottom: 30px;
    font-size: 13px;
    font-weight: 600;
    color: #222;
    padding-left: 60px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 2px;
    opacity: .8
}

.bnr-btn a i {
    font-size: 34px;
    height: 30px;
    width: 30px;
    text-align: center;
    margin: 12px 20px;
    color: #ef0d33
}

.bnr-btn a span {
    background: #ef0d33;
    border-radius: 25px 0 0 25px;
    position: relative;
    margin-right: 10px
}

.bnr-btn a span i {
    color: #fff
}

.bnr-slider-st {
    position: relative
}

.bnr-tb-icon {
    display: flex;
    align-items: center;
    width: 100%
}

.bnr-tb-icon img {
    width: 75%
}



.client_logos_text h3 {
    font-size: 15px;
    color: #00273f;
    font-weight: 600;
    margin: 2px 0 0;
    line-height: 22px
}

.client_logos_text {
    margin-top: 18px
}

.sec_client {
    background: rgb(1 151 161);
    position: relative;
    margin-bottom: 40px;
    padding: 20px 0
}

.main-banner-sec {
    position: relative;
    background: url(../img/new-banner.webp) center center/cover no-repeat;
    padding: 220px 0 80px 0;
}

.footer-img-color {
    background: #0197a1;
    padding: 30px;
    border-radius: 30px;
}

.audio-bnr-sec {
    position: relative;
    background: url(../img/self-b.webp) center center/cover no-repeat;
}

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

.main-banner-sec .slick-dots li.slick-active button {
    background-color: #ef0d33
}

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

.main-banner-sec .slick-dots li button {
    background-color: #000;
    border-radius: 50px;
    width: 50px;
    height: 7px;
    padding: 0
}

.main-banner-sec .slick-dots li {
    margin: 0 20px
}

.intro-sec-img img {
    width: 120%
}

.hd-txt h2 {
    text-align: left;
    margin-bottom: 30px;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .01em
}

.hd-txt p {
    margin-bottom: 30px;
    letter-spacing: .4px;
    color: #ffffff;
    font-size: 18px;
    line-height: 24px;
    margin-top: 10px !important;
}

.intro-about {
    padding: 80px 0;
    margin: 0;
    background-image: url(../img/banner-2.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 1;
    background-color: #000
}

.intro-about .hd-txt h2,
.intro-about .hd-txt p {
    color: #000000
}

.numb-ex {
    display: grid;
    align-items: center;
    width: 220px;
    padding: 15px 20px;
    border-radius: 15px;
    background: #0197a1;
    text-align: center;
    z-index: 1;
    position: relative;
    left: 20px;
    top: -33px;
}

.numb-ex h2 {
    font-size: 100px;
    font-weight: 700;
    color: #ef0d33;
    margin: 0;
}

.numb-ex h4 {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 500;
    /* margin-left: 15px; */
    color: #fff;
    margin: 0;
}

.our-services {
    position: relative;
    background-color: #ffffff;
    /* background-color: ; */
    padding: 50px 0 50px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.our-services .services-item {
    position: relative;
    padding-bottom: 25px;
    max-width: 447px
}

.our-services .services-item h4 {
    margin-bottom: 25px;
    letter-spacing: 2px;
    font-size: 24px;
    font-weight: 600
}

.our-services .services-item h4 a {
    color: #000
}

.our-services .services-item:hover h4 a {
    color: #da0c2f
}

.our-services .services-item .line-before {
    width: 40px;
    height: 2px;
    background-color: #000;
    margin-bottom: 25px;
    opacity: .5
}

.our-services .services-item p {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    line-height: 24px;
    min-height: 125px
}

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

.serv-slider .slick-dots li.slick-active button {
    background-color: #ef0d33
}

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

.serv-slider .slick-dots li button {
    background-color: #000;
    border-radius: 50px;
    width: 50px;
    height: 7px;
    padding: 0
}

.serv-slider .slick-dots li {
    margin: 0 20px
}

.process-sec {
    padding: 50px 0
}

.process-box {
    text-align: center;
    cursor: pointer;
    transition: transform .3s ease 0s
}

.process-box.active::before {
    background: #da0c2f
}

.process-box::before {
    content: "";
    left: 78%;
    position: absolute;
    top: 25%;
    width: 130px;
    height: 2px;
    background: #f6c2cb;
    transition-duration: 1s;
    transition-delay: 0s
}

.col-sm-2:last-child .process-box::before {
    display: none
}

.round-div {
    width: 20px;
    height: 20px;
    background: rgba(218, 12, 47, .52);
    position: absolute;
    left: 50%;
    top: 23%;
    border-radius: 60px
}

.process-box span {
    font-size: 100px;
    color: rgba(154, 154, 154, .48)
}

.process-box.active h4 {
    position: relative;
    transform: translateY(-155px);
    color: #da0c2f;
    transition-duration: 1s;
    transition-delay: 0s
}

.process-box h4 {
    font-size: 16px;
    text-transform: uppercase;
    transition-duration: 1s;
    transition-delay: 0s;
    padding-bottom: 10px
}

h4 {
    font-weight: 400
}

.process-box p {
    display: none;
    min-height: 100px
}

.process-box.active p {
    display: block
}

section#pro-sec .process-main-col {
    justify-content: center;
    margin-top: 45px;
    display: flex
}

.cn {
    text-align: center
}

.about_main_360 {
    background-image: url(../img/main-about-bg.html);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    padding: 0;
    height: 715px;
    margin: 50px 0 0;
    background-attachment: fixed;
    background-position: center top
}

.about_main_360_box {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-pack: center;
    place-content: center;
    background-color: rgb(0 0 0 / 49%);
    height: 100%;
    top: -65px
}

.about_main_360_box {
    max-width: 620px;
    padding: 80px;
    right: 80px;
    bottom: -80px;
    float: right;
    position: absolute;
    min-height: 780px
}

.about_main_360_box p {
    margin-right: 24px;
    margin-top: 30px;
    color: #fff;
    font-size: 18px
}

.about_main_360_box h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 700
}

.our_work_sec {
    padding: 70px 0 80px;
    background: url(../img/banner-5.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.port-img-new {
    perspective: 1000px
}

.port-img-new img {
    perspective: 600px;
    transition-duration: 1s
}

.port-img-new img:hover {
    transform: rotateY(-20deg) rotate3d(0, 31, 0, -10deg);
    transition-duration: 1s
}

.our_work_box img {
    width: 95%;
    margin: auto;
    border-radius: 8px;
    aspect-ratio: 1/1.4;
}

.our_work_box1 {
    margin: 0 0 20px
}

.our_work_sec h2 {
    font-size: 70px;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: .01em;
    padding-bottom: 30px
}

.our_work_sec h2 span {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 15px;
    text-transform: uppercase;
    position: relative;
    padding-left: 15px;
    display: table
}

.our_work_sec h2 span::before {
    content: "";
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #da0c2f;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

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

.our_work_slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.our_work_slider .slick-dots li.slick-active button {
    background-color: rgb(1 151 161);
}

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

.our_work_slider .slick-dots li button {
    background-color: rgb(1 151 161 / 33%);
    border-radius: 50px;
    width: 50px;
    height: 10px;
    margin: 0
}

.why_choose_sec {
    padding: 40px 0 70px
}

.why_choose_boxes h2 {
    font-size: 40px;
    line-height: 1.33;
    margin-bottom: 61px;
    font-weight: 700;
    color: #000;
    position: relative
}

.why_choose_boxes h2::before {
    content: "";
    height: 1px;
    background: #da0c2f;
    position: absolute;
    transform: translateX(-100%);
    left: 70px;
    right: auto;
    width: 70px;
    top: -20%
}

.why_choose_slider_box h3 {
    font-family: Montserrat, sans-serif;
    margin-bottom: 10px;
    line-height: 1.6;
    font-size: 24px;
    color: #ef0d33;
    font-weight: 700;
    text-transform: uppercase
}

.why_choose_slider_box p {
    font-size: 14px;
    color: #000;
    font-weight: 600
}

.why_choose_boxes {
    padding: 140px 0 0
}

.why_choose_box_img img {
    width: 100%;
    grid-area: 1/1/3/3;
    height: 100%;
    object-fit: cover
}

.why_choose_box_img {
    height: 700px
}

.why_choose_boxes {
    position: relative
}

.why_choose_boxes::before {
    content: "";
    background-image: url(../img/after-quote.html);
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    width: 481px;
    height: 487px;
    top: 27%;
    right: -430px;
    background-size: 70%
}

.why_choose_slider button.slick-next.slick-arrow {
    background-color: #000;
    width: 40px;
    color: #fff;
    text-align: center;
    left: 50px !important
}

.why_choose_slider button.slick-prev.slick-arrow {
    background-color: #000;
    width: 40px;
    color: #fff;
    text-align: center;
    right: 50px !important
}

.why_choose_slider .slick-next,
.why_choose_slider .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 160%;
    display: block;
    width: 20px;
    height: 30px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0;
    bottom: 0;
    left: 0;
    border-radius: 50px;
    right: 0 !important
}

.testi-box {
    background: #f1f1f1;
    display: flex;
    align-items: flex-start;
    padding: 80px 0;
    min-height: 360px
}

.testi-img {
    width: 35%
}

.testimonial-sec .hd-txt h2,
.testimonial-sec .hd-txt p {
    color: #000000
}

.cl-logo-div img {
    filter: invert(1)
}

.testi-img img {
    margin: 0 auto
}

.testi-txt {
    width: 75%;
    padding-right: 70px
}

.testi-txt p {
    font-size: 18px;
    font-style: italic;
    letter-spacing: 1.5px;
    line-height: 1.5;
    margin-bottom: 30px
}

.testi-txt div {
    display: flex;
    align-items: center
}

.testi-txt h4 {
    margin-left: 20px;
    font-size: 17px;
    color: #000;
    letter-spacing: 2px
}

.testi-txt img {
    border-radius: 60%
}

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

.feed-bck-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 50px;
    height: auto;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.feed-bck-slider .slick-dots li.slick-active button {
    background-color: #da0c2f
}

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

.feed-bck-slider .slick-dots li button {
    background-color: #e5e5e5;
    border-radius: 50px;
    width: 50px;
    height: 5px;
    margin: 0;
    padding: 0
}

.feed-bck-slider.slick-dotted.slick-slider {
    margin: 0
}

.feed-client {
    padding: 50px 0
}

.brand-client {
    background-color: #f1f1f1;
    padding: 90px 0 100px
}

.brnd-cl-logo li:hover img {
    filter: brightness(100)
}

.brnd-cl-logo ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.brnd-cl-logo li {
    position: relative;
    background-color: #fff;
    display: flex;
    text-align: center;
    -webkit-box-align: center;
    align-items: center;
    width: calc(33.3333% - 15px);
    padding: 15px;
    min-height: 240px;
    margin-right: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    justify-content: center
}

.logo-box-brand img {
    max-width: 180px;
    margin: auto;
    filter: invert(1)
}

.brnd-cl-logo li:hover {
    background: #da0c2f
}

span.title-sub::before {
    content: "";
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #da0c2f;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

span.title-sub {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 15px;
    text-transform: uppercase;
    position: relative;
    padding-left: 15px;
    display: table
}

.cta-sec {
    position: relative;
    background-color: #212121;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 120px;
    padding-bottom: 120px
}

.cta-sec::before {
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background-color: #333;
    content: "";
    transition: width .5s cubic-bezier(.77, 0, .175, 1) 0s
}

.cta-sec h3 span {
    color: #fff
}

.cta-sec h3 {
    font-size: 23px;
    font-weight: 700;
    color: #ef0d33;
    line-height: 1.2
}

.cta-sec:hover::before {
    width: 100%
}

.cta-sec .bnr-tb-icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 20px
}

.cta-sec .bnr-tb-icon a:last-child img {
    width: 95%
}

.career::before {
    content: "";
    background-color: rgba(54, 54, 54, .2);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 0
}

.career:hover::before {
    animation: .8s cubic-bezier(.77, 0, .175, 1) 0s 1 normal both running hover-btn;
    width: 100%
}

.career {
    position: relative;
    width: auto;
    color: #fff;
    background-color: #da0c2f;
    border: 0;
    appearance: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 14px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 15px;
    margin-top: 0;
    transition: background .3s ease 0s, color .3s ease 0s;
    overflow: hidden;
    border-radius: 60px;
    margin-left: 0
}

.career i {
    background-color: #fff;
    width: 25px;
    height: 25px;
    color: #000;
    border-radius: 50%;
    font-size: 13px;
    padding-top: 6px;
    padding-left: 5px;
    margin-right: 10px
}

.cta-btn-st a i {
    margin-right: 10px
}

.cta-btn-st a {
    width: 100%;
    position: relative;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    padding: 0;
    height: 75px;
    font-size: 22px;
    color: #fff
}

@-webkit-keyframes hover-btn {
    0% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(100%)
    }
}

@keyframes hover-btn {
    0% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(100%)
    }
}

section.vid-testimonial {
    background: #f8f8f8;
    padding: 50px 0 30px
}

section.vid-testimonial .title-main {
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .01em;
    padding-bottom: 0
}

.vid-testimonial .hd-txt h2 {
    text-align: center
}

.video-testi-st .owl-nav div {
    background: #000 !important;
    padding: 3px 15px !important
}

.video-testi-st .owl-nav {
    margin-top: 35px
}

.footer-sec {
    position: relative;
    z-index: 1;
    padding: 90px 50px 70px;
    background-color: #0197a1;
    /* background-color: #0197a170; */
    overflow: hidden
}

.footer-sec .ftr-1 img {
    width: 80%;
    margin-bottom: 28px;
    filter: drop-shadow(0px 2px 4px black);
}

.ftr-1 img {
    width: 50%
}

.ftr-3 li {
    line-height: 28px
}

.footer-sec a,
.footer-sec p {
    color: #fff;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400
}

.footer-sec-pt .footer-sec-icon a {
    padding-right: 20px
}

.copyright-social h3 {
    font-size: 23px
}

.footer-sec .copyright-social {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.ftr-2 p {
    color: #fff;
    font-weight: 700;
    margin-bottom: 8px;
    font-size: 25px;
}

.ftr-3 p {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 25px;
}

.footer-sec .contact-footer {
    padding: 10px 0
}

.ftr-2 li {
    float: left;
    width: 50%;
    line-height: 28px
}

.footer-icon a img {
    width: 100%
}

.footer-icon a i {
    padding-right: 0
}

.footer-icon a i {
    padding-top: 20px;
    font-size: 18px;
    color: #fff;
    transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
}

.footer-icon i {
    padding-top: 0 !important
}

.footer-icon {
    text-align: left;
    display: flex;
    /* align-items: center; */
    padding-bottom: 5px;
    margin-top: 10px;
}

.footer-pt .footer-icon a {
    padding-right: 20px
}

.copyright-social p {
    color: #fff;
    padding-top: 12px
}

.contact-footer {
    padding: 10px 0
}

.contact-footer {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-bottom: 10px
}

.contact-footer a {
    border-left: 1px solid #fff;
    padding-left: 25px;
    padding-right: 15px
}

.contact-footer a:first-child {
    border-left: none;
    padding-left: 0
}

.abt-btn-st span {
    display: flex
}

.abt-btn-st span {
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    display: flex;
    align-items: center;
    padding: 10px 14px
}

.abt-btn-st span small {
    font-size: 11px;
    letter-spacing: 0
}

.abt-btn-st span small strong {
    font-size: 20px;
    font-weight: bolder;
    position: relative;
    top: 2px
}

.about-btn-st .get-btn {
    background: #000;
    border: 1px solid #ef0d33
}

.about-btn-st .abt-btn-st {
    border-color: #000
}

.about-slider-st {
    background: #000
}

.about-slider-st h2 {
    color: #fff
}

.about-slider-st h4 {
    color: #fff
}

.about-page-st {
    background-image: url(../img/about-2.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    padding: 0;
    height: 715px;
    margin: 0;
    background-attachment: fixed;
    background-position: center top
}

.about-page-st .about_main_360_box {
    top: 0;
    bottom: 0;
    height: auto;
    min-height: auto
}

.serv-div-box h4 {
    width: 50%
}

.serv-div-box {
    position: relative
}

.main-slide-bx.serv-self-pub::before {
    content: "";
    position: absolute;
    background: url(../img/inner-slider/publishing.html) center center/cover no-repeat;
    inset: 20% 0 0 21%;
    width: 65%;
    height: 68%;
    opacity: .9
}

.main-slide-bx.serv-self-edit::before {
    content: "";
    position: absolute;
    background: url(../img/inner-slider/editing1.html) center center/cover no-repeat;
    inset: 20% 0 0 21%;
    width: 65%;
    height: 68%;
    opacity: .9
}

.main-slide-bx.serv-self-format::before {
    content: "";
    position: absolute;
    background: url(../img/inner-slider/Ghost-writing.html) center center/cover no-repeat;
    inset: 20% 0 0 21%;
    width: 65%;
    height: 68%;
    opacity: .9
}

.main-slide-bx.serv-self-bcdesign::before {
    content: "";
    position: absolute;
    background: url(../img/inner-slider/book-cover1.html) center center/cover no-repeat;
    inset: 20% 0 0 21%;
    width: 65%;
    height: 68%;
    opacity: .9
}

.main-slide-bx.serv-self-videotrail::before {
    content: "";
    position: absolute;
    background: url(../img/inner-slider/video-book-trailers.html) center center/cover no-repeat;
    inset: 20% 0 0 21%;
    width: 65%;
    height: 68%;
    opacity: .9
}

.main-slide-bx.serv-self-smmarkting::before {
    content: "";
    position: absolute;
    background: url(../img/inner-slider/social-media-marketing.html) center center/cover no-repeat;
    inset: 20% 0 0 21%;
    width: 65%;
    height: 68%;
    opacity: .9
}

.main-slide-bx.serv-self-seowriting::before {
    content: "";
    position: absolute;
    background: url(../img/inner-slider/seo-writing.html) center center/cover no-repeat;
    inset: 20% 0 0 21%;
    width: 65%;
    height: 68%;
    opacity: .9
}

.main-slide-bx.serv-self-digibkprom::before {
    content: "";
    position: absolute;
    background: url(../img/inner-slider/digital-book.html) center center/cover no-repeat;
    inset: 20% 0 0 21%;
    width: 65%;
    height: 68%;
    opacity: .9
}

.main-slide-bx.serv-self-audiobk::before {
    content: "";
    position: absolute;
    background: url(../img/inner-slider/audio-books.html) center center/cover no-repeat;
    inset: 20% 0 0 21%;
    width: 65%;
    height: 68%;
    opacity: .9
}

.main-slide-bx.serv-self-intrctivebook::before {
    content: "";
    position: absolute;
    background: url(../img/inner-slider/e-books.html) center center/cover no-repeat;
    inset: 20% 0 0 21%;
    width: 65%;
    height: 68%;
    opacity: .9
}

.main-slide-bx.serv-self-authrsweb::before {
    content: "";
    position: absolute;
    background: url(../img/inner-slider/authors-website.html) center center/cover no-repeat;
    inset: 20% 0 0 21%;
    width: 65%;
    height: 68%;
    opacity: .9
}

.main-slide-bx.serv-self-ghstwrtng::before {
    content: "";
    position: absolute;
    background: url(../img/inner-slider/Ghost-writing1.html) center center/cover no-repeat;
    inset: 20% 0 0 21%;
    width: 65%;
    height: 68%;
    opacity: .9
}

.main-slide-bx.serv-self-wikipdia::before {
    content: "";
    position: absolute;
    background: url(../img/inner-slider/wikipedia-writing.html) center center/cover no-repeat;
    inset: 20% 0 0 21%;
    width: 65%;
    height: 68%;
    opacity: .9
}

.main-slide-bx.serv-self-portfol::before {
    content: "";
    position: absolute;
    background: url(../img/inner-slider/portfilio.html) center center/cover no-repeat;
    inset: 20% 0 0 21%;
    width: 65%;
    height: 68%;
    opacity: .9
}

.creative-bx-1 {
    background: url(../img/creative-writing/02.html) center center/cover no-repeat;
    height: 500px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end
}

.creative-bx-2 {
    background: url(../img/creative-writing/03.html) center center/cover no-repeat;
    height: 500px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end
}

.creative-bx-3 {
    background: url(../img/creative-writing/04.html) center center/cover no-repeat;
    height: 500px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
    margin-top: 20px
}

.creative-bx-4 {
    background: url(../img/creative-writing/01.html) center center/cover no-repeat;
    height: 500px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
    margin-top: 20px
}

.creative-bx h4 {
    color: #fff;
    font-size: 25px;
    padding-bottom: 15px;
    font-weight: 600
}

.creative-bx p {
    color: #fff;
    padding-bottom: 20px
}

.creative-bx {
    padding: 0 20px;
    text-align: center;
    overflow: hidden;
    transition-duration: 1s;
    cursor: pointer
}

.view-dtl-btn {
    color: #da0c2f;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    position: relative;
    top: 80px;
    transition-duration: 1s
}

.creative-bx:hover .view-dtl-btn {
    top: 0;
    transition-duration: 1s
}

.testi-page-sec {
    padding: 180px 0 50px;
    background: #f1f1f1
}

.testi-box-pg {
    background-color: #090909;
    padding: 57px 33px 50px;
    min-height: 490px;
    margin-bottom: 30px;
    border: 1px solid #252525;
    display: flex;
    flex-direction: column
}

.testi-box-pg h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 600
}

.testi-box-pg p {
    color: #fff;
    padding-top: 35px;
    font-size: 14px;
    font-style: italic;
    padding-bottom: 33px
}

.testi-box-pg span {
    font-size: 14px;
    color: #ef0d33;
    font-weight: 700;
    display: block
}

.testi-pg-rem {
    margin-top: 50px;
    float: left;
    width: 100%
}

.testi-pg-rem .feed-client {
    display: none
}

.box-info-contact {
    position: relative;
    height: 100%;
    padding: 30px;
    background: #0197a1
}

.box-info-contact h3 {
    margin-bottom: 15px !important;
    color: rgb(255 255 255);
    font-weight: 700;
    font-size: 35px;
    line-height: 1.2;
    font-family: Montserrat, sans-serif
}

.box-info-contact ul li {
    margin-top: 30px;
    display: flex;
    align-items: center
}

.box-info-contact h5 {
    font-family: Montserrat, sans-serif;
    margin-bottom: 30px;
    line-height: 1.6
}

.box-info-contact ul li p {
    color: rgb(255 255 255);
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    min-width: 120px
}

.box-info-contact ul li a {
    position: relative;
    transition: color .3s ease-out 0s;
    line-height: 1.7;
    font-weight: 600;
    font-size: 16px !important;
    color: rgb(255 255 255);
}

.box-info-contact p {
    font-size: 16px;
    color: rgb(255 255 255);
    font-weight: 400;
    margin: 0 0 20px 0 !important;
}

.box-info-contact ul li a::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: rgba(53, 53, 53, .61);
    transform-origin: 100% 50%;
    transition: transform .4s cubic-bezier(.28, .38, 0, .81) 0s, -webkit-transform .4s cubic-bezier(.28, .38, 0, .81) 0s
}

.box-info-contact ul li a::after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: rgba(53, 53, 53, .61);
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: transform .4s cubic-bezier(.28, .38, 0, .81) .2s, -webkit-transform .4s cubic-bezier(.28, .38, 0, .81) .2s
}

.box-info-contact ul li a:hover::before {
    transform: scaleX(0)
}

.box-info-contact ul li a:hover::after {
    transform: scaleX(1)
}

.contact-page-form .form-group .entry {
    display: flex;
    width: 100%;
    border-bottom: 1px solid rgba(53, 53, 53, .61);
    padding-bottom: 15px;
    margin-bottom: 30px
}

.contact-page-form h3 {
    margin-bottom: 30px;
    color: #000;
    font-weight: 700;
    line-height: 1.2;
    font-family: Montserrat, sans-serif;
    font-size: 35px
}

.contact-page-form label,
.contact-page-form::placeholder {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 30px;
    color: rgb(0, 0, 0);
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 400;
    margin-bottom: 0
}

.contact-page-form textarea {
    min-height: 120px
}

.contact-page-form input,
.contact-page-form textarea {
    height: 100%;
    background-color: white;
    border: 0;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    font-size: 14px;
    line-height: 1.7;
    box-shadow: none;
    padding: 20px !important;
    color: #000 !important
}

.contact-page-form::placeholder {
    color: #000
}

.form-pg-btn-st {
    position: relative;
    width: auto;
    color: #fff;
    border: 0;
    appearance: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 14px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 15px;
    margin-top: 0;
    transition: background .3s ease 0s, color .3s ease 0s;
    overflow: hidden;
    border-radius: 5px;
    margin-left: 0;
    background: #0197a1
}

.form-pg-btn-st::before {
    content: "";
    background-color: rgba(54, 54, 54, .2);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 0
}

.form-pg-btn-st:hover::before {
    animation: .8s cubic-bezier(.77, 0, .175, 1) 0s 1 normal both running hover-btn;
    width: 100%
}

.form-page-main-div {
    display: flex
}

.contact-page-sec {
    padding: 50px 0 0
}

.contact-page-form {
    padding: 30px
}

.term-page-st {
    padding: 170px 0 50px;
    background-color: #fff;
}

.terms-txt h3 {
    font-size: 25px;
    padding-top: 15px;
    padding-bottom: 10px;
    font-weight: 600
}

.terms-txt p {
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
    color: #000
}

.terms-txt a {
    color: #000
}

.term-pg-rem {
    margin: 0
}

.intl-tel-input {
    width: 100%
}

.noplus::after {
    display: none
}

.ban-form input {
    width: 100%;
    border-width: 0 0 1px;
    border-bottom-style: solid;
    border-bottom-color: #e5e5e5;
    background: 0 0;
    padding: 15px 42px;
    font-size: 14px;
    height: 50px;
    font-weight: 400;
    margin: 0 0 15px;
    border-left-style: initial;
    border-left-color: initial;
    border-right-style: initial;
    border-right-color: initial;
    border-top-style: initial;
    border-top-color: initial;
    border-radius: 0;
    color: #8a8a8a;
    outline: 0 !important;
    color: #fff
}

.ban-form {
    float: left;
    width: 100%;
    margin: 0 auto;
    display: table;
    position: relative
}

.ban-form textarea {
    width: 100%;
    border-width: 0 0 1px;
    border-bottom-style: solid;
    border-bottom-color: #e5e5e5;
    background: 0 0;
    padding: 5px 15px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    resize: none;
    height: 70px;
    margin: 0;
    border-left-style: initial;
    border-left-color: initial;
    border-right-style: initial;
    border-right-color: initial;
    border-top-style: initial;
    border-top-color: initial;
    border-radius: 0;
    outline: 0 !important;
    color: #fff
}

.ban-form .ban-form-sub {
    color: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 12px 50px;
    border: transparent;
    display: table;
    font-size: 21px;
    width: auto;
    margin: 10px auto 0;
    height: auto;
    font-weight: 700;
    text-transform: capitalize;
    background: #0197a1;
    /* box-shadow: 2px 2px 20px 0 #0197a1 */
}

.ban-form form input::-webkit-input-placeholder {
    color: #fff;
    opacity: 1 !important
}

.ban-form form textarea::-webkit-input-placeholder {
    color: #fff;
    opacity: 1 !important
}

.ban-form form input:focus,
.ban-form form option:focus,
.ban-form form select:focus,
.ban-form form textarea:focus,
.selected-flag {
    outline: 0
}

.formheading h2 {
    font-size: 24px;
    text-align: center;
    font-weight: 700;
    color: rgb(255 255 255);
    line-height: normal
}

.formheading {
    margin-bottom: 20px;
    padding: 0 20px
}

.bnr-form-slider p {
    font-size: 25px;
    letter-spacing: 0;
    padding: 28px 0 0;
    text-align: center;
    text-transform: initial;
    font-weight: 500;
    color: rgb(255 255 255) !important;
    border-radius: unset;
}



.ban-form-sub::placeholder {
    color: #fff
}

#entry-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999990;
    align-items: center;
    background-color: rgba(0, 0, 0, .62);
    display: none;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
}

.entry-box {
    background: #292727;
    padding-top: 0;
    padding-bottom: 20px;
    width: 570px;
    margin: 0 auto;
    border-radius: 20px;
    position: relative
}

a#entry-box_close {
    background-color: #0197a1;
    width: 59px;
    height: 59px;
    display: block;
    line-height: 59px;
    color: #fff;
    border-radius: 50%;
    font-size: 32px;
    text-align: center;
    position: absolute;
    right: -18px;
    top: -30px;
    z-index: 999
}

.entry-box .text-1 h4 {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    line-height: 34px;
    margin-bottom: 12px
}

.entry-box .text-1 h4 span.red {
    color: #0197a1;
    text-transform: uppercase;
    display: inline;
    font-size: 30px;
    font-weight: 700
}

.col-sm-12.entry-right {
    padding: 30px 40px;
    background: #000000;
    border-radius: 20px
}

.entry-box .text-1 p {
    color: #fff;
    font-size: 19px;
    line-height: 22px
}

.entry-box .text-1 p strong {
    text-transform: uppercase
}

.text-1 {
    position: relative;
    padding-left: 27px;
    margin-bottom: 20px
}

.text-1::before {
    content: "";
    width: 10px;
    height: 100%;
    position: absolute;
    left: 0;
    background-color: #0197a1;
    border-radius: 100px
}

.entry-box .form-control {
    min-height: 60px;
    border-radius: 7px;
    background-color: rgba(250, 250, 250, .92);
    border-color: transparent;
    color: #060606;
    font-size: 16px;
    width: 100%;
    display: block;
    padding: 15px
}

.entry-box .form-control::placeholder {
    color: #000
}

.entry-box button {
    border-radius: 5px;
    background-color: #3376ee
}

.entry-box button {
    background-color: #0197a1;
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 14px;
    border-radius: 10px;
    padding: 15px 20px;
    border: 0
}

.entry-box ul li {
    color: #111322;
    font-size: 16px;
    font-weight: 500;
    width: 49%;
    display: inline-block;
    margin-bottom: 4px
}

.entry-box ul li i {
    color: #eb0000
}

#entry-popup .form-btn {
    display: table;
    text-align: center;
    margin: 0 auto
}

.main-slide-bx.pricing-page-st::before {
    content: "";
    position: absolute;
    background: url(../img/inner-slider/Book-Publishing.html) center center/cover no-repeat;
    inset: 20% 0 0 21%;
    width: 65%;
    height: 68%;
    opacity: .9
}

.work-under-header {
    position: relative;
    overflow: hidden
}

.work-under-header[data-dsn-col="2"] {
    margin-top: -20vh
}

@media only screen and (max-width:991px) {
    .work-under-header[data-dsn-col="2"] {
        margin-top: 80px
    }
}

.work-under-header .custom-container {
    width: 120%
}

.work-under-header .slick-list {
    padding: 0 10% 0 0
}

.work-under-header .work-item {
    vertical-align: top;
    position: relative;
    overflow: hidden;
    margin-right: 50px;
    height: 50vh
}

.work-under-header .work-item img {
    height: 100%;
    object-fit: cover
}

.work-under-header .work-item a {
    width: 100%;
    height: 100%;
    transition: transform .5s ease-in-out 0s, -webkit-transform .5s ease-in-out 0s
}

.our-work.work-under-header .tabs-custom.active {
    color: #fff;
    background-color: #0197a1
}

.our-work.work-under-header .tabs-custom {
    color: #000;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    border: 0 solid rgba(112, 112, 112, .96);
    border-radius: 40px;
    transition: background .2s linear 0s;
    display: inline-block;
    padding: 15px 20px;
    margin: 10px;
    background-color: #f1f1f1;
    font-size: 16px;
    font-weight: 600
}

.our-work.work-under-header {
    padding: 80px 0
}

.our-work .pricing-txt.price-scroltxt p {
    height: 100px;
    overflow: hidden scroll
}

.our-work.work-under-header .row {
    display: flex;
    align-items: center;
    justify-content: center
}

.our-work.work-under-header .tab-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 35px
}

.work-container.pricing-cnt-st {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 40px
}

.work-container.pricing-cnt-st {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 40px
}

.work-container.pricing-cnt-st:nth-child(1) .pricing-box {
    margin-right: 28px
}

.work-container .pricing-box {
    box-shadow: rgba(0, 0, 0, .25) 0 0 25px;
    border-radius: 10px;
    padding-bottom: 20px;
    width: 50%
}

.work-container .pricing-img-st img {
    border-radius: 8px 8px 0 0;
    width: 100%
}

.pricing-txt {
    padding: 10px 20px
}

.pricing-txt h4 span {
    font-size: 16px
}

.work-container .pricing-box .pricing-bt-amnt {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 20px
}

.work-container .pric-btn-am {
    display: flex;
    align-items: flex-end
}

.work-container a.btn-main-price {
    background: #0b80ba;
    padding: 7px 15px;
    border-radius: 6px;
    color: #fff !important
}

.work-container .pricing-txt h4 {
    color: #223235;
    text-align: left;
    line-height: 1.2;
    font-size: 24px;
    font-weight: 600;
    text-decoration: none;
    border: 0
}

.pric-btn-am img {
    margin-right: 15px;
    position: relative;
    top: 10px
}

.our-work.work-under-header .row {
    display: flex;
    align-items: center;
    justify-content: center
}

.our-work .pricing-txt.price-scroltxt::-webkit-scrollbar {
    width: 8px
}

.our-work .pricing-txt.price-scroltxt::-webkit-scrollbar-track {
    box-shadow: grey 0 0 5px inset;
    border-radius: 10px
}

.our-work .pricing-txt.price-scroltxt::-webkit-scrollbar-thumb {
    background: red;
    border-radius: 8px
}

.our-work .pricing-txt.price-scroltxt::-webkit-scrollbar-thumb:hover {
    background: #b30000
}

.about-slider-st h1 {
    color: #fff
}

.main-slide-bx h1 {
    font-size: 50px;
    font-weight: 700;
    color: #fff
}

section.banner-news {
    padding: 50px 0;
    background-image: url(../img/news-bg1.html);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 573px;
    display: flex;
    align-items: center
}

.banner-main {
    text-align: center;
    color: #fff;
    width: 80%;
    display: table;
    margin: auto
}

.banner-main h2 {
    padding-bottom: 15px;
    font-size: 45px;
    font-weight: 700;
    margin: 0;
    color: #fff
}

.banner-main p {
    font-size: 20px;
    font-weight: 300;
    margin: 0;
    color: #fff
}

section.service-sec {
    padding: 50px 0 0
}

.img-box img {
    width: 100%
}

.text-box h2 a {
    font-size: 25px;
    font-weight: 700;
    color: #282526;
    margin: 0
}

img.pic-box {
    padding-left: 20px;
    width: 65%
}

.text-box:hover a {
    color: red
}

.text-box p {
    padding-bottom: 40px;
    font-size: 15px;
    font-weight: 500;
    color: #282526;
    line-height: 26px;
    padding-top: 15px
}

.service-main {
    display: flex;
    align-items: center
}

.service-main h4 {
    font-size: 18px;
    font-weight: 600;
    padding-left: 20px
}

.sirvice-bottom .row {
    border-bottom: 1px solid #cbcaca;
    padding-bottom: 50px
}

.bottom-box {
    padding-bottom: 50px !important
}

.text-box:hover h2 a {
    color: red
}

.get-btn.open-popup {
    color: rgb(255 255 255);
    background: #0197a1;
    border-color: #0197a1;
}

a.get-btn.chatt:hover {
    color: #fff;
    background: #0197a1;
    border-color: #0197a1;
}

.get-btn.open-popup:hover {
    color: #000000;
    background: 0 0;
}

.main-banner-sec .col-sm-12 {
    display: flex;
    align-items: center;
}

.client_logos_boxes .bnr-icon-st-cl {
    display: block
}

.intro-sec-img.seller-img-bf img {
    width: 100%;
    border: 0;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
}

.seller-img-bf {
    position: relative;
    z-index: 1;
}

.seller-img-bf::before {
    content: "";
    background: url(../img/dot-pattern-img.html);
    width: 175px;
    height: 82px;
    position: absolute;
    bottom: -30px;
    left: -50px;
    z-index: -1;
}

.numb-ex h3 {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
}

.serv-bx-st {
    border-radius: 8px;
    padding: 20px;
    margin-top: 25px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 360px;
    position: relative;
    transition: all .5s ease-in-out 0s;
    z-index: 1;
    background-color: #00595f;
    box-shadow: 0 10px 32.4px 7.6px rgba(0, 0, 0, .05)
}

.serv-bx-st.serv-bx-6:hover img,
.serv-bx-st:hover img {
    filter: brightness(100);
    -webkit-filter: brightness(100);
}


/* .serv-bx-st.serv-bx-6 img {
    filter: invert(20%) sepia(98%) saturate(6362%) hue-rotate(241deg) brightness(101%) contrast(111%)
} */

.serv-bx-1:hover {
    background-image: url(../img/serv-icon/serv-img-1.html)
}

.serv-bx-2:hover {
    background-image: url(../img/serv-icon/serv-img-2.html)
}

.serv-bx-3:hover {
    background-image: url(../img/serv-icon/serv-img-3.html)
}

.serv-bx-4:hover {
    background-image: url(../img/serv-icon/serv-img-4.html)
}

.serv-bx-5:hover {
    background-image: url(../img/serv-icon/serv-img-5.html)
}

.serv-bx-6:hover {
    background-image: url(../img/serv-icon/serv-img-6.html)
}

.serv-bx-7:hover {
    background-image: url(../img/serv-icon/serv-img-7.html)
}

.serv-bx-8:hover {
    background-image: url(../img/serv-icon/serv-img-8.html)
}

.serv-bx-9:hover {
    background-image: url(../img/serv-icon/serv-img-9.html)
}

.serv-bx-10:hover {
    background-image: url(../img/serv-icon/serv-img-10.html)
}

.serv-bx-11:hover {
    background-image: url(../img/serv-icon/serv-img-11.html)
}

.serv-bx-12:hover {
    background-image: url(../img/serv-icon/serv-img-12.html)
}

.serv-bx-13:hover {
    background-image: url(../img/serv-icon/serv-img-13.html)
}

.serv-bx-14:hover {
    background-image: url(../img/serv-icon/serv-img-14.html)
}

.serv-bx-15:hover {
    background-image: url(../img/serv-icon/serv-img-15.html)
}

.serv-bx-st:hover .serv-arrow-st,
.serv-bx-st:hover h4,
.serv-bx-st:hover p {
    color: #fff !important
}

.serv-bx-st::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: none;
    opacity: .8;
    border-radius: 8px;
    background: #000
}

.serv-bx-st:hover::before {
    display: block
}

.serv-bx-st h4 {
    font-size: 18px;
    font-weight: 700;
    margin: 15px 0;
    color: rgb(255, 255, 255);
}

.serv-bx-st p {
    font-size: 14px;
    color: rgb(255, 255, 255);
    height: 180px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 3px;
    scroll-behavior: smooth
}

.serv-bx-st p::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.serv-bx-st p::-webkit-scrollbar {
    width: 6px;
    border-radius: 10px;
    background-color: #F5F5F5;
}

.serv-bx-st p::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #0197a1;
}

.serv-arrow-st {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 20px;
    color: #0197a1
}

.serv-bx-st.serv-bx-16 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    background: -webkit-linear-gradient(45deg, #000 0, #ef0d33 100%);
    animation: 3s ease 0s infinite normal none running blinkingText
}

a.sign-btn {
    font-size: 20px;
    font-weight: 700;
    background: #fff;
    padding: 12px 42px;
    border-radius: 5px;
    border: 1px solid #eee;
    margin-top: 30px;
    color: #000;
    animation: 3s ease 0s infinite normal none running blinkingText3;
}

.serv-bx-st.serv-bx-16 h4 {
    margin-bottom: 5px
}

.serv-bx-st.serv-bx-16 h2,
.serv-bx-st.serv-bx-16 h4,
.serv-bx-st.serv-bx-16 p {
    color: #fff;
    animation: 3s ease 0s infinite normal none running blinkingText2
}

@keyframes blinkingText {
    0% {
        color: #000;
        background: #fff
    }

    49% {
        color: #fff;
        background: #0197a1
    }

    60% {
        color: #000;
        background: #fff
    }

    99% {
        color: #fff;
        background: #0197a1
    }

    100% {
        color: #000;
        background: #fff
    }
}

@keyframes blinkingText2 {
    0% {
        color: #000
    }

    49% {
        color: #fff
    }

    60% {
        color: #000
    }

    99% {
        color: #fff
    }

    100% {
        color: #000
    }
}

@keyframes blinkingText3 {
    0% {
        color: #fff;
        background: #0197a1
    }

    49% {
        color: #000;
        background: #fff
    }

    60% {
        color: #fff;
        background: #0197a1
    }

    99% {
        color: #000;
        background: #fff
    }

    100% {
        color: #fff;
        background: #0197a1
    }
}

.our-services .hd-txt {
    text-align: center
}

.our-services .hd-txt h2 {
    text-align: center;
    color: #000000
}

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

.services-slider .slick-dots li {
    margin: 0
}

.services-slider .slick-dots li.slick-active button {
    background-color: rgb(51 51 51);
    border-color: transparent
}

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

.services-slider .slick-dots li button {
    background-color: transparent;
    border: 1px solid rgb(51 51 51);
    border-radius: 50px;
    width: 10px;
    height: 10px
}

.ban-form input::placeholder,
.ban-form textarea::placeholder {
    color: #e5e5e5 !important
}

.bnr-form-ndiv {
    background: rgb(29 25 21 / 40%);
    width: 100%;
    height: auto;
    clear: both;
    padding: 25px 20px;
    border-radius: 8px;
    box-shadow: rgb(0 0 0 / 35%) 0 35px 58px 0;
    min-height: auto;
    top: 0;
    bottom: 0;
    margin: auto;
    position: relative;
    border: 5px solid #0197a1;
}

.footer-icon.bnr-ftr-ico {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-items: center
}

.ftr-1 p {
    margin-bottom: 20px
}

.copyright-socials {
    text-align: center;
    margin-top: 40px
}

.copyright-socials p {
    color: #fff
}

.bnr-form-ftr-txt h4 {
    color: rgb(255 255 255);
    font-weight: 700;
    font-size: 18px;
    margin-top: 20px;
}

.bnr-form-ftr-txt {
    display: block;
    width: 100%;
    padding-bottom: 15px
}

.footer-icon.bnr-ftr-ico a {
    margin: 0 9px
}

.cta-sec-vid {
    background: url(../img/banner-4.webp) center center/cover no-repeat;
    padding: 50px 0 50px;
    overflow: visible;
}

.cta-sec-vidki {
    background: url(../img/banner-2.webp) center center/cover no-repeat;
    padding: 50px 0 50px;
    overflow: visible;
    margin-bottom: 0px;
}

.cta-sec-vidki2 {
    background: url(../img/banner-2.webp) center center/cover no-repeat;
    padding: 50px 0 50px;
    overflow: visible;
    margin-bottom: 0px;
}

img.about-kind {
    margin-bottom: -30px;
}

.cta-vid-div img {
    width: 100%
}

.cta-vid-div {
    position: absolute;
    z-index: 1
}

.cta-vid-txt {
    bottom: 10px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: absolute;
    width: 95%;
    padding: 0 20px
}

.cta-vid-txt i {
    position: relative;
    color: #fff
}

.cta-play {
    position: absolute;
    inset: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(51 51 51);
    font-size: 40px;
    background-image: -moz-linear-gradient(0deg, #dd8f48 0, #f3d28a 100%);
    border-radius: 5px;
    background: #ffffff38
}

.cta-vid-txt h4 {
    font-size: 21px;
    color: #fff;
}

.cta-new-sec h2 {
    font-size: 60px;
    font-weight: 700;
    color: #000000
}

.cta-new-sec p {
    padding-top: 35px;
    color: #000000;
    font-size: 14px;
    line-height: 23px
}

.cta-sec-vid .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column
}

.cta-vid-div .cta-play {
    border-radius: 5px;
    background-image: -moz-linear-gradient(0deg, #dd8f48 0, #f3d28a 100%);
    background-image: -webkit-linear-gradient(313deg, rgb(132 15 176 / 0) 0, rgb(132 15 176 / 76%) 100%);
    background-image: -ms-linear-gradient(0deg, #dd8f48 0, #f3d28a 100%);
    opacity: 80%
}

.cta-new-sec {
    text-align: center
}

.cta-new-sec .bnr-btn {
    justify-content: center
}

.process-ul ul {
    padding: 0;
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.process-ul ul li {
    margin-right: 12px;
    flex: 0 0 19%;
}

.process-ul ul li:last-child {
    margin-right: 0
}

section.process-sec-new .hd-txt p {
    color: #000000
}

.process-bx {
    border-radius: 8px;
    padding: 20px 15px;
    position: relative;
    z-index: 1;
    /* box-shadow: 0 1px 14px 0 #0197a1; */
    border: 2px solid #0197a1;
    min-height: 340px;
}

.process-bx h4 {
    font-size: 14px;
    font-weight: 700;
    color: #0197a1;
    padding-bottom: 10px;
    min-height: 45px
}

.proces-num span {
    color: #0197a13d;
    font-size: 71px;
    font-weight: 700;
    opacity: .9;
    position: relative;
    left: 15px;
    z-index: -1
}

.proces-num {
    position: relative
}

.proces-num img {
    position: absolute;
    /*bottom: 15px;
    filter: invert(20%) sepia(98%) saturate(6362%) hue-rotate(241deg) brightness(101%) contrast(111%);
    -webkit-filter: brightness(0) saturate(100%) invert(36%) sepia(12%) saturate(4621%) hue-rotate(250deg) brightness(89%) contrast(84%) ;
    */
    filter: brightness(0) saturate(100%) invert(36%) sepia(12%) saturate(4621%) hue-rotate(143deg) brightness(89%) contrast(84%);
}

section.process-sec-new .hd-txt {
    text-align: center
}

section.process-sec-new .hd-txt h2 {
    text-align: center;
    color: #000000;
    margin: 0;
}

section.process-sec-new {
    padding: 50px 0;
    background: #ededed;
}

.rating-sec-about {
    /* background: url(../img/about-bg-hme.webp) center center/cover no-repeat; */
    padding: 70px 0;
    background: white;
}

.kindle-sec-about {
    background: url(../img/about-bgki-hme.html) center center/cover no-repeat;
    padding: 70px 0
}

.rating-list ul {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.rating-list li {
    width: 20%;
    text-align: center
}

.rating-div h2 {
    font-size: 57px;
    color: #0197a1;
}

.rating-div h2 span {
    font-weight: 700;
    color: #000000;
}

.rating-div p {
    font-size: 18px;
    color: rgb(0, 0, 0)
}

.rating-list {
    margin-bottom: 50px
}

.about-img-div img {
    width: 100%
}

.tel-em a {
    font-size: 15px;
    font-weight: 700;
    color: rgb(0, 0, 0);
}

.tel-em span {
    font-size: 23px;
    font-weight: 600;
    padding: 0 10px;
    color: #0197a1
}

.about-img-div::before {
    content: "";
    background: url(../img/about-pattern-img.html) center center/cover no-repeat;
    position: absolute;
    bottom: -40px;
    left: -62px;
    height: 195px;
    width: 92px;
    z-index: -1
}

.about-img-div {
    position: relative
}

.about-img-ico {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0
}

.about-img-ico i,
.about-img-ico img {
    filter: none !important
}

.about-btn .get-btn.open-popup {
    color: #fff;
    border: 1px solid transparent
}

.about-btn .get-btn.chatt {
    color: rgb(0, 0, 0);
    border-color: rgb(1 151 161);
}

.about-btn .get-btn.chatt:hover {
    color: #fff;
    border-color: transparent
}

.about-btn .get-btn.open-popup:hover {
    background: 0 0;
    color: rgb(0, 0, 0);
    border-color: rgb(1 151 161);
}

.about-col-div-hme {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.about-txt.hd-txt h2,
.about-txt.hd-txt p {
    color: #000000
}

.sucess-sec {
    /* background: url(../img/sucess-bg.webp) center center/cover no-repeat; */
    padding: 50px 0;
    background-color: #fff;
}

.sucess-sec .hd-txt {
    text-align: center
}

.sucess-sec .hd-txt h2 {
    text-align: center;
    color: #000000;
    margin-bottom: 20px
}

.sucess-div {
    border-radius: 8px;
    /* background-color: rgb(0 0 0 / 42%); */
    padding: 20px;
    margin: 0 15px;
    /* box-shadow: 0 1px 20px 0 #0197a1; */
    border: 2px solid #0197a1;
    min-height: 380px;
}

.sucess-div p {
    color: #000000;
    min-height: 208px
}

.sucess-div img {
    /* filter: invert(20%) sepia(98%) saturate(6362%) hue-rotate(241deg) brightness(101%) contrast(111%) */
    filter: brightness(0) saturate(100%) invert(36%) sepia(12%) saturate(4621%) hue-rotate(143deg) brightness(89%) contrast(84%);
}

.sucess-sec .hd-txt p {
    color: #fff
}

.sucess-div h4 {
    color: rgb(0, 0, 0);
    padding: 10px 0;
    font-weight: 700;
    font-size: 18px
}

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

.sucess-slider .slick-dots li {
    margin: 0
}

.sucess-slider .slick-dots li.slick-active button {
    background-color: #fff;
    border-color: transparent
}

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

.sucess-slider .slick-dots li button {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50px;
    width: 10px;
    height: 10px
}

.testi-div {
    border-radius: 8px;
    padding: 20px 30px;
    margin: 10px 15px;
    background-color: #ffffff70;
    box-shadow: 0 1px 20px 0 transparent;
    border: 2px solid transparent
}

.testi-img {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

img.testi-quote {
    width: 40%;
    text-align: right;
    margin-right: 0
}

.testi-div .star-ico i {
    color: #0197a1;
    font-size: 18px
}

.testi-div p {
    margin: 20px 0;
    min-height: 150px;
    font-size: 14px;
    color: #fff
}

.testi-img h4 {
    margin-top: 11px;
    color: #0197a1;
    font-size: 23px;
    font-weight: 700;


}

.testimonial-sec {
    padding: 80px 0;
    background: url(../img/banner-6.webp) center center/cover no-repeat;
}

.testimonial-sec .hd-txt {
    text-align: center
}

.testimonial-sec .hd-txt h2 {
    text-align: center
}

.testi-slider-new {
    padding: 40px 0 0 0;
}

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

.testi-slider-new .slick-dots li {
    margin: 0
}

.testi-slider-new .slick-dots li.slick-active button {
    background-color: rgb(0 0 0);
    border-color: transparent
}

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

.testi-slider-new .slick-dots li button {
    background-color: transparent;
    border: 1px solid rgb(0 0 0);
    border-radius: 50px;
    width: 10px;
    height: 10px
}

.testi-slider-new .slick-slide:hover .testi-div {
    background-color: rgb(0 0 0 / 42%);
    box-shadow: 0 1px 20px 0 #0197a1;
    border: 2px solid #0197a1
}

.testi-slider-new .slick-slide:hover .testi-div i {
    color: #fff
}

.testi-slider-new .testi-div p {
    color: #000000
}

.testi-slider-new .slick-slide:hover .testi-div h4 {
    color: #fff
}

.testi-slider-new .testi-div img {
    margin-left: 0
}

.cl-logo-ul ul {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0 0 0;
}

.cl-logo-ul ul li {
    width: 20%
}

.cl-logo-sec {
    padding: 50px 0;
    background: #0197a1
}

.cl-logo-sec .hd-txt h2 {
    text-align: center;
    color: #fff;
    margin: 0;
}

.cl-logo-div {
    border-radius: 8px;
    padding: 50px 8px;
    margin: 0 10px;
    /* box-shadow: 0 1px 20px 0 #0197a1; */
    border: 2px solid #00000038;
}

.cl-logo-div img {
    width: 90%;
    margin: 0 auto;
    display: table
}

.cl-logo-div:hover {
    /* background: rgb(1 151 161); */
    box-shadow: 2px 2px 20px 0 #00000073;
}

.cl-logo-div:hover img {
    filter: invert(1)
}

.cta-sec-new {
    padding: 50px 0;
    /* background: url(../img/cta-img-bg.webp) center center/cover no-repeat */
    background-color: #fff;
}

.cta-txt {
    text-align: center
}

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

.cta-txt h2 {
    color: #000000;
    font-size: 35px;
    font-weight: 700
}

.hvr-vid-testi {
    justify-content: center;
    display: none
}

.video-testi-div {
    position: relative;
    transition: all .5s ease-in-out 0s;
    margin: 0 10px
}

.video-testi-div img {
    width: 100%
}

.hvr-vid-testi h4 {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    opacity: 1;
    z-index: 1;
}

.video-testi-div:hover .hvr-vid-testi {
    display: flex
}

.vide-testi-sec .hd-txt {
    text-align: center
}

.vide-testi-sec {
    padding: 50px 0;
    background: url("") center center/cover no-repeat
}

.video-testi-div {
    position: relative;
    transition: all .5s ease-in-out
}

.video-testi-div img {
    width: 100%
}

.hvr-vid-testi h4 {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
    font-size: 22px;
    font-family: 'Frank Ruhl Libre', serif !important;
    font-weight: 700;
    opacity: 1;
    z-index: 1
}

.video-testi-div:hover .hvr-vid-testi {
    display: flex
}

.vide-testi-sec .hd-txt {
    text-align: center
}

.vide-testi-sec .hd-txt h2 {
    text-align: center;
    margin-bottom: 25px;
    color: #fff
}

.vide-testi-sec {
    padding: 50px 0 130px;
    position: relative;
    background: url(../img/map-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.vide-testi-sec .hd-txt p {
    width: 80%;
    margin: 0 auto 30px;
    color: #000000
}

.our_work_sec .hd-txt h2 {
    padding-bottom: 0;
    text-align: center;
    color: #000000;
    text-transform: uppercase;
}

.our_work_sec .hd-txt p {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    color: #000000
}

.our_work_sec .hd-txt {
    padding-bottom: 50px
}

.serv-bx-st img {
    /* filter: invert(20%) sepia(98%) saturate(6362%) hue-rotate(241deg) brightness(101%) contrast(111%) */
    filter: brightness(0) saturate(100%) invert(36%) sepia(12%) saturate(4621%) hue-rotate(152deg) brightness(89%) contrast(84%)
}

.inner-serv-pg-new .serv-bx-st {
    background: 0 0
}

.inner-serv-pg-new .serv-bx-st {
    background-color: #00595f;
}

.new-serv-pg-bnr {
    position: relative;
    padding: 160px 0
}

.beauty-bnr-sec {
    background: url(../img/peng.webp) center center/cover no-repeat;
}

.blog-bnr-sec {
    background: url(../img/peng.webp) center center/cover no-repeat;
}

.business-bnr-sec {
    background: url(../img/peng.webp) center center/cover no-repeat;
}

.celeb-bnr-sec {
    background: url(../img/peng.webp) center center/cover no-repeat;
}

.childbk-bnr-sec {
    background: url(../img/child.webp) center center/cover no-repeat;
}

.fantasy-bnr-sec {
    background: url(../img/peng.webp) center center/cover no-repeat;
}

.legal-bnr-sec {
    background: url(../img/peng.webp) center center/cover no-repeat;
}

.medical-bnr-sec {
    background: url(../img/peng.webp) center center/cover no-repeat;
}

.rap-bnr-sec {
    background: url(../img/peng.webp) center center/cover no-repeat;
}

.screenplay-bnr-sec {
    background: url(../img/peng.webp) center center/cover no-repeat;
}

.ama-mrkt-bnr-sec {
    background: url(../img/self-b.webp) center center/cover no-repeat;
}

.article-bnr-sec {
    background: url(../img/self-b.webp) center center/cover no-repeat;
}

.author-bnr-sec {
    background: url(../img/self-b.webp) center center/cover no-repeat;
}

.bk-cover-bnr-sec {
    background: url(../img/self-b.webp) center center/cover no-repeat;
}

.bk-promotion-bnr-sec {
    background: url(../img/self-b.webp) center center/cover no-repeat;
}

.edit-proof-bnr-sec {
    background: url(../img/self-b.webp) center center/cover no-repeat;
}

.fiction-bnr-sec {
    background: url(../img/peng.webp) center center/cover no-repeat;
}

.formatting-bnr-sec {
    background: url(../img/self-b.webp) center center/cover no-repeat;
}

.ghostwriting-bnr-sec {
    background: url(../img/self-b.webp) center center/cover no-repeat;
}

.ghost-writing-bnr-sec {
    background: url(../img/self-b.webp) center center/cover no-repeat;
}

.interactive-bnr-sec {
    background: url(../img/self-b.webp) center center/cover no-repeat;
}

.press-release-bnr-sec {
    background: url(../img/self-b.webp) center center/cover no-repeat;
}

.non-fiction-bnr-sec {
    background: url(../img/peng.webp) center center/cover no-repeat;
}

.self-publish-bnr-sec {
    background: url(../img/self-b.webp) center center/cover no-repeat;
}

.kindle-bnr-sec {
    background: url(../img/kindlew.webp) center center/cover no-repeat;
    padding-bottom: 80px;
    padding-top: 200px;
}

.seo-writing-bnr-sec {
    background: url(../img/self-b.webp) center center/cover no-repeat;
}

.smm-bnr-sec {
    background: url(../img/self-b.webp) center center/cover no-repeat;
}

.video-book-bnr-sec {
    background: url(../img/self-b.webp) center center/cover no-repeat;
}

.web-copy-bnr-sec {
    background: url(../img/self-b.webp) center center/cover no-repeat;
}

.wikipedia-bnr-sec {
    background: url(../img/self-b.webp) center center/cover no-repeat;
}

.contact-bnr-sec {
    background: url(../img/peng.webp) center center/cover no-repeat;
    padding: 200px 0 100px 0;
}

.contact-bnr-sec .col-sm-12.p0 {
    justify-content: center;
    text-align: center
}

.contact-bnr-sec .col-sm-12.p0 .bnr-btn {
    text-align: center;
    justify-content: center
}

.contact-bnr-sec .col-sm-12.p0 .bnr-btn img {
    margin: 0 auto;
    display: table;
    text-align: center;
    display: flex;
    justify-content: center
}

.contact-bnr-sec .col-sm-12.p0 .bnr-tb-icon {
    justify-content: center
}

.price-box-new {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.our-services .beauty-ser-sec .inner-serv-pg-new .hd-txt p {
    color: #000 !important;
}

.new-pr-bx-tb {
    border-radius: 23px;
    background-color: #0197a14a;
    padding: 50px 40px;
    width: 49%
}

.price-hd-div-tb {
    display: flex;
    align-items: center
}

.price-txt-tb {
    margin-left: 20px
}

.price-txt-tb h2 {
    font-size: 42px;
    color: #000000
}

.new-pr-bx-tb .price-txt-tb p {
    font-size: 20px;
    font-weight: 300;
    color: #000000;
    padding: 3px 0;
    height: auto;
    margin: 0
}

.price-txt-tb h3 {
    font-size: 42px;
    color: #000000
}

.price-txt-tb p {
    color: #000000
}

.price-hd-div-tb p {
    color: #000000
}

.new-pr-bx-tb p {
    color: #000000;
    margin-top: 30px;
    height: 75px;
    overflow-x: hidden;
    overflow-y: auto
}

.price-box-new .bnr-btn {
    margin-top: 50px;
    margin-bottom: 0
}

.new-pr-bx-tb:hover {
    background: -webkit-linear-gradient(0deg, #0197a1b5 0, #00efff26 100%);
}

.new-pr-bx-tb:hover h2,
.new-pr-bx-tb:hover h3,
.new-pr-bx-tb:hover p {
    color: #000
}

.new-pr-bx-tb:hover .bnr-btn .get-btn {
    background: #fff;
    color: #000
}

.new-pr-bx-tb:hover .bnr-btn .get-btn.chatt {
    border-color: #000;
    background: 0 0;
    color: #000
}

.portfolio-bnr-sec {
    background: url(../img/self-b.webp) center center/cover no-repeat;
    padding-top: 300px;
    padding-bottom: 200px;
}

.pricing-bnr-sec {
    background: url(../img/self-b.webp) center center/cover no-repeat;
}

.about-bnr-sec {
    background: url(../img/about-1.webp) center center/cover no-repeat;
}

.pricing-bnr-sec .col-sm-12.p0 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.pricing-bnr-sec .bnr-btn {
    text-align: center;
    justify-content: center
}

.pricing-bnr-sec img {
    margin: 0 auto
}

.portfolio-bnr-sec .bnr-btn {
    text-align: center;
    justify-content: center
}

.portfolio-bnr-sec .col-sm-12.p0 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

div#bk-publisng .price-box-new {
    justify-content: center
}

.new-pr-bx-tb::-webkit-scrollbar {
    width: 8px
}

.new-pr-bx-tb::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

.new-pr-bx-tb::-webkit-scrollbar-thumb {
    background: -webkit-linear-gradient(0deg, #dd8f48 0, #f3d28a 100%);
    border-radius: 10px
}

.new-pr-bx-tb:hover::-webkit-scrollbar-thumb {
    background: #1f1841
}

.new-pr-bx-tb::-webkit-scrollbar-thumb:hover {
    background: #b30000
}

.serv-bx-st::-webkit-scrollbar {
    width: 8px
}

.serv-bx-st::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

.serv-bx-st:hover::-webkit-scrollbar-thumb {
    background: #a249c3
}

.serv-bx-st::-webkit-scrollbar-thumb {
    background: #0197a1;
    border-radius: 10px
}

.serv-bx-st::-webkit-scrollbar-thumb:hover {
    background: #a249c3
}

.process-bx p {
    min-height: 135px;
    font-size: 13px;
    color: #000000
}

.author-bnr-sec h2 br {
    display: none
}

.writers-tab ul {
    border: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center
}

.writers-tab ul li a {
    border: 0 !important;
    background: 0 0 !important;
    transition-duration: 1s
}

.writers-tab ul li img {
    width: 100%
}

.writers-tab ul li {
    width: 33.33%;
    transition-duration: 1s
}

.writer-txt-tb {
    background-color: #fff;
    box-shadow: 0 0 27.55px 1.45px rgba(0, 0, 0, .08);
    padding: 25px 20px;
    position: absolute;
    bottom: -30px;
    width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition-duration: 1s;
    height: 60px;
    overflow: hidden
}

.writer-txt-tb h3 {
    font-size: 15px;
    font-weight: 700;
    color: #0197a1
}

.writer-txt-tb p {
    color: #000000;
    font-size: 13px;
    margin-top: 20px;
    transition-duration: 1s
}

.writer-img-bx {
    position: relative;
    margin-bottom: 55px;
    transition-duration: 1s
}

.writers-tab ul li.active .writer-hd-p {
    display: block;
    transition-duration: 1s
}

.writers-tab ul li:hover .writer-hd-p {
    transition-duration: 1s
}

.writers-tab ul li.active .writer-txt-tb,
.writers-tab ul li:hover .writer-txt-tb {
    height: 150px;
    transition-duration: 1s;
}

.our-writer-sec {
    padding: 50px 0
}

.summary.box h4 {
    font-size: 34px;
    font-weight: 700;
    color: #190c58;
    text-transform: capitalize;
    border-bottom: 2px solid;
    padding-bottom: 4px
}

.summary.box li {
    width: 100%;
    display: flex;
    align-items: center
}

.summary.box li .dtl-writers {
    color: #190c58;
    font-size: 15px;
    font-weight: 700;
    width: 40%
}

.summary.box li .dtl-writers-rate {
    color: #190c58;
    font-size: 15px;
    font-weight: 500;
    font-family: montserrat, sans-serif !important
}

.summary.box {
    padding-top: 50px
}

.summary.box ul {
    padding: 20px 0
}

.skills.summary.box ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 58%
}

.skills.summary.box ul li {
    width: 30%;
    line-height: 28px;
    color: #190c58;
    font-weight: 500
}

.skills.summary.box ul li i {
    margin-right: 9px
}

.experties.summary.box ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 58%
}

.experties.summary.box ul li {
    width: 25%;
    line-height: 28px;
    color: #190c58;
    font-weight: 500
}

.experties.summary.box ul li i {
    margin-right: 9px
}

section.writer-inr-tb-sec {
    background: #f4f3f3;
    padding: 50px 0 0
}

.writier-tb-inr-img img {
    width: 80%;
    position: relative;
    top: -20px
}

.writer-tb-inr-txt h2 {
    font-size: 35px;
    color: #190c58;
    font-weight: 700;
    padding-bottom: 15px
}

ul.quick-info {
    padding-top: 20px
}

ul.quick-info li label {
    width: 135px;
    color: #190c58;
    font-size: 15px;
    font-weight: 700
}

ul.quick-info li {
    font-size: 15px;
    font-weight: 400;
    color: #000
}

.writier-tb-inr-img {
    position: relative
}

.writier-tb-inr-img:before {
    content: '';
    background: 0 0;
    width: 80%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    border: 4px solid #8079a1
}

.writer-tb-inr-txt {
    padding-left: 25px
}

.our-writer-sec {
    background-color: #fff;
}

.writers-bnr-sec {
    background: url(../img/writers.webp) center center/cover no-repeat;
}

.portfolio-bnr-sec img {
    margin: 0 auto
}

.ftr-cta-txt {
    text-align: center;
    width: 80%;
    margin: 0 auto;
    padding: 30px 0;
    border-radius: 5px;
    background: #fff
}

.ftr-cta-col {
    position: absolute;
    width: 72%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: table;
    bottom: -55px;
    z-index: 2
}

.ftr-cta-txt h4 {
    font-size: 24px;
    font-weight: 500;
}

.ftr-cta-txt h2 {
    font-size: 38px;
    font-weight: 700;
    color: #000
}

.cta-sec-vid2 {
    margin-bottom: 0;
    padding-bottom: 50px
}

.cta-sec-vid2 .bnr-btn {
    margin-bottom: 0
}

.news-serv-sec .img-box:before {
    content: "";
    background: url(../img/about-pattern-img.html) center center/cover no-repeat;
    position: absolute;
    bottom: -40px;
    left: -62px;
    height: 195px;
    width: 92px;
    z-index: -1
}

.news-serv-sec2 .img-box:before {
    content: "";
    background: url(../img/about-pattern-img.html) center center/cover no-repeat;
    position: absolute;
    bottom: -40px;
    left: inherit;
    height: 195px;
    width: 92px;
    z-index: -1;
    right: -40px
}

.news-serv-sec .img-box {
    position: relative;
}

.news-serv-sec2 .img-box:before {
    left: inherit;
    right: -40px;
}

.news-serv-sec2 {
    padding-bottom: 100px !important;
}

.news-serv-sec .service-main {
    flex-direction: column;
    align-items: flex-start;
}

.news-serv-sec .service-main img.pic-box {
    padding: 0;
    margin-top: 20px;
}

.news-serv-sec .service-main h4 {
    text-align: left;
    padding: 10px 0 0 0;
}

.news-serv-sec .text-box h2 {
    color: #adadad;
}

.news-serv-sec .text-box p {
    color: #adadad;
}

.news-bnr-sec {
    background: url(../img/news/banner-img.webp) center center/cover no-repeat;
}

.thankyou_page span {
    font-size: 32px;
    color: #fff;
}

.thankyou_page p {
    color: #fff
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.btn-green.gre-bg:hover {
    background: #0197a1 !important;
    color: #fff !important;
}

.faqs-sec {
    padding: 80px 0;
    height: auto;
}



/*.accordion .card-header h2{font-size: ;}*/

.accordion .card-header .btn {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none !important;
    cursor: pointer;
    color: #0a3057;
    padding: 0 0px 0 0;
    white-space: normal;
    word-wrap: break-word;
}

.accordion .card-body p {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 10px;
}

.accordion .card {
    margin-bottom: 4px;
}

.accordion .card-body {
    background-color: #e6e6e6;
}

.accordion p {
    color: #666666 !important;
    padding: 0 0 0 36px;
}

.accordion .card-header .btn .fa {
    padding: 0 10px 0 0;
}

.faqs-sec .custom-text h2 {
    color: #fff;
}

.panel.panel-default {
    border: solid 2px #0197a1;
    /* box-shadow: 0 1px 20px 0 #0197a1; */
    border-radius: 8px;
    background: transparent !important;
}

h4.panel-title {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin: 0;
    border: 0;
}

.panel-default>.panel-heading {
    background-color: transparent;
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0;
}

.panel-heading {
    padding: 14px 15px;
    border-bottom: 1px solid transparent;
    /* border-top-left-radius: 3px; */
    border-top-right-radius: 0px;
    border: 0;
}

.panel-body p {
    font-size: 14px;
    font-weight: 400;
    color: #000000 !important;
    margin: 0;
    padding: 0;
}

.panel-heading a:before {
    font-family: 'FontAwesome';
    content: "\f107";
    float: right;
    transition: all 0.5s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(360deg);
    background: transparent;
    padding: 7px;
    font-size: 18px;
    margin-top: -5px;
    /* left: 250px; */
    /* top: -10px; */
    position: absolute;
    left: unset;
    right: 30px;
}

.panel-heading .collapsed:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(180deg);
    transform: rotate(0deg);
}

.faq-tet {
    text-align: center;
}

.faq-tet h2 {
    font-size: 40px;
    font-weight: 600;
    color: #000000;
    margin: 0 0 15px 0;
}

.faq-tet p {
    font-size: 14px;
    font-weight: 400;
    color: #000000 !important;
    margin: 0 0 35px 0;
}

section.cta-sec-vid.case-kindle-villa {
    margin-bottom: 0;
    padding: 50px 0;
    background: url(../img/banner-2.webp) center center/cover no-repeat;
    overflow: hidden;
    position: relative;
}

.footer-sec ul li a i {
    margin-right: 9px;
}

img.kenal-img-1 {
    position: absolute;
    width: 150px;
    bottom: 0;
    top: -15px;
    margin: auto;
    left: 282px;
}

img.kenal-img-2 {
    position: absolute;
    right: 70px;
    width: 145px;
    bottom: 0px;
    top: -90px;
    margin: auto;
}

img.kenal-img-3 {
    position: absolute;
    width: 145px;
    left: 80px;
    bottom: 0;
    top: -70px;
    margin: auto;
}

section.cta-sec-vid.case-kindle-villa .row {
    position: relative;
}

section.cta-sec-vid.case-kindle-villa:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

section.cta-sec-vid.case-kindle-villa p {
    padding-top: 50px;
}

section.cta-sec-vid.case-kindle-villa .get-btn.open-popup {
    background: #0197a1;
    box-shadow: 2px 2px 20px 0 #0197a1;
    border-color: #0197a1;
}

section.cta-sec-vid.case-kindle-villa .get-btn.chatt:hover {
    background: #0197a1;
    border-color: #0197a1;
}


/*.kindle_vella_page .bnr-form-ndiv {
    border: 5px solid #0197a1;
    box-shadow: 0 1px 40px 0 #f3651f;
}
*/

.kindle_vella_page .get-btn.open-popup {
    border-color: #0197a1;
    box-shadow: 2px 2px 20px 0 #0197a1;
    background-color: #0197a1;
}

.kindle_vella_page .ban-form .ban-form-sub {
    background: #0197a1;
    /* box-shadow: 2px 2px 20px 0 #0197a1; */
}

.kindle_vella_page .about-btn .get-btn.chatt {
    color: #0197a1;
    border-color: #0197a1;
}

li.kindle_vella_nav {
    position: relative;
}

li.kindle_vella_nav small {
    position: absolute;
    top: 0;
    right: 16px;
    top: 0;
    font-size: 10px;
}

.kindle_vella_page .serv-bx-st {
    height: 270px;
}

li.kindle_vella_nav small {
    -webkit-animation: color-change 1s infinite;
    -moz-animation: color-change 1s infinite;
    -o-animation: color-change 1s infinite;
    -ms-animation: color-change 1s infinite;
    animation: color-change 1s infinite;
}

@-webkit-keyframes color-change {
    0% {
        color: #0197a1;
    }

    50% {
        color: #fff;
    }

    100% {
        color: #0197a1;
    }
}

@-moz-keyframes color-change {
    0% {
        color: #0197a1;
    }

    50% {
        color: #fff;
    }

    100% {
        color: #0197a1;
    }
}

@-ms-keyframes color-change {
    0% {
        color: #0197a1;
    }

    50% {
        color: #fff;
    }

    100% {
        color: #0197a1;
    }
}

@-o-keyframes color-change {
    0% {
        color: #0197a1;
    }

    50% {
        color: #fff;
    }

    100% {
        color: #0197a1;
    }
}

@keyframes color-change {
    0% {
        color: #0197a1;
    }

    50% {
        color: #fff;
    }

    100% {
        color: #0197a1;
    }
}

.consult-sec {
    padding: 70px 0;
    background-color: #110c13;
}

.consult-sec h3 {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}

.consult-sec p {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    max-width: 950px;
    margin: 0 auto;
    padding-bottom: 25px;
}

.consult-sec input {
    border: 2px solid #5c6282;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
    background: none;
    padding: 12px;
    color: #fff;
}

.consult-sec textarea {
    border: 2px solid #5c6282;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    width: 100%;
    height: 150px;
    margin-bottom: 10px;
    background: none;
    padding: 15px;
    margin-bottom: 25px;
    color: #fff;
}

.consult-sec input::placeholder {
    color: #fff;
}

.consult-sec textarea::placeholder {
    color: #fff;
}

.consult-sec .consult-btn {
    color: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 12px 50px;
    border: transparent;
    display: table;
    font-size: 21px;
    width: auto;
    margin: 10px auto 0;
    height: auto;
    font-weight: 700;
    text-transform: capitalize;
    background: #0197a1;
    box-shadow: 2px 2px 20px 0 #0197a1;
}

.consult-sec .check-box {
    display: flex;
    justify-content: center;
    color: #fff;
}

.consult-sec .check-box .form-check-label {
    font-weight: 500;
}


/* .consult-sec .check-box {
    width: 30px;
    height: 30px;
    border: 0;
    background: #fff;
} */

.consult-sec .check-box input[type=checkbox],
input[type=radio] {
    margin: 0px 10px 0;
    line-height: normal;
    width: 14px !important;
    height: 18px !important;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-lp {
    padding: 40px 30px;
    position: relative;
    background-color: #0197a170;
}

.popup-overlay {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    background-color: #000000b0;
    z-index: 999;
}

.popup-overlay .popup-al {
    background-color: #0197a1;
    width: 600px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    border-radius: 43px;
    padding: 0 20px;
}

@media (max-width: 991px) {
    p.ghandMarwao {
        position: relative !important;
        top: 10px !important;
        height: 0 !important;
        margin: 0 0 311px 0 !important;
        z-index: -11111 !important;
    }

    .ftr-3 {
        position: relative !important;
    }

    .ftr-2 ul {
        position: relative !important;
        z-index: 99999 !important;
    }

    .popup-overlay .popup-al {
        width: 90%;
        padding-bottom: 20px;
    }
}

.popup-overlay img {
    width: 100%;
}

@media (max-width: 991px) {
    .popup-overlay .popup-al .popup-img {
        display: none;
    }
}

.popup-overlay h2 {
    color: var(--primary-color);
}

.popup-overlay .close-btn {
    display: block;
    background-color: transparent;
    font-size: 30px;
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    margin-left: auto;
    margin-right: 18px;
    margin-top: 8px;
}

.popup-overlay .popup-title {
    background-color: #0197a1;
    position: relative;
    padding: 6px 0;
    /* height: 60px; */
}

.popup-overlay .popup-title:before {
    content: "";
    position: absolute;
    left: -38px;
    top: 0;
    height: 100%;
    background-color: var(--primary-color);
    width: 50px;
    z-index: -1;
}

.popup-overlay .popup-title h5 {
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    padding: 5px 0;
}

@media (max-width: 991px) {
    .popup-overlay .popup-title:before {
        display: none;
    }
}

.popup-overlay .popup-title h4 {
    font-size: calc(18px + (20 - 18) * (100vw - 320px) / (1920 - 320));
    color: #ffffff;
    font-weight: 500;
    margin: 0;
}

.popup-overlay p {
    font-size: 14px;
    text-align: justify;
    margin: 20px 0;
    line-height: 25px;
    padding-right: 30px;
}

@media (max-width: 991px) {
    .popup-overlay p {
        padding: 0 15px;
    }
}

.popup-overlay a {
    display: block;
    width: 150px;
    position: relative;
    margin: 10px auto;
    text-align: center;
    background-color: #0f72e5;
    color: #ffffff;
    text-decoration: none;
    padding: 5px 0;
}

.popup-overlay .popup-form-ctm {
    padding: 12px 14px 25px 8px;
}

.popup-overlay .popup-form-ctm input {
    border: 1px solid #dddddd;
    background-color: #f8f8f8;
    height: 40px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    margin-bottom: 8px;
}

@media (max-width: 991px) {
    .popup-overlay .popup-form-ctm input {
        height: 35px;
    }
}

.popup-overlay .popup-form-ctm ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #6a6a6a;
    opacity: 1;
    /* Firefox */
    font-size: 13px;
}

.popup-overlay .popup-form-ctm :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #6a6a6a;
    font-size: 13px;
}

.popup-overlay .popup-form-ctm ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #6a6a6a;
    font-size: 13px;
}

.popup-overlay .popup-form-ctm textarea {
    border: 1px solid #dddddd;
    background-color: #f8f8f8;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    height: 134px;
}

@media (max-width: 991px) {
    .popup-overlay .popup-form-ctm textarea {
        height: 90px;
    }
}

.popup-overlay .popup-form-ctm .submit-popup {
    background-color: #ff992a;
    border: 1px solid #ff992a;
    color: #fff;
    padding: 9px 37px;
    border-radius: 10px;
}

.popup-form-ctm .btn-primary {
    font-size: calc(12px + (18 - 12) * (100vw - 320px) / (1920 - 320));
    color: rgb(255 255 255);
    background: #006269;
    border-color: #0197a1;
    box-shadow: 2px 2px 20px 0 #00000054;
}

.popup-form-ctm .btn-primary:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0197a1;
}

.innerserv-banner {
    padding: 150px 0 120px;
    background: url(../img/home-banner-bg.html) no-repeat;
}

.thankyou-page .button-div {
    display: inline-block;
    margin-top: 50px;
}

.thankyou-page h2 {
    font-size: 45px;
    color: #fff;
    font-weight: 600;
}

.thankyou-page h4 {
    font-size: 25px;
    color: #fff;
    margin: 30px 0;
}

.thankyou-page p {
    color: #fff;
}

.thankyou-page .bnr-btn {
    justify-content: center;
}

.thankyou-page .bnr-btn a:hover {
    background: rgb(132 15 176);
    border: 2px solid rgb(132 15 176);
}


button.btn.btn-link.collapsed a {
    color: rgb(0, 0, 0);
}

button.btn.btn-link a {
    color: rgb(0, 0, 0);
}

button.collapsed,
button.collapsed a {
    background: transparent;
    border: none;
    color: rgb(0, 0, 0) !important;
}


h4.panel-title button,
h4.panel-title button a {
    background: transparent;
    border: none;
    color: rgb(0, 0, 0);
    text-align: left;
}

section.cta-sec-vid.case-kindle-villa .bnr-btn.wow.fadeInUp.animated {
    margin-bottom: 0;
}

.bnr-btn a {
    margin: 0 15px 0 0 !important;
}

section.main-banner-sec.writers-bnr-sec.portfolio-bnr-sec.new-serv-pg-bnr {
    padding-bottom: 0;
    height: 600px;
    padding-top: 250px;
}

.bnr-btn.wow.fadeInUp.animated a {
    margin: 0 15px 0 0 !important;
}

.cl-logo-sec .hd-txt h2 br {
    display: none;
}

.serv-bx-st img {
    margin: 0 0 20px 0;
}

section.new-serv-pg-bnr {
    padding: 200px 0 100px 0 !important;
}

/*Countdown style*/
#the-24h-countdown {
    font-family: 'Lato', sans-serif;
    text-align: center;
    font-size: 3rem;
    margin: 0 auto;
    width: 393px;
    position: relative;
    bottom: 26px;
}

#the-24h-countdown span {
    color: #000000;
    width: 50px;
    display: inline-block;
    height: 60px;
    float: left;
    line-height: 80px;
    margin-left: 30px;

}

#the-24h-countdown .min:before,
#the-24h-countdown .seg:before {
    content: ':';
    color: #222;
    margin-left: -34px;
    margin-right: 6px;
}

.tempo {
    width: 350px;
    padding: 0;
}

.tempo li {
    text-align: left;
    display: inline-block;
    font-size: 24px;
    width: 31%;
    margin-top: -50px;
    margin-left: -1px;

}

.special-offer {
    margin-left: -25px;
    margin-top: 80px;
    position: fixed;
    bottom: 0;
    left: -60px;
    z-index: 9999;
    animation: 2s infinite bounce-5;
}

.special-offer img {
    width: 510px;
}

/* .black_friday::after{
    content: ':';
    display: block;
    position: absolute;

    background-repeat: no-repeat;
    width: 26.2%;
    height: 100%;
    right: -178px;
    margin: auto;
    bottom: -18%;
    z-index: 999;
    background-size: 100%;
    left: 0;
  } */
.black_friday {
    width: 160px;
    height: 50px;
    background-color: white;
    color: #fff;
    position: fixed;
    bottom: 0px;
    left: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 2px solid #fff;
    border-radius: 15px;
    box-shadow: 0 0 1px 2px #58eaff, 0 0 1px 2px #58eaff inset;
    z-index: 9;
    cursor: pointer;
    animation: 1s linear infinite bf-animate;
}

.black_friday .black_friday_top {
    width: 220px;
    height: 44px;
    background: 0 0;
    color: #fff;
    border: 2px solid #fcffeb;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    box-shadow: 0 0 1px 2px #eabb17, 0 0 1px 2px #eabb17 inset;
    filter: drop-shadow(0px 0px 5px #e70046);
    margin-bottom: 5px;
    animation: 1s linear infinite bf-animate-2;
    margin: 90px 0 0 0;
}


.black_friday h2 {
    font-size: 25px !important;
    -webkit-text-stroke: 1.5px #56575b;
    text-shadow: 1px 2px 15px #56575b;
    filter: drop-shadow(0px 0px 25px #56575b);
    font-weight: 500;
    color: #fff;
    font-family: Yantramanav, sans-serif;
}



.black_friday .black_friday_top p {
    font-size: 20px !important;
    margin-bottom: 0;
    color: #fff;
    font-family: Yantramanav, sans-serif;
    padding: 0;
}


.black_friday h2 span {
    padding-left: 5px;
    -webkit-text-stroke: 1px #e50b48;
    text-shadow: 1px 2px 15px #e50b48;
    filter: drop-shadow(0px 0px 25px #e50b48);
    color: #fff;
    font-family: Yantramanav, sans-serif;
}

#mins:before {
    content: '0';
}

#mins-text {
    display: none;
}

#secs-text {
    display: none;
}



@keyframes bf-animate {

    0%,
    100% {
        filter: drop-shadow(0px 0px 5px #58eaff);
        transform: translateY(-5px);
        filter: drop-shadow(rgb(88, 234, 255) 0px 0px 5px);
        transform: translateY(-5px);
    }

    50% {
        filter: drop-shadow(0px 0px 5px #e50b48);
        box-shadow: 0 0 1px 2px #e50b48, 0 0 1px 2px #e50b48 inset;
        border-color: #000;
        transform: translateY(0);
        filter: drop-shadow(rgb(229, 11, 72) 0px 0px 5px);
        box-shadow: rgb(229, 11, 72) 0px 0px 1px 2px, rgb(229, 11, 72) 0px 0px 1px 2px inset;
        border-top-color: rgb(0, 0, 0);
        border-right-color: rgb(0, 0, 0);
        border-bottom-color: rgb(0, 0, 0);
        border-left-color: rgb(0, 0, 0);
        transform: translateY(0px);
    }

    80% {
        filter: drop-shadow(0px 0px 5px #e50b48);
        box-shadow: 0 0 1px 2px #e50b48, 0 0 1px 2px #e50b48 inset;
        border-color: #000;
        filter: drop-shadow(rgb(229, 11, 72) 0px 0px 5px);
        box-shadow: rgb(229, 11, 72) 0px 0px 1px 2px, rgb(229, 11, 72) 0px 0px 1px 2px inset;
        border-top-color: rgb(0, 0, 0);
        border-right-color: rgb(0, 0, 0);
        border-bottom-color: rgb(0, 0, 0);
        border-left-color: rgb(0, 0, 0);
    }

}

@keyframes bf-animate-2 {

    0%,
    100% {
        filter: drop-shadow(0px 0px 5px #eabb17);
        filter: drop-shadow(rgb(234, 187, 23) 0px 0px 5px);
    }

    50% {
        filter: drop-shadow(0px 0px 5px #e50b48);
        box-shadow: 0 0 1px 2px #e50b48, 0 0 1px 2px #e50b48 inset;
        border-color: #000;
        transform: translateX(0);
        filter: drop-shadow(rgb(229, 11, 72) 0px 0px 5px);
        box-shadow: rgb(229, 11, 72) 0px 0px 1px 2px, rgb(229, 11, 72) 0px 0px 1px 2px inset;
        border-top-color: rgb(0, 0, 0);
        border-right-color: rgb(0, 0, 0);
        border-bottom-color: rgb(0, 0, 0);
        border-left-color: rgb(0, 0, 0);
        transform: translateX(0px);
    }

    80% {
        filter: drop-shadow(0px 0px 5px #e50b48);
        box-shadow: 0 0 1px 2px #e50b48, 0 0 1px 2px #e50b48 inset;
        border-color: #000;
        filter: drop-shadow(rgb(229, 11, 72) 0px 0px 5px);
        box-shadow: rgb(229, 11, 72) 0px 0px 1px 2px, rgb(229, 11, 72) 0px 0px 1px 2px inset;
        border-top-color: rgb(0, 0, 0);
        border-right-color: rgb(0, 0, 0);
        border-bottom-color: rgb(0, 0, 0);
        border-left-color: rgb(0, 0, 0);
    }

}

.black_friday h6 {
    font-size: 20px;
    text-align: center;
    margin: 10px 0 30px 0 !important;
}



/* TIMER STYLES */
.timeContainer {
    position: fixed;
    bottom: 30px;
    left: 30px;
    background: #fff;
    width: fit-content;
    display: flex;
    align-items: center;
    padding: 0;
    box-shadow: 0 0 15px #00000063;
    z-index: 9999;
}

.timeContainer .wrapper {
    display: flex;
    justify-content: start;
    align-items: center;
    border-radius: 5px;
}

.timeContainer .wrapper div {
    color: #000;
    text-align: center;
    margin: 0;
    flex: 0 0 33%;
}

.timeContainer .wrapper div:first-child {
    background: #0197a1;
    height: 65px;
    display: flex;
    align-items: center;
    padding: 0px 15px;
    border-right: 1px solid #0197a1;
    color: #fff;
}

.timeContainer .wrapper div:nth-child(2) {
    height: 65px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    border-right: 1px solid #0197a1;
    background: #000;
    color: #fff;
}

.timeContainer .wrapper div:nth-child(3) {
    background: #0197a1;
    display: flex;
    align-items: center;
    height: 65px;
    padding: 0 15px;
    color: #fff;
}


.timeContainer .wrapper div h2 {
    font-size: 25px;
    line-height: 25px;
    margin: 0;
    font-weight: bold;
}

.circleDiv {
    position: fixed;
    z-index: -1;
    top: calc(50% - 237px);
    left: calc(-50% + 474px);
    width: 474px;
    height: 474px;
    border-radius: 100%;
    border: 6px dashed #00A3D0;
    animation: rotatingCircle infinite linear 60s;
}

/* MOUSE TRAIL STYLE */
#cursor {
    position: fixed;
    top: 0;
    left: 0;
    background-color: transparent;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    pointer-events: none;
    user-select: none;
    backdrop-filter: invert(100%);
}

.time_image_wrap {
    position: fixed;
    bottom: 100px;
    left: 20px;
    z-index: 9999;
}

.time_image_wrap img {
    width: 60%;
}

.flash {
    animation: flash 500ms ease infinite alternate;
}

@keyframes flash {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.timeContainer .wrapper div p {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
}

@keyframes blink {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

#blinking-button {
    animation: blink 1s linear infinite;
}

/* new home lp css */

section#home {
    color: white;
    background: url("../img/self-b.webp") center center / cover no-repeat;
    background-position: center center;
    padding: 100px 0px;
    padding-top: 200px;
}

.main_ban_content h1 {
    font-size: 21px;
    font-weight: 400;
    color: rgb(1, 151, 161);
}

.main_ban_content h3 {
    font-size: 50px;
    line-height: 60px;
    text-transform: capitalize;
    margin: 0 0 20px 0 !important;
    font-weight: 600;
}

.main_ban_content p {
    color: rgb(255, 255, 255);
    font-size: 16px !important;
}

.global_btn {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 30px 0px 0px;
    gap: 10px;
}

.global_btn a button.btn_global {
    font-size: 16px;
    color: white;
    background: rgb(1, 151, 161);
    padding: 13px 25px;
    border-radius: 42px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

.main_ban_form {
    color: black;
    max-width: 400px;
    width: 100%;
    background: white;
    padding: 30px 10px;
    border-radius: 30px;
}

.main_ban_form h2 {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    line-height: 33px;
}

.main_ban_form p {
    text-align: center;
    font-size: 19px !important;
    font-weight: 500 !important;
    margin: 0px 0px 25px !important;
}

.main_ban_form form {
    display: flex;
    flex-wrap: wrap;
}

.main_ban_form form input {
    height: 42px;
    flex: 0 0 90%;
    margin: 0px auto 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(94, 94, 94);
    border-image: initial;
    border-radius: 10px;
    padding: 0px 0px 0px 20px;
}

section#home .main_ban_form .iti.iti--allow-dropdown.iti--show-flags .iti__flag-container {
    margin: 0px 0px 0px 20px;
}

section#home .main_ban_form .iti.iti--allow-dropdown.iti--show-flags input[type="tel"] {
    padding: 0px 110px 0px 51px;
    margin: 0px 0px 0px 18px;
}

.main_ban_form form textarea {
    height: 70px;
    font-size: 17px;
    flex: 0 0 90%;
    margin: 10px auto 21px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(94, 94, 94);
    border-image: initial;
    border-radius: 10px;
    padding: 10px 0px 0px 20px;
}

.main_ban_form form input[type="submit"] {
    color: white;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    background: rgb(1, 151, 161);
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    flex: 0 0 50%;
    padding: 0px;
    border-radius: 20px;
}

.main_ban_form p {
    text-align: center;
    font-size: 19px !important;
    font-weight: 500 !important;
    margin: 0px 0px 25px !important;
}

section.sec_2 {
    background: rgb(1, 151, 161);
    padding: 15px 0px;
    margin: 0px 0 0 0;
}

section.sec_2 .slick-track {
    display: flex;
    align-items: center;
}

.slick-track li img {
    display: block;
    margin: auto;
}

ul.logo_slider li img {
    aspect-ratio: 4 / 3;
    width: 70%;
    object-fit: contain;
}

section.added_sec_2.new_sec {
    position: relative;
    padding: 50px 0px 50px;
}

section.added_sec_2.new_sec::before {
    content: "";
    display: block;
    position: absolute;
    width: 465px;
    height: 465px;
    top: 0px;
    left: 0px;
    background: url("../img/left_side.webp") 0% 0% / contain no-repeat;
}

.web_design_content h4 {
    font-size: 16px;
    font-weight: 400;
    color: rgb(1, 151, 161);
    text-align: center;
    margin: 0px 0px 20px;
}

.web_design_content h2 {
    font-size: 48px;
    width: 80%;
    text-align: center;
    font-weight: 600;
    line-height: 60px;
    text-transform: capitalize;
    margin: 0px auto 20px;
}

.web_design_content p {
    width: 80%;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    margin: 0px auto !important;
}

.web_design_content .global_btn {
    justify-content: center;
    gap: 10px;
}

.global_btn button.btn-dark:active,
.global_btn button.btn-dark:hover,
.global_btn button.btn-dark:focus {
    color: white;
    border: 2px solid white;
    background: #0197a1 !important;
}

section.added_sec_2.new_sec::after {
    content: "";
    display: block;
    position: absolute;
    width: 145px;
    height: 465px;
    top: unset;
    left: unset;
    right: 0px;
    bottom: -40px;
    background: url("../img/right_side.webp") 0% 0% / contain no-repeat;
}

section.sec_3 {
    padding: 50px 0px;
}

.tabs_inner {
    text-align: center;
}

.tabs_inner h2 {
    font-size: 48px;
    color: rgb(23, 23, 23);
    line-height: 48px;
    font-weight: 600;
    margin: 10px 0px 20px;
}

.tabs_inner p {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.tabs_navs {
    margin: 0px;
}

.tabs_navs ul#myTab {
    justify-content: center;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

.tabs_navs ul#myTab li.nav-item {
    margin: 0px 15px;
}

.tabs_navs ul#myTab li.nav-item button {
    color: rgb(12, 12, 12);
    font-size: 16px;
    line-height: 18px;
    font-family: Poppins !important;
    background: transparent;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    padding: 16px 40px;
    border-radius: 25px !important;
}

.tabs_navs ul#myTab li.nav-item button.active {
    background: #0197a1 !important;
    color: white;
}

section.sec_extra {
    overflow-x: hidden;
    padding: 80px 0;
}

.tabs-content.text-center h1 {
    font-size: 30px;
    font-weight: 600;
    margin: 0px 0px 30px;
}

.box-shdows {
    box-shadow: rgba(118, 102, 102, 0.09) 3px 3px 11px 8px;
    position: relative;
    border-radius: 43px;
    background: rgb(238, 238, 238);
    padding: 44px 0px;
}

.box-shdows p {
    font-weight: 600 !important;
    text-transform: uppercase;
}

.global_btn.text-center {
    justify-content: center;
}

.portfolio_images .btn-dark {
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 16px !important;
    align-content: center;
}

.portfolio_images .btn-dark,
button.btn-dark {
    width: 175px;
    height: 50px;
    font-weight: 600;
    font-size: 18px;
    background: rgb(1, 151, 161);
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 30px !important;
}

.global_btn button.btn-dark {
    color: rgb(255, 255, 255);
    font-weight: 600;
    border-radius: 5px;
    margin: 0px 15px 0px 0px;
}

section.sec_3s {
    background-image: url("../img/sec-4-bg.webp");
    padding: 60px 0px;
}

.about_content h2 {
    font-size: 40px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    text-align: start;
    text-transform: capitalize;
    margin: 1px 0px 0px;
}

.about_content.text-center .global_btn.text-center {
    justify-content: start;
}

.share_idea_img {
    text-align: end;
}

section.sec_5 {
    padding: 80px 80px 0px !IMPORTANT;
}

.packages_inner {
    margin: 0px 0px 50px;
    text-align: center;
}

.packages_inner h5 {
    font-size: 38px;
    line-height: normal;
    position: relative;
    color: rgb(23, 23, 23);
    font-weight: 600;
    margin: 0px 0px 20px;
}

.packages_inner p {
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    margin: 0px 0px 70px !important;
}

section.added_new_sec {
    padding: 60px 0px;
    background: rgb(34, 36, 41);
}

.added_img {
    text-align: center;
}

.added_img img {
    width: 60%;
}

.main_added_content h5 {
    letter-spacing: 9px;
    font-size: 19px;
    font-weight: 400;
    color: white;
    margin: 0px;
}

.main_added_content h2 {
    font-size: 48px;
    line-height: 50px;
    letter-spacing: 1px;
    text-transform: capitalize;
    color: white;
    margin: 10px 0px 30px;
}

.main_added_content h2 span {
    color: rgb(1, 151, 161);
}

.main_added_content p {
    font-size: 18px;
    color: white;
    font-weight: 400;
    line-height: 24px;
}

.main_added_content ul {
    display: flex;
    flex-direction: column;
    margin: 30px 0px 0px 20px !important;
}

.main_added_content ul li {
    color: white;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    margin: 0px 0px 7px;
}

.main_added_content ul li::after {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    position: absolute;
    left: -18px;
    right: unset;
    top: 8px;
    background: white;
    border-radius: 50%;
}

section.sec_4 {
    position: relative;
    z-index: 1;
    padding: 80px 0px 40px;
    background: url(../img/portfolio_bg.webp) no-repeat #ffffff99;
    overflow: hidden;
    background-size: cover;
    background-blend-mode: overlay;
}

.tabs_inner {
    text-align: center;
}

.tabs_inner h2 {
    font-size: 48px;
    color: #000;
    line-height: 48px;
    font-weight: 900;
    margin: 10px 0px 20px;
}

.tabs_navs {
    margin: 0px;
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.portfolio_images {
    margin: 50px 0px 0px;
}

.portfolio_images ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0px auto;
    gap: 16px;
}

ul.home_slider {
    display: flex !important;
    gap: 40px 0;
}

.slick-track li img {
    display: block;
    margin: auto;
}

.portfolio_images ul li img {
    width: 100%;
    /* height: 100%; */
    object-fit: fill;
    /* object-position: center top; */
    /* border-radius: 10px; */
    aspect-ratio: 1/1.4;
}

img.scale_1 {
    transition: 0.5s;
}

.container.box_white {
    text-align: center;
    width: 75%;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px;
    height: auto;
    position: relative;
    background: rgb(251, 251, 251);
    padding: 60px 40px 120px 30px;
    border-radius: 50px;
    margin: 40px auto;
}

.container.box_white.hello_img::before {
    content: "";
    display: block;
    position: absolute;
    top: 400px;
    width: 1055px;
    height: 372.55px;
    z-index: -1;
    rotate: -221deg;
    left: unset;
    right: -600px;
    background: url("../img/side_img.webp") center center / cover no-repeat;
    background-position: center center;
}

.container.box_white.hello_img::after {
    content: "";
    display: block;
    position: absolute;
    top: 400px;
    width: 1055px;
    height: 372.55px;
    z-index: -1;
    rotate: 49deg;
    left: -600px;
    background: url("../img/side_img.webp") center center / cover no-repeat;
    background-position: center center;
}

.main_aproach_text h2 {
    font-size: 50px;
    font-weight: 600;
    margin: 0px 0px 20px;
}

.main_aproach_text p {
    width: 90%;
    margin: 0px auto 60px !important;
}

.row.aproch_circle_wrap {
    position: relative;
}

.aproch_circle.started-cire {
    display: flex;
    width: 486px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px;
    align-items: center;
    background: white;
    padding: 20px;
    border-radius: 100px;
}

.aproch_circle.started-cire.one {
    height: 173px;
    margin: 80px 0px 0px 50px;
}

.col-md-12.selected .aproch_circle {
    background: rgb(1, 151, 161);
}

.aproch_circle span {
    width: 197px;
    height: 197px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(0, 0, 0);
    border-image: initial;
    border-radius: 50%;
    margin: auto;
}

.aproch_circle.started-cire span {
    width: auto;
    height: auto;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    padding: 0px;
    margin: 0px;
}

.circle_box {
    position: relative;
    margin: 50px 0px 0px;
}

.aproch_circle.started-cire .circle_box {
    margin: 0px;
}

.circle_box h2 {
    font-size: 20px;
    color: rgb(23, 23, 23);
    line-height: 20px;
    text-align: center;
    margin: 0px;
}

.aproch_circle.started-cire .circle_box h2 {
    font-size: 20px;
    margin: 0px;
}

.col-md-12.selected .aproch_circle .circle_box h2 {
    color: white;
}

.aproch_circle.started-cire.two {
    height: 173px;
    margin: 90px 0px 0px;
}

.aproch_circle.started-cire span img {
    width: 100%;
    margin: 0px 20px 0px 0px;
}

.aproch_circle.started-cire span h1 {
    font-size: 90px;
    color: transparent;
    margin: 0px 30px 0px 40px;
    -webkit-text-stroke: 1px rgb(0, 0, 0);
}

.aproch_circle.started-cire.three {
    margin: 160px 0 0 50px;
    height: 173px;
}

.aproch_circle.started-cire.four {
    position: relative;
    margin: 100px 50px 0 0;
    height: 173px;
}

.aproch_circle.started-cire.four::after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 30px;
    left: 30px;
    right: 0;
    top: unset;
    bottom: 0;
}

.aproch_circle.started-cire.Five {
    margin-top: 140px;
}

.aproch_circle.started-cire.six {
    margin-top: 140px;
}

.aproch_circle.started-cire.seven {
    position: relative;
    margin-top: 120px;
}

.aproch_circle.started-cire.seven::after {
    content: "";
    display: block;
    background: #0197a1;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    position: absolute;
    top: unset;
    bottom: -43px;
    left: 450px;
    right: 0;
    margin: 0 auto;
}

.row.aproch_circle_wrap .global_btn.text-center {
    margin: 120px 0 -50px 0;
}

section.sec_faqs {
    padding: 60px 0;
    overflow: hidden;
}

.faqs_head h2 {
    text-align: center;
    font-size: 40px;
    margin: 0 0 20px 0;
}

.faqs_head p {
    text-align: center;
    margin: 0 0 50px 0 !important;
}

.faqs_content div#accordionExample {
    border: none;
}

.faqs_content div#accordionExample .accordion-item {
    border: 0;
}

.faqs_content div#accordionExample .accordion-item h2.accordion-header button.accordion-button {
    background: #0197a1;
    color: white;
    border-radius: 21px;
    font-size: 16px;
    width: 100%;
    text-align: left;
    justify-content: center;
    height: 50px;
    padding: 0 0 0 20px !important;
    border: none !important;
}

/* .accordion-button:not(.collapsed)::after {
    filter: invert(11) brightness(40.5);
} */
section.form-sec {
    padding: 60px 0 80px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.form_inner {
    text-align: center;
}

.form_inner h2 {
    color: #171717;
    margin: 0 0 20px 0;
    line-height: 32px;
    font-size: 48px;
    font-weight: 600;
    text-transform: capitalize;
}

.form_inner p,
.form_inner p a {
    color: #171717;
    line-height: 25px;
    width: 75%;
    margin: auto !important;
    FONT-WEIGHT: 500;
}

.form_bottom form {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

.form_bottom form input,
.form_bottom form textarea {
    width: 100%;
    height: 50px;
    border: none;
    background: #F6F6F6;
    border-radius: 5px;
    margin: -0px 0 20px 0;
    padding: 0 0 0 15px;
    color: #000 !important;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.19);
    border-radius: 20px;
}

.form_bottom form .inner_fields {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.form_bottom form .inner_fields input {
    flex: 0 0 49%;
}

section.form-sec .form_bottom .iti.iti--allow-dropdown.iti--show-flags {
    display: block;
    width: 100%;
    margin: 0px 0px 18px 10px;
}

.form_bottom form textarea {
    height: 150px;
    padding: 15px 0 0 15px;
}

.form_bottom form input[type="submit"] {
    margin: 0;
    width: 180px !important;
    padding: 0 !important;
    background: #0197a1 !important;
    height: 55px !important;
    border: none !important;
    color: #fff !important;
    font-size: 19px;
    text-transform: uppercase;
}

.row.yeh_slider_hai {
    width: 90%;
    margin: 20px auto 0;
    background: #FBFBFB;
    padding: -7px 20px 30px 20px;
    border-radius: 40px;
}

.sep_header .nav.navbar-nav {
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.tab-text h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    color: #000;
}

.faqs_content div#accordionExample .accordion-item h2.accordion-header button.accordion-button.collapsed {
    background: #0197a1;
    color: white !important;
    margin: 0 0 20px 0;
    border-radius: 21px;
    padding: 15px 20px;
}

#accordionExample .accordion-button::after {
    flex-shrink: 0;
    width: 2.25rem;
    height: 2.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 2.25rem;
    transition: transform .2s ease-in-out;
    filter: brightness(60.5) contrast(0.5);
}

.accordion-body p {
    font-size: 16px;
    text-align: left;
    padding: 0;
}

.packages_boxes {
    border-radius: 15px;
    margin-top: 40px;
    margin-bottom: 15px;
    background: #F9F9F9;
    padding: 30px 20px 10px 20px;
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    position: relative;
    min-height: 610px;
    transition: ease;
}

.packages_boxes h3 {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 25px;
}

.packages_boxes h2 {
    font-size: 40px;
    font-weight: 700;
    margin: 10px 0;
}

.packages_boxes ul {
    margin: 40px 0 0 0 !important;
    padding: 30px 20px 20px 20px !important;
    background: #EEEEEE;
    text-align: start;
}

.packages_boxes h6 del {
    font-size: 20px;
    margin: 20px 0 0 0 !important;
    text-decoration: line-through;
}

.packages_boxes ul li {
    color: #171717;
    font-size: 14px;
    margin: 0 0 10px 0;
    padding: 0 0 0 20px;
    position: relative;
}

.packages_boxes ul li:before {
    content: '';
    display: block;
    position: absolute;
    background: #0197a1;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    left: 0;
    top: 6px;
    bottom: unset;
    margin: auto;
    left: 0;
}

.packages_boxes .global_btn.text-center {
    position: absolute;
    bottom: -40px;
    display: flex !important;
    left: 0;
    width: 100%;
}

.packages_boxes .global_btn.text-center button.btn-dark {
    flex: 0 0 40%;
}

.packages_boxes .global_btn.text-center button.btn-dark {
    margin: 0;
}

.packages_boxes ul {
    margin: 40px 0 0 0 !important;
    padding: 30px 20px 20px 20px !important;
    background: #EEEEEE;
    text-align: start;
    height: 270px;
    overflow-y: scroll;
    margin: 20px 0 20px 0 !important;
}

.packages_boxes .global_btn a button.btn-dark {
    background: #000 !important;
    color: #fff !important;
    font-weight: 600;
}

.packages_boxes .global_btn a button.btn-dark:hover {
    background: #0197a1 !important;
    color: #000 !important;
}

.homepage .head_top ul.dropdown-menu11,
.head_top ul.dropdown-menu22 {
    left: 50%;
}

.homepage img,
svg {
    vertical-align: middle;
    max-width: 100%;
}

.faqs_sec_img img {
    max-width: inherit;
}

section.sec_2.logo_sec {
    margin: 0;
}

section.added_new_sec .row.align-items-center {
    align-items: center;
    display: flex;
}


/* tabs */

.tab-block {
    margin: 70px 0 0 0;
}

.tab-block .tab-mnu {
    display: block;
    list-style: none;
}

.tab-block .tab-mnu:after {
    content: '';
    display: table;
    clear: both;
}

.tab-block .tab-mnu li {
    background-color: #f3f3f3;
    color: #000;
    text-align: center;
    cursor: pointer;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
    border-radius: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}

.tab-block .tab-mnu li:hover:not(.active) {
    background-color: #0197a1;
    color: #fff;
}

.tab-block .tab-mnu .active {
    color: #fff;
    cursor: default;
    background: #0197a1;
}

.tab-block .tab-cont {
    box-sizing: border-box;
    border-top: 1px solid white;
    background-color: white;
    color: #292d2f;
}

.tab-block .tab-cont .tab-pane {
    margin: 60px 0 0 0;
    background: #FBFBFB;
    border-radius: 20px;
    padding: 30px;
}


.tab-block ul.tab-mnu {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.tab-block .tab-cont .tab-pane ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.inner_points {
    display: block !important;
}

.tab-block .tab-cont .tab-pane ul li {
    flex: 0 0 50%;
}

.tab-block .tab-cont .tab-pane ul li h1 {
    font-size: 30px;
    font-weight: 700;
    color: #000;
    line-height: 40px;
    margin: 0 0 10px 0;
}

.tab-block .tab-cont .tab-pane ul li p {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 20px 0 !important;
}

.tab-block .tab-cont .tab-pane ul li:nth-child(1) {
    text-align: center;
    margin: auto;
    display: block;
}

ul.inner_points li:nth-child(1) {
    text-align: left !important;
}

ul.inner_points li {
    display: flex;
    align-items: center;
    margin: 0 0 5px 0 !important;
}

ul.inner_points li svg {
    margin: 0 8px 0 0 !important;
}

.tabs_content_wraper.text-center {
    margin: 0 0 50px 0;
}

.tabs_content_wraper.text-center h1 {
    font-size: 40px;
    font-weight: 600;
    color: #000;
    margin: 0 0 10px 0;
    line-height: 40px;
}

.tabs_content_wraper.text-center p {
    font-size: 16px;
    width: 100%;
}

section.sec_3s .row {
    display: flex;
    align-items: center;
}

.container.box_white.hello_img:after {
    content: '';
    display: block;
    position: absolute;
    background-image: url(../img/vector.webp);
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    left: 0;
    top: 0;
}

.accordion-body {
    margin: 20px 0;
    padding: 0 20px;
}

.main_ban_content p {
    font-size: 22px !important;
}

section#home .row.align-items-center {
    display: flex;
    align-items: end;
}

.home_slider .slick-track {
    padding: 50px 0;
}

ul.slick-dots {
    position: unset;
}

ul.slick-dots li {
    font-size: 0;
}

ul.slick-dots li button {
    padding: 0;
    background: #0197a1;
    border-radius: 50%;
    width: 10px;
    height: 10px;
}

.slick-dots li.slick-active button:before {
    display: none !important;
}

.slick-dots li button:before {
    display: none;
}

ul.slick-dots li.slick-active button {
    background: #000;
}

.portfolio_images ul li {
    flex: 0 0 23%;
    position: relative;
    overflow: hidden;
    /* border-radius: 20px; */
    /* box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2); */
}

.author_detail {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0%;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 20px 10px;
    transition: 1s ease;
    opacity: 0;


}

.portfolio_images ul li:hover .author_detail {
    top: -30%;
    transition: transform 1s cubic-bezier(.31, 1.21, .64, 1.02);
    transform: translateY(450px);
    opacity: 1;
}

.portfolio_images .card {
    position: relative;
    /* background: #000; */
}

.portfolio_images .card .image {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.portfolio_images .card .image img {
    width: 100%;
    transition: 1.5s;
}

.portfolio_images .card:hover .image img {
    opacity: inherit;
    transform: inherit;
}

.portfolio_images .card .details {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 40%;
    transition: .5s;
    transform-origin: left;
}

.portfolio_images .card:hover .details {
    transform: perspective(2000px) rotateY(0deg);
}

.portfolio_images .card .details .center {
    /* top: 50%; */
    /* display: flex; */
    /* flex-direction: column; */
    /* gap: 7px; */
    /* align-items: center; */
    justify-content: space-between;
    width: 100%;
    padding: 10px 0px;
    /* min-height: 165px; */
}

.portfolio_images .card .details .center h1 {
    margin: 0;
    padding: 0;
    color: #0097a2;
    line-height: 20px;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 900;
    text-align: center;
}

.portfolio_images .card .details .center h1 span {
    font-size: 18px;
    color: #262626;
}

.portfolio_images .card .details .center p {
    margin: 10px 0;
    padding: 10px 0;
    color: #0097a2;
    font-size: 18px;
    font-weight: 900;
    text-align: center;
}

.portfolio_images .card .details .center ul {
    margin: 10px auto 0;
    padding: 0;
    display: table;
}

.portfolio_images .card .details .center ul li {
    list-style: none;
    margin: 0 5px;
    float: left;
}

.packages_boxes h2:nth-child(1) {
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
}

.home_slider .slick-prev,
.home_slider .slick-next {
    width: 50px;
    height: 50px;
    background: #0197a1;
    border-radius: 50%;
    text-align: center;
    align-content: center;
    color: #fff;
    font-size: 40px;
    font-weight: 300;
}

.home_slider .slick-prev {
    left: -80px;
}

.home_slider .slick-next {
    right: -80px;
}

.home_slider .slick-prev::before,
.home_slider .slick-next::before {
    display: none;
}

.packages_tabing .col-md-12 .packages_boxes .img_wrap img {
    width: 69%;
    margin-bottom: -8px;
}

.packages_boxes:hover {
    background: #0197a1;
    color: #fff !important;
    transition: 0.5s ease;
}

.packages_boxes:hover ul,
.packages_boxes:hover p,
.packages_boxes:hover h3,
.packages_boxes:hover li {
    color: #fff !important;
}

.packages_boxes:hover ul {
    background: #0197a1;
    transition: 0.5s ease;
}

::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #0197A1;
}

.home_slider .slick-next img {
    transform: rotate(179deg);
}

.home_slider .slick-next:hover {
    right: -91px;
}

.home_slider .slick-prev:hover {
    left: -91px;
}

.home_slider .slick-arrow {
    transition: 0.5s ease;
}

.home_slider .slick-arrow img {
    filter: invert(1);
    width: 70%;
}

.home_slider .slick-arrow:hover {
    background: #000;
}

/* .packages_boxes:hover .global_btn button{
    background: #fff;
    color: #000;
} */
.seo-writing-page .services-slider .slick-track {
    width: 100% !important;
}

.seo-writing-page .services-slider .slick-slide {
    width: 100% !important;
}

.publish_link_wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

a.pub_link img {
    width: 50% !important;
    aspect-ratio: 3/2 !important;
    object-fit: contain;
}

.publish_link_wrap a img {
    /* width: 50% !important; */
    width: 50px !important;
    height: 50px;
}

.publish_link_wrap a {
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 85px; */
    background: #0097a2;
    border-radius: 40px;
    flex: 1 0 32%;
}

.our_work_sec .slick-list.draggable {
    padding: 50px 0px;
}

.center p span {
    color: #000;
    font-size: 16px;
}

.wrap {
    width: 100%;
}

.sec_4 .tabs_inner h2 span {
    color: #0097a2;
}

.sec_4 .portfolio_images .card .details .center p,
.sec_4 .portfolio_images .card .details .center h1,
.sec_4 .tabs_inner h2 {
    /* font-family: 'Helium-Medium'; */
    font-size: 70px;
    line-height: 80px;
}

section.portfo {
    padding: 180px 0px 40px;
}

.sec_4 .portfolio_images .card .details .center h1 span,
.sec_4 .portfolio_images .card .details .center h1 {
    font-size: 17px;
    line-height: 26px;
    color: #000;
}

.sec_4 .portfolio_images .card .details .center p {
    font-size: 17px;
    line-height: 23px;
    color: #000;
}

.sec_4 .portfolio_images .card .details .center p span {
    font-size: 18px;
    color: #000;
}

.sec_4 .portfolio_images .card .details .center {
    justify-content: flex-start;
    min-height: 120px;
}

.sec_4 h2 .thin {
    font-weight: 300 !important;
    color: #000 !important;
    font-size: 70px;
}

.portfolio_images .card .details .center p span,
.portfolio_images .card .details .center h1 span {
    font-weight: 600;
}

.portfolio-page .sucess-sec,
.portfolio-page .testimonial-sec,
.portfolio-page .cl-logo-sec,
.portfolio-page .cta-sec-new {
    display: none;
}

.portfolio-page .our_work_sec .hd-txt h2 .green {
    color: #0197a1;
    font-size: inherit;

}

.packages_boxes .row .col-md-12 p {
    font-size: 30px;
}

.packages_boxes .row .col-md-12 h2 {
    font-size: 40px;
}

.packages_boxes .row h2:nth-child(2) {
    font-size: 50px;
    line-height: 60px;
}

button.btn-dark.loongBtn {
    width: 300px;
}

.packages_boxes:hover ul li:before {
    background: #fff;
}

.sec_5 .col-md-12 .packages_boxes ul li,
.sec_5 .col-md-12 .packages_boxes ul,
.sec_5 .col-md-12 .packages_boxes {
    background: #0197a1;
    color: #fff !important;
    transition: 0.5s ease;
}

.sec_5 .col-md-12 .packages_boxes .global_btn button:nth-child(1) {
    background: #FFF;
    color: #000;
}

.sec_5 .col-md-12 .packages_boxes .global_btn button:nth-child(2) {
    color: #fff;
}

.sec_5 .col-md-12 .packages_boxes ul li:before {
    background: #fff;
}

.news-serv-sec2 .img-box:before,
.news-serv-sec .img-box:before {
    display: none;
}

.news-serv-sec .service-main h4 {
    text-align: center;
}

.news-serv-sec2 .service-main img.pic-box {
    padding: 0;
    margin-top: 20px;
    margin-bottom: 10px;
}

.packages_boxes ul h5 {
    font-size: 16px;
    line-height: 21px;
    font-weight: 600;
}

.col-md-12 .packages_boxes ul {
    height: 390px;
}

.sec_5 .row .col-md-4:nth-child(3) .packages_boxes ul {
    height: 325px;
}

li.btn-Header a {
    padding: 10px 20px !important;
    background: #0197a1;
    border-radius: 5px;
    margin-top: 5px !important;
}

.port1 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #ffffff;
    border-radius: 10px;
    text-align: center;
    padding: 30px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.port1 img {
    width: 100%;
    height: auto;
    display: block;
}

.hover-content p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}

/* Hidden text + button initially */
.hover-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

.port1:hover .hover-content {
    opacity: 1;
}

/* Optional: overlay background */
.port1::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* semi-transparent overlay */
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
}

.port1:hover::after {
    opacity: 1;
}

/* Button style */
.hover-btn {
    padding: 8px 16px;
    background-color: #fff;
    border: none;
    color: #333;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 20px;
    transition: background-color 0.3s;
}

.hover-btn:hover {
    background-color: #ddd;
}