@import url(https://fonts.googleapis.com/css2?family=Poppins: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);.btns_wrap a:hover,.list-con-head ul li a,a {
    text-decoration: none!important
}

@font-face {
    font-family: roxborough-cf-bold;
    src: url(../fonts/roxborough-cf-bold.ttf)
}

:root {
    --c1: #ffba00;
    --font-size: 16px;
    --font-family: 'Poppins',sans-serif;
    --black-color: #0E0E0E;
    --white-color: #fff;
    --gray: #8A8A8A;
    --blue: #4262FF;
    --dark-blue: #050038
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html {
    overflow-x: hidden!important
}

body {
    font-size: var(--font-size);
    font-family: var(--font-family);
    background-color: #fff!important;
    color: var(--black-color)
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #f5f5f5
}

body::-webkit-scrollbar {
    width: 6px;
    background-color: #116299
}

body::-webkit-scrollbar-thumb {
    background-color: #116299
}

a {
    transition: .5s ease-in-out
}

.logo img {
    max-width: 300px;
    padding: 10px 6px;
}

.selected-dial-code {
    color: #333
}

.list-con-head {
    content: '';
    background-image: url(../images/r1.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

header {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999
}

.list-con-head ul {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    gap: 5px
}

.cta-new-sec-btn-list ul li,.list-con-head ul li,li.partner-list__single,ul.client-logos li {
    display: block
}

.list-con-head ul li a {
    background: #166d7a;
    padding: 6px 20px!important;
    border-radius: 13px;
    transition: .5s;
    color: #fff
}

.list-con-head ul li:nth-child(2) a {
    background: #f91c1d
}

.list-con-head ul li:nth-child(3) a {
    background: #222
}

section.banner h1 {
    font-size: 54px;
    margin: 0 0 20px;
    font-weight: 700;
    line-height: 54px;
    text-shadow: 0 1px 2px #000
}

.list-con-head {
    padding: 26px 60px;
    position: relative;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center
}

.header-main__menu a>i {
    color: #fff;
    font-size: 1.75rem;
    float: right
}

#offcanvasExample {
    background-color: #fff;
}

.offcanvas-body img {
    width: 250px;
    margin: 0px 0px 30px 0;
}

.offcanvas-body ul li {
    list-style: none;
    line-height: 30px;
    margin-bottom: 20px
}

.offcanvas-body ul li a {
    color: #000;
    font-size: .9rem;
    font-weight: 500;
    text-transform: capitalize;
    gap: .75rem
}

.offcanvas-body ul li a i {
    color: #ffba00;
    font-size: 1.25rem;
    margin-right: 19px
}

.button-started1 a {
    background: #ffc426;
    padding: .75rem 2rem;
    border-radius: .5rem;
    width: fit-content;
    color: #fff;
    font-size: .95rem;
    border: 2px solid transparent;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    text-transform: capitalize;
    overflow: hidden;
    z-index: 1;
    transition: .3s;
    background-color: var(--c1)
}

.offcanvas-start {
    width: 325px
}

#offcanvasExample .btn-close {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7442%) hue-rotate(107deg) brightness(98%) contrast(96%);
    opacity: 1;
    position: absolute;
    right: 12px;
    top: 13px
}

.banner {
    background: url(../images/banner-bg.webp) center top/cover no-repeat #1a538a;
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    padding-top: 10em;
    position: relative;
    z-index: 0;
    overflow: hidden;
    box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 62%)
}

.banner h1 span {
    color: #ffba00;
    font-weight: 700
}

.banner-left ul {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    gap: 12px
}

.banner-left li {
    font-size: 15px;
    padding-left: 40px;
    position: relative;
    display: block
}

.banner-left li:before {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    font-size: 18px;
    color: #ffc600
}

.main-banner-contact {
    background: #fff;
    padding: 20px 50px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 1px -1px 7px 0 rgb(255 255 255 / 79%);
    color: #000;
    position: relative;
    max-width: 440px;
    margin: 0 auto
}

.heading-form h6 {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 45px;
    color: var(--c1)
}

.heading-form h3 span {
    font-weight: 800;
    font-size: 36px;
    color: #f91c1d
}

.banner-btn {
    margin-top: 30px
}

.badge-div {
    position: absolute;
    top: -37px;
    right: -55px
}

.badge-class {
    max-width: 100px
}

.main-banner-contact input[type=submit] {
    background: #222;
    color: #fff;
    border-radius: 10px;
    text-transform: uppercase;
    padding: 12px 50px
}

.main-banner-contact textarea {
    height: 100px;
    width: 100%;
    border: 1px solid #cacaca!important;
    margin-bottom: 20px;
    resize: none;
    padding: 10px
}

.spon-images {
    border-top: 1px solid #dcdcdc52;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top: 3em
}

.partner-list__single img {
    max-width: 140px!important;
    height: 90px;
    object-fit: contain;
    width: 100%
}

ul.client-logos li img {
    width: 100%;
    max-width: 140px;
    margin-bottom: 10px
}

ul.client-logos {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-left: 0;
    align-items: center;
    margin-bottom: 0
}

.client_logo-sec h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 38px;
    margin: 0;
    text-align: center
}

section.client_logo-sec {
    padding: 40px 0
}

.our-pricing-planss {
    background: #f5f3f3;
    padding: 60px 0;
    position: relative;
    overflow: hidden
}

.our-pricing-planss .container {
    position: relative;
    z-index: 9
}

.our-pricing-planss:after {
    content: '';
    width: 100%;
    height: 918px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-size: cover
}

.our-pricing-planss h3 {
    margin: 0 0 5px;
    font-weight: 700;
    font-size: 32px
}

.our-pricing-planss p {
    font-size: 18px;
    color: #6b6b6b;
    line-height: 23px;
    margin-bottom: 30px;
    padding: 0 250px
}

.our-pricing-planss .package {
    background: #fff;
    padding: 0 0 25px;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    border-radius: 10px;
    margin-bottom: 50px
}

.our-pricing-planss .package .head {
    background: #00ad9f;
    padding: 10px 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    border-bottom: 2px solid #0f7f73;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden
}

.our-pricing-planss .package .head::before {
    content: '70% Off';
    position: absolute;
    width: 150px;
    top: 12px;
    right: -42px;
    background: #000;
    color: #fff;
    transform: rotate(37deg);
    font-size: 14px;
    font-weight: 600;
    line-height: 30px
}

.our-pricing-planss .package .head .left,.our-pricing-planss .package .price .left {
    display: inline-block
}

.our-pricing-planss .package .head .left i {
    height: 80px;
    width: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    background: #009b8f;
    display: inline-block;
    line-height: 80px;
    position: relative
}

.our-pricing-planss .package .head .left i img {
    max-width: 70%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.our-pricing-planss .package .head .right {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    text-align: left;
    width: 60%
}

.our-pricing-planss .package .head .right h5 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 3px;
    text-shadow: 2px 2px 2px #13795f;
    width: 80%
}

.our-pricing-planss .package .head .right h6 {
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    margin: 0;
    text-shadow: 2px 2px 2px #13795f
}

.our-pricing-planss .package .price {
    width: 100%;
    margin: auto;
    padding: 10px 0;
    background: #e1f1ed;
    text-align: center
}

.our-pricing-planss .package .price .left h2 {
    font-size: 50px;
    color: #000;
    font-weight: 700;
    margin: 0;
    letter-spacing: -2.5px
}

.our-pricing-planss .package .price .left h2 sup {
    font-size: 20px;
    color: #000;
    top: -1em;
    left: -4px;
    font-weight: 700
}

.our-pricing-planss .package .price .right {
    display: inline-block;
    text-align: left;
    float: none!important
}

.our-pricing-planss .package .price .right strike {
    color: #d10a00;
    font-weight: 600;
    margin-bottom: 8px;
    display: block
}

.our-pricing-planss .package .price .right span {
    font-weight: 700;
    display: block;
    margin-left: 5px;
    position: relative;
    top: -10px;
    font-size: 10px;
    color: grey
}

.our-pricing-planss .package .listing ul {
    padding-left: 30px
}

.mCSB_inside>.mCSB_container {
    margin-right: 30px
}

.our-pricing-planss .package .listing ul li {
    font-size: 12px;
    color: #252525;
    margin-bottom: 5px;
    font-weight: 400;
    position: relative;
    padding-left: 15px;
    display: block
}

.our-pricing-planss .package .listing ul li:before {
    content: '';
    background: #00ad9f;
    height: 6px;
    width: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 6px
}

.our-pricing-planss .package .content {
    overflow-y: auto;
    position: relative;
    max-width: 97%;
    margin: 20px 0;
    height: 240px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.our-pricing-planss .package .content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px transparent;
    background-color: #e1f1ed
}

.our-pricing-planss .package .content::-webkit-scrollbar {
    width: 3px;
    background-color: #00ad9f
}

.our-pricing-planss .package .content::-webkit-scrollbar-thumb {
    background-color: #00ad9f
}

.our-pricing-planss .package .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #d2f1e9;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.our-pricing-planss .package .mCSB_scrollTools .mCSB_dragger {
    height: 30px!important
}

.our-pricing-planss .package .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #2b9479;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.strip,.strip.best-seller {
    border-radius: 3px 3px 0 0;
    right: 18px;
    font-size: 12px;
    font-weight: 500
}

.our-pricing-planss .package .custom-btn {
    background: #00ad9f;
    margin: auto;
    display: block;
    border-bottom: 4px solid #0f7f73;
    text-shadow: #000000bf 0 1px 1px
}

.cta2 .wrap .gt-strt,.wrap .new-cta {
    margin-right: 20px;
    display: inline-block
}

.our-pricing-planss .package .custom-btn span {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .5px
}

.strip {
    text-transform: uppercase;
    padding: 3px 11px!important;
    display: inline-block;
    position: absolute;
    top: 18px;
    z-index: 5
}

.strip.best-seller {
    background: red;
    color: #fff;
    left: inherit;
    top: 6px;
    letter-spacing: 2px;
    padding: 3px 11px;
    margin-top: 10px;
    display: none
}

.our-pricing-planss .owl-items:nth-child(2) .package .custom-btn,.our-pricing-planss .owl-items:nth-child(2) .package .head {
    background: #ec9c10;
    border-color: #ec9c10
}

.our-pricing-planss .owl-items:nth-child(2) .package .head .left i {
    background: #d48c0e
}

.package .listing,.popupform .col-md-12 ul li {
    text-align: left
}

.cta-new-sec-head,.cta-new-sec-head h1,.cta2,.services-sec .box {
    text-align: center
}

.owl-pricing .item {
    padding: 40px 10px 30px;
    background: 0 0
}

.owl-pricing .owl-nav {
    top: 50%;
    bottom: 0;
    width: 100%
}

.owl-pricing .owl-nav .owl-prev {
    position: absolute;
    left: -70px;
    top: 50%
}

.owl-pricing .owl-nav .owl-next {
    position: absolute;
    right: -70px;
    top: 50%
}

.owl-pricing .owl-nav i {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #f80223c2;
    color: #fff;
    line-height: 50px;
    font-size: 18px;
    position: relative;
    z-index: 9
}

.owl-pricing .owl-nav button:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #f80223;
    height: 0;
    width: 0;
    transition: .5s;
    border-radius: 50%;
    z-index: -1
}

.owl-pricing .owl-nav button i {
    transition: .5s 0.3s
}

.owl-pricing .owl-nav button:hover:before {
    width: 100%;
    height: 100%
}

.owl-pricing .owl-nav [class*=owl-]:hover {
    background: #e841294d;
    color: #fff;
    border-radius: 50%
}

.our-pricing-planss .owl-items:nth-child(2) .package .head .right h5,.our-pricing-planss .owl-items:nth-child(2) .package .head .right h6,.our-pricing-planss .owl-items:nth-child(8) .package .head .right h5,.our-pricing-planss .owl-items:nth-child(8) .package .head .right h6 {
    text-shadow: 2px 2px 2px #2d3784
}

.our-pricing-planss .owl-items:nth-child(2) .package .price {
    background: #ec9c101c
}

.our-pricing-planss .owl-items:nth-child(2) .package .listing ul li:before,.our-pricing-planss .owl-items:nth-child(2) .package .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #ec9c10
}

.our-pricing-planss .owl-items:nth-child(2) .package .mCSB_scrollTools .mCSB_draggerRail,.our-pricing-planss .owl-items:nth-child(5) .package .mCSB_scrollTools .mCSB_draggerRail,.our-pricing-planss .owl-items:nth-child(8) .package .mCSB_scrollTools .mCSB_draggerRail {
    background: #d5d9ee
}

.our-pricing-planss .owl-items:nth-child(8) .package .head {
    background: #1f308e;
    border-color: #1e2b79
}

.our-pricing-planss .owl-items:nth-child(8) .package .head .left i {
    background: #1c2b80
}

.our-pricing-planss .owl-items:nth-child(8) .package .price {
    background: #eaecf6
}

.our-pricing-planss .owl-items:nth-child(8) .package .listing ul li:before {
    background: #1f308e
}

.our-pricing-planss .owl-items:nth-child(8) .package .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #495ab4
}

.our-pricing-planss .owl-items:nth-child(8) .package .custom-btn {
    background: #1f308e;
    border-color: #142064
}

.our-pricing-planss .owl-items:nth-child(3) .package .head,.our-pricing-planss .owl-items:nth-child(9) .package .head {
    background: #dc321a;
    border-color: #b02f1d
}

.our-pricing-planss .owl-items:nth-child(3) .package .head .left i,.our-pricing-planss .owl-items:nth-child(9) .package .head .left i {
    background: #c62d17;
    overflow: hidden
}

.our-pricing-planss .owl-items:nth-child(3) .package .head .right h5,.our-pricing-planss .owl-items:nth-child(3) .package .head .right h6,.our-pricing-planss .owl-items:nth-child(9) .package .head .right h5,.our-pricing-planss .owl-items:nth-child(9) .package .head .right h6 {
    text-shadow: 2px 2px 2px #e6371f
}

.our-pricing-planss .owl-items:nth-child(3) .package .price,.our-pricing-planss .owl-items:nth-child(9) .package .price {
    background: #faebe9
}

.our-pricing-planss .owl-items:nth-child(3) .package .listing ul li:before,.our-pricing-planss .owl-items:nth-child(9) .package .listing ul li:before {
    background: #c62d17
}

.our-pricing-planss .owl-items:nth-child(3) .package .mCSB_scrollTools .mCSB_draggerRail,.our-pricing-planss .owl-items:nth-child(6) .package .mCSB_scrollTools .mCSB_draggerRail,.our-pricing-planss .owl-items:nth-child(9) .package .mCSB_scrollTools .mCSB_draggerRail {
    background: #fad9d4
}

.our-pricing-planss .owl-items:nth-child(3) .package .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.our-pricing-planss .owl-items:nth-child(9) .package .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #dc321a
}

.our-pricing-planss .owl-items:nth-child(3) .package .custom-btn,.our-pricing-planss .owl-items:nth-child(9) .package .custom-btn {
    background: #dc321a;
    border-color: #7a1d10
}

.our-pricing-planss .owl-items:nth-child(4) .package .head {
    background: #e75700;
    border-color: #a24107
}

.our-pricing-planss .owl-items:nth-child(4) .package .head .left i {
    background: #cf4e00
}

.our-pricing-planss .owl-items:nth-child(4) .package .head .right h5,.our-pricing-planss .owl-items:nth-child(4) .package .head .right h6 {
    text-shadow: 2px 2px 2px #e64b00
}

.our-pricing-planss .owl-items:nth-child(4) .package .price {
    background: #f4e6de
}

.our-pricing-planss .owl-items:nth-child(4) .package .listing ul li:before {
    background: #e75700
}

.our-pricing-planss .owl-items:nth-child(4) .package .mCSB_scrollTools .mCSB_draggerRail {
    background: #f9e3d5
}

.our-pricing-planss .owl-items:nth-child(4) .package .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #e3722e
}

.our-pricing-planss .owl-items:nth-child(4) .package .custom-btn {
    background: #de5b0c;
    border-color: #9b3e06
}

.our-pricing-planss .owl-items:nth-child(5) .package .head {
    background: #4531c3;
    border-color: #202a7c
}

.our-pricing-planss .owl-items:nth-child(5) .package .head .left i {
    background: #3e2caf
}

.our-pricing-planss .owl-items:nth-child(5) .package .head .right h5,.our-pricing-planss .owl-items:nth-child(5) .package .head .right h6 {
    text-shadow: 2px 2px 2px #452a99
}

.our-pricing-planss .owl-items:nth-child(5) .package .price {
    background: #e4e2f1
}

.our-pricing-planss .owl-items:nth-child(5) .package .listing ul li:before {
    background: #2d40a8
}

.our-pricing-planss .owl-items:nth-child(5) .package .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #5d4dca
}

.our-pricing-planss .owl-items:nth-child(5) .package .custom-btn {
    background: #4531c3;
    border-color: #142064
}

.our-pricing-planss .owl-items:nth-child(6) .package .head {
    background: #ec0000;
    border-color: #b32919
}

.our-pricing-planss .owl-items:nth-child(6) .package .head .left i {
    background: #d40000
}

.our-pricing-planss .owl-items:nth-child(6) .package .head .right h5,.our-pricing-planss .owl-items:nth-child(6) .package .head .right h6 {
    text-shadow: 2px 2px 2px #ed2626
}

.our-pricing-planss .owl-items:nth-child(6) .package .price {
    background: #fde5e5
}

.our-pricing-planss .owl-items:nth-child(6) .package .listing ul li:before {
    background: #ec0000
}

.our-pricing-planss .owl-items:nth-child(6) .package .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #ee2524
}

.our-pricing-planss .owl-items:nth-child(6) .package .custom-btn {
    background: #ec0000;
    border-color: #7a1d10
}

.forMobpackages {
    display: none
}

.cta-new-sec {
    padding: 80px 0;
    position: relative!important;
    background: linear-gradient(to bottom,#e0f8ff 0,#fff0e5 100%);
    overflow: hidden
}

.cta-new-sec-head h1 {
    font-size: 40px;
    color: #000;
    line-height: 50px
}

.shape {
    position: absolute
}

.banner a,.btn-theme,.cta2,.footer_about,.mygrid,.pro-phone,.project-box,.strugglesec ul li,.testimonial-content,footer {
    position: relative
}

.shape-a3 {
    top: 0;
    right: 0
}

.shape-a4 {
    top: -150px;
    right: 20%
}

.shape-a2 {
    bottom: -30px;
    right: 0
}

.cta-new-sec-head p {
    font-size: 17px;
    color: #222
}

.cta-new-sec-btn-list,.cta-new-sec-btns {
    text-align: center;
    margin-top: 30px
}

.cta-new-sec-btns a {
    background: #222;
    color: #fff;
    border-radius: 24px;
    text-transform: uppercase;
    padding: 12px 50px
}

.cta-new-sec-btn-list ul {
    display: flex;
    justify-content: center;
    gap: 50px
}

.cta-new-sec-btn-list ul li a {
    font-size: 18px;
    color: #222
}

.cta-new-sec-head span {
    color: #ffba00
}

.form-control {
    min-height: 45px;
    border: 1px solid #cacaca!important;
    display: block!important;
    width: 100%!important;
    padding: .375rem .75rem!important;
    font-size: 1rem!important;
    font-weight: 400!important;
    line-height: 1.5!important;
    color: #212529!important;
    background-color: #fff!important;
    background-clip: padding-box!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem!important
}

.footer_about,.footer_about p {
    line-height: 27px;
    font-weight: 400
}

.mobile {
    padding-left: 80px!important
}

.banner-form .intl-tel-input,.brand-img img,.intl-tel-input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 {
    width: 100%
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 5px!important
}

footer {
    background: linear-gradient(45deg,#000000d1,#000000d1) 0 0/cover no-repeat,url(../images/footer_bg.webp) 0 0/cover no-repeat;
    padding: 80px 0 0;
    color: #fff
}

footer h3 {
    margin: 0 0 10px;
    font-size: 1.75rem;
    line-height: 1.5
}

.footer_about p {
    font-size: 16px
}

.footer_about {
    color: #fff;
    max-width: 479px
}

.footer_about ul {
    margin: 4rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.copy_right p,.footer_about ul li address {
    margin-bottom: 0
}

.footer_about ul li {
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1rem;
    margin: 0
}

.footer_about ul li i {
    font-size: 24px
}

.footer_about ul li a {
    font-size: 17px;
    font-weight: 400;
    color: #fff
}

.copy_right p {
    font-size: 17px;
    font-weight: 400
}

.card_img img {
    max-width: 300px;
    display: block;
    margin: auto
}

footer h4 {
    font-weight: 500;
    color: #fff;
    font-size: 1.5rem;
    margin-bottom: 20px;
    display: block
}

.formCs {
    background: #ffba00!important;
    color: #000!important;
    width: 208px!important;
    border: 1px solid #ffba00!important;
    height: 49px!important;
    border-radius: 100px!important;
    font-weight: 700
}

.banner a,.btn-theme {
    display: inline-block;
    margin: 0 20px 0 0;
    color: #000;
    font-weight: 600;
    padding: 8px 45px;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: -1px;
    background: var(--c1);
    transition: .5s;
    border: 2px solid transparent
}

.banner a:last-child:not(:first-child) {
    background: 0 0;
    color: #fff;
    border-color: #fff
}

.input-group>.intl-tel-input.allow-dropdown {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%
}

.input-group>.intl-tel-input.allow-dropdown>.flag-container {
    z-index: 4
}

.iti-flag {
    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags.webp")
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .iti-flag {
        background-image:url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags@2x.webp")
    }
}

section.brand {
    padding: 90px 0;
    overflow: hidden
}

.content-style-2 h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 1.25;
    color: #222;
    margin-bottom: 20px;
    margin-top: 20px
}

.branding-icon ul {
    display: flex;
    align-items: center;
    margin-bottom: 25px
}

.branding-icon ul li {
    display: flex;
    width: 100%;
    box-shadow: 0 0 20px -10px;
    padding: 7px;
    border-radius: 15px;
    align-items: center;
    margin-right: 50px
}

.branding-icon ul li img {
    position: relative;
    left: -20px;
    top: -20px
}

.branding-icon ul li span {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 160%
}

section.project {
    padding: 100px 0
}

section.project h3 {
    margin-bottom: 30px
}

.project-box {
    display: flex;
    box-shadow: 0 0 12px 0;
    justify-content: space-around;
    padding: 40px 30px;
    align-items: center;
    margin-top: 50px!important;
    border-radius: 15px
}

.project-box:before {
    content: '';
    width: 3px;
    background: #141232;
    height: 84px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.pro-phone ul li:first-child {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 37px;
    color: #141232;
    text-align: right
}

.pro-phone ul li:nth-child(2) a {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: var(--c1);
    text-align: right
}

.project-box li a {
    color: var(--c1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem
}

.project-box li img {
    width: 19px
}

.project-box ul {
    padding: 0;
    margin: 0
}

.mygrid {
    padding: 30px 20px;
    background-image: linear-gradient(45deg,#f53435,#f8931f);
    width: 80%!important;
    margin: 0 auto;
    border-radius: 8px;
    height: 315px
}

.cta2 {
    overflow: revert;
    padding: 60px 0 0;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center
}

.cta2 .wrap h6 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 10px;
    text-align: left
}

.cta2 .wrap h3,.strugglesec h2 {
    font-weight: 700;
    text-align: left
}

.cta2 .wrap h3 {
    padding-bottom: 0;
    font-size: 24px;
    margin-bottom: 20px;
    color: #fff
}

.cta2 .wrap .gt-strt {
    padding: 12px 20px;
    color: #fff;
    font-size: 18px;
    border-radius: 8px;
    background: #000;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border: none;
    font-weight: 500
}

.floatbutton.active,.wrap .new-cta {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s
}

.wrap .new-cta {
    padding: 11px 20px;
    font-size: 18px;
    border-radius: 8px;
    background: 0 0;
    border: 1px solid #fff!important;
    color: #fff;
    transition: .4s;
    font-weight: 500
}

.ctabtn {
    display: flex
}

.cta-img img {
    position: absolute;
    content: "";
    top: -86px;
    right: 0
}

ul.scrollbar {
    margin-top: 40px;
    height: 215px;
    overflow: hidden;
    padding: 0
}

.services-sec {
    padding: 90px 0 50px
}

.services-sec .box img {
    max-width: 81px;
    height: auto;
    width: 100%
}

.services-sec .box h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 30px 0 20px
}

.services-sec .box h3:after {
    content: '';
    width: 70px;
    height: 2px;
    background: #fb2224;
    display: block;
    margin: 13px auto 0
}

.services-sec .box p {
    font-size: 15px;
    font-weight: 300;
    color: #666
}

.strugglesec {
    padding: 50px 0
}

.strugglesec h2 {
    font-size: 44px;
    width: 100%;
    line-height: 1.2;
    color: #333
}

.strugglesec p {
    font: 16px/27px Poppins,sans-serif;
    color: #687087;
    margin: 30px 0
}

.strugglesec ul {
    padding-left: 0;
    display: inline-block
}

.strugglesec ul li {
    width: 50%;
    padding-left: 25px;
    line-height: 1.4;
    float: left;
    color: #687087;
    font-size: 17px;
    padding-bottom: 11px;
    display: block
}

.strugglesec ul li a {
    color: #687087
}

.strugglesec ul li a:hover {
    color: #fb2224
}

.strugglesec ul li:before {
    content: "\f00c";
    position: absolute;
    font: 14px/1 FontAwesome;
    left: 0;
    color: #22cc21;
    display: table-cell;
    vertical-align: middle
}

.strugglesec img {
    max-width: 100%
}

section.testimonials {
    overflow: hidden;
    padding: 70px 0
}

section.testimonials .content-style-2 h3 {
    font-size: 40px
}

.content-style-1 h3 span,.content-style-2 h3 span,.icon-testi i {
    color: var(--c1)
}

.content-style-2 p {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 180%;
    margin-bottom: 22px;
    padding-right: 24px
}

.testimonial-slider .owl-nav button.owl-next,.testimonial-slider button.slick-next.slick-arrow {
    top: 50px;
    right: 20px;
    z-index: 999;
    display: table;
    overflow: hidden;
    width: 40px;
    height: 40px
}

.testimonial-slider .owl-nav button {
    position: absolute;
    top: 50px;
    right: 65px;
    left: unset;
    z-index: 999;
    width: 40px;
    overflow: hidden;
    height: 40px;
    margin: 0;
    padding: 0
}

.testimonial-slider .owl-nav button:before {
    content: '\f054';
    font-family: FontAwesome;
    font-size: 18px;
    background-color: #222;
    color: #fff;
    z-index: 999;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    display: inline-block;
    opacity: .75
}

.testimonial-slider .owl-nav button.owl-prev:before {
    content: "\f053"!important
}

.owl-theme .owl-nav [class*=owl-]:hover {
    border-radius: 100%!important
}

.testimonial-title {
    display: flex;
    align-items: center;
    gap: 16px
}

.testimonial-title img {
    width: 60px;
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: top;
    border: 2px solid var(--c1);
    border-radius: 100%
}

.testimonial-title h3 {
    font-family: 'Palatino Linotype';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #141232;
    text-transform: capitalize
}

.testimonial-slider .testimonial-slide {
    padding: 20px
}

.testimonial-content {
    background: #fff;
    padding: 40px 15px;
    box-shadow: 0 0 20px -10px;
    border-radius: 15px;
    margin-top: 40px;
    width: 100%
}

.icon-testi {
    font-size: 45px;
    position: absolute;
    top: -25px
}

.testi-img img {
    width: 100%;
    transform: scale(1.7)
}

.testimonial-content p {
    font-style: normal;
    font-weight: 400;
    font-size: 17px!important;
    line-height: 27px;
    color: #141232
}

.floatbutton.active {
    right: 0;
    z-index: 9;
    transition: .4s
}

.floatbutton,.floatbutton .clickbutton .crossplus {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s
}

.floatbutton {
    transition: .4s;
    position: fixed;
    right: -370px;
    top: 18%;
    font-size: 0;
    width: 420px;
    z-index: 999
}

.banner-form,.floatbutton .clickbutton {
    position: relative;
    display: inline-block
}

.floatbutton .clickbutton {
    width: 50px;
    z-index: 999;
    height: 245px;
    cursor: pointer;
    border-radius: 30px 0 0 30px;
    vertical-align: top;
    margin-top: 125px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: var(--c1);
    box-shadow: 0 0 40px #00000026;
    -webkit-box-shadow: 0 0 40px #00000026;
    -ms-box-shadow: 0 0 40px #00000026;
    -o-box-shadow: 0 0 40px #00000026
}

.floatbutton .clickbutton .crossplus:before {
    content: "";
    display: none;
    position: absolute;
    width: 20px;
    height: 2px;
    right: 0;
    background: #fbb334;
    z-index: 99;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto
}

.floatbutton .clickbutton .crossplus:after {
    content: "";
    display: none;
    position: absolute;
    width: 2px;
    height: 20px;
    right: 0;
    background: #fab334;
    z-index: 99;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto
}

.floatbutton .clickbutton .crossplus {
    position: absolute;
    display: block;
    transform: rotate(-90deg);
    transition: .4s;
    left: -75px;
    white-space: pre;
    bottom: 107px
}

.floatbutton .clickbutton .crossplus.rotate {
    transform: rotate(45deg);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.floatbutton .clickbutton .crossplus i {
    font-size: 18px;
    color: #fff;
    margin: 17px 0 0 15px
}

.banner-form {
    background: #fff;
    padding: 30px;
    z-index: 99999!important;
    border-radius: 5px;
    margin: 0;
    width: 370px;
    box-shadow: 0 0 30px #0000001f
}

.ban-form input {
    width: 100%;
    margin: 0 0 15px;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 10px 15px;
    color: gray;
    font-size: 14px;
    border-radius: 3px;
    height: 50px;
    font-weight: 400;
    outline: 0!important
}

.banner-form h3 {
    color: #141315;
    font-size: 24px;
    margin-bottom: 5px;
    font-weight: 700
}

.banner-form h3 strong {
    font: 600 24px/24px Poppins,sans-serif
}

.fldset p a,.intl-tel-input .country-list .country {
    font-size: 14px
}

.ban-form input[type=submit] {
    color: #fff;
    font-weight: 600;
    border-radius: 3px;
    text-align: center;
    padding: 10px 15px;
    margin: 20px 0 0;
    border: transparent;
    cursor: pointer;
    background-color: #fb2224
}

.ban-form textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 10px 15px;
    color: gray;
    font-size: 14px;
    border-radius: 3px;
    font-weight: 400;
    height: 120px;
    outline: 0!important;
    margin: 15px 0 0;
    resize: none
}

.btns_wrap .call_wrap,.btns_wrap .chat_wrap {
    right: -225px;
    width: 280px;
    background-color: var(--c1);
    border-radius: 30px 0 0 30px;
    box-shadow: 0 0 40px #00000026!important;
    z-index: 9999;
    position: absolute;
    overflow: hidden
}

.fldset p,.fldset.inpchecbx {
    margin: 10px 0 0
}

.btns_wrap {
    position: fixed;
    right: -6px
}

.btns_wrap a:hover {
    right: 0
}

.btns_wrap .call_wrap {
    top: 63px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.btns_wrap .call_wrap span {
    color: #000;
    font-size: 20px;
    vertical-align: middle;
    padding: 15px 20px 15px 15px
}

.btns_wrap .chat_wrap {
    display: block;
    top: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.btns_wrap .call_wrap span.icoo,.btns_wrap .chat_wrap span.icoo {
    color: #000;
    font-size: 18px;
    padding: 15px 20px;
    border-right: 1px solid #ded9d9;
    vertical-align: middle;
    display: inline-block;
    border-radius: 10px 0 0 10px
}

.btns_wrap .chat_wrap span {
    color: #000;
    font-size: 20px;
    vertical-align: middle;
    padding: 15px 30px 15px 15px
}

.ban-form .fldset.inpchecbx label {
    display: inline-block;
    margin: 0;
    line-height: 1.4;
    color: #676767;
    font-size: 13px
}

.ban-form .fldset.inpchecbx input {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0
}

.fldset p {
    font-size: 13px;
    color: #676767;
    padding: 0
}

.fldset p a {
    display: block;
    padding: 5px 0 0;
    color: #141315;
    font-weight: 500
}

.main-services-banner-sec .ban-form .fldset textarea {
    height: 60px
}

.main-services-banner-sec .ban-form input {
    height: 40px
}

section.portfolio {
    padding: 30px 0
}

.content-style-1 {
    text-align: center;
    margin: 0 auto 30px;
    padding: 0 20px
}

.content-style-1 h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    color: #222
}

.content-style-1 p {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 37px;
    color: #222
}

.imageBox {
    object-fit: cover;
    overflow: hidden;
    transition: .5s;
    margin: 1rem 0
}

section.portfolio .imageBox .portfolio-item {
    background-image: url(../images/portfolio-main.webp);
    background-size: contain;
    overflow: hidden;
    aspect-ratio: 16/9;
    background-repeat: no-repeat;
    position: relative;
    margin: auto
}

section.portfolio .imageBox .portfolio-item a {
    overflow: hidden;
    width: 73%;
    height: 80%;
    display: block;
    position: absolute;
    left: 49%;
    top: 46%;
    transform: translate(-50%,-50%)
}

.imageBox img {
    object-fit: cover;
    object-position: top center;
    transition: 3s ease-in-out;
    width: 100%;
    height: 100%
}

.imageBox:hover img {
    object-position: bottom center;
    cursor: pointer
}

.our-combopack {
    background: url(../images/our-combo.webp) 0 0/cover no-repeat;
    width: 100%;
    padding: 100px 0;
    overflow: hidden;
    min-height: 690px
}

.our-combopack h5 {
    font-size: 23px;
    font-weight: 600;
    margin: 0
}

.our-combopack * {
    color: #fff
}

.our-combopack h2 {
    font-size: 63px;
    font-weight: 700;
    margin: 0 0 10px
}

.bst-slr {
    width: 70%;
    margin: auto auto 20px;
    height: 50px;
    background: red;
    font-size: 33px;
    font-weight: 800;
    display: none;
    border-radius: 60px 60px 10px 10px
}

.our-combopack p {
    font-size: 17px;
    margin: 0 0 25px;
    line-height: 26px
}

.our-combopack .btn-pack .custom-btn span,.pop-head h3 {
    font-size: 20px;
    color: #000
}

section.our-combopack ul {
    padding: 0
}

.our-combopack ul li {
    margin: 0;
    position: relative;
    font-size: 12px;
    font-weight: 300;
    display: block;
    line-height: 20px
}

.our-combopack ul li:before {
    content: '';
    background: #fff;
    height: 4px;
    width: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle
}

.our-combopack .btn-pack {
    margin-top: 30px;
    float: left;
    width: 100%
}

.our-combopack .btn-pack .custom-btn.get-now {
    background: #ffc426;
    position: relative
}

.custom-btn {
    text-align: center;
    line-height: 30px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    padding: 9px 40px;
    width: auto!important;
    display: inline-block!important
}

.our-combopack .btn-pack .custom-btn.view-detail {
    background: #fff
}

.our-combopack .btn-pack .custom-btn:last-of-type {
    margin-right: 0
}

.our-combopack .btn-pack .custom-btn {
    line-height: 47px;
    margin-right: 31px
}

.our-combopack .bundle-img {
    position: relative;
    right: 10px;
    top: 120px
}

.bundle-img .layer:nth-child(2) {
    left: -30px!important;
    top: -20px!important;
    z-index: -1
}

.bundle-img .layer:nth-child(3) {
    left: -20px!important;
    top: 235px!important
}

.bundle-img .layer:nth-child(4) {
    left: 350px!important;
    top: 300px!important
}

.bundle-img .layer:nth-child(5) {
    left: 470px!important;
    top: 330px!important
}

.bundle-img .layer:nth-child(6) {
    left: 300px!important;
    top: 10px!important
}

body .popupform {
    width: 420px;
    border-radius: 10px;
    padding: 24px 30px 30px;
    overflow: visible;
    border-bottom: none;
    background: #f7f7f7;
    background-size: contain!important
}

.pop-head {
    margin-bottom: .8em;
    width: 100%;
    clear: both
}

.pop-head h3 {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 600
}

.popupform h2 {
    font-size: 18px;
    font-weight: 600;
    padding-left: 0;
    border-left: none;
    color: #3a3a3a;
    margin: 10px 0 0
}

.popupform form {
    font-size: 0
}

.popupform form input {
    width: 100%;
    margin: 0;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 10px 15px;
    color: gray;
    font-size: 14px;
    border-radius: 3px;
    height: 50px;
    font-weight: 400;
    outline: 0!important
}

.popupform ul {
    margin: 0;
    padding: 0
}

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

.popupform ul li input::placeholder {
    color: #000
}

.popupform ul li input[type=email],.popupform ul li input[type=text],.popupform ul li textarea {
    background: #fff;
    border: 1px solid #cecece;
    padding: 13px;
    width: 100%;
    border-radius: 3px;
    font-size: 13px;
    color: #000;
    box-shadow: none!important;
    outline: 0!important;
    height: 45px;
    font-weight: 400;
    margin: 0
}

.popupform ul li textarea {
    height: 95px;
    resize: none
}

.popupform ul li input[type=submit] {
    background: var(--c1);
    color: #fff;
    font-size: 14px;
    border: var(--c1) 1px solid;
    text-transform: uppercase;
    font-weight: 600;
    padding: 11px 10px;
    outline: 0;
    border-radius: 3px;
    width: 100%
}

.pop-head h3 span {
    color: #d11a1a;
    position: relative;
    top: -2px
}

.wrap {
    padding-left: 50px
}

.asdasd {
    list-style: none;
    font-weight: 500;
    font-size: 12px;
}

.step2-cont {
    padding-top: 80px;
}