@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100..1000&display=swap');



body{font-family: "DM Sans", serif; font-weight: 400; color:  #474b4a;}
p{font-size: 16px; line-height: 1.7; margin-bottom: 18px;}
p:last-child{margin-bottom: 0;}
li{font-size: 16px;}
a{display: inline-block; text-decoration: none; color:  var(--secondary_color); transition: .4s}
a:hover{color: var(--primary_color);}
img{max-width: 100%; transition: .5s;}
p a, li a{color:  var(--primary_color);}
h1,h2,h3,h4,h5,h6{color:  var(--secondary_color);}

:root {
    --primary_color: #f89623;
    --secondary_color: #0b0d29;
    --sky-blue: #5bc5d1;
    --bg-gradient: linear-gradient(150deg, rgba(213,250,254,1) 0%, rgba(255,248,239,1) 90%);
}


/* header */
@-webkit-keyframes navbarFixed {
    0% {
        opacity          : 0;
        -webkit-transform: translateY(-100%);
        transform        : translateY(-100%);
    }

    100% {
        opacity          : 1;
        -webkit-transform: translateY(0);
        transform        : translateY(0);
    }
}

@keyframes navbarFixed {
    0% {
        opacity          : 0;
        -webkit-transform: translateY(-100%);
        transform        : translateY(-100%);
    }

    100% {
        opacity          : 1;
        -webkit-transform: translateY(0);
        transform        : translateY(0);
    }
}


header {position: absolute; top: 0; left: 0; width: 100%; padding: 22px 0;}
.header-in {display: flex;    justify-content: space-between;    align-items: center; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);    padding: 13px 16px 13px 35px; border-radius: 50px;}
.logo, .header-btn {width: 260px;}
.header-nav nav > ul {display: flex;    margin-bottom: 0;    align-items: center;     padding-left: 0;}
.header-nav nav > ul > li {margin-left: 5px; list-style: none;}
.header-nav nav > ul > li > a {color:  var(--secondary_color); padding: 8px 20px; border-radius: 40px; font-weight: 600; text-transform: uppercase; font-size: 14px;}
.header-nav nav > ul > li > a.active, .header-nav nav > ul > li > a:hover {   color: #ffffff; background-color:  var(--secondary_color);}
.nav-btn {display: none;}
.submenu {padding: 0;    position: absolute;    top: 70px;    min-width: 235px;    left: 50%;    transform: translateX(-50%);    overflow: hidden;    box-shadow: 0 6px 10px #ccc;
    visibility: hidden;    transition: .4s;    opacity: 0;     z-index: 099; max-height: 300px;    overflow: auto;}
/* width */
.submenu::-webkit-scrollbar {width: 3px;}
    /* Track */
.submenu::-webkit-scrollbar-track {background: #fff;}
     /* Handle */
.submenu::-webkit-scrollbar-thumb {background: #e9538f;}
li.menu-item-has-children { position: relative;}
.submenu li {list-style: none;    display: block;}
.submenu li a {padding: 12px 20px;    display: block;    background: #ff63a2;    border-bottom: 2px solid #ffffff30;    font-size: 16px;    text-transform: capitalize !important;
    color: #fff;}
.submenu li:last-child a {border-bottom: 0;}
.submenu li a:hover {background: #fff;    color: #ff63a2;}
li.menu-item-has-children:hover .submenu {visibility: visible; opacity: 1; top: 85px;}
li.menu-item-has-children .arrow svg {margin-left: 5px;}
header button.close {display: none;}
header.sticky {position: fixed;    top: 0;    z-index: 999; -webkit-animation: navbarFixed 0.8s;    animation: navbarFixed 0.8s; }
.logo {transition: .5s;}
li.menu-item-has-children > a {padding-right: 40px !important;}
li.menu-item-has-children .arrow {position: absolute;    right: 15px;    top: 50%;    transform: translateY(-50%);}
.header-nav nav > ul > li a:hover ~ .arrow path {stroke: #fff !important;}

/* header right btn */
.header-btn {text-align: right;}
.header-btn .btn-typ1 {width: 205px;}



/* common css of heading btns */
.heading-typ1 {font-size: 45px; font-weight: 900;  letter-spacing: 0.5px;   line-height: 1.3; margin-bottom: 20px;}
.heading-typ1 span{color: var(--primary_color);}
.heading-typ2{font-size: 35px; font-weight: 900; line-height: 1.4; margin-bottom: 25px;}

.heading-typ3 {font-size: 18px; text-transform: uppercase; font-weight: 600; margin-bottom: 20px; color: var(--primary_color);}

.heading-typ2 span{color: var(--primary_color);}

.link {text-transform: uppercase; font-weight: 700;}
.link img {margin-left: 10px; width: 19px;}
.btn-typ1 {background: var(--primary_color); padding: 14px 40px; text-align: center; border-radius: 50px; text-transform: uppercase; font-weight: 600; transition: .5s;color: #fff;}
.btn-typ2 {background: var(--sky-blue); padding: 14px 40px; text-align: center; border-radius: 50px; text-transform: uppercase; font-weight: 600; transition: .5s;color: #fff;}

.btn-typ1 img, .btn-typ2 img {width: 19px;    margin-left: 10px;    filter: brightness(0) invert(1);}
.btn-sm {font-size: 14px;    padding: 12px 25px;}
.btn-sm img {width: 17px !important;}

.btn-typ2:hover,
.btn-typ2:focus {box-shadow: inset -12em 0 0 0 var(--secondary_color), inset 12em 0 0 0 var(--secondary_color); color: #fff;}
.btn-typ1:hover,
.btn-typ1:focus {box-shadow: inset -12em 0 0 0 var(--secondary_color), inset 12em 0 0 0 var(--secondary_color); color: #fff;}

.heading-sec{max-width: 935px; margin-bottom: 30px;}
.heading-sec.text-center {margin: 0 auto 30px;}


.owl-nav button {width: 42px;    height: 42px;    background-color: var(--secondary_color) !important;    border-radius: 100%;    margin-left: 10px;    color: transparent !important;    transition: .5s; position: relative;} 
.owl-nav button:hover {background-color: var(--primary_color) !important;}
/* button.owl-prev {background-image: url(../images/arrow-left-1.png);} */
.owl-nav button.owl-prev:after {background-image: url(../images/arrow-left-1.png) !important;}
.owl-nav button.owl-next:after {background-image: url(../images/arrow-rgt-1.png) !important;}
.owl-nav button:after {content: "";    width: 100%;    height: 100%;    top: 0;    right: 0;    transition: .5s; position: absolute;     background-repeat: no-repeat !important;    background-position: center !important;    background-size: 24px !important;}
.owl-nav button:hover:after {filter: brightness(0) invert(1);}

.owl-dots {text-align: center; margin-top: 5px;}
.owl-dots .owl-dot.active {background: var(--primary_color) !important;}
.owl-dots .owl-dot {width: 30px;    height: 4px;    background: #f7cb98 !important;    margin: 4px;    border-radius: 20px;    border: 0 !important;}
.owl-carousel img{width: auto !important; display: unset !important;}


/* banner */
.banner{padding: 150px 0 65px; background: url(../images/banner-bg-1.png) no-repeat, var(--bg-gradient) no-repeat; background-size: 120%; background-position: left -70px top -30px, top left;}
                        
.banner p{font-size: 22px; font-weight: 500; color: var(--secondary_color);}
.banner-btn .btn-typ1 {margin-right: 20px;}
.banner-btn {margin-top: 30px;}
.banner-img-con-itm {position: absolute;    list-style: none;    padding: 15px 20px 15px 75px;    background: #5bc5d1;    width: fit-content;    border-radius: 15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);  }
.banner-img-con-itm b {display: block;    font-size: 14px;}
.banner-img-con-itm span {line-height: 1.4;    font-size: 12px;    display: block; color: var(--secondary_color);}
.banner-img-con-itm .icon {position: absolute;    left: 15px;    top: 50%;    transform: translateY(-50%);    background: #eef4f7;    padding: 12px;
    border-radius: 100%;    width: 50px;    height: 50px;}
.banner-img-con-itm:nth-child(1) {top: 55px;    left: 18%; animation: mover 1s .5s infinite alternate;}
.banner-img-con-itm:nth-child(2) {right: -30px;    bottom: 65px; background-color: #a0c1d1;  animation: mover 1s infinite alternate;}
.banner-img {position: relative;}
.banner-img-con-itm.review {padding: 6px 20px;    display: flex;    align-items: center;    background: #fff;    bottom: -40px;    left: 70px;  animation: mover-y 1s 1s infinite alternate;}
.banner-img-con-itm.review img {width: 135px;}


/* mobile notification section */
.st-1 {padding: 70px 0;}
.st-1-itm {display: flex;    align-items: center; margin: 70px 0;}
.st-1-itm-ic {min-width: 80px;    width: 80px;    height: 80px;    background: #f89623;    display: flex;    justify-content: center;    align-items: center;    border-radius: 100%;    padding: 15px;    margin-right: 15px;}
.st-1-itm h3 {font-size: 22px;    margin-bottom: 0;    font-weight: 400;}
.st-1-itm-ic img {height: 42px;}
.st-1-mssg ul {padding: 0;    margin: 0;}
.st-1-mssg ul li {list-style: none;    max-width: 310px;}
.st-1-mssg ul li:nth-child(1) {margin-left: -110px; margin-top: 0; transform-origin: center; animation: scale-anim .5s  infinite alternate;}
.st-1-mssg ul li:nth-child(2) {margin-bottom: 52px;     margin-top: 15px; margin-left: auto;  animation: scale-anim .8s .5s infinite alternate;}
.st-1-mssg ul li:nth-child(3) { margin-left: auto;   animation: scale-anim .8s .3s infinite alternate;}
.st-1-mssg ul li:nth-child(4) {margin-left: -110px;margin-top: 25px;   animation: scale-anim 1s 1s infinite alternate;}
.st-1-img {margin: 0 -20px 0 -65px;}
.st-1-items {padding-right: 55px;}
video{width: 100%; max-width: 100%; display: block;}
.vdo-sec{position: relative;}
.vdo-sec video{max-height: 680px; width: 100%; object-fit: cover;}
.vdo-play-pause .p-btn{position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer;}

/* st-2 */

.st-2{padding: 80px 0;}
.st-2-con {padding-left: 10px;}
.st-2-img {margin-left: -35px;    padding-right: 50px;}

.btn-wrap {margin-top: 30px;}

.list-typ1 {padding: 0;    margin: 0;}
.list-typ1 li {list-style: none;    margin-bottom: 10px;    padding-left: 40px;    position: relative;}
.list-typ1 li:before {content: "";    position: absolute; top: 1px; left: 0; width: 25px; height: 25px; background: url(../images/tick.png) no-repeat; background-size: contain;}

/* background-color: var(--blue);  */

/* key features */
.bg-elements-1{background: url(../images/cir-sky.png) no-repeat, url(../images/cir-sm-2.png) no-repeat, url(../images/cir-yellow.png) no-repeat, var(--bg-gradient);  background-position: top 30px left -170px, bottom 295px right 60px, bottom 100px right -90px, top left;
    background-size: 23%, 30px, 180px, 100%;}
.bg-elements-2{
background: url(../images/cir-yellow-border.png) no-repeat, 
            url(../images/cir-sm-2.png) no-repeat, 
            url(../images/cir-yellow.png) no-repeat, 
            url(../images/cir-white.png) no-repeat, 
            var(--bg-gradient);  
background-position: top 30px right -190px, 
                    bottom 295px left 60px, 
                    bottom 100px left -90px, 
                    top -50px left 30%, 
                    top left;
background-size: 23%, 30px, 180px, 120px, 100%;}


.st-3{position: relative; padding: 70px 0;}
.st-3:before{content: "";position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: calc(100% - 100px); background: url(../images/cir-sky.png) no-repeat, url(../images/cir-sm-2.png) no-repeat, url(../images/cir-yellow.png) no-repeat, var(--bg-gradient);  background-position: top 30px left -170px, bottom 295px right 60px, bottom 100px right -90px, top left;
    background-size: 23%, 30px, 180px, 100%;}
.st-3-itm {padding: 50px 20px 30px;    text-align: center;    background: #fff;    border-radius: 15px;    border-bottom: 4px solid var(--primary_color); position: relative;    overflow: hidden; height: calc(100% - 20px);    margin-top: 20px; transition: .5s;}
.st-3-itm:hover {background: #f9ebda;}
.st-3-itm:before {content: "";    position: absolute;    top: -15px;    left: 50%;    transform: translateX(-50%);    width: 40px;    height: 40px;    background:  var(--primary_color);    border-radius: 100%;}
.st-3-itm img {margin-bottom: 22px; width: 44px; height: 44px;    object-fit: contain;}
.st-3-itm .heading-typ3 {color: #000;    margin-bottom: 12px;}

/* why choose us */
.st-4{padding-bottom: 70px;}
.st-4-itm {background: #f6f8f8;    padding: 20px;     border-radius: 20px; display: flex; align-items: center; margin-top: 20px;}
.st-4-itm-ic {background: #f89623;    border-radius: 15px;    padding: 10px;    width: 80px;    min-width: 80px;    height: 80px;
    display: flex;    justify-content: center;    align-items: center;    margin-right: 25px;}
.st-4-itm .heading-typ3 {margin-bottom: 5px;}
.st-4-con {padding-right: 60px;}
.st-4-img-itm {border-radius: 15px;    overflow: hidden;}
.st-4-img-itm:last-child {border-bottom-right-radius: 80px;}
.st-4-img-con {background: #5bc5d1;    padding: 30px;    text-align: center;    border-radius: 15px 15px 15px 80px;    margin-top: 25px;}
.st-4-img-con h3 {color: #fff;    font-weight: 900;    font-size: 24px;}
.st-4-img-con h3 span {display: block;    font-size: 55px;}
.st-4-itm-ic img {width: 54px;    height: 50px;    object-fit: contain;}


/* services */
.st-5{padding: 70px 0; background:url(../images/bg-1.png) no-repeat; background-size: cover;}
.st-5-items .row {margin: 0 -20px;}
.st-5-items .row>div {padding: 0 20px;}
.st-5-itm-con > img {margin-bottom: 30px;    height: 54px; transition: .5s;}
.st-5-itm .heading-typ3 {margin-bottom: 15px; color: var(--secondary_color);}
.st-5-itm {border-radius: 25px; overflow: hidden; position: relative; background: #fff;}
.st-5-itm-con {position: relative; top: 0; padding: 55px 40px; z-index: 99;}
.st-5:not(.st-5-2) .st-5-itm-con p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.st-5-itm-img{opacity: 0; transition: .5s; position: absolute; width: 100%; height: 100%;}
.st-5-itm-img img{height: 100%; width: 100%; object-fit: cover;}

/* card hover */
.st-5-itm:hover .st-5-itm-con {background: linear-gradient(0deg, #232c33, transparent);}
.st-5-itm:hover .st-5-itm-con *{color: #fff;}
.st-5-itm:hover .st-5-itm-img{opacity: 1;}
.st-5-itm:hover .st-5-itm-con > img{filter: brightness(0) invert(1);}
.owl-nav {position: absolute;    top: -84px;    right: 0;}

/* plans */
.plans{padding: 70px 0;}
.plans .heading-sec-2 {max-width: 600px;    margin: auto;}
.plan-itm-con h4 {font-size: 22px;    font-weight: 800;    text-align: center;    margin-bottom: 25px;}
.plan-itm-con {padding: 30px 25px 40px;}
.plan-itm-top {text-align: center;    position: relative;    padding: 35px 40px 40px;    overflow: hidden;}
.plan-itm-top span.heading-typ3 {background: #b1dee4;    padding: 5px 20px;    border-radius: 40px;    margin-bottom: 20px;    display: inline-block;    color: #5a7d7c;}
.plan-itm-top .heading-typ3 {margin-bottom: 5px;}
.plan-itm-top .heading-typ1 {margin-bottom: 5px;}
.plan-itm-top:before {content: "";    position: absolute;    bottom: 0;    left: 50%;    transform: translateX(-50%);    width: 480px;    height: 480px;
    background: #ceeff3;    z-index: -1;    border-radius: 100%;}
.plan-itm {border-radius: 20px; z-index: 1; margin-top: 30px;    overflow: hidden; position: relative; background: #f6f8f8;}
.plan-itm .list-typ1 li {margin-bottom: 15px;}
.plan-items, .team-items {max-width: 1360px;    margin: auto;}
.plan-itm:after {content: "";    position: absolute;    bottom: 0;    left: 0;    width: 100%;    height: 7px;    background: #1d818d;}


.plan-itm.highlight{background: #ecfdff;}
.plan-itm.highlight:after {display: none;}
.plan-itm.highlight .plan-itm-top:before{background: var(--primary_color);}
.plan-itm.highlight .plan-itm-top span.heading-typ3 {background: #dd841c; color: #fff;}
.plan-itm.highlight .plan-itm-top .heading-typ3 {color: var(--secondary_color);}
.plan-itm.highlight .plan-itm-top .heading-typ1{color: #fff;}


.heading-sec-2 .heading-typ3 {margin-bottom: 10px;}
.heading-sec-2 .heading-typ2 {margin-bottom: 15px;}

/* testimonilas */
.testimonials{padding: 70px 0;}
.testimonial-profile {display: flex;    align-items: center;}
.testimonial-profile .profile {width: 60px;    min-width: 60px;    height: 60px;    border-radius: 100%;    overflow: hidden;    margin-right: 10px;    border: 1px solid #ccc;}
.testimonial-profile h4 {font-size: 16px;    font-weight: 700;    margin-bottom: 0;}
.testimonial-profile span {color: #f89623;    font-size: 14px;    text-transform: uppercase;    font-weight: 700;}
.testimonial-itm {padding: 30px;    border-radius: 25px; background: #fff url(../images/quotes.png) no-repeat; background-position: bottom 32px right 23px; background-size: 64px;}
.testimonial-img {border-radius: 40px;    overflow: hidden;}
.testimonial-items {margin-right: -245px;    margin-top: 30px;     position: relative;}
.testimonial-itm .stars {width: 110px;    margin-bottom: 15px;}
.testimonial-itm p{font-style: italic; font-weight: 500;}






/*  why us */
.st-6{padding: 70px 0;}
.st-6-img {border-radius: 15px; overflow: hidden;}
.st-6-img-con {padding: 50px 20px; text-align: center; background: var(--bg-gradient); border-radius: 15px; position: relative; overflow: hidden; display: flex;        flex-direction: column;        justify-content: center;        align-items: center;}
.st-6-img-con > img {margin-bottom: 22px; width: 44px; height: 44px;    object-fit: contain;}
.st-6-img-con .heading-typ3 {color: #000;    margin-bottom: 12px;}
.st-left-itm {margin-bottom: 22px;     height: calc(100% - 22px);}
.st-6-con {padding-left: 60px;}
.st-images {margin-right: -15px;}
.st-6-items .st-4-itm-ic {background: var(--sky-blue);}
.st-6-items .st-4-itm .heading-typ3{color: var(--secondary_color);}
.st-6-items .st-4-itm-ic img {height: 41px; filter: brightness(0) invert(1);}


/* contact form */
.contact-form-in {border-radius: 45px;    overflow: hidden; 
    background: url(../images/cir-yellow.png) no-repeat top -35px right 55px,
    url(../images/cir-sm-1.png) no-repeat top 30px right 170px, 
    url(../images/cir-white.png) no-repeat top 115px right 51%,
    url(../images/cir-corner.png) no-repeat bottom  right ,                
    var(--bg-gradient) no-repeat top left;
    background-size: 100px, 30px, 100px, 200px, 100%;
}
.contact-form-con {padding: 65px 60px 65px 40px;}
.form-control, .form-select {border: 1px solid #818181; border-radius: 50px; height: 40px; padding: 5px 20px; font-size: 14px; box-shadow: none !important;    background-color: transparent;}
.form-control::placeholder {color: #929292;}
.form-select {color: #929292;}
.form-itm {margin-top: 15px;}
.form-itm button {border: 0;    width: 200px;    margin-top: 10px;}
.contact-form form {margin-top: 10px;}
textarea.form-control {height: 100px;    border-radius: 20px;    padding-top: 8px;}
.contact-form-img, .contact-form-img img {height: 100%;}
.contact-form-img img {width: 100%;    object-fit: cover;}


/* footer */
footer {padding: 70px 0 0;    /* background: #142f32 url(../images/footer-bg.png) no-repeat center; background-size: cover; */
    color: #fff; position: relative;}
footer::before {content: '';    position: absolute;    bottom: 0;    left: 0;    width: 100%;    height: 128%;    background: #142f32 url(../images/footer-bg.png) no-repeat center;    background-size: cover;    z-index: -1;}
footer a, footer .heading-typ3 {color: #fff;}
.footer-links ul {padding: 0;    margin: 0;}
.footer-links ul li {list-style: none;    line-height: 2.2; font-size: 15px;}
.footer-links ul li span {width: 25px;    display: inline-block;    text-align: center;    margin-right: 10px;}
.footer-links.contact ul li {margin-bottom: 8px;}
.social-media {padding: 0;    display: flex;}
.social-media li {list-style: none;}
.social-media li a {width: 30px;    height: 30px;    line-height: 20px;    background: var(--primary_color);    margin-right: 10px;    text-align: center;    border-radius: 100%;    padding: 4px;}
footer .heading-typ3{margin-bottom: 10px;}
.footer-links.quick-links {padding-left: 40px;}
.footer-logo > img {margin-bottom: 25px; width: 200px;}
.footer-logo p {margin-bottom: 25px;}
.footer-logo {padding-right: 30px;}
.copyright {padding: 12px 0;    background: #0e2629;    margin-top: 20px;}


/* ===========================================================
============================================================

service page css start 

=========================================================
===========================================================*/
.service-banner{padding-bottom: 0 !important;}
.service-banner.banner{padding: 150px 0 65px; background: url(../images/service-ban-bg.png) no-repeat, var(--bg-gradient) no-repeat; background-size: 112%; background-position: left -80px top 120px, top left;}
.service-banner .banner-img {
    text-align: center; padding-left: 90px; display: flex; align-items: flex-end; justify-content: center; height: 100%;}
.service-banner .banner-con {padding: 30px 0 80px;}
.service-banner .banner-img > img {
    width: 390px;
}
.service-banner .list-typ1{padding-top: 1px;}
.service-banner .list-typ1 li {
    margin-top: 15px;
}

.service-ban-pop li {
    list-style: none;
    position: absolute;
}

.service-ban-pop li:nth-child(1) {width: 280px;    top: 15px;    left: 45px; animation: scale-anim .5s infinite alternate;}
.service-ban-pop li:nth-child(2) {width: 275px;top: 55px;right: 40px; animation: scale-anim .8s .5s infinite alternate;}
.service-ban-pop li:nth-child(3) {width: 200px;top: 185px;left: 100px; animation: scale-anim .8s .3s infinite alternate;}
.service-ban-pop li:nth-child(4) {width: 210px;top: 220px;right: -10px; animation: scale-anim 1s 1s infinite alternate;}

.service-ban-pop li img {
    width: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    background: #fff;
    border-radius: 12px;
}

.service-ban-pop {
    padding: 0; margin: 0
}


/* services section */
.st-5.st-5-2 {
    background: #fff;
}
.st-5-2 .st-5-itm-con {background: #f2f2f2;}
.st-5-2 .heading-sec-2 p{max-width: 700px;}
.st-5-2 .heading-sec-2{margin-bottom: 30px;}

/* service detailed section */
.st-7{padding: 70px 0;}
.st-7-ic {
    background: #fff;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px;
    margin-bottom: 20px;
}
.st-7-con li, .st-7-con p {
    font-size: 20px;
}

.st-7-con p {
    margin-bottom: 30px;
}

.st-7-con .list-typ1 li {
    margin-bottom: 12px;
}

.st-7-con .list-typ1 li:before {
    top: 4px;
}
.st-7-img {
    border-radius: 30px;
    overflow: hidden; margin-left: 50px;
}
.st-7-con .list-typ1 {
    padding-bottom: 1px;
}
.st-8{background: #fff;}
.st-8 .st-7-img {
    margin: 0 50px 0 0;
}
.st-8 .st-7-ic {
    background: #f8f0e7;}

    /* steps */
.st-9{padding: 70px 0;}
.st-9-itm{
    padding: 30px 35px;
    background: #fff;
    border-radius: 15px;
    border-bottom: 4px solid var(--primary_color);
    position: relative;
    overflow: hidden;
    height: calc(100% - 20px);
    margin-top: 20px;
    transition: .5s; margin-top: 20px;
}

.st-9-itm:hover {
    background: var(--primary_color); color: #fff;
}
.st-9-itm:hover .heading-typ3{color: #fff;}
.st-9-itm span {
    color: #f6c489;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 16px;
    display: block;
}

.st-9-itm .heading-typ3 {
    text-transform: unset;
    color: var(--secondary_color);
    margin-bottom: 10px;  transition: .5s;
}
.st-9-items {
    margin-top: 10px;
}


/* faqs */
.faqs {padding: 55px 0 70px; background: #fff;}
.faqs-con {}
.faqs-img {border-radius: 30px; overflow: hidden; height: 100%; margin-right: 25px;}
.faqs-img img{width: 100%; height: 100%; object-fit: cover;}
.accordion-button::after {min-width: 30px !important; height: 30px; background-color: var(--primary_color); background-position: center; border-radius: 100%; background-image: url(../images/plus-icon.png) !important; background-size: 12px !important;
}
.accordion-button:not(.collapsed)::after{background-image: url(../images/cross-icon.png) !important;}
.accordion-item {overflow: hidden;    margin-top: 20px;    border: 0;}
.accordion-button {background: #f2f7f8 !important;    box-shadow: none !important;    font-size: 16px;    line-height: 1.5;    color: #383838 !important;    font-weight: 600; gap: 15px; border-radius: 25px !important;     padding: 10px 12px 10px 30px;
}
.accordion-button.collapsed{background: #f2f7f8 !important;}
.accordion-button:not(.collapsed) {background: var(--sky-blue) !important;    color: #fff !important;}
.accordion-button:not(.collapsed)::after {background-color: #fff !important;} 
.accordion-body {
    padding: 20px 12px 0px 30px;
}
.accordion-flush>.accordion-item:first-child {margin-top: 0;}
.faqs .heading-sec-2 {
    margin-bottom: 24px;
}



/* contact form */
.contact-form-2 .contact-form-in {border-radius: 45px;    overflow: hidden; 
    background: url(../images/cir-yellow.png) no-repeat top -35px right 55px,
    url(../images/cir-sm-1.png) no-repeat top 30px right 170px, 
    url(../images/cir-sky-solid-border.png) no-repeat top 115px right 56.5%,
    url(../images/cir-corner.png) no-repeat bottom  right ,                
    var(--bg-gradient) no-repeat top left;
    background-size: 100px, 30px, 120px, 200px, 100%;
}


.contact-form-2  .contact-form-con-in {
    padding: 68px 50px;
    background: #fff;
    border-radius: 25px;    height: 100%; margin-right: -20px;
}

.contact-form-2 .contact-form-con {
    padding: 30px 50px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 25px;     margin-left: 35px;
}

.contact-form-2 .contact-form-in {
    padding: 70px; 
}
.contact-form-2 .contact-form-con .heading-typ3 {
    text-align: center;
}

.contact-form-2 .contact-form-con-in h4 {
    font-size: 22px;
    font-weight: 900;
    color: #f89623;
}

.contact-form-2 .contact-form-con-in .heading-typ2 {
    font-size: 60px;
    margin-bottom: 8px;
}

.contact-form-2 .contact-form-con-in p {
    margin-bottom: 25px;
}

.contact-call {
    padding-top: 25px;
    margin-top: 30px;
    display: flex;
    border-top: 1px solid #ccc;
}

.contact-call span {
    width: 45px;
    min-width: 45px;
    margin-right: 15px;
}

.contact-call .heading-typ3 {
    margin-bottom: 5px;
}


/*  career page */
.st-10 .st-3-itm {
    background: #f7f7f7;
}
.st-10{
    padding: 50px 0 70px;
}
.st-11{padding: 70px 0;}
.st-11 .st-6-img-con{margin-bottom: 20px;}


/* team section */
.team-img {
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 100%;
    margin: 35px auto 25px; 
}
.team-info .heading-typ3, .team-info .heading-typ1 {
    margin-bottom: 0px;
}
.team-info h4 {
    font-size: 26px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 5px;
}

.team-info p {
    font-weight: 800;
    text-transform: uppercase;
}





































.btn-typ11 span { animation: pulse infinite 1s;}



/* footer bottom */
.sticky-call-btn {position: fixed;    bottom: 0;    width: 100%;    background: var(--secondary_color);    display: flex;    align-items: center; z-index: 999; display: none;}
.sticky-call-btn a {padding: 7px 10px;    text-align: center;    color: #fff;    font-weight: 600; display: flex; align-items: center; justify-content: center;}
.sticky-call-btn a:first-child {width: 44%; border-right: 1px solid #ffffff;}
.sticky-call-btn a:last-child {width: 56%;}
.sticky-call-btn a img {width: 20px;    height: 20px;    object-fit: contain;    filter: brightness(0) invert(1);    margin-top: -1px; }
.sticky-call-btn a:first-child img {animation: ring 2s ease infinite;}
.sticky-call-btn a:last-child img {transform: rotate(135deg);}
.sticky-call-btn a span {background: var(--primary_color);    width: 35px;    height: 35px;    display: inline-block;    text-align: center;    padding: 3px;    border-radius: 100%; margin: 0 8px; animation:  pulse 1s infinite;  box-shadow: 0 0 0 14px transparent;}



/* animation */

/* btn animation */
@-webkit-keyframes pulse {
  0% {box-shadow: 0 0 0 0 #9bb1fd;}
}

@keyframes pulse {
  0% {box-shadow: 0 0 0 0 #9bb1fd;}
}
/* discount animation */
@-webkit-keyframes disc-anim {
    0% {transform: translate(-50%, -50%) scale(0.8);}
}

@keyframes disc-anim {
    0% {transform: translate(-50%, -50%) scale(0.8);}
}
/* ring */
@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    2% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    4% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    6% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    8% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    10% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    12% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    14% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    18% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    20% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    2% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    4% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    6% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    8% {
        -webkit-transform: rotate(-22deg);
        -ms-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    10% {
        -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    12% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    14% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    18% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    20% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes shadow-anim {
    0% {left: 160%;}
}

/* scale animation */
@-webkit-keyframes scale-anim {
    0% {transform: scale(1.1); transform-origin: center;}
}

@keyframes scale-anim {
    0% {transform: scale(1.1); transform-origin: center;}
}

@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

@-webkit-keyframes mover-y {
    0% { transform: translateX(0); }
    100% { transform: translateX(-10px); }
}
@keyframes mover-y {
    0% { transform: translateX(0); }
    100% { transform: translateX(-10px); }
}

.img-hover {
    overflow: hidden;
}

.img-hover img {
    transition: .5s;
}

.img-hover img:hover {
    transform: scale(1.1) rotate(2deg);
}


/* anim border */
.glow {animation: move 3s linear infinite;    offset-path: rect(0% auto 100% auto);    background: radial-gradient(#f89623, #f1f5f9, transparent);  }

@keyframes move {
    0% {offset-distance: 0%;}
    100% {offset-distance: 100%;}
}

.form-sec-form-wrap {position: relative; overflow: hidden; padding: 3px; border-radius: 30px; margin-left: -15px; box-shadow: 0 0 30px #0000001a;
    background: #fff;}
.glow {width: 600px; height: 600px; transform: rotate(45deg); transform: translate(0, 0) rotate(45deg) skewX(0) skewY(0) scaleX(1) scaleY(1); inset: 0px; position: absolute;}
.form-sec-form{width: auto; margin-top: 0; border-radius: 30px; background: #fff;}

/* -------------- */
.contact-form-2 .contact-form-con {
    margin-left: 0;
    position: relative; background: #fff;
}

.form-sec-form-wrap {
    margin-left: 35px;
}


/* logo animation */
.logo:after {
    position: absolute;
    left: -128px;
    top: 0;
    content: "";
    width: 128px;
    height: 70px;
    background: url("../images/shine.png") no-repeat 0 0;
}
.auto-shining:after {
    opacity: 1;
    transition: opacity 0.5s;
    -webkit-animation: logo 2s linear infinite;
    animation: logo 2s linear infinite;
}
.logo {
    position: relative;
    display: block;
    overflow: hidden;
}

@keyframes logo {
    0% {
        transform: translate3d(0, 0, 0);
    }
    50%, 100% {
        transform: translate3d(350px, 0, 0);
    }
}


















/* responsive */
@media(min-width:1200px){
    .container {max-width: 1140px;}
    .container-fluid {padding: 0 65px;}
}


@media(min-width:1500px){
    .container {max-width: 1270px;}
}

@media(max-width:1500px){

    .heading-typ1 {font-size: 40px;}
    /* .btn-typ1, .btn-typ2 {padding: 10px 30px; font-size: 15px;} */
    .heading-typ2 {font-size: 32px;}
    .heading-typ3{font-size: 18px;}
    
    .banner p, .st-1-itm h3 {font-size: 20px;}

    .st-4-img-con h3 {font-size: 22px;}
    .st-4-img-con h3 span {font-size: 45px;}
    .st-4 .row {align-items: flex-end;}
    .st-5-itm-con {padding: 32px 40px;}
    .st-6-img img {height: 100%; width: 100%; object-fit: cover;}
    .st-6-con {padding-left: 25px;}
    .st-4-itm {padding: 14px; margin-top: 20px;}
    .contact-form-con {padding: 65px 50px 65px 30px;}

    /* service page */
    .service-ban-pop li:nth-child(1) {width: 240px;}
    .service-ban-pop li:nth-child(2) {width: 225px;}
    .service-ban-pop li:nth-child(3) {width: 160px;}
    .service-ban-pop li:nth-child(4) {width: 170px;}

    .st-7-con li, .st-7-con p {font-size: 18px;}
    .st-7-con .heading-typ2 br {display: none;}

    .contact-form-2 .contact-form-con-in .heading-typ2 {font-size: 50px;}

}


@media(max-width:1199px){
    p, li{font-size: 15px;}

    .header-nav {visibility: hidden;}
    .nav-btn span {display: block; width: 30px; height: 4px; background: var(--secondary_color); margin: 7px 0px 7px auto; border-radius: 5px;}
    .nav-btn {display: block;}
    .header-nav {position: fixed; z-index: 99999;    right: 0; width: 100%; height: 100vh; top: 0; overflow: auto; transition: .5s;}
    .header-nav nav > ul {display: block; padding: 75px 0;}
    .header-nav nav > ul > li {margin-left: 0; text-align: center; margin: 15px 0;}
    .submenu {position: static; transform: unset; border-radius: 0; box-shadow: none; display: none; transition: unset; visibility: unset; opacity: 1;}
    header button.close {display: block;}
    header button.close {position: absolute; top: 15px; right: 15px; display: block; background: transparent; border: 0;}
    header button.close svg {width: 30px;}
    .nav-btn span:nth-child(2) {width: 35px;}
    .nav-btn span:nth-child(3) {width: 25px;}

    .header-nav nav > ul > li > a {padding: 5px 20px; font-size: 20px; color: #fff;}
    .header-in {padding: 12px  35px;}
    .header-btn{margin-left: auto; margin-right: 15px;}
    li.menu-item-has-children > a {padding-right: 5px !important;}
    li.menu-item-has-children .arrow{position: static;}
    li.menu-item-has-children .arrow path {stroke: #fff;}
    .header-nav nav > ul > li a.active, .header-nav nav > ul > li a:hover {border: 0; color: #fff;}

    /* mob menu animation */

    .header-nav ul li{ position: relative; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; opacity: 0;  overflow: hidden;  -webkit-transform: translate(30px, 0%); transform: translate(30px, 0%);-webkit-transition: opacity .2s ease, -webkit-transform .3s ease;    transition: opacity .2s ease, -webkit-transform .2s ease; transition: opacity .2s ease, transform .2s ease; transition: opacity .2s ease, transform .2s ease, -webkit-transform .2s ease;}

    .header-nav.visible ul li{opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, transform .3s ease, color .3s ease;transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;}
    .header-nav.visible ul li:nth-child(1) {-webkit-transition-delay: 0.8s; transition-delay: 0.8s;}
    .header-nav.visible ul li:nth-child(2) {-webkit-transition-delay: 0.9s; transition-delay: 0.9s;}
    .header-nav.visible ul li:nth-child(3) {-webkit-transition-delay: 1s; transition-delay: 1s;}
    .header-nav.visible ul li:nth-child(4) {-webkit-transition-delay: 1.1s; transition-delay: 1.1s;}
    .header-nav.visible ul li:nth-child(5) {-webkit-transition-delay: 1.2s; transition-delay: 1.2s;}
    .header-nav.visible ul li:nth-child(6) {-webkit-transition-delay: 1.3s; transition-delay: 1.3s;}
    .header-nav.visible ul li:nth-child(7) {-webkit-transition-delay: 1.4s; transition-delay: 1.4s;}
    .header-nav.visible ul li:nth-child(8) {-webkit-transition-delay: 1.5s; transition-delay: 1.5s;}
    .header-nav.visible ul li:nth-child(9) {-webkit-transition-delay: 1.6s; transition-delay: 1.6s;}

    .header-nav:before, .header-nav:after {content: ""; position: fixed; top: 0px; right: 0px; width: 0; height: 0; background-color: rgba(20, 21, 26,0.6);border-bottom-left-radius: 200%; z-index: -1; transition: border-radius linear 0.8s, width cubic-bezier(0.77, 0, 0.175, 1) 0.6s, height cubic-bezier(0.77, 0, 0.175, 1) 0.6s;}
    .header-nav:after {background-color: var(--primary_color); -webkit-transition-delay: 0s; transition-delay: 0s; box-shadow: 6px 7px 28px 0 rgba(16, 16, 16, 0.3);}

    .header-nav.visible:before {-webkit-transition-delay: 0s;transition-delay: 0s;}
    .header-nav.visible:before, .header-nav.visible:after {width: 100%; height: 100%;border-radius: 0px;}
    .header-nav.visible:after {-webkit-transition-delay: .1s; transition-delay: .1s;} 

    /* header css end */

    header {padding: 15px 0;}
    .logo, .header-btn {width: 190px;}
    .header-btn .btn-typ1 {width: 100%;}

    .btn-typ1, .btn-typ2 {padding: 10px 32px; font-size: 14px;}
    .link {font-size: 14px;}

    .heading-typ3{font-size: 16px; margin-bottom: 10px;}
    .heading-typ1 {font-size: 36px;}
    .heading-typ2 {font-size: 28px; margin-bottom: 20px;}
    .heading-sec.text-center {margin: 0 auto 15px;}

    .banner p, .st-1-itm h3 {font-size: 18px;}
    .banner-img-con-itm .icon {left: 10px; padding: 9px; width: 40px; height: 40px;}
    .banner-img-con-itm {padding: 8px 15px 8px 60px; border-radius: 10px;}
    .banner-img-con-itm.review img {width: 100px;}
    .banner-img-con-itm.review {padding: 6px 10px;}
    .banner {padding: 130px 0 65px; background-position: left -55px top 40px, top left;}

    .st-1-itm-ic {min-width: 60px; width: 60px; height: 60px;}
    .st-1-itm-ic img {object-fit: contain;}
    .st-1-mssg ul li {max-width: 235px;}
    .st-1-itm {margin: 40px 0;}

    .st-4-img-con h3 span {font-size: 40px;}
    .st-4-img-con h3 {font-size: 18px;}
    .st-4-con {padding-right: 30px;}

    .st-5-items {margin-top: 40px;}
    .st-5-itm-con {padding: 34px 40px;}

    .plan-itm-con h4 {font-size: 20px;}
    .testimonial-itm {background-position: bottom 32px right 10px; background-size: 50px;}

    .st-6-img-con {padding: 43px 20px;}

    .contact-form-in> .row>div:first-child {display: none;}
    .contact-form-con {padding: 60px;}

    .st-1, .st-2, .st-3, .st-5, .plans, .testimonials, .st-6, .st-7, .st-9, .st-10, .st-11 {padding: 60px 0;}
    .st-4 {padding-bottom: 60px;}
    footer {padding: 60px 0 0;}

    /* service page */
    .service-banner.banner {padding: 100px 0 0;}
    .service-ban-pop li:nth-child(1) {width: 210px;}
    .service-ban-pop li:nth-child(2) {width: 200px; top: 40px;}
    .service-ban-pop li:nth-child(3) {width: 130px; top: 130px;}
    .service-ban-pop li:nth-child(4) {width: 140px; top: 145px;}
    .service-banner .banner-con {padding: 30px 0 70px;}
    .st-5-2 .heading-sec-2 {margin-bottom: 0;}
    .st-7-img {margin-left: 0;}
    .st-7-ic {width: 80px;        height: 80px;        padding: 20px;}
    .st-7-con li, .st-7-con p {font-size: 17px;}
    .st-7-con p {margin-bottom: 20px;}
    .st-7-con .btn-wrap {margin-top: 15px;}
    .st-7-con .list-typ1 li {margin-bottom: 8px;}
    .st-8 .st-7-img {margin: 0;}
    .st-9-itm {padding: 30px 30px;}

    .faqs {padding: 50px 0 60px;}
    .contact-form-2 .contact-form-in{padding: 60px;}

    .contact-form-2 .contact-form-in > .row>div:first-child {display: unset;}
    .contact-form-2 .contact-form-con-in {margin: 0 0 30px;        height: auto;        padding: 50px;}
    .contact-form-2 .contact-form-con-in h4 {font-size: 20px;}
    .contact-form-2 .contact-form-con-in .heading-typ2 {font-size: 40px;}
    .contact-form-2 .contact-form-con-in p {margin-bottom: 20px;}
    .contact-form-2 .contact-form-con {margin-left: 0;}

    .form-sec-form-wrap {margin-left: 0;}

    .form-itm label {font-size: 14px;}

    .plan-itm.team-itm {margin-top: 0;}
}




@media(max-width:991px){
    p, li {font-size: 14px;}

    .logo {width: 150px;}
    .header-btn a {font-size: 15px; }
    .header-btn-icon {width: 45px; height: 45px; padding: 10px; box-shadow: 0 0 0 8px transparent;     top: 54%;}
    .header-btn {width: 170px;}


    .heading-typ1 {font-size: 30px;}
    .heading-typ2 {font-size: 26px;}


    .banner p, .st-1-itm h3 {font-size: 15px;}
    .banner .container {max-width: 100%; padding: 0 30px;}
    .banner {background-position: left -90px top 40px, top left;}

    .st-2-img {margin: 0 auto 30px; padding: 0; max-width: 500px;}

    .st-4-in> .row {flex-direction: column-reverse;}
    .st-4-con {padding: 30px 0 0;}
    .st-4-img {max-width: 500px;margin: auto;}

    .plan-items, .team-items {max-width: 850px;}

    .st-6-con {padding: 20px 0 0;}

    .footer-links.quick-links {padding-left: 0;}
    .footer-logo {padding: 0 0 20px;        max-width: 500px;        margin: auto;        text-align: center;}
    .social-media {justify-content: center;}
    .copyright {margin-top: 35px;}

    .st-1, .st-2, .st-3, .st-5, .plans, .testimonials, .st-6, .st-7, .st-9, .st-10, .st-11  {padding: 50px 0;}
    .st-4 {padding-bottom: 50px;}
    footer {padding: 50px 0 0;}

    .faqs {padding: 40px 0 50px;}
    .contact-form-2 .contact-form-in{padding: 50px;}

    /*  service page */
    .st-5.st-5-2 .owl-nav {position: static;        margin-top: 20px;        text-align: center;}
    .st-7-con li, .st-7-con p {font-size: 16px;}
    .faqs-img {margin-right: 0;}
    .service-banner .banner-img > img {width: 320px;}

    .service-banner .banner-con {padding: 20px 0 30px;}
    .service-banner .banner-img {padding-left: 30px;}    

    .service-ban-pop li:nth-child(1) {width: 175px; left: 0;}
    .service-ban-pop li:nth-child(2) {width: 165px; right: 0px;}
    .service-ban-pop li:nth-child(3) {width: 110px; left: 30px;}
    .service-ban-pop li:nth-child(4) {width: 120px;}
    .service-banner.banner {background-size: 117%; background-position: left -70px bottom -42px, top left;}

    .banner-2 .container {max-width: 720px;}
    .banner-2 .contact-form-2 {margin: 20px 0 0;}
}

@media(max-width:991px) and (min-width:767px){
    .st-5-2 .btn-typ1 {
        padding: 10px 15px;
        font-size: 12px;
    }
}



@media(max-width:767px){
    p {margin-bottom: 14px;}

    /* new */
    .sticky-call-btn{display: flex;}

    .heading-typ1 {font-size: 24px;}
    .heading-typ1 br {display: none;}
    .heading-typ2 {font-size: 22px;margin-bottom: 10px;}
    .heading-typ3 {font-size: 14px;}
    .btn-typ1, .btn-typ2 {padding: 10px 25px; font-size: 13px;}


    .banner-img {max-width: 500px; margin: auto;}
    .banner .banner-in > .row {flex-direction: column-reverse;}
    .banner-con {max-width: 500px;        margin: 40px auto 0;}
    .banner {padding: 110px 0 40px;}
    .banner-btn {margin-top: 20px;}

    .st-1-itm {margin: 0 0 10px 0; padding: 0 10px; width: 50%;}
    .st-1-items {padding-right: 0; display: flex; flex-wrap: wrap; margin-bottom: 30px;}

    .st-1-img {margin: 0 -15px 0 0;}
    .st-1-mssg ul li:nth-child(1) {margin-left: -50px;}
    .st-1-mssg ul li:nth-child(2) {margin-bottom: 22px; margin-top: 0px;}
    .st-1-mssg ul li:nth-child(4) {margin-left: -50px;margin-top: 0px;}

    .plan-items, .team-items {max-width: 400px;}
    .plan-itm .heading-typ1 {font-size: 30px;}
    .plan-itm-con h4 {font-size: 18px;}

    .testimonial-items {margin-right: 0;}
    .testimonial-profile span {font-size: 12px;}
    .st-5-items {margin-top: 30px;}

    .st-6-con {padding: 10px 0 0;}

    .st-2-img, .st-4-img, .testimonial-img {display: none;}
    .st-4-con {padding: 0;}
    
    .footer-links ul li {font-size: 13px;}

    .form-itm label {font-size: 14px;}
    .form-itm {margin-top: 8px;}

    .list-typ1 li:before {top: 2px;width: 20px;height: 20px;}
    .list-typ1 li {margin-bottom: 8px;padding-left: 30px;}

    .st-1, .st-2, .st-3, .st-5, .plans, .testimonials, .st-6, .st-7, .st-9, .st-10, .st-11 {
        padding: 40px 0;
    }
    .st-4 {padding-bottom: 40px;}
    footer {padding: 40px 0 0;}
    .contact-form-con {padding: 40px;}
    .contact-form-in {background-size: 65px, 10px, 65px, 120px, 100%;}

    .faqs {padding: 30px 0 40px;}
    .contact-form-2 .contact-form-in{padding: 40px;}
    .contact-form-con .btn-typ1 {
        margin: 20px auto 0;
        display: block;
    }

    /*  service page */
    .service-banner.banner .row {flex-direction: unset;}
    .service-banner .banner-con {margin: 0 auto 30px;}
    .service-banner .list-typ1 li:first-child {margin-top: 0;}
    .service-ban-pop li:nth-child(2) {right: -20px;}
    .st-7-img, .faqs-img {display: none;}
    .contact-form-2 .contact-form-con-in, .contact-form-2 .contact-form-con {padding: 30px;}
    .contact-form-2 .contact-form-con-in .heading-typ2 {font-size: 35px;}
    .bg-elements-2 {background-position: top 30px right -70px, 
                        bottom -13px left 60px, 
                        bottom 100px left -90px, 
                        top -50px left 30%, 
                        top left;
        background-size: 23%, 30px, 100px, 90px, 100%;
    }
    .bg-elements-1 {background-position: top 30px left -65px, bottom -13px right 60px, bottom 100px right -90px, top left; background-size: 23%, 30px, 110px, 100%;}

    .service-banner .banner-img {padding-left: 0;}
    .accordion-button {border-radius: 15px !important; padding: 10px 12px 10px 15px;}
    .accordion-body {padding: 15px 12px 0px 15px;}

    /* service page changes */
    .banner-2{background: #f9f9f9; padding-top: 70px;}
    .banner-2 .banner-in > .row {flex-direction: column;}

    .team-img {width: 150px; height: 150px;}
}


@media(max-width:575px){
    .header-btn {display: none;}
    .logo {min-width: 120px;}
    .header-nav nav > ul > li {margin-left: 0px;}
    .header-nav nav > ul {padding-left: 15px;}
    
    .heading-sec {max-width: 100%;}

    .banner-btn .btn-typ1 {margin-right: 4px;}
    .banner-img-con-itm:nth-child(1), .banner-img-con-itm:nth-child(2) {display: none;}
    .banner-img-con-itm b {font-size: 11px;}

    .st-1-itm-ic {min-width: 40px;width: 40px;height: 40px;padding: 9px; margin-right: 10px;}
    .st-1-itm {width: 50%;}
    .st-1-itm h3 {font-size: 12px;}
    .st-images {margin-right: 0;}
    .st-6-img {display: none;}

    .st-4-itm-ic {width: 60px;        min-width: 60px;        height: 60px;         margin-right: 15px;    }
    .st-4-itm {align-items: flex-start;}

    .owl-nav {position: static;margin-top: 10px;text-align: center;}

    .contact-form-con {padding: 40px 30px;}
    .contact-form-in {border-radius: 20px;}
    
    .footer-links {margin-bottom: 15px;}
    .copyright p {text-align: center !important;}

    .footer-links ul li, footer h4 {text-align: center;}
    footer h4 {color: #f89623 !important;}
    .footer-links ul li span {display: none;}
    .copyright {margin-top: 10px;}

    /* service page */
    .service-banner .banner-img {padding-top: 100px; max-width: 320px;}
    .service-ban-pop li:nth-child(1) {width: 150px; top: -8px;}
    .service-ban-pop li:nth-child(2) {width: 150px; top: 12px;}
    .service-ban-pop li:nth-child(3) {left: 15px; top: 65px;}
    .service-ban-pop li:nth-child(4) {width: 105px; top: 85px;   }
    .service-banner .banner-con{margin: 0 auto 0px;}

    .contact-form-2 .contact-form-in {padding: 25px; border-radius: 30px;}
    .contact-form-2 .contact-form-con-in .heading-typ2 {font-size: 28px;}
}