@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'); @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&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&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&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); @font-face {
    font-family: "COCOGOOSE";
    src: url("https://db.onlinewebfonts.com/t/d14035f6b1afeabafbee4abb2ebf0fc6.eot");
    src: url("https://db.onlinewebfonts.com/t/d14035f6b1afeabafbee4abb2ebf0fc6.eot?#iefix")format("embedded-opentype"),url("https://db.onlinewebfonts.com/t/d14035f6b1afeabafbee4abb2ebf0fc6.woff2")format("woff2"),url("https://db.onlinewebfonts.com/t/d14035f6b1afeabafbee4abb2ebf0fc6.woff")format("woff"),url("https://db.onlinewebfonts.com/t/d14035f6b1afeabafbee4abb2ebf0fc6.ttf")format("truetype"),url("https://db.onlinewebfonts.com/t/d14035f6b1afeabafbee4abb2ebf0fc6.svg#COCOGOOSE")format("svg");
}

@font-face {
    font-family: "Cocogoose Light";
    src: url("https://db.onlinewebfonts.com/t/b4e46f03d0e03a9192dc3c2ad1a4e104.eot");
    src: url("https://db.onlinewebfonts.com/t/b4e46f03d0e03a9192dc3c2ad1a4e104.eot?#iefix")format("embedded-opentype"),url("https://db.onlinewebfonts.com/t/b4e46f03d0e03a9192dc3c2ad1a4e104.woff2")format("woff2"),url("https://db.onlinewebfonts.com/t/b4e46f03d0e03a9192dc3c2ad1a4e104.woff")format("woff"),url("https://db.onlinewebfonts.com/t/b4e46f03d0e03a9192dc3c2ad1a4e104.ttf")format("truetype"),url("https://db.onlinewebfonts.com/t/b4e46f03d0e03a9192dc3c2ad1a4e104.svg#Cocogoose Light")format("svg");
}

html {
    scroll-behavior: smooth;
}

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

.topbar {
    background: url(../../assets/imgs/topbar.png);
    padding: 0px 0px;
    background-size: cover;
    background-repeat: no-repeat;
}

ul.navlist {
    display: flex;
    gap: 33px;
    list-style: none;
    color: #fff;
    font-family: 'Inter',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

p.content {
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
}

.content>span {
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 180%;
    color: #f47a1f;
    padding-left: 25px;
}

.navbar {
    margin: 24px 0;
}

span.icon-search {
    background: #f47a1f;
    border-radius: 15px;
    padding: 6px 6px;
}

img.iconphone {
    width: 10px;
    height: 10px;
    width: 23px;
    height: 23px;
}

.leftbar {
    margin: 18px 0;
    color: #fff;
}

.bodynavbar {
    background: #f47a1f;
}

.menubar>ul {
    display: flex;
}

.menubar>ul {
    display: flex;
    list-style: none;
    color: #fff;
    padding: 15px 0px;
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.menubar>ul>li {
    padding: 0px 20px;
    position: relative;
}

.menubar>ul>li::after {
    content: "|";
    position: absolute;
    right: 0px;
}

button.btn.btn-success.btnquotes {
    border-radius: 4px;
    background: #FFF;
    color: #080925;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 167px;
    height: 45px;
    box-shadow: 0px 8px 15px rgba(0,0,0,0.5);
}

.blink {
    animation: blink-animation 1s steps(5,start) infinite;
    -webkit-animation: blink-animation 1s steps(5,start) infinite;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

.btnquotes {
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}

@-webkit-keyframes glowing {
    0% {
        background-color: #FFF;
        box-shadow: 0 0 3px #3E8365;
        color: #3E8365;
    }

    50% {
        background-color: #FFF;
        box-shadow: 0 0 40px #3E8365;
        color: #3E8365;
    }

    100% {
        background-color: #3E8365;
        box-shadow: 0 0 3px #3E8365;
        border: 2px solid #FFF;
        color: #FFF;
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: #FFF;
        box-shadow: 0 0 3px #3E8365;
        color: #3E8365;
    }

    50% {
        background-color: #FFF;
        box-shadow: 0 0 40px #3E8365;
        color: #3E8365;
    }

    100% {
        background-color: #3E8365;
        box-shadow: 0 0 3px #3E8365;
        border: 2px solid #FFF;
        color: #FFF;
    }
}

@-o-keyframes glowing {
    0% {
        background-color: #FFF;
        box-shadow: 0 0 3px #3E8365;
        color: #3E8365;
    }

    50% {
        background-color: #FFF;
        box-shadow: 0 0 40px #3E8365;
        color: #3E8365;
    }

    100% {
        background-color: #3E8365;
        box-shadow: 0 0 3px #3E8365;
        border: 2px solid #FFF;
        color: #FFF;
    }
}

@keyframes glowing {
    0% {
        background-color: #FFF;
        box-shadow: 0 0 3px #3E8365;
        color: #3E8365;
    }

    50% {
        background-color: #FFF;
        box-shadow: 0 0 40px #3E8365;
        color: #3E8365;
    }

    100% {
        background-color: #3E8365;
        box-shadow: 0 0 3px #3E8365;
        border: 2px solid #FFF;
        color: #FFF;
    }
}

.quotes {
    margin: 10px 0;
    text-align: center;
    padding-left: 60px;
}

ul {
    margin-top: 0;
    margin-bottom: 0;
}

.bodynavbar .row {
    align-items: center;
}

section.banner .banner_row {
    align-items: center;
}

section.banner2 .banner_row {
    align-items: center;
}

@media (prefers-reduced-motion:reduce) {
    .marquee__group {
        animation-play-state: paused;
    }
}

.marquee {
    --duration: 30s;
    --gap: 2rem;
    display: flex;
    user-select: none;
    gap: var(--gap);
    transform: rotate(30deg);
}

.marquee2 {
    gap: 0;
    transform: rotate(0deg);
}

.marquee__group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
    animation: scroll var(--duration) linear infinite;
}

.marquee--reverse .marquee__group {
    animation-direction: reverse;
    animation-delay: calc(var(--duration) / -2);
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-100% - var(--gap)));
    }
}

.marquee {
    margin: 50px 0;
}

.marquee_sec {
    margin-top: -150%;
    background: #fff;
}

.marquee_sec2 {
    background: #fff;
}

.banner {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.banner2 {
    width: 100%;
    position: relative;
    z-index: -1;
    overflow: hidden;
}

.overlay {
    position: relative;
    z-index: 5;
    width: 60%;
    height: 170vh;
    overflow: hidden;
}

.sec_banner_heading {
    padding-top: 200px;
    padding-bottom: 200px;
    position: relative;
    left: 200px;
}

.overlay::before {
    content: '';
    background: url(../../assets/imgs/banner-bg.png);
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    transform-origin: right;
    transform: skew(10deg,0deg);
}

.tablet_banner {
    position: relative;
    overflow: hidden;
}

.overlay2 {
    position: relative;
    z-index: 5;
    width: 56%;
    height: 75vh;
    overflow: hidden;
    float: left;
}

.overlay2::before {
    content: '';
    background: url(../../assets/imgs/banner-bg.png);
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    transform-origin: right;
    transform: skew(11deg,0deg);
    left: -80px;
}

.rotate {
    animation: rotation 3s linear;
}

@keyframes rotation {
    0% {
        transform: rotate(30deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.overlayskew {
    position: relative;
    width: 60%;
    height: 176vh;
    overflow: hidden;
    transform-origin: right;
}

.overlayskew::before {
    content: '';
    background: url(../../assets/imgs/banner-bg.png);
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    transform-origin: right;
    transform: skew(10deg,0deg);
}

@keyframes skew {
    0% {
        transform: skew(10deg,0deg);
    }

    100% {
        transform: skew(50deg,0deg);
    }
}

.sec_1_heading1 {
    text-align: center;
}

.sec_1 {
    background: url(../../assets/imgs/section_2.png);
    background-size: cover;
    background-repeat: repeat;
    width: 100%;
    height: auto;
    padding-bottom: 115px;
}

.sec_1_heading1 {
    text-align: center;
    margin: 30px 0;
}

.sec_1_slide {
    border-radius: 10px;
    background: linear-gradient(180deg,#3E8365 0%,#1F4037 100%);
    width: 198px;
    height: 338px;
    padding: 30px 12px;
    margin: auto;
}

.sec_1_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sec_1_heading1>h3 {
    color: #1F4037;
    text-align: center;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 49px;
    text-transform: capitalize;
}

.sec_1_heading1>p {
    color: #4E4D4D;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
    /* width: 763px; */
    /* height: 41px; */
    /* text-align: center; */
    /* text-wrap: wrap; */
}

.sec_1_icon_1>img {
    filter: brightness(0) invert(1);
}

.sec_1_icon_1 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}

h4.sec_1_content_heading {
    color: #FFF;
    text-align: center;
    font-family: Cocogoose Light;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-transform: lowercase;
}

p.sec_1_content_body {
    color: #C6C5C5;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
}

.sec_2_heading1 {
    text-align: center;
    max-width: 80%;
    /* align-items: center; */
    margin: auto;
}

.sec_2_heading1>h3 {
    color: #1F4037;
    text-align: center;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 49px;
    text-transform: capitalize;
}

.sec_2_heading1>p {
    color: #4E4D4D;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
}

.sec_2_col_2>h3 {
    color: #1F4037;
    font-family: Cocogoose Light;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 39px;
    text-transform: capitalize;
}

.sec_2_col_2>p {
    color: #4E4D4D;
    text-align: justify;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    /* 28px */
    text-transform: lowercase;
}

.sec_2 {
    background: url('../../assets/imgs/bg3.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.sec_2_col_2 {
    padding: 10px 0;
}

.col-md-6.sec_2_padding {
    padding-top: 40px;
    padding-bottom: 40px;
}

section.sec_3 {
    background: #FBFBFB;
}

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

ul.sec_3_client {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sec_3_contain {
    margin-top: 50px;
    margin-bottom: 50px;
}

.sec_3 {
    background: #FBFBFB;
    margin-bottom: 10px;
}

.sec_4_body {
    text-align: center;
}

h3.sec_4_heading {
    color: #FFF;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 69px;
    text-transform: capitalize;
}

p.sec_4_content {
    color: #EFEEEE;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
}

.sec_4::before {
    content: '';
    position: absolute;
    height: 300px;
    width: 100%;
    background: linear-gradient(180deg,#3C8063 0%,#1F4037 100%);
    top: 0;
    z-index: -1;
}

section.sec_4 {
    position: relative;
    margin-bottom: 50px;
}

.sec_4_body {
    text-align: center;
    padding-top: 1.5rem;
}

.menubar2>ul {
    display: flex;
    list-style: none;
    color: #fff;
    padding: 0px 0px;
    justify-content: center;
}

.menubar2>ul {
    display: flex;
}

.menubar2>ul>li {
    padding: 0px 18px;
    position: relative;
}

.menubar2>ul>li::after {
    content: "|";
    position: absolute;
    right: 0px;
}

.menubar2>ul>li:nth-child(6)::after {
    content: "";
    position: absolute;
    right: 0px;
}

ul#myTab {
    border: none;
}

.nav-link {
    background: transparent;
    border: transparent;
    color: #fff;
    margin-bottom: 0px;
    padding: 0px 0px;
    display: inline;
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    background: transparent;
    border: transparent;
    color: #FFF;
    border-radius: 10px;
    /* border: 1px solid #f47a1f; */
    /* background: #FFF; */
    /* box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.25); */
    padding: 0px 7px;
    position: relative;
}

.nav-link:focus,.nav-link:hover {
    color: #FFF;
    border: none;
}

.nav-tabs .nav-link {
    margin-bottom: 0;
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

ul.icon-list-list {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    margin: auto;
}

.tab-pane {
    margin-top: 35px;
    margin-bottom: 35px;
}

.sec_btn {
    /* padding: 5px 0; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.sec_5_heading {
    color: #1F4037;
    font-family: Cocogoose Light;
    font-size: 90px;
    font-style: normal;
    font-weight: 600;
    text-transform: capitalize;
    max-width: 60%;
    letter-spacing: 5px;
}

.sec_5_heading_2 {
    color: #2E2D2D;
    font-family: Cocogoose Light;
    font-size: 23px;
    font-style: normal;
    font-weight: 250;
    line-height: 220%;
    /* 55px */
    text-transform: lowercase;
}

.sec_5_content_1 {
    color: #4E4D4D;
    text-align: justify;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    /* 28px */
    text-transform: lowercase;
}

.sec_5_ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 15px;
    padding: 25px 25px;
}

.sec_5_ul>li {
    flex: 30%;
    max-width: 40%;
    padding-bottom: 66px;
    position: relative;
    text-align: center;
}

.sec_5_ul_li::before {
    content: "";
    background: url('../../assets/imgs/Frame.svg');
    width: 100%;
    height: 186px;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    left: 10px;
    top: 0px;
}

img.sec_5_ul_img {
    margin: auto;
    margin-top: 20px;
}

.sec_5 {
    background: url('../../assets/imgs/sec_5_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.btn-green {
    border-radius: 12px;
    background: #f47a1f;
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
    padding: 12px 30px;
    border: #f47a1f;
}

.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active,.btn-green:hover {
    background: #fff;
    color: #1F4037;
    border: 1px solid #1F4037;
}

.btn-white {
    border-radius: 12px;
    background: #FFF;
    color: #1F4037;
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
    padding: 12px 30px;
    border: 1px solid #1F4037;
}

.btn-white:hover {
    background: #f47a1f;
    color: #fff;
    border: 1px solid #f47a1f;
}

.sec_5_ul_li::after {
    content: "";
    background: url('../../assets/imgs/Frame2.png');
    width: 100%;
    height: 186px;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    left: 10px;
    top: 0px;
}

.sec_6 {
    background: linear-gradient(174deg,#3F8566 22.12%,#1F4037 71.15%);
    padding-top: 4%;
    padding-bottom: 4%;
}

h4.sec_6_heading {
    color: #FFF;
    font-family: FONTSPRING DEMO - Bebas Neue Pro Exp Eb;
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 69px;
    text-transform: capitalize;
}

section.sec_7 {
    margin-top: 80px;
    margin-bottom: 80px;
    background: url('../../assets/imgs/bg3.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.menubar3btn {
    color: #3A3A40;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 1px 12px;
}

.menubar3btn.active {
    color: #3A3A3A!important;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 10px;
    border: none;
    background: none;
    box-shadow: none;
}

.menubar3navs {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.menubar3btn:hover {
    border: none;
    border-radius: 10px;
    color: #3A3A3A;
    background: none;
}

.sec_5_btn {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.pkg-list {
    width: 330px;
    height: 630px;
    border-radius: 43px;
    border: 2px solid #000;
    background: #FFF;
    padding: 35px 25px;
    cursor: pointer;
    margin: auto;
}

h3.sec_8_heading {
    /* padding: 17px 0; */
    padding-top: 50px;
    padding-bottom: 50px;
}

.pricing_heading {
    color: #1F4037;
    text-align: center;
    font-family: Poppins;
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-transform: capitalize;
}

.pricing_heading>h2>span {
    /* display: none; */
    color: #1F4037;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-transform: capitalize;
}

.pricing_heading>h2 {
    font-weight: bold;
}

.pricing_heading>span {
    color: #515151;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 10px;
    text-transform: capitalize;
}

.pricing_price>h1 {
    color: #1F4037;
    text-align: center;
    font-family: Poppins;
    font-size: 69px;
    font-style: normal;
    font-weight: 700;
    text-transform: capitalize;
}

.pkg-list .pricing_price h4 {
    color: #f47a1f;
    text-align: left;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    text-decoration-line: strikethrough;
    text-transform: capitalize;
    display: grid;
    align-content: center;
}

.pkg-list .pricing_price h4 span {
    text-decoration: line-through;
    color: #A1A1A1;
    font-size: 30px;
}

.pricing_price {
    display: inline-flex;
}

.pricing_pkg_list {
    text-align: left;
    color: #515151;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    text-transform: capitalize;
    border-top: 1px solid #CBCBCB;
    border-bottom: 1px solid #CBCBCB;
    padding: 15px 0px;
    margin-top: 15px;
    margin-bottom: 15px;
    height: 242px;
    overflow-y: scroll;
}

.pricing_offer {
    color: #515151;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 33px;
    text-transform: capitalize;
    margin-top: 15px;
    margin-bottom: 15px;
}

.pricing_offer span {
    color: #f47a1f;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 33px;
    text-transform: capitalize;
}

.tab-content>.active {
    display: flex;
    gap: 25px;
}

.tab-content>.active {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
    justify-content: space-around;
}

.pricing_pkg_list::-webkit-scrollbar {
    width: 5px;
    height: 10px;
    background: #D9D9D9;
}

.pricing_pkg_list::-webkit-scrollbar-thumb {
    background: #f47a1f;
    height: 10px;
}

.pkg-list:hover {
    background: #f47a1f;
    border: none;
    transition: 0.5s all linear;
    transform: scale(1.05);
}

.pkg-list:hover .pricing_heading {
    color: #fff;
}

.pkg-list:hover .pricing_heading span {
    color: #fff;
}

.pkg-list:hover .pricing_price h4,.pkg-list:hover .pricing_price span {
    color: #FFF;
}

.pkg-list:hover .pkg_list_ul {
    color: #FFF;
}

.pkg-list:hover .pricing_offer {
    color: #fff;
}

.pkg-list:hover .pricing_offer span {
    color: #353636;
}

.pkg-list:hover .pricing_pkg_list::-webkit-scrollbar {
    width: 3px;
    height: 10px;
    background: #FFF;
}

.pkg-list:hover .pricing_pkg_list::-webkit-scrollbar-thumb {
    background: #D9D9D9;
    height: 10px;
    width: 3px;
}

.pkg-section {
    display: flex;
    gap: 25px;
}

.sec_8 {
    background: url('../../assets/imgs/sec_8.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.sec_8_heading {
    color: #FFF;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 51px;
    text-transform: capitalize;
}

.sec_8_para {
    color: #ECECEC;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%;
    text-transform: lowercase;
}

.marquee_section {
    display: flex;
    align-items: center;
}

.marqueelist {
    gap: 10px;
    padding: 10px 0px;
    margin-top: 50px;
    display: grid;
    align-items: center;
    margin-bottom: 50px;
}

.marqueeimg {
    padding-right: 13px;
    width: 100%;
}

.marquee_section>div {
    max-width: 20%;
    /* flex: 1%; */
}

.marquee2 {
    margin-top: 0%;
    margin: 24px 0;
}

.sec_8 .row {
    align-items: center;
}

.btn-transparent {
    border-radius: 12px;
    background: transparent;
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
    padding: 12px 30px;
    border: 1px solid #FFF;
}

.sec_9_heading.text-center {
    max-width: 51%;
    margin: auto;
}

.sec_9_heading.text-center>h3 {
    color: #080925;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 69px;
    text-transform: capitalize;
}

.sec_9_heading.text-center>p {
    color: #4E4D4D;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
}

section.sec_9 {
    padding-top: 85px;
    padding-bottom: 85px;
    background: #FFF;
}

ul.sec_9ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    list-style: none;
    gap: 55px;
}

ul.sec_9ul>li {
    flex: 30%;
    max-width: 28%;
    text-align: center;
}

.sec_9_li_icons>h3 {
    color: #2A2A2A;
    text-align: center;
    font-family: COCOGOOSE;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-transform: capitalize;
}

.sec_9_li_icons>p {
    color: #4E4D4D;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    text-transform: capitalize;
}

.sec_9_icons {
    padding-top: 25px;
}

.sec10 {
    background: #F8F8F8;
    padding: 50px 0px 50px 0;
}

.sec_10_heading.text-left>h3 {
    color: #080925;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 49px;
    text-transform: capitalize;
    max-width: 83%;
}

.sec_10_img {
    text-align: right;
}

.sec_10_row {
    align-items: center;
}

.pkg-list:hover .btn-green {
    background: #FFF;
    color: #f47a1f;
    border: none;
}

.reviews.lazyOwl {
    stroke-width: 1px;
    stroke: #f47a1f;
    border: 1px solid #f47a1f;
    /* width: 362.281px; */
    padding: 5px 33px;
    margin: 20px 10px;
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    display: none!important;
}

.review_txt {
    color: #453F4A;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 214.286% */
    padding: 15px 5px;
    padding-top: 45px;
}

.owl-carousel {
    margin-top: 40px;
    margin-bottom: 40px;
}

.item2::before {
    content: url('../../assets/imgs/review_dot.png');
    margin-top: 60px;
    padding-top: 28px;
    position: relative;
    bottom: -45px;
    left: 37px;
}

.review_ul::before {
    content: url(../../assets/imgs/review_angle.png);
    background: #F8F8F8;
}

ul.review_ul {
    list-style: none;
    position: absolute;
    bottom: 3px;
    left: -15px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-end;
}

.review_txt_p>span {
    display: block;
    color: #453F4A;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.review_txt_p {
    background: #F8F8F8;
}

.review_txt_p {
    background: #F8F8F8;
    color: #1F0039;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 15px;
    margin: 0px 10px;
}

.review_user {
    background: #F8F8F8;
}

.review_ul>li {
    background: #F8F8F8;
}

.sec11 {
    background: url(../../assets/imgs/sec_11.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 100px;
    padding-bottom: 100px;
}

.sec11_section1 {
    max-width: 60.6%;
    margin: auto;
    text-align: center;
    border-radius: 17px;
    background: #3C3C3C;
    padding: 3px 59px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.sec11_section {
    max-width: 80%;
    margin-left: auto;
    /* border-radius: 17px; */
    /* background: #3C3C3C; */
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
}

.sec11_section1>h3 {
    color: #FFF;
    font-family: Cocogoose Light;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 69px;
    text-transform: capitalize;
}

.sec11_section1>h5 {
    color: #E2E2E2;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
}

.form-group {
    display: inline-flex;
    padding: 10px 10px;
    gap: 30px;
}

.form-group>input {
    border-radius: 10px;
    background: #F2F1F1;
    width: 232px;
    height: 45px;
    color: #453F4A;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 214.286% */
}

.form-group>textarea {
    border-radius: 10px;
    background: #F2F1F1;
    width: 100%;
    height: 100%;
    color: #453F4A;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 214.286% */
}

.sec11_section2 {
    border-radius: 8px;
    background: #F2F1F1;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);
    padding: 10px 30px;
}

.sec11_section2>h3 {
    color: #080925;
    font-family: Cocogoose Light;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 55px;
    text-transform: uppercase;
}

.sec11_section2>p {
    color: #453F4A;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.footer_sec {
    background: linear-gradient(180deg,#3E8466 0%,#1F4037 100%);
    padding-top: 25px;
    padding-bottom: 10px;
}

.logo-footer {
    max-width: 100%;
    text-align: center;
}

.footer-list {
    list-style: none;
    display: flex;
    gap: 70px;
    text-align: center;
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer-list>li>a {
    text-decoration: none;
    color: #F2F1F1;
}

.footer-list>li>a>i {
    color: #f47a1f;
}

.footer-list>li>a {
    font-family: Poppins;
    font-size: 14px;
}

.social-icon {
    display: flex;
    gap: 14px;
}

.footer-list>li:after {
    content: "|";
    color: #F2F1F1;
    position: absolute;
    left: 113%;
}

.footer-list>li {
    position: relative;
}

.social-icon::after {
    content: ""!important;
}

.footer_nav>h3 {
    font-family: Poppins;
    color: #F2F1F1;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}

.footer_nav>h3::after {
    content: "";
    border-bottom: 2px solid #F2F1F1;
    position: absolute;
    background: #F2F1F1;
    width: 140px;
    top: 45px;
    left: 29px;
}

.footer_nav_list>li {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.footer_nav_list {
    text-decoration: none;
    list-style: none;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 0;
    font-family: Poppins;
    color: #F2F1F1;
    font-size: 10px;
}

.footer_nav_list>li>a {
    text-decoration: none;
    font-family: Poppins;
    color: #F2F1F1;
    font-size: 12px;
    text-align: center;
}

.footer_sec_section1 {
    background: #61776d;
    text-decoration: none;
    font-family: Poppins;
    color: #F2F1F1;
    font-size: 14px;
}

.copyright_class {
    display: flex;
    gap: 15px;
    list-style: none;
}

.policy_class {
    display: flex;
    list-style: none;
    gap: 20px;
}

.footer_container {
    display: flex;
}

.copyright_class>li:nth-child(1)::after {
    content: "|";
    position: absolute;
    left: 103%;
}

.copyright_class>li {
    position: relative;
}

.policy_class>li {
    position: relative;
}

.policy_class>li:nth-child(1)::after {
    content: "|";
    position: absolute;
    left: 103%;
}

.policy_class>li>a {
    text-decoration: none;
    text-decoration: underline;
    font-family: Poppins;
    color: #F2F1F1;
    font-size: 14px;
}

.ft_sec {
    max-width: 62%;
    display: -webkit-inline-box;
}

.ft_sec_2 {
    max-width: 40%;
    text-align: right;
    float: right;
    padding: 5px 0px;
}

.ft_sec_2>img {
    max-width: 300px;
    text-align: right;
    max-width: 100%;
}

.disclaimer>p {
    margin: 0 0;
    text-decoration: none;
    font-family: Poppins;
    color: #F2F1F1;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
}

.footer_nav {
    padding-bottom: 50px;
}

.disclaimer {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 0;
}

#button {
    text-decoration: none;
    display: inline-block;
    background-color: #f47a1f;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 11px;
    transition: background-color .3s,opacity .5s,visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

#button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
}

#button:hover::after {
    color: #f47a1f;
}

#button:hover {
    cursor: pointer;
    background-color: #333;
}

#button:active {
    background-color: #555;
}

#button.show {
    opacity: 1;
    visibility: visible;
}

#button:hover {
    cursor: pointer;
    background-color: #F2F1F1;
    color: #f47a1f;
}

button.btn.btn-info.btn-green>span {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.btn-align {
    display: flex;
    gap: 15px;
}

.img-responsive {
    width: 100%;
}

ul.icon-list-list>li {
    flex: 25%;
    max-width: 40%;
}

.logo>img {
    /* width:80%; */
}

.logo {
    padding-top: 10px;
    padding-bottom: 10px;
}

.logo-footer>img {
    margin: auto;
    max-width: 100%;
}

header.header_class_mobile {
    background: linear-gradient(180deg,#3C8063 0%,#1F4037 100%);
}

.navbar_mobile {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
    gap: 35px;
}

button.navbar-toggler {
    background: #FFF;
    color: rgb(244 244 244 / 50%);
    border-color: rgba(0,0,0,.1);
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid #fefefe;
    border-radius: 0.25rem;
    width: 25%;
}

.menu-lover {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    left: 0;
    z-index: -1;
    display: none;
    cursor: pointer;
    transition: all ease-in-out 0.5s;
}

.menu-left {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    height: 100vh;
    z-index: 100;
    padding: 0;
    transition: all ease-in-out 0.5s;
    /* display: none; */
    visibility: hidden;
}

.menu-linn {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    left: -460px;
    max-width: 250px;
    padding: 30px;
    transition: all ease-in-out 0.5s;
    box-shadow: 0 0 10px #1b1b1b;
    overflow-y: scroll;
    background: linear-gradient(180deg,#3C8063 0%,#1F4037 100%);
}

.main-menu {
    position: relative;
    width: 100%;
}

.menu-lclose {
    color: #FFF;
    font-size: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}

.main-menu li a {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    color: #FFF;
    font-family: 'Poppins';
    text-decoration: none;
}

.main-menu li {
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 35px;
    position: relative;
}

.sub-menu-holder {
    color: #FFF;
}

ul.sub-menu {
    list-style: none;
}

span.fa-handle {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #FFF;
}

.main-menu li .sub-menu-holder {
    margin-top: 0;
}

.main-menu li .sub-menu-holder.openable ul.sub-menu {
    display: block;
}

.main-menu li .sub-menu-holder ul.sub-menu {
    display: none;
    margin-top: 10px;
}

.menu-left.enable {
    left: 0;
    visibility: visible;
    transition: all ease-in-out 0.5s;
}

.enable .menu-lover {
    display: block;
}

.menu-left.enable .menu-linn {
    left: 0;
}

.main-menu>ul {
    list-style: none;
}

/*responsive*/
@media only screen and (min-width: 1501px) and (max-width:1700px) {
    .hk_web_height {
        flex:25%!important;
        max-width: 40%;
    }

    .overlay {
        position: relative;
        z-index: 5;
        width: 60%;
        height: 160vh;
        overflow: hidden;
    }

    ul.icon-list-list {
        list-style-type: none;
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
        flex-direction: row;
        justify-content: center;
        gap: 10px;
        margin: auto;
    }

    ul.icon-list-list>li {
        flex: 18%;
        max-width: 40%;
    }

    .sec11_section {
        max-width: 100%;
        margin: auto;
        /* border-radius: 17px; */
        /* background: #3C3C3C; */
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
    }
}

@media only screen and (min-width: 1300px) and (max-width:1400px) {
    .overlay {
        position:relative;
        z-index: 5;
        width: 60%;
        height: 60rem;
        overflow: hidden;
    }

    .sec_banner_heading {
        padding-top: 100px;
        padding-bottom: 100px;
        position: relative;
        left: 200px;
    }

    .sec11_section {
        max-width: 100%;
        margin: auto;
        /* border-radius: 17px; */
        /* background: #3C3C3C; */
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
    }

    .footer-list>li>a {
        font-family: Poppins;
        font-size: 13px;
    }

    .footer_nav>h3::after {
        content: "";
        border-bottom: 2px solid #F2F1F1;
        position: absolute;
        background: #F2F1F1;
        width: 130px;
        top: 45px;
        left: 22px;
    }

    .policy_class>li {
        position: relative;
        top: -3px;
    }

    .policy_class>li>a {
        text-decoration: none;
        text-decoration: underline;
        font-family: Poppins;
        color: #F2F1F1;
        font-size: 10px;
    }

    .copyright_class {
        display: flex;
        gap: 15px;
        list-style: none;
        font-size: 10px;
    }
}

@media only screen and (min-width: 1400px) and (max-width:1500px) {
    .overlay {
        position:relative;
        z-index: 5;
        width: 60%;
        height: 75rem;
        overflow: hidden;
    }

    .sec_banner_heading {
        padding-top: 100px;
        padding-bottom: 100px;
        position: relative;
        left: 200px;
    }

    .sec11_section {
        max-width: 100%;
        margin: auto;
        /* border-radius: 17px; */
        /* background: #3C3C3C; */
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
    }
}

@media only screen and (min-width: 1201px) and (max-width:1299px) {
    #button {
        text-decoration:none;
        display: inline-block;
        background-color: #f47a1f;
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 4px;
        position: fixed;
        bottom: 30px;
        right: 13px;
        transition: background-color .3s,opacity .5s,visibility .5s;
        opacity: 0;
        visibility: hidden;
        z-index: 1000;
    }

    .overlay {
        position: relative;
        z-index: 5;
        width: 60%;
        height: 45rem;
        overflow: hidden;
    }

    .sec_banner_heading {
        padding-top: 40px;
        padding-bottom: 100px;
        position: relative;
        left: 200px;
    }

    .sec_10_heading {
        max-width: 100%;
        text-align: center;
    }

    .sec_10_img {
        text-align: center;
    }

    .sec11_section {
        max-width: 100%;
        margin: auto;
        /* border-radius: 17px; */
        /* background: #3C3C3C; */
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
    }

    .footer-list>li>a {
        font-family: Poppins;
        font-size: 10px;
    }

    .footer_nav>h3::after {
        content: "";
        border-bottom: 2px solid #F2F1F1;
        position: absolute;
        background: #F2F1F1;
        width: 109px;
        top: 45px;
        left: 30px;
    }
}

@media only screen and (min-width: 1px) and (max-width:1200px) {
    img.aos-init.aos-animate {
        max-width:100%;
    }

    h3.sec_5_heading.aos-init.aos-animate {
        font-size: 81px;
    }

    .sec_10_heading {
        max-width: 100%;
        text-align: center;
    }

    .sec_10_img {
        text-align: center;
    }

    .sec11_section {
        max-width: 100%;
        margin: auto;
        /* border-radius: 17px; */
        /* background: #3C3C3C; */
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column-reverse;
        align-items: center;
    }

    .form-group {
        display: inline-flex;
        padding: 10px 10px;
        gap: 30px;
        flex-direction: column;
    }

    .sec11_section1 {
        max-width: 100%;
        margin: auto;
        text-align: center;
        border-radius: 17px;
        background: #3C3C3C;
        padding: 3px 59px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .footer-list>li>a {
        font-family: Poppins;
        font-size: 10px;
    }

    .footer-list {
        list-style: none;
        display: flex;
        gap: 3px;
        text-align: center;
        justify-content: center;
        padding-top: 0px;
        padding-bottom: 30px;
        flex-direction: column;
    }

    .footer-list>li:after {
        content: "|";
        color: #F2F1F1;
        position: absolute;
        left: 113%;
        display: none;
    }

    .social-icon {
        display: flex;
        gap: 14px;
        justify-content: center;
    }
}

body {
    overflow-x: hidden;
}

.btns>button {
    flex: 1px;
    gap: 5px;
    margin: 5px 5px;
}

@media only screen and (min-width: 1px) and (max-width:767px) {
    .sec_1_icon_1>img {
        filter:brightness(0) invert(1);
        width: 43%;
    }

    .logo>img {
        width: 100%;
    }

    .header_class {
        display: none;
    }

    .banner {
        display: none;
    }

    .ft_sec {
        max-width: 62%;
        display: -webkit-inline-box;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .copyright_class>li {
        position: relative;
        font-size: 10px;
    }

    .policy_class>li>a {
        text-decoration: none;
        text-decoration: underline;
        font-family: Poppins;
        color: #F2F1F1;
        font-size: 10px;
    }

    .ft_sec_2>img {
        max-width: 300px;
        text-align: right;
        max-width: 50%;
    }

    .ft_sec_2 {
        max-width: 100%;
        text-align: center;
        /* float: right; */
        padding: 5px 0px;
    }

    .ft_sec {
        max-width: 100%;
        display: -webkit-inline-box;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer_nav>h3::after {
        content: "";
        border-bottom: 2px solid #F2F1F1;
        position: absolute;
        background: #F2F1F1;
        width: 140px;
        top: 45px;
        left: 38%;
    }

    .pkg-list {
        width: 260px;
        height: 630px;
        border-radius: 43px;
        border: 2px solid #000;
        background: #FFF;
        padding: 35px 8px;
        cursor: pointer;
        margin: auto;
    }

    .sec_9_li_icons>h3 {
        color: #2A2A2A;
        text-align: center;
        font-family: COCOGOOSE;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        text-transform: capitalize;
    }

    .item.item2 {
        margin: 0px 0px;
        width: 95%;
    }
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .sec_1_icon_1>img {
        filter:brightness(0) invert(1);
        width: 43%;
    }

    .head_Set>img {
        width: 10%;
    }

    .header_class {
        display: none;
    }

    .navbar {
        margin: 24px 0;
        justify-items: center;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    .topbar {
        background: url(../../assets/imgs/topbar.png);
        padding: 0px 0px;
        background-size: cover;
        background-repeat: no-repeat;
        text-align: center;
    }

    .banner {
        display: none;
    }

    .overlay {
        position: relative;
        z-index: 5;
        width: 60%;
        height: 162vh;
        overflow: hidden;
    }

    .ft_sec {
        max-width: 141%;
        display: inline-flex;
        gap: 25px;
    }

    .copyright_class {
        display: flex;
        gap: 6px;
        list-style: none;
        padding-left: 0px;
        flex-direction: column;
    }

    .policy_class {
        display: flex;
        list-style: none;
        gap: 4px;
        padding-left: 0;
        flex-direction: column;
    }

    .copyright_class>li {
        position: relative;
        font-size: 10px;
    }

    .policy_class>li {
        position: relative;
        font-size: 10px;
    }

    .policy_class>li>a {
        text-decoration: none;
        text-decoration: underline;
        font-family: Poppins;
        color: #F2F1F1;
        font-size: 10px;
    }
}

@media only screen and (min-width: 1025px) and (max-width:1200px) {
    .header_class_mobile {
        display:none;
    }

    .marquee_sec {
        margin-top: -220%;
        background: #fff;
    }

    .overlay {
        position: relative;
        z-index: 5;
        width: 60%;
        height: 162vh;
        overflow: hidden;
    }

    .sec_banner_heading {
        padding-top: 75px;
        padding-bottom: 200px;
        position: relative;
        left: 200px;
    }

    .footer_nav>h3::after {
        content: "";
        border-bottom: 2px solid #F2F1F1;
        position: absolute;
        background: #F2F1F1;
        width: 73px;
        top: 32px;
        left: 33px;
    }

    .footer_nav_list>li>a {
        text-decoration: none;
        font-family: Poppins;
        color: #F2F1F1;
        font-size: 10px;
        text-align: center;
    }

    .footer_nav>h3 {
        font-family: Poppins;
        color: #F2F1F1;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        text-align: center;
        position: relative;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .ft_sec {
        max-width: 100%;
        display: -webkit-inline-box;
        /* align-items: center; */
        /* justify-content: center; */
        display: flex;
        gap: 14px;
        align-items: center;
        justify-content: center;
    }

    .copyright_class {
        display: flex;
        gap: 8px;
        list-style: none;
        padding-left: 0;
    }

    .copyright_class>li {
        position: relative;
        font-size: 10px;
    }

    .policy_class {
        display: flex;
        list-style: none;
        gap: 9px;
        padding-left: 0;
    }

    .policy_class>li>a {
        text-decoration: none;
        text-decoration: underline;
        font-family: Poppins;
        color: #F2F1F1;
        font-size: 10px;
    }
}

@media only screen and (min-width: 1200px) {
    .header_class_mobile {
        display:none;
    }

    .menubar>ul {
        display: flex;
        list-style: none;
        color: #fff;
        padding: 12px 0px;
        color: #FFF;
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .logo-footer>img {
        margin: auto;
        max-width: 25%;
    }
}

@media only screen and (min-width: 1px) and (max-width:576px) {
    .footer_nav>h3::after {
        content:"";
        border-bottom: 2px solid #F2F1F1;
        position: absolute;
        background: #F2F1F1;
        width: 140px;
        top: 45px;
        left: 30%;
    }
}

img.review_user {
    width: 100%;
    width: 51px;
    height: 51px;
}

.hk_web_height {
    height: 400px;
    overflow: hidden;
    background-size: cover;
    border-radius: 10px;
    transition: 1s cubic-bezier(.51,.92,.27,.96)!important;
}

.icon-list {
    width: 100%;
}

.hk_web_height:hover {
    background-position: 100% 100%;
    transition: 6s!important;
    transform: none;
}

.hk_web_height {
    cursor: pointer;
}

.banner_content {
    max-width: 100%;
    margin: auto;
    padding: 0;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 120px;
}

.inner-banner {
    background-image: url(../../assets/imgs/about-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner_content>h4 {
    color: #f47a1f;
    font-family: Cocogoose Light;
    font-size: 25px;
    font-style: normal;
    font-weight: 250;
    line-height: 67px;
    text-transform: uppercase;
}

.banner_content>h3 {
    color: #FFF;
    text-align: center;
    font-family: COCOGOOSE;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px;
    text-transform: capitalize;
    width: 65%;
    margin: auto;
}

.banner_content>p {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px;
    /* 190% */
    text-transform: capitalize;
    width: 50%;
    margin: auto;
}

.sec1_heading>h3 {
    color: #080925;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 49px;
    text-transform: lowercase;
}

.sec1_heading>p {
    color: #2E2D2D;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%;
    /* 35.2px */
    text-transform: lowercase;
}

ul.sec6_list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 25px 56px;
    /* margin: 5px 0px; */
    text-align: left;
    justify-content: flex-start;
    padding: 0 0;
    padding-top: 25px;
    padding-bottom: 30px;
}

ul.sec6_list>li {
    list-style: none;
    color: #000;
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%;
    text-transform: capitalize;
    /* max-width: 40%; */
    flex: 30%;
}

i.fa.fa-check-circle {
    color: #f47a1f;
}

.sec6_list2>li>i.fa.fa-check-circle {
    background: transparent;
    color: #FB8500;
}

.about_sec1 {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #FAFAFA;
}

.aboutsec2_heading>h3 {
    color: #1F4037;
    text-align: center;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 49px;
    text-transform: capitalize;
}

.aboutsec2_heading>p {
    color: #4E4D4D;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
}

.aboutsec2_heading {
    max-width: 80%;
    margin: auto;
    text-align: center;
}

.aboutsec2_heading>p {
    color: #4E4D4D;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
    max-width: 85%;
    margin: auto;
}

.about_sec2 {
    background: #FFF;
    padding-top: 100px;
    padding-bottom: 100px;
}

.about_sec2_list {
    list-style: none;
}

.about_sec2_list {
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 0 0;
}

.sec_list_li>h5 {
    color: #000;
    font-family: Cocogoose Light;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 220%;
    text-transform: capitalize;
}

.sec_list_li>p {
    color: #4E4D4D;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
}

.sec_list_li {
    max-width: 77%;
    margin: auto;
}

ul.about_sec2_list>li:nth-child(1):after {
    /*content: "";
    background-image: url('../../assets/imgs/dotted-border.png');
    position: absolute;
    width: 210px;
    height: 32px;
    background-repeat: no-repeat;
    top: 34px;
    left: 68%;
    background-size: cover;
    transform: rotate(358deg);*/
    /*content: "";
    background: #FFF;
    border:2px dashed black;
    border-radius:50%;
    width:105px;
      height:100px;*/
}

li.first_child {
    position: relative;
}

/*.second_child:before{
    content: "";
    background-image: url('../../assets/imgs/img21.png');
    position: absolute;
    width: 210px;
    height: 32px;
    background-repeat: no-repeat;
    top: 36px;
    left: -34%;
    background-size: cover;
    transform: rotate(1deg);
    z-index: 1;
    }*/
li.second_child {
    position: relative;
}

/*.second_child:after{
    content: "";
    background-image: url('../../assets/imgs/img22.png');
    position: absolute;
    width: 219px;
    height: 38px;
    background-repeat: no-repeat;
    top: 80px;
    left: 235px;
    }*/
/*.third_child:before{
    content: "";
    background-image: url('../../assets/imgs/img21.png');
    position: absolute;
    width: 203px;
    height: 32px;
    background-repeat: no-repeat;
    top: 20px;
    left: 67%;
    background-size: cover;
    }*/
/*.third_child:after{
    content: "";
    background-image: url('../../assets/imgs/img21.png');
    position: absolute;
    width: 203px;
    height: 32px;
    background-repeat: no-repeat;
    top: 26px;
    left: 57%;
    background-size: cover;
    rotate: -11deg;
    }*/
.third_child {
    position: relative;
}

.about_sec_3 {
    background-image: url("../../assets/imgs/bg34.png");
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 90px;
}

.about_sec_3_content>h3 {
    color: #FFF;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 51px;
    text-transform: uppercase;
}

.about_sec_3_content>p {
    color: #E2E2E2;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%;
    text-transform: lowercase;
}

.about_sec_3_content {
    align-items: center;
    padding-top: 60px;
    padding-bottom: 60px;
}

.about_sec_3_img>img {
    margin-bottom: -71px;
}

body {
    background: #F8F8F8;
}

.sec3_about {
    list-style: none;
    color: #FFF;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0 0;
    gap: 100px;
}

.sec3_about>li>h3 {
    color: #FFF;
    font-family: Poppins;
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 51px;
    text-transform: uppercase;
}

.sec3_about>li>span {
    color: #f47a1f;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%;
    /* 35.2px */
    text-transform: capitalize;
}

.portfolio-banner {
    background-image: url(../../assets/imgs/portfolio-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.pricing-banner {
    background-image: url(../../assets/imgs/pricing-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.portfolio_sec_4_heading {
    color: #444;
    font-family: Cocogoose;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 69px;
    text-transform: capitalize;
}

.portfolio_sec_4_content {
    color: #7D7C7C;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
    text-transform: lowercase;
}

.portfolio_sec_4 {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #FFF;
}

.menubar3>ul {
    display: flex;
    list-style: none;
    color: #7D7C7C;
    padding: 0px 0px;
    justify-content: center;
}

.menubar3>ul {
    display: flex;
}

.menubar3>ul>li {
    padding: 0px 20px;
    position: relative;
    font-weight: 600;
    color: #444;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.menubar3>ul>li::after {
    content: "|";
    position: absolute;
    right: 0px;
    font-size: 18px;
    /* height: 18px; */
}

.menubar3>ul>li:nth-child(6)::after {
    content: "";
    position: absolute;
    right: 0px;
}

.menubar3>ul>li>button {
    color: #444;
}

.nav-link.active:after {
    /* content: url('../../assets/imgs/Polygon.png'); */
    position: absolute;
    top: 30px;
    left: 46px;
}

.sec_8 {
    background-image: url(../../assets/imgs/Rectangle-18.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 19px;
    justify-content: center;
}

.sec_8_heading>h4 {
    color: #FFF;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 51px;
    text-transform: capitalize;
}

.sec_8_heading>p {
    color: #ECECEC;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    text-transform: lowercase;
    width: 77%;
}

.img_sec_8>.img-responsive {
    transform: scale(2.9);
    /* width: 990px; */
    /* height: 491px; */
    width: 74%;
    padding-top: 80px;
}

.heading_sec_8>h4 {
    color: #FFF;
    font-family: Cocogoose Light;
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 51px;
    text-transform: capitalize;
    max-width: 96%;
}

.sec9 {
    background: #FFF;
    padding-top: 80px;
    padding-bottom: 80px;
}

.sec_9heading>h4 {
    color: #1F4037;
    text-align: center;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 49px;
    text-transform: capitalize;
}

.sec9_content>p {
    color: #4E4D4D;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
}

.sec9_content {
    max-width: 67%;
    margin: auto;
}

.icons_list>ul {
    list-style: none;
    display: flex;
    align-items: center;
    text-align: center;
}

.sprite>h5 {
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-transform: capitalize;
}

.sprite>p {
    color: #4E4D4D;
    text-align: center;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
}

.sprite {
    padding: 4px 37px;
}

.icons_list>ul>li:hover {
    border-radius: 10px;
    background: #F6F5F5;
    box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.25);
    transition: 0.3s all linear;
    cursor: pointer;
}

.nav-link.active.btn-nav {
    border-radius: 10px;
    border: 1px solid #f47a1f;
    background: #FFF;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.25);
    color: #444;
    padding: 8px 10px;
}

.btn-nav:focus,.btn-nav:hover {
    border-radius: 10px;
    border: 1px solid #f47a1f;
    background: #FFF;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.25);
    color: #444;
    padding: 8px 10px;
}

.menubar4>ul>li::after {
    content: "|";
    position: absolute;
    right: 0px;
    font-size: 28px;
    /* height: 18px; */
}

.nav-tabs .btn-nav:focus,.nav-tabs .btn-nav:hover {
    isolation: isolate;
    border-color: #f47a1f;
}

.btn-nav {
    background: transparent;
    border: transparent;
    color: #fff;
    margin-bottom: 0px;
    padding: 8px 0px;
    display: inline;
}

.btn-nav.active:after {
    content: url('../../assets/imgs/Polygon.png');
    position: absolute;
    top: 33px;
    left: 39px;
}

.pkg-section-pricing {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
}

.sec_8_2 .row {
    align-items: unset;
}

ul.sec6_list2>li {
    list-style: none;
    color: #000;
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: capitalize;
    max-width: 40%;
    flex: 35%;
    color: #FFF;
    font-family: Poppins;
    /* font-size: 21px; */
    /* font-style: normal; */
    /* font-weight: 500; */
    /* line-height: 186%; */
    /* 39.06px */
    /* text-transform: capitalize; */
}

.faq-banner {
    background-image: url('../../assets/imgs/faqs.png');
}

.faq-banner>.container>.banner_content>h4 {
    color: #f47a1f;
    font-family: Poppins;
    font-size: 25px;
    font-style: normal;
    font-weight: 250;
    line-height: 67px;
    text-transform: uppercase;
}

.error_details {
    margin: auto;
    max-width: 50%;
    padding-top: 70px;
    padding-bottom: 70px;
}

.error_details>h4 {
    color: #231F20;
    font-family: Cocogoose;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    text-align: center;
}

.error_details>p {
    text-align: center;
    color: #666;
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.contact-us {
    background-image: url('../../assets/imgs/contact-us.png');
}

.detail_contact {
    border-radius: 20px;
    border: 0px solid #000;
    background: #f47a1f;
    padding: 6px 53px;
    margin-top: 10px;
    padding-left: 80px;
    padding-top: 46px;
}

.detail_contact>h6 {
    color: #FFF;
    font-family: Poppins;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.detail_contact>h5 {
    color: #FFF;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 52px;
    text-transform: capitalize;
    width: 78%;
}

.detail_contact>p {
    color: #FFF;
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 164.706% */
    opacity: 0.9;
    width: 80%;
}

.details_img>img {
    transform: none;
}

ul.detail_contact_list {
    list-style: none;
    padding: 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.icon_bg {
    border-radius: 5px;
    background: #1F4037;
    text-align: center;
}

.detail_contact_list>li {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    width: 79%;
}

.detail_contact_list>li>p {
    padding-top: 6px;
    color: #FFF;
    color: #FFF;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.detail_contact_list>li>p>span {
    font-weight: 300;
}

.icon_bg>img {
    width: 26px;
    height: 30px;
    margin: 9px 17px;
}

.details_footer {
    color: #1A1A1A!important;
    font-family: Poppins!important;
    font-size: 16px!important;
    font-style: normal!important;
    font-weight: 600!important;
    line-height: normal!important;
}

ul.social_icons {
    padding: 0 0;
    display: flex;
    list-style: none;
    gap: 12px;
    padding-bottom: 20px;
}

.details {
    padding-top: 80px;
    padding-bottom: 80px;
}

.details_form {
    width: 80%;
    margin: auto;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 80px;
}

.detail_data>h5 {
    color: #f47a1f;
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 6px;
    text-transform: uppercase;
}

.detail_data>h4 {
    color: #333;
    text-align: center;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 70px;
    text-transform: capitalize;
}

.detail_data>p {
    color: #5A5A5A;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    text-transform: capitalize;
    margin: 0 0;
}

.detail_form {
    border-radius: 11px;
    border: 1px solid #1B1D21;
    background: #F2EFEF;
    color: #6C6C6C;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.54px;
    padding: 12px 15px;
    margin-bottom: 20px;
    margin-top: 20px;
}

div.accordion {
    width: 70%;
    margin: auto;
}

.accordion-button::after {
    background-image: url("../../assets/imgs/ei_minus.png");
    transform: scale(1.2)!important;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("../../assets/imgs/ei_plus.png");
}

.accordion-item {
    border-radius: 20px!important;
    background: #F4F4F4;
}

button.accordion-button.collapsed {
    background: none;
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
    background: none;
    box-shadow: none;
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow);
    border: none;
    box-shadow: none;
}

.accordion-item {
    margin: 20px 3px;
    margin-bottom: 20px;
}

.accordion-collapse>.card-body>p {
    color: #4E4D4D;
    text-align: justify;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    text-transform: lowercase;
    padding: 0px 12px;
}

button.accordion-button {
    color: #1F4037!important;
    font-family: Cocogoose Light;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 39px;
    text-transform: capitalize;
}

.accordion-button.collapsed {
    color: #707070!important;
}

.logo-design-service {
    background-image: url('../../assets/imgs/logo-design-services.png');
}

.banner_content_2 {
    max-width: 72%;
    margin: auto;
    padding: 0;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 10px;
}

.banner_content_2>h4 {
    color: #1F4037;
    text-align: center;
    font-family: Cocogoose Light;
    font-size: 18px;
    font-style: normal;
    font-weight: 100;
    line-height: 49px;
    /* 272.222% */
    text-transform: capitalize;
}

.banner_content_2>h3 {
    color: #1F4037;
    text-align: center;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 49px;
    /* 108.889% */
    text-transform: capitalize;
}

.banner_content_2>h3>span {
    font-family: Poppins
}

.banner_content_2>p {
    color: #4E4D4D;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
    text-transform: lowercase;
    width: 82%;
    margin: auto;
}

.logo-design_sec_2 {
    background: #FFFFFF;
}

.banner_rows {
    padding: 0 55px;
    align-items: center;
}

.app-design-service {
    background-image: url('../../assets/imgs/app-design-banner.png');
}

.sec1_heading_2>h3 {
    color: #1F4037;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 49px;
    /* 108.889% */
    text-transform: capitalize;
}

.sec1_heading_2 {
    width: 90%;
}

.sec_6_img {
    transform: scale(1.1);
}

.sec6_img:after {
    content: url('../../assets/imgs/mbl-bg.png');
    position: absolute;
    z-index: -1;
    bottom: 96px;
    right: 26px;
}

.mbl_2 {
    position: absolute;
    left: 120px;
    top: 85px;
}

.mbl_1 {
    position: relative;
}

.mbl_img_1 {
    position: absolute;
    left: 0px;
    z-index: 1;
    opacity: 0;
}

.sec6_img:hover>.mbl_1>.mbl_img_1,.sec6_img:hover>.mbl_1>img {
    animation: opa 2s linear;
}

.animate_area>.mbl_1 {
    z-index: 1;
    transform: rotate(20deg);
    transition: 1s linear;
}

@keyframes opa {
    50% {
        opacity: 0.5;
    }

    70% {
        opacity: 0.7;
    }

    100% {
        opacity: 1
    }
}

@keyframes myanim {
    30% {
        transform: rotate(20deg);
    }

    100% {
        transform: rotate(20deg);
    }
}

.sec92 {
    background: #F2F2F2;
}

.sec1_heading_3 {
    width: 100%;
}

.sec1_heading_3>p {
    color: #2E2D2D;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%;
    text-transform: lowercase;
}

.sec6_imgs>.img-responsive {
    width: 100%;
    position: relative;
    left: -72px;
}

.icons_list_2>ul {
    list-style: none;
    display: flex;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center
}

.icons_list_2>ul>li {
    flex: 17%;
    max-width: 19%;
}

.icons_list_2>ul>li:hover {
    border-radius: 10px;
    background: #F6F5F5;
    box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.25);
    transition: 0.3s all linear;
    cursor: pointer;
}

.sc_4 {
    width: 60%;
}

.sec6_imgs_2 {
    left: 75px;
    position: relative;
}

.sec-pad {
    padding: 50px 0;
    background-color: #fff;
}

.process-ul li {
    display: inline-block;
    width: 16%;
    text-align: center;
}

.process-icn {
    width: 69px;
    height: 69px;
    border: 5px solid #dcdcdc;
    border-radius: 100%;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.process-icn:before {
    content: "";
    background: url('../../assets/imgs/sprite.png') no-repeat;
    width: 31px;
    height: 30px;
    display: inline-block;
    z-index: 1;
}

.prcss-icn1:before {
    background-position: -152px -594px;
}

.prcss-icn2:before {
    background-position: -205px -596px;
}

.prcss-icn3:before {
    background-position: -258px -594px;
}

.prcss-icn4:before {
    background-position: -365px -594px;
}

.prcss-icn5:before {
    background-position: -312px -594px;
}

.prcss-icn6:before {
    background-position: -418px -597px;
    width: 34px;
}

ul.process-ul:before {
    z-index: -1;
    content: "";
    width: 0%;
    height: 18px;
    background: #ea635f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNjM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OWNmNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,#ea635f 0%,#99cf70 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#ea635f),color-stop(100%,#99cf70));
    background: -webkit-linear-gradient(left,#ea635f 0%,#99cf70 100%);
    background: -o-linear-gradient(left,#ea635f 0%,#99cf70 100%);
    background: -ms-linear-gradient(left,#ea635f 0%,#99cf70 100%);
    background: linear-gradient(to right,#ea635f 0%,#99cf70 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea635f',endColorstr='#99cf70',GradientType=1);
    position: absolute;
    left: 70px;
    bottom: 27px;
    margin: auto;
    transition: all 0.4s ease;
}

ul.process-ul.process2:before {
    width: 21%;
}

ul.process-ul.process3:before {
    width: 33%;
    background: #ea635f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNjM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzk5Y2Y3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNzNlYjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,#ea635f 0%,#99cf70 52%,#a73eb8 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#ea635f),color-stop(52%,#99cf70),color-stop(100%,#a73eb8));
    background: -webkit-linear-gradient(left,#ea635f 0%,#99cf70 52%,#a73eb8 100%);
    background: -o-linear-gradient(left,#ea635f 0%,#99cf70 52%,#a73eb8 100%);
    background: -ms-linear-gradient(left,#ea635f 0%,#99cf70 52%,#a73eb8 100%);
    background: linear-gradient(to right,#ea635f 0%,#99cf70 52%,#a73eb8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea635f',endColorstr='#a73eb8',GradientType=1);
}

ul.process-ul.process4:before {
    width: 53%;
    background: #ea635f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNjM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iIzk5Y2Y3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iI2E3M2ViOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOGExZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,#ea635f 0%,#99cf70 34%,#a73eb8 68%,#38a1f4 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#ea635f),color-stop(34%,#99cf70),color-stop(68%,#a73eb8),color-stop(100%,#38a1f4));
    background: -webkit-linear-gradient(left,#ea635f 0%,#99cf70 34%,#a73eb8 68%,#38a1f4 100%);
    background: -o-linear-gradient(left,#ea635f 0%,#99cf70 34%,#a73eb8 68%,#38a1f4 100%);
    background: -ms-linear-gradient(left,#ea635f 0%,#99cf70 34%,#a73eb8 68%,#38a1f4 100%);
    background: linear-gradient(to right,#ea635f 0%,#99cf70 34%,#a73eb8 68%,#38a1f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea635f',endColorstr='#38a1f4',GradientType=1);
}

ul.process-ul.process5:before {
    width: 66%;
    background: #ea635f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNjM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzk5Y2Y3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2E3M2ViOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc3JSIgc3RvcC1jb2xvcj0iIzM4YTFmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdkNTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,#ea635f 0%,#99cf70 25%,#a73eb8 52%,#38a1f4 77%,#ff7d54 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#ea635f),color-stop(25%,#99cf70),color-stop(52%,#a73eb8),color-stop(77%,#38a1f4),color-stop(100%,#ff7d54));
    background: -webkit-linear-gradient(left,#ea635f 0%,#99cf70 25%,#a73eb8 52%,#38a1f4 77%,#ff7d54 100%);
    background: -o-linear-gradient(left,#ea635f 0%,#99cf70 25%,#a73eb8 52%,#38a1f4 77%,#ff7d54 100%);
    background: -ms-linear-gradient(left,#ea635f 0%,#99cf70 25%,#a73eb8 52%,#38a1f4 77%,#ff7d54 100%);
    background: linear-gradient(to right,#ea635f 0%,#99cf70 25%,#a73eb8 52%,#38a1f4 77%,#ff7d54 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea635f',endColorstr='#ff7d54',GradientType=1);
}

ul.process-ul.process6:before {
    width: 86%;
    background: #ea635f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNjM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iIzk5Y2Y3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2E3M2ViOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzM4YTFmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iI2ZmN2Q1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MzhkOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,#ea635f 0%,#99cf70 19%,#a73eb8 39%,#38a1f4 60%,#ff7d54 79%,#738d99 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#ea635f),color-stop(19%,#99cf70),color-stop(39%,#a73eb8),color-stop(60%,#38a1f4),color-stop(79%,#ff7d54),color-stop(100%,#738d99));
    background: -webkit-linear-gradient(left,#ea635f 0%,#99cf70 19%,#a73eb8 39%,#38a1f4 60%,#ff7d54 79%,#738d99 100%);
    background: -o-linear-gradient(left,#ea635f 0%,#99cf70 19%,#a73eb8 39%,#38a1f4 60%,#ff7d54 79%,#738d99 100%);
    background: -ms-linear-gradient(left,#ea635f 0%,#99cf70 19%,#a73eb8 39%,#38a1f4 60%,#ff7d54 79%,#738d99 100%);
    background: linear-gradient(to right,#ea635f 0%,#99cf70 19%,#a73eb8 39%,#38a1f4 60%,#ff7d54 79%,#738d99 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea635f',endColorstr='#738d99',GradientType=1);
}

ul.process-ul:after {
    z-index: -2;
    content: "";
    width: 83%;
    height: 18px;
    background: #dcdcdc;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 27px;
    margin: auto;
    box-shadow: 0 0 13px 2px gainsboro;
}

ul.process-ul {
    position: relative;
    margin: 50px 0 20px;
    z-index: 0;
}

ul.process-ul * {
    transition: all 0.4s ease;
}

i.actv-ul {
    width: 69px;
    height: 69px;
    display: inline-block;
    position: absolute;
    background: #ea635f;
    border-radius: 100%;
    border: 3px solid #FFF;
    left: 99px;
    bottom: 0px;
    z-index: 1;
}

i.actv-ul:before {
    content: "";
    border-top: 25px solid transparent;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    transition: all .3s linear;
    position: absolute;
    bottom: -15px;
    left: 18px;
    border-top-color: #ea635f;
}

.process-ul li.active .prcss-icn1:before {
    background-position: -152px -635px;
}

.process-ul li.active .prcss-icn2:before {
    background-position: -205px -637px;
}

.process-ul li.active .prcss-icn3:before {
    background-position: -258px -635px;
}

.process-ul li.active .prcss-icn4:before {
    background-position: -365px -635px;
}

.process-ul li.active .prcss-icn5:before {
    background-position: -312px -635px;
}

.process-ul li.active .prcss-icn6:before {
    background-position: -418px -638px;
}

.process-ul li .prcss-icn7:before {
    background-position: -17px -1072px;
}

.process-ul li .prcss-icn8:before {
    background-position: -69px -1072px;
}

.process-ul li .prcss-icn9:before {
    background-position: -122px -1072px;
}

.process-ul li .prcss-icn10:before {
    background-position: -173px -1073px;
}

.process-ul li .prcss-icn11:before {
    background-position: -225px -1073px;
}

.process-ul li .prcss-icn12:before {
    background-position: -278px -1074px;
}

.process-ul li.active .prcss-icn7:before {
    background-position: -17px -1123px;
}

.process-ul li.active .prcss-icn8:before {
    background-position: -71px -1124px;
}

.process-ul li.active .prcss-icn9:before {
    background-position: -122px -1123px;
}

.process-ul li.active .prcss-icn10:before {
    background-position: -173px -1123px;
}

.process-ul li.active .prcss-icn11:before {
    background-position: -225px -1123px;
}

.process-ul li.active .prcss-icn12:before {
    background-position: -278px -1123px;
}

ul.process-ul.process2 i.actv-ul {
    left: 305px;
    background-color: #67b636;
}

ul.process-ul.process2 i.actv-ul:before {
    border-top-color: #67b636;
}

ul.process-ul.process3 i.actv-ul {
    left: 415px;
    background-color: #a73eb8;
}

ul.process-ul.process3 i.actv-ul:before {
    border-top-color: #a73eb8;
}

ul.process-ul.process4 i.actv-ul {
    left: 597px;
    background-color: #38a1f4;
}

ul.process-ul.process4 i.actv-ul:before {
    border-top-color: #38a1f4;
}

ul.process-ul.process5 i.actv-ul {
    left: 778px;
    background-color: #ff7d54;
}

ul.process-ul.process5 i.actv-ul:before {
    border-top-color: #ff7d54;
}

ul.process-ul.process6 i.actv-ul {
    left: 1130px;
    background-color: #738d99;
}

ul.process-ul.process6 i.actv-ul:before {
    border-top-color: #738d99;
}

ul.process-ul.process-animate i.actv-ul {
    -webkit-animation: anim-cur-step .6s;
    animation: anim-cur-step .6s;
}

@-webkit-keyframes anim-cur-step {
    20% {
        -webkit-transform: rotate(45deg)
    }

    70% {
        -webkit-transform: rotate(-45deg)
    }

    100% {
        -webkit-transform: rotate(0deg)
    }
}

@keyframes anim-cur-step {
    20% {
        transform: rotate(45deg)
    }

    70% {
        transform: rotate(-45deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

.process-ul li.active h4 {
    color: #72be36;
}

.process-arrows>div {
    width: 34px;
    height: 66px;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.process-arrows>div:before {
    content: "";
    background: url('../../assets/imgs/sprite.png') no-repeat -527px -598px;
    width: 34px;
    height: 66px;
    display: block;
}

.process-arrows .arrow-right:before {
    background-position: -475px -598px;
}

.process-arrows>div.disable {
    opacity: 0.2;
}

.process-content {
    position: relative;
}

.process-arrows .arrow-right {
    left: inherit;
    right: 20px;
}

.process-tabs {
    overflow: hidden;
    padding: 50px 0 0;
    display: none!important;
}

.process-tabs.active {
    display: block!important;
}

span.blink a {
    color: #fff;
    text-decoration: none;
}

/*
    @media only screen and (min-width:1501px) and (max-width:1700px){
    .banner2{
        display: none;
    }
    }
    @media only screen and (min-width:1701px) and (max-width:2700px){
    .banner2{
        display: none;
    }
    }*/
/*.marqueelist{
    animation: marquee 4s linear infinite;
    }
    .marqueelist {
    overflow: hidden;
    }

    @keyframes marquee {
      0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    }*/
@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'); @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&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&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&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); @font-face {
    font-family: "COCOGOOSE";
    src: url("https://db.onlinewebfonts.com/t/d14035f6b1afeabafbee4abb2ebf0fc6.eot");
    src: url("https://db.onlinewebfonts.com/t/d14035f6b1afeabafbee4abb2ebf0fc6.eot?#iefix")format("embedded-opentype"),url("https://db.onlinewebfonts.com/t/d14035f6b1afeabafbee4abb2ebf0fc6.woff2")format("woff2"),url("https://db.onlinewebfonts.com/t/d14035f6b1afeabafbee4abb2ebf0fc6.woff")format("woff"),url("https://db.onlinewebfonts.com/t/d14035f6b1afeabafbee4abb2ebf0fc6.ttf")format("truetype"),url("https://db.onlinewebfonts.com/t/d14035f6b1afeabafbee4abb2ebf0fc6.svg#COCOGOOSE")format("svg");
}

@font-face {
    font-family: "Cocogoose Light";
    src: url("https://db.onlinewebfonts.com/t/b4e46f03d0e03a9192dc3c2ad1a4e104.eot");
    src: url("https://db.onlinewebfonts.com/t/b4e46f03d0e03a9192dc3c2ad1a4e104.eot?#iefix")format("embedded-opentype"),url("https://db.onlinewebfonts.com/t/b4e46f03d0e03a9192dc3c2ad1a4e104.woff2")format("woff2"),url("https://db.onlinewebfonts.com/t/b4e46f03d0e03a9192dc3c2ad1a4e104.woff")format("woff"),url("https://db.onlinewebfonts.com/t/b4e46f03d0e03a9192dc3c2ad1a4e104.ttf")format("truetype"),url("https://db.onlinewebfonts.com/t/b4e46f03d0e03a9192dc3c2ad1a4e104.svg#Cocogoose Light")format("svg");
}

.topbar {
    background: #000;
    padding: 0px 0px;
    background-size: cover;
    background-repeat: no-repeat;
}

ul.navlist {
    display: flex;
    gap: 33px;
    list-style: none;
    color: #fff;
    font-family: 'Inter',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

p.content {
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
}

p.content>.blink {
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    color: #FFF;
}

.content>span {
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 180%;
    color: #f47a1f;
    padding-left: 25px;
}

.navbar {
    margin: 24px 0;
}

span.icon-search {
    background: #f47a1f;
    border-radius: 15px;
    padding: 6px 6px;
}

img.iconphone {
    width: 10px;
    height: 10px;
    width: 23px;
    height: 23px;
}

.leftbar {
    margin: 18px 0;
    color: #fff;
}

.bodynavbar {
    background: #f47a1f;
}

.menubar>ul {
    display: flex;
}

.menubar>ul {
    display: flex;
    list-style: none;
    color: #fff;
    padding: 15px 0px;
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.menubar>ul>li {
    padding: 0px 20px;
    position: relative;
}

.menubar>ul>li::after {
    content: "|";
    position: absolute;
    right: 0px;
}

button.btn.btn-success.btnquotes {
    border-radius: 4px;
    background: #FFF;
    color: #080925;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 167px;
    height: 45px;
    box-shadow: 0px 8px 15px rgba(0,0,0,0.5);
}

.quotes {
    margin: 10px 0;
    text-align: center;
    padding-left: 60px;
}

ul {
    margin-top: 0;
    margin-bottom: 0;
}

.bodynavbar .row {
    align-items: center;
}

section.banner .banner_row {
    align-items: center;
}

section.banner2 .banner_row {
    align-items: center;
}

@media (prefers-reduced-motion:reduce) {
    .marquee__group {
        animation-play-state: paused;
    }
}

.marquee {
    --duration: 30s;
    --gap: 2rem;
    display: flex;
    user-select: none;
    gap: var(--gap);
    transform: rotate(30deg);
}

.marquee2 {
    gap: 0;
    transform: rotate(0deg);
}

.marquee__group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
    animation: scroll var(--duration) linear infinite;
}

.marquee--reverse .marquee__group {
    animation-direction: reverse;
    animation-delay: calc(var(--duration) / -2);
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-100% - var(--gap)));
    }
}

.marquee {
    margin: 50px 0;
}

.marquee_sec {
    margin-top: -150%;
    background: #fff;
}

.marquee_sec2 {
    background: #fff;
}

.banner {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.banner2 {
    width: 100%;
    position: relative;
    z-index: -1;
    overflow: hidden;
}

.overlay {
    position: relative;
    z-index: 5;
    width: 60%;
    height: 170vh;
    overflow: hidden;
}

.sec_banner_heading {
    padding-top: 120px;
    padding-bottom: 200px;
    position: relative;
    left: 200px;
}

.overlay::before {
    content: '';
    background: url(../../assets/imgs/banner-bg.png);
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    transform-origin: right;
    transform: skew(10deg,0deg);
}

.tablet_banner {
    position: relative;
    overflow: hidden;
}

.overlay2 {
    position: relative;
    z-index: 5;
    width: 56%;
    height: 75vh;
    overflow: hidden;
    float: left;
}

.overlay2::before {
    content: '';
    background: url(../../assets/imgs/banner-bg.png);
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    transform-origin: right;
    transform: skew(11deg,0deg);
    left: -80px;
}

.rotate {
    animation: rotation 3s linear;
}

@keyframes rotation {
    0% {
        transform: rotate(30deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.overlayskew {
    position: relative;
    width: 60%;
    height: 176vh;
    overflow: hidden;
    transform-origin: right;
}

.overlayskew::before {
    content: '';
    background: url(../../assets/imgs/banner-bg.png);
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    transform-origin: right;
    transform: skew(10deg,0deg);
}

@keyframes skew {
    0% {
        transform: skew(10deg,0deg);
    }

    100% {
        transform: skew(50deg,0deg);
    }
}

.sec_1_heading1 {
    text-align: center;
}

.sec_1 {
    background: url(../../assets/imgs/section_2.png);
    background-size: cover;
    background-repeat: repeat;
    width: 100%;
    height: auto;
    padding-bottom: 115px;
}

.sec_1_heading1 {
    text-align: center;
    margin: 30px 0;
}

.sec_1_slide {
    border-radius: 10px;
    background: linear-gradient(180deg,#000000 0%,#6f8485 100%);
    width: auto;
    height: auto;
    padding: 30px 12px;
    margin: auto;
    margin: 0 20px;
}

.sec_1_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sec_1_heading1>h3 {
    color: #1F4037;
    text-align: center;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 49px;
    text-transform: capitalize;
}

.sec_1_heading1>p {
    color: #4E4D4D;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
    /* width: 763px; */
    /* height: 41px; */
    /* text-align: center; */
    /* text-wrap: wrap; */
}

.sec_1_icon_1>img {
    filter: brightness(0) invert(1);
}

.sec_1_icon_1 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}

h4.sec_1_content_heading {
    color: #FFF;
    text-align: center;
    font-family: Cocogoose Light;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-transform: lowercase;
}

p.sec_1_content_body {
    color: #C6C5C5;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
}

.sec_2_heading1 {
    text-align: center;
    max-width: 80%;
    /* align-items: center; */
    margin: auto;
}

.sec_2_heading1>h3 {
    color: #1F4037;
    text-align: center;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 49px;
    text-transform: capitalize;
}

.sec_2_heading1>p {
    color: #4E4D4D;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
}

.sec_2_col_2>h3 {
    color: #1F4037;
    font-family: Cocogoose Light;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 39px;
    text-transform: capitalize;
}

.sec_2_col_2>p {
    color: #4E4D4D;
    text-align: justify;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    /* 28px */
    text-transform: lowercase;
}

.sec_2 {
    background: url('../../assets/imgs/bg3.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.sec_2_col_2 {
    padding: 10px 0;
}

.col-md-6.sec_2_padding {
    padding-top: 40px;
    padding-bottom: 40px;
}

section.sec_3 {
    background: #FBFBFB;
    margin-top: 20px;
    margin-bottom: 70px;
}

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

ul.sec_3_client {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 18px!important;
    position: relative;
    top: 57px;
}

.sec_3_contain {
    margin-top: 50px;
    margin-bottom: 50px;
}

.sec_3 {
    background: #FBFBFB;
    margin-bottom: 10px;
}

.sec_4_body {
    text-align: center;
}

h3.sec_4_heading {
    color: #FFF;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 69px;
    text-transform: capitalize;
}

p.sec_4_content {
    color: #EFEEEE;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
}

.sec_4::before {
    content: '';
    position: absolute;
    height: 300px;
    width: 100%;
    top: 0;
    z-index: -1;
    background: linear-gradient(-45deg,#ffa20a 0,#fd4b0f 100%);
}

section.sec_4 {
    position: relative;
    margin-bottom: 50px;
}

.sec_4_body {
    text-align: center;
    padding-top: 1.5rem;
}

.menubar2>ul {
    display: flex;
    list-style: none;
    color: #fff;
    padding: 0px 0px;
    justify-content: center;
}

.menubar2>ul {
    display: flex;
}

.menubar2>ul>li {
    padding: 0px 18px;
    position: relative;
}

.menubar2>ul>li::after {
    content: "|";
    position: absolute;
    right: 0px;
}

.menubar2>ul>li:nth-child(6)::after {
    content: "";
    position: absolute;
    right: 0px;
}

ul#myTab {
    border: none;
}

.nav-link {
    background: transparent;
    border: transparent;
    color: #fff;
    margin-bottom: 0px;
    padding: 0px 0px;
    display: inline;
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    background: transparent;
    border: transparent;
    color: #FFF;
    border-radius: 10px;
    /* border: 1px solid #f47a1f; */
    /* background: #FFF; */
    /* box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.25); */
    padding: 0px 7px;
    position: relative;
}

.nav-link:focus,.nav-link:hover {
    color: #FFF;
    border: none;
}

.nav-tabs .nav-link {
    margin-bottom: 0;
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

ul.icon-list-list {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    margin: auto;
}

.tab-pane {
    margin-top: 35px;
    margin-bottom: 35px;
}

.sec_btn {
    /* padding: 5px 0; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.sec_5_heading {
    color: #1F4037;
    font-family: Cocogoose Light;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    text-transform: capitalize;
    max-width: 60%;
    letter-spacing: 5px;
}

.sec_5_heading_2 {
    color: #2E2D2D;
    font-family: Cocogoose Light;
    font-size: 23px;
    font-style: normal;
    font-weight: 250;
    line-height: 220%;
    /* 55px */
    text-transform: lowercase;
}

.sec_5_content_1 {
    color: #4E4D4D;
    text-align: justify;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    /* 28px */
    text-transform: lowercase;
}

.sec_5_ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 15px;
    padding: 25px 25px;
}

.sec_5_ul>li {
    flex: 30%;
    max-width: 40%;
    padding-bottom: 66px;
    position: relative;
    text-align: center;
}

.sec_5_ul_li::before {
    content: "";
    background: url('../../assets/imgs/Frame.svg');
    width: 100%;
    height: 186px;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    left: 10px;
    top: 0px;
}

img.sec_5_ul_img {
    margin: auto;
    margin-top: 20px;
}

.sec_5 {
    background: url('../../assets/imgs/sec_5_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.btn-green {
    border-radius: 12px;
    background: #000000;
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
    padding: 12px 30px;
    border: #f47a1f;
}

.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active,.btn-green:hover {
    background: #000;
    color: #ffffff;
    border: 1px solid #1F4037;
}

.btn-white {
    border-radius: 12px;
    background: #FFF;
    color: #1F4037;
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
    padding: 12px 30px;
    border: 1px solid #1F4037;
}

.btn-white:hover {
    background: #f47a1f;
    color: #fff;
    border: 1px solid #f47a1f;
}

button.btn.btn-info.btn-green a {
    color: white;
    text-decoration: none;
}

.sec_btn.aos-init.aos-animate a {
    color: #000;
    text-decoration: none;
}

.sec_btn.sec_5_btn a {
    text-decoration: none;
    color: #000;
}

.sec_8_btn a {
    text-decoration: none;
    color: #000;
}

button.btn.btn-info.btn-white.btn-transparent a {
    color: #fff;
    text-decoration: none;
}

.sec_6 button.btn.btn-info.btn-green {
    height: 60px;
    width: 100%;
    padding: 0;
}

.sec_6 button.btn.btn-info.btn-white.btn-transparent {
    height: 60px;
    width: 100%;
    padding: 0;
}

.sec_5_ul_li::after {
    content: "";
    background: url('../../assets/imgs/Frame2.png');
    width: 100%;
    height: 186px;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    left: 10px;
    top: 0px;
}

.sec_6 {
    background: linear-gradient(174deg,#3F8566 22.12%,#1F4037 71.15%);
    padding-top: 4%;
    padding-bottom: 4%;
    background: linear-gradient(-45deg,#ffa20a 0,#fd4b0f 100%);
}

h4.sec_6_heading {
    color: #FFF;
    font-family: FONTSPRING DEMO - Bebas Neue Pro Exp Eb;
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    line-height: 69px;
    text-transform: capitalize;
}

section.sec_7 {
    margin-top: 80px;
    margin-bottom: 80px;
    background: url('../../assets/imgs/bg3.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.menubar3btn {
    color: #3A3A40;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 1px 12px;
}

.menubar3btn.active {
    color: #3A3A3A!important;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 10px;
    border: none;
    background: none;
    box-shadow: none;
}

.menubar3navs {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.menubar3btn:hover {
    border: none;
    border-radius: 10px;
    color: #3A3A3A;
    background: none;
}

.sec_5_btn {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.pkg-list {
    width: 330px;
    height: 630px;
    border-radius: 43px;
    border: 2px solid #000;
    background: #FFF;
    padding: 35px 25px;
    cursor: pointer;
    margin: auto;
}

h3.sec_8_heading {
    /* padding: 17px 0; */
    padding-top: 50px;
    padding-bottom: 50px;
}

.pricing_heading {
    color: #1F4037;
    text-align: center;
    font-family: Poppins;
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-transform: capitalize;
}

.pricing_heading>h2>span {
    /* display: none; */
    color: #1F4037;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-transform: capitalize;
}

.pricing_heading>h2 {
    font-weight: bold;
}

.pricing_heading>span {
    color: #515151;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 10px;
    text-transform: capitalize;
}

.pricing_price>h1 {
    color: #1F4037;
    text-align: center;
    font-family: Poppins;
    font-size: 69px;
    font-style: normal;
    font-weight: 700;
    text-transform: capitalize;
}

.pkg-list .pricing_price h4 {
    color: #f47a1f;
    text-align: left;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    text-decoration-line: strikethrough;
    text-transform: capitalize;
    display: grid;
    align-content: center;
}

.pkg-list .pricing_price h4 span {
    text-decoration: line-through;
    color: #A1A1A1;
    font-size: 30px;
}

.pricing_price {
    display: inline-flex;
}

.pricing_pkg_list {
    text-align: left;
    color: #515151;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    text-transform: capitalize;
    border-top: 1px solid #CBCBCB;
    border-bottom: 1px solid #CBCBCB;
    padding: 15px 0px;
    margin-top: 15px;
    margin-bottom: 15px;
    height: 242px;
    overflow-y: scroll;
}

.pricing_offer {
    color: #515151;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 33px;
    text-transform: capitalize;
    margin-top: 15px;
    margin-bottom: 15px;
}

.pricing_offer span {
    color: #f47a1f;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 33px;
    text-transform: capitalize;
}

.tab-content>.active {
    display: flex;
    gap: 25px;
}

.tab-content>.active {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
    justify-content: space-around;
}

.pricing_pkg_list::-webkit-scrollbar {
    width: 5px;
    height: 10px;
    background: #D9D9D9;
}

.pricing_pkg_list::-webkit-scrollbar-thumb {
    background: #f47a1f;
    height: 10px;
}

.pkg-list:hover {
    background: #f47a1f;
    border: none;
    transition: 0.5s all linear;
    transform: scale(1.05);
}

.pkg-list:hover .pricing_heading {
    color: #fff;
}

.pkg-list:hover .pricing_heading span {
    color: #fff;
}

.pkg-list:hover .pricing_price h4,.pkg-list:hover .pricing_price span {
    color: #FFF;
}

.pkg-list:hover .pkg_list_ul {
    color: #FFF;
}

.pkg-list:hover .pricing_offer {
    color: #fff;
}

.pkg-list:hover .pricing_offer span {
    color: #353636;
}

.pkg-list:hover .pricing_pkg_list::-webkit-scrollbar {
    width: 3px;
    height: 10px;
    background: #FFF;
}

.pkg-list:hover .pricing_pkg_list::-webkit-scrollbar-thumb {
    background: #D9D9D9;
    height: 10px;
    width: 3px;
}

.pkg-section {
    display: flex;
    gap: 25px;
}

.sec_8 {
    background: url('../../assets/imgs/sec_8.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.sec_8_heading {
    color: #FFF;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 51px;
    text-transform: capitalize;
}

.sec_8_para {
    color: #ECECEC;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%;
    text-transform: lowercase;
}

.marquee_section {
    display: flex;
    align-items: center;
}

.marqueelist {
    gap: 10px;
    padding: 10px 0px;
    margin-top: 50px;
    display: grid;
    align-items: center;
    margin-bottom: 50px;
}

.marqueeimg {
    padding-right: 13px;
    width: 100%;
}

.marquee_section>div {
    max-width: 20%;
    /* flex: 1%; */
}

.marquee2 {
    margin-top: 0%;
    margin: 24px 0;
}

.sec_8 .row {
    align-items: center;
}

.btn-transparent {
    border-radius: 12px;
    background: transparent;
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
    padding: 12px 30px;
    border: 1px solid #FFF;
}

.sec_9_heading.text-center {
    max-width: 51%;
    margin: auto;
}

.sec_9_heading.text-center>h3 {
    color: #080925;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 69px;
    text-transform: capitalize;
}

.sec_9_heading.text-center>p {
    color: #4E4D4D;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
}

section.sec_9 {
    padding-top: 85px;
    padding-bottom: 85px;
    background: #FFF;
}

ul.sec_9ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    list-style: none;
    gap: 55px;
}

ul.sec_9ul>li {
    flex: 30%;
    max-width: 28%;
    text-align: center;
}

.sec_9_li_icons>h3 {
    color: #2A2A2A;
    text-align: center;
    font-family: COCOGOOSE;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-transform: capitalize;
}

.sec_9_li_icons>p {
    color: #4E4D4D;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    text-transform: capitalize;
}

.sec_9_icons {
    padding-top: 25px;
}

.sec10 {
    background: #F8F8F8;
    padding: 50px 0px 50px 0;
}

.sec_10_heading.text-left>h3 {
    color: #080925;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 49px;
    text-transform: capitalize;
    max-width: 83%;
}

.sec_10_img {
    text-align: right;
}

.sec_10_row {
    align-items: center;
}

.pkg-list:hover .btn-green {
    background: #FFF;
    color: #f47a1f;
    border: none;
}

.reviews.lazyOwl {
    stroke-width: 1px;
    stroke: #f47a1f;
    border: 1px solid #f47a1f;
    /* width: 362.281px; */
    padding: 5px 33px;
    margin: 20px 10px;
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    display: none!important;
}

.review_txt {
    color: #453F4A;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 214.286% */
    padding: 15px 5px;
    padding-top: 45px;
}

.owl-carousel {
    margin-top: 40px;
    margin-bottom: 40px;
}

.item2::before {
    content: url('../../assets/imgs/review_dot.png');
    margin-top: 60px;
    padding-top: 28px;
    position: relative;
    bottom: -45px;
    left: 37px;
}

.review_ul::before {
    content: url(../../assets/imgs/review_angle.png);
    background: #F8F8F8;
}

ul.review_ul {
    list-style: none;
    position: absolute;
    bottom: 3px;
    left: -15px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-end;
}

.review_txt_p>span {
    display: block;
    color: #453F4A;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.review_txt_p {
    background: #F8F8F8;
}

.review_txt_p {
    background: #F8F8F8;
    color: #1F0039;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 15px;
    margin: 0px 10px;
}

.review_user {
    background: #F8F8F8;
}

.review_ul>li {
    background: #F8F8F8;
}

.sec11 {
    background: url(../../assets/imgs/sec_11.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 100px;
    padding-bottom: 100px;
}

.sec11_section1 {
    max-width: 60.6%;
    margin: auto;
    text-align: center;
    border-radius: 17px;
    background: #3C3C3C;
    padding: 3px 59px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.sec11_section {
    max-width: 80%;
    margin-left: auto;
    /* border-radius: 17px; */
    /* background: #3C3C3C; */
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
}

.sec11_section1>h3 {
    color: #FFF;
    font-family: Cocogoose Light;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 69px;
    text-transform: capitalize;
}

.sec11_section1>h5 {
    color: #E2E2E2;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
}

.form-group {
    display: inline-flex;
    padding: 10px 10px;
    gap: 60px;
}

.form-group>input {
    border-radius: 10px;
    background: #F2F1F1;
    width: 232px;
    height: 45px;
    color: #453F4A;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 214.286% */
}

.form-group>textarea {
    border-radius: 10px;
    background: #F2F1F1;
    width: 100%;
    height: 100%;
    color: #453F4A;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 214.286% */
}

.sec11_section2 {
    border-radius: 8px;
    background: #F2F1F1;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);
    padding: 10px 30px;
}

.sec11_section2>h3 {
    color: #080925;
    font-family: Cocogoose Light;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 55px;
    text-transform: uppercase;
}

.sec11_section2>p {
    color: #453F4A;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

footer {
    width: 100%;
    background: #111 url(img/footer-bg.png) no-repeat center top;
    background-size: cover;
}

.foot_tbox {
    width: 100%;
    padding: 50px 0;
}

.foot_tbox h3 {
    font-size: 1rem;
    color: #fd6601;
    margin: 0 0 20px;
}

.foot_tbox p {
    color: #7c7c7d;
    font-size: .8rem;
    margin: 20px 0 0;
}

.foot_tbox ul li {
    list-style: square;
    line-height: 2rem;
    margin: 0 0 0 20px;
    color: #fd6601;
}

.ftr:last-child ul li {
    list-style: none;
}

.foot_tbox ul li a {
    color: #7c7c7d;
    font-size: .8rem;
    transition: linear .3s;
}

.foot_tbox ul li a:hover {
    color: #fff;
}

.foot_tbox ul li a>span {
    display: inline-block;
    width: 10px;
    margin: 0 10px 0 -20px;
    color: #fd6601;
}

.foot_top {
    width: 100%;
    border-bottom: 1px solid #22222257;
}

.foot_mid {
    padding: 50px 0;
    width: 100%;
    border-bottom: 1px solid #22222257;
}

.foot_mbox h3 {
    font-size: .9rem;
    text-transform: uppercase;
    color: #fff;
    font-weight: 300;
    margin: 0 0 20px;
}

.foot_mbox p {
    color: #7c7c7d;
    font-size: .8rem;
    line-height: 1.6rem;
}

.foot_mbox img {
    max-width: 100%;
}

.foot_mbtns {
    text-align: right;
    margin: 15px 0 0;
}

.foot_mbtns a {
    margin: 0 0 15px 10px;
    padding: 10px 30px;
}

.foot_mbox ul {
    margin: 20px 0 0;
    text-align: center;
}

.foot_mbox ul li {
    list-style: none;
    display: inline-block;
    padding: 0 5px;
}

.foot_mbox ul li a {
    color: #7c7c7d;
    transition: linear .3s;
    padding: 0 5px;
    border: 1px solid;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    font-size: 1.2rem;
}

.foot_mbox ul li a:hover {
    color: #fff;
}

.foot_bot {
    width: 100%;
    padding: 20px 0;
}

.foot_bot p {
    color: #7c7c7d;
    font-size: .8rem;
    line-height: 1.6rem;
}

.foot_bot ul {
    text-align: right;
}

.foot_bot ul li {
    list-style: none;
    display: inline-block;
    padding: 0 12px;
}

.foot_bot ul li a {
    color: #fff;
    transition: linear .3s;
    font-size: .8rem;
}

.foot_tbox ul {
    padding: 0;
}

.copyright_class {
    display: flex;
    gap: 15px;
    list-style: none;
}

.policy_class {
    display: flex;
    list-style: none;
    gap: 20px;
}

.footer_container {
    display: flex;
}

.copyright_class>li:nth-child(1)::after {
    content: "|";
    position: absolute;
    left: 103%;
}

.copyright_class>li {
    position: relative;
}

.policy_class>li {
    position: relative;
}

.policy_class>li:nth-child(1)::after {
    content: "|";
    position: absolute;
    left: 103%;
}

.policy_class>li>a {
    text-decoration: none;
    text-decoration: underline;
    font-family: Poppins;
    color: #F2F1F1;
    font-size: 14px;
}

.ft_sec {
    max-width: 62%;
    display: -webkit-inline-box;
}

.ft_sec_2 {
    max-width: 40%;
    text-align: right;
    float: right;
    padding: 5px 0px;
}

.ft_sec_2>img {
    max-width: 300px;
    text-align: right;
    max-width: 100%;
}

.disclaimer>p {
    margin: 0 0;
    text-decoration: none;
    font-family: Poppins;
    color: #F2F1F1;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
}

.footer_nav {
    padding-bottom: 50px;
}

.disclaimer {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 0;
}

#button {
    text-decoration: none;
    display: inline-block;
    background-color: #f47a1f;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 11px;
    transition: background-color .3s,opacity .5s,visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

#button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
}

#button:hover::after {
    color: #f47a1f;
}

#button:hover {
    cursor: pointer;
    background-color: #333;
}

#button:active {
    background-color: #555;
}

#button.show {
    opacity: 1;
    visibility: visible;
}

#button:hover {
    cursor: pointer;
    background-color: #F2F1F1;
    color: #f47a1f;
}

button.btn.btn-info.btn-green>span {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.btn-align {
    display: flex;
    gap: 15px;
}

.img-responsive {
    width: 100%;
}

ul.icon-list-list>li {
    flex: 25%;
    max-width: 40%;
}

.logo>img {
    /* width:80%; */
}

.logo {
    padding-top: 10px;
    padding-bottom: 10px;
}

.logo-footer>img {
    margin: auto;
    max-width: 100%;
}

header.header_class_mobile {
    background: #000;
}

.navbar_mobile {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
    gap: 35px;
}

button.navbar-toggler {
    background: #FFF;
    color: rgb(244 244 244 / 50%);
    border-color: rgba(0,0,0,.1);
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid #fefefe;
    border-radius: 0.25rem;
    width: 25%;
}

.menu-lover {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    left: 0;
    z-index: -1;
    display: none;
    cursor: pointer;
    transition: all ease-in-out 0.5s;
}

.menu-left {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    height: 100vh;
    z-index: 100;
    padding: 0;
    transition: all ease-in-out 0.5s;
    /* display: none; */
    visibility: hidden;
}

.menu-linn {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    left: -460px;
    max-width: 250px;
    padding: 30px;
    transition: all ease-in-out 0.5s;
    box-shadow: 0 0 10px #1b1b1b;
    overflow-y: scroll;
    background: #f47a1f;
}

.main-menu {
    position: relative;
    width: 100%;
}

.menu-lclose {
    color: #FFF;
    font-size: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}

.main-menu li a {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #FFF;
    font-family: 'Poppins';
    text-decoration: none;
}

.main-menu li {
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 25px;
    position: relative;
}

.sub-menu-holder {
    color: #FFF;
}

ul.sub-menu {
    list-style: none;
}

span.fa-handle {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #FFF;
}

.main-menu li .sub-menu-holder {
    margin-top: 0;
}

.main-menu li .sub-menu-holder.openable ul.sub-menu {
    display: block;
}

.main-menu li .sub-menu-holder ul.sub-menu {
    display: none;
    margin-top: 10px;
}

.menu-left.enable {
    left: 0;
    visibility: visible;
    transition: all ease-in-out 0.5s;
}

.enable .menu-lover {
    display: block;
}

.menu-left.enable .menu-linn {
    left: 0;
}

.main-menu>ul {
    list-style: none;
}

/*responsive*/
@media only screen and (min-width: 1501px) and (max-width:1700px) {
    .hk_web_height {
        flex:25%!important;
        max-width: 40%;
    }

    .overlay {
        position: relative;
        z-index: 5;
        width: 60%;
        height: 160vh;
        overflow: hidden;
    }

    ul.icon-list-list {
        list-style-type: none;
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
        flex-direction: row;
        justify-content: center;
        gap: 10px;
        margin: auto;
    }

    ul.icon-list-list>li {
        flex: 18%;
        max-width: 40%;
    }

    .sec11_section {
        max-width: 100%;
        margin: auto;
        /* border-radius: 17px; */
        /* background: #3C3C3C; */
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
    }
}

@media only screen and (min-width: 1300px) and (max-width:1400px) {
    .overlay {
        position:relative;
        z-index: 5;
        width: 60%;
        height: 60rem;
        overflow: hidden;
    }

    .sec_banner_heading {
        padding-top: 100px;
        padding-bottom: 100px;
        position: relative;
        left: 200px;
    }

    .sec11_section {
        max-width: 100%;
        margin: auto;
        /* border-radius: 17px; */
        /* background: #3C3C3C; */
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
    }

    .footer-list>li>a {
        font-family: Poppins;
        font-size: 13px;
    }

    .footer_nav>h3::after {
        content: "";
        border-bottom: 2px solid #F2F1F1;
        position: absolute;
        background: #F2F1F1;
        width: 130px;
        top: 45px;
        left: 22px;
    }

    .policy_class>li {
        position: relative;
        top: -3px;
    }

    .policy_class>li>a {
        text-decoration: none;
        text-decoration: underline;
        font-family: Poppins;
        color: #F2F1F1;
        font-size: 10px;
    }

    .copyright_class {
        display: flex;
        gap: 15px;
        list-style: none;
        font-size: 10px;
    }
}

@media only screen and (min-width: 1400px) and (max-width:1500px) {
    .overlay {
        position:relative;
        z-index: 5;
        width: 60%;
        height: 75rem;
        overflow: hidden;
    }

    .sec_banner_heading {
        padding-top: 100px;
        padding-bottom: 100px;
        position: relative;
        left: 200px;
    }

    .sec11_section {
        max-width: 100%;
        margin: auto;
        /* border-radius: 17px; */
        /* background: #3C3C3C; */
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
    }
}

@media only screen and (min-width: 1201px) and (max-width:1299px) {
    #button {
        text-decoration:none;
        display: inline-block;
        background-color: #f47a1f;
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 4px;
        position: fixed;
        bottom: 30px;
        right: 13px;
        transition: background-color .3s,opacity .5s,visibility .5s;
        opacity: 0;
        visibility: hidden;
        z-index: 1000;
    }

    .overlay {
        position: relative;
        z-index: 5;
        width: 60%;
        height: 45rem;
        overflow: hidden;
    }

    .sec_banner_heading {
        padding-top: 40px;
        padding-bottom: 100px;
        position: relative;
        left: 200px;
    }

    .sec_10_heading {
        max-width: 100%;
        text-align: center;
    }

    .sec_10_img {
        text-align: center;
    }

    .sec11_section {
        max-width: 100%;
        margin: auto;
        /* border-radius: 17px; */
        /* background: #3C3C3C; */
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
    }

    .footer-list>li>a {
        font-family: Poppins;
        font-size: 10px;
    }

    .footer_nav>h3::after {
        content: "";
        border-bottom: 2px solid #F2F1F1;
        position: absolute;
        background: #F2F1F1;
        width: 109px;
        top: 45px;
        left: 30px;
    }
}

@media only screen and (min-width: 1px) and (max-width:1200px) {
    img.aos-init.aos-animate {
        max-width:100%;
    }

    h3.sec_5_heading.aos-init.aos-animate {
        font-size: 81px;
    }

    .sec_10_heading {
        max-width: 100%;
        text-align: center;
    }

    .sec_10_img {
        text-align: center;
    }

    .sec11_section {
        max-width: 100%;
        margin: auto;
        /* border-radius: 17px; */
        /* background: #3C3C3C; */
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column-reverse;
        align-items: center;
    }

    .form-group {
        display: inline-flex;
        padding: 10px 10px;
        gap: 30px;
        flex-direction: column;
    }

    .sec11_section1 {
        max-width: 100%;
        margin: auto;
        text-align: center;
        border-radius: 17px;
        background: #3C3C3C;
        padding: 3px 59px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .footer-list>li>a {
        font-family: Poppins;
        font-size: 10px;
    }

    .footer-list {
        list-style: none;
        display: flex;
        gap: 3px;
        text-align: center;
        justify-content: center;
        padding-top: 0px;
        padding-bottom: 30px;
        flex-direction: column;
    }

    .footer-list>li:after {
        content: "|";
        color: #F2F1F1;
        position: absolute;
        left: 113%;
        display: none;
    }

    .social-icon {
        display: flex;
        gap: 14px;
        justify-content: center;
    }
}

body {
    overflow-x: hidden;
}

.btns>button {
    flex: 1px;
    gap: 5px;
    margin: 5px 5px;
}

img.review_user {
    width: 100%;
    width: 51px;
    height: 51px;
    background: #fff;
    border-radius: 50%;
}

.hk_web_height {
    height: 400px;
    overflow: hidden;
    background-size: cover;
    border-radius: 10px;
    transition: 1s cubic-bezier(.51,.92,.27,.96)!important;
}

.icon-list {
    width: 100%;
}

.hk_web_height:hover {
    background-position: 100% 100%;
    transition: 6s!important;
    transform: none;
}

.hk_web_height {
    cursor: pointer;
}

.banner_content {
    max-width: 100%;
    margin: auto;
    padding: 0;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 120px;
}

.inner-banner {
    background-image: url(../../assets/imgs/about-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner_content>h4 {
    color: #f47a1f;
    font-family: Cocogoose Light;
    font-size: 25px;
    font-style: normal;
    font-weight: 250;
    line-height: 67px;
    text-transform: uppercase;
}

.banner_content>h3 {
    color: #FFF;
    text-align: center;
    font-family: COCOGOOSE;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px;
    text-transform: capitalize;
    width: 100%;
    margin: auto;
}

.banner_content>p {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px;
    /* 190% */
    text-transform: capitalize;
    width: 100%;
    margin: auto;
}

.sec1_heading>h3 {
    color: #080925;
    font-family: Cocogoose Light;
    font-size: 29px;
    font-style: normal;
    font-weight: 600;
    line-height: 43px;
    text-transform: lowercase;
}

.sec1_heading>p {
    color: #2E2D2D;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%;
    /* 35.2px */
    text-transform: lowercase;
}

ul.sec6_list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 25px 18px;
    margin: 5px 0px;
    text-align: left;
    justify-content: flex-start;
    padding: 0 0;
    padding-top: 25px;
    padding-bottom: 30px;
}

ul.sec6_list>li {
    list-style: none;
    color: #000;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 192%;
    text-transform: capitalize;
    max-width: 40%;
    flex: 35%;
}

i.fa.fa-check-circle {
    color: #f47a1f;
}

.sec6_list2>li>i.fa.fa-check-circle {
    background: transparent;
    color: #FB8500;
}

.about_sec1 {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #FAFAFA;
}

.aboutsec2_heading>h3 {
    color: #1F4037;
    text-align: center;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 49px;
    text-transform: capitalize;
}

.aboutsec2_heading>p {
    color: #4E4D4D;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
}

.aboutsec2_heading {
    max-width: 80%;
    margin: auto;
    text-align: center;
}

.aboutsec2_heading>p {
    color: #4E4D4D;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
    max-width: 85%;
    margin: auto;
}

.about_sec2 {
    background: #FFF;
    padding-top: 100px;
    padding-bottom: 100px;
}

.about_sec2_list {
    list-style: none;
}

.about_sec2_list {
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 0 0;
    /* position: absolute; */
    position: relative;
    top: 0px;
}

.sec_list_li>h5 {
    color: #000;
    font-family: Cocogoose Light;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 220%;
    text-transform: capitalize;
}

.sec_list_li>p {
    color: #4E4D4D;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
}

.sec_list_li {
    max-width: 77%;
    margin: auto;
}

/*ul.about_sec2_list>li:nth-child(1):after{
    content: "";
    background-image: url('../../assets/imgs/img21.png');
    position: absolute;
    width: 210px;
    height: 32px;
    background-repeat: no-repeat;
    top: 20px;
    left: 57%;
    background-size: cover;
    transform: rotate(-8.202deg);
    animation: wave 2s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
    }*/
li.first_child {
    position: relative;
}

/*.second_child:before{
    content: "";
    background-image: url('../../assets/imgs/img21.png');
    position: absolute;
    width: 210px;
    height: 32px;
    background-repeat: no-repeat;
    top: 36px;
    left: -34%;
    background-size: cover;
    transform: rotate(1deg);
    z-index: 1;
    animation: wave2 2s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
    }*/
li.second_child {
    position: relative;
}

/*.second_child:after{
    content: "";
    background-image: url('../../assets/imgs/img22.png');
    position: absolute;
    width: 219px;
    height: 38px;
    background-repeat: no-repeat;
    top: 80px;
    left: 235px;
    }*/
/*.third_child:before{
    content: "";
    background-image: url('../../assets/imgs/img21.png');
    position: absolute;
    width: 203px;
    height: 32px;
    background-repeat: no-repeat;
    top: 20px;
    left: 67%;
    background-size: cover;
    }*/
/*.third_child:after{
    content: "";
    background-image: url('../../assets/imgs/img21.png');
    position: absolute;
    width: 203px;
    height: 32px;
    background-repeat: no-repeat;
    top: 26px;
    left: 57%;
    background-size: cover;
    rotate: -11deg;
    }*/
.third_child {
    position: relative;
}

.about_sec_3 {
    background-image: url("../../assets/imgs/bg34.png");
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 90px;
}

.about_sec_3_content>h3 {
    color: #FFF;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 51px;
    text-transform: uppercase;
}

.about_sec_3_content>p {
    color: #E2E2E2;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%;
    text-transform: lowercase;
}

.about_sec_3_content {
    align-items: center;
    padding-top: 60px;
    padding-bottom: 60px;
}

.about_sec_3_img>img {
    margin-bottom: -71px;
}

body {
    background: #F8F8F8;
}

.sec3_about {
    list-style: none;
    color: #FFF;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0 0;
    gap: 100px;
}

.sec3_about>li>h3 {
    color: #FFF;
    font-family: Poppins;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 51px;
    text-transform: uppercase;
}

.sec3_about>li>span {
    color: #f47a1f;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%;
    /* 35.2px */
    text-transform: capitalize;
}

.portfolio-banner {
    background-image: url(../../assets/imgs/portfolio-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.pricing-banner {
    background-image: url(../../assets/imgs/pricing-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.portfolio_sec_4_heading {
    color: #444;
    font-family: Cocogoose;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 69px;
    text-transform: capitalize;
}

.portfolio_sec_4_content {
    color: #7D7C7C;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
    text-transform: lowercase;
}

.portfolio_sec_4 {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #FFF;
}

.menubar3>ul {
    display: flex;
    list-style: none;
    color: #7D7C7C;
    padding: 0px 0px;
    justify-content: center;
}

.menubar3>ul {
    display: flex;
}

.menubar3>ul>li {
    padding: 0px 20px;
    position: relative;
    font-weight: 600;
    color: #444;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.menubar3>ul>li::after {
    content: "|";
    position: absolute;
    right: 0px;
    font-size: 18px;
    /* height: 18px; */
}

.menubar3>ul>li:nth-child(6)::after {
    content: "";
    position: absolute;
    right: 0px;
}

.menubar3>ul>li>button {
    color: #444;
}

.nav-link.active:after {
    /* content: url('../../assets/imgs/Polygon.png'); */
    position: absolute;
    top: 30px;
    left: 46px;
}

.sec_8 {
    background-image: url(../../assets/imgs/Rectangle-18.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 19px;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 20px;
}

.sec_8_heading>h4 {
    color: #FFF;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 51px;
    text-transform: capitalize;
}

.sec_8_heading>p {
    color: #ECECEC;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    text-transform: lowercase;
    width: 77%;
}

.img_sec_8>.img-responsive {
    transform: scale(2.9);
    /* width: 990px; */
    /* height: 491px; */
    width: 74%;
    padding-top: 80px;
}

.heading_sec_8>h4 {
    color: #FFF;
    font-family: Cocogoose Light;
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 51px;
    text-transform: capitalize;
    max-width: 96%;
}

.sec9 {
    background: #FFF;
    padding-top: 80px;
    padding-bottom: 80px;
}

.sec_9heading>h4 {
    color: #1F4037;
    text-align: center;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 49px;
    text-transform: capitalize;
}

.sec9_content>p {
    color: #4E4D4D;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
}

.sec9_content {
    max-width: 67%;
    margin: auto;
}

.icons_list>ul {
    list-style: none;
    display: flex;
    align-items: center;
    text-align: center;
}

.sprite>h5 {
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-transform: capitalize;
}

.sprite>p {
    color: #4E4D4D;
    text-align: center;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
}

.sprite {
    padding: 4px 37px;
}

.icons_list>ul>li:hover {
    border-radius: 10px;
    background: #F6F5F5;
    box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.25);
    transition: 0.3s all linear;
    cursor: pointer;
}

.nav-link.active.btn-nav {
    border-radius: 10px;
    border: 1px solid #f47a1f;
    background: #FFF;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.25);
    color: #444;
    padding: 8px 10px;
}

.btn-nav:focus,.btn-nav:hover {
    border-radius: 10px;
    border: 1px solid #f47a1f;
    background: #FFF;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.25);
    color: #444;
    padding: 8px 10px;
}

.menubar4>ul>li::after {
    content: "|";
    position: absolute;
    right: 0px;
    font-size: 28px;
    /* height: 18px; */
}

.nav-tabs .btn-nav:focus,.nav-tabs .btn-nav:hover {
    isolation: isolate;
    border-color: #f47a1f;
}

.btn-nav {
    background: transparent;
    border: transparent;
    color: #fff;
    margin-bottom: 0px;
    padding: 8px 0px;
    display: inline;
}

.btn-nav.active:after {
    content: url('../../assets/imgs/Polygon.png');
    position: absolute;
    top: 33px;
    left: 39px;
}

.pkg-section-pricing {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
}

.sec_8_2 .row {
    align-items: unset;
}

ul.sec6_list2>li {
    list-style: none;
    color: #000;
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: capitalize;
    max-width: 40%;
    flex: 35%;
    color: #FFF;
    font-family: Poppins;
    /* font-size: 21px; */
    /* font-style: normal; */
    /* font-weight: 500; */
    /* line-height: 186%; */
    /* 39.06px */
    /* text-transform: capitalize; */
}

.faq-banner {
    background-image: url('../../assets/imgs/faqs.png');
}

.faq-banner>.container>.banner_content>h4 {
    color: #f47a1f;
    font-family: Poppins;
    font-size: 25px;
    font-style: normal;
    font-weight: 250;
    line-height: 67px;
    text-transform: uppercase;
}

.error_details {
    margin: auto;
    max-width: 50%;
    padding-top: 70px;
    padding-bottom: 70px;
}

.error_details>h4 {
    color: #231F20;
    font-family: Cocogoose;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    text-align: center;
}

.error_details>p {
    text-align: center;
    color: #666;
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.contact-us {
    background-image: url('../../assets/imgs/contact-us.png');
}

.detail_contact {
    border-radius: 20px;
    border: 0px solid #000;
    background: #f47a1f;
    padding: 6px 53px;
    margin-top: 10px;
    padding-left: 80px;
    padding-top: 46px;
}

.detail_contact>h6 {
    color: #FFF;
    font-family: Poppins;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.detail_contact>h5 {
    color: #FFF;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 52px;
    text-transform: capitalize;
    width: 78%;
}

.detail_contact>p {
    color: #FFF;
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 164.706% */
    opacity: 0.9;
    width: 80%;
}

.details_img>img {
    transform: none;
}

ul.detail_contact_list {
    list-style: none;
    padding: 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.icon_bg {
    border-radius: 5px;
    background: #1F4037;
    text-align: center;
}

.detail_contact_list>li {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    width: 79%;
}

.detail_contact_list>li>p {
    padding-top: 6px;
    color: #FFF;
    color: #FFF;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.detail_contact_list>li>p>span {
    font-weight: 300;
}

.icon_bg>img {
    width: 26px;
    height: 30px;
    margin: 9px 17px;
}

.details_footer {
    color: #1A1A1A!important;
    font-family: Poppins!important;
    font-size: 16px!important;
    font-style: normal!important;
    font-weight: 600!important;
    line-height: normal!important;
}

ul.social_icons {
    padding: 0 0;
    display: flex;
    list-style: none;
    gap: 12px;
    padding-bottom: 20px;
}

.details {
    padding-top: 80px;
    padding-bottom: 80px;
}

.details_form {
    width: 80%;
    margin: auto;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 80px;
}

.detail_data>h5 {
    color: #f47a1f;
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 6px;
    text-transform: uppercase;
}

.detail_data>h4 {
    color: #333;
    text-align: center;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 70px;
    text-transform: capitalize;
}

.detail_data>p {
    color: #5A5A5A;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    text-transform: capitalize;
    margin: 0 0;
}

.detail_form {
    border-radius: 11px;
    border: 1px solid #1B1D21;
    background: #F2EFEF;
    color: #6C6C6C;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.54px;
    padding: 12px 15px;
    margin-bottom: 20px;
    margin-top: 20px;
}

div.accordion {
    width: 70%;
    margin: auto;
}

.accordion-button::after {
    background-image: url("../../assets/imgs/ei_minus.png");
    transform: scale(1.2)!important;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("../../assets/imgs/ei_plus.png");
}

.accordion-item {
    border-radius: 20px!important;
    background: #F4F4F4;
}

button.accordion-button.collapsed {
    background: none;
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
    background: none;
    box-shadow: none;
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow);
    border: none;
    box-shadow: none;
}

.accordion-item {
    margin: 20px 3px;
    margin-bottom: 20px;
}

.accordion-collapse>.card-body>p {
    color: #4E4D4D;
    text-align: justify;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    text-transform: lowercase;
    padding: 0px 12px;
}

button.accordion-button {
    color: #1F4037!important;
    font-family: Cocogoose Light;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 39px;
    text-transform: capitalize;
}

.accordion-button.collapsed {
    color: #707070!important;
}

.logo-design-service {
    background-image: url('../../assets/imgs/logo-design-services.png');
}

.banner_content_2 {
    max-width: 72%;
    margin: auto;
    padding: 0;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 10px;
}

.banner_content_2>h4 {
    color: #1F4037;
    text-align: center;
    font-family: Cocogoose Light;
    font-size: 18px;
    font-style: normal;
    font-weight: 100;
    line-height: 49px;
    /* 272.222% */
    text-transform: capitalize;
}

.banner_content_2>h3 {
    color: #1F4037;
    text-align: center;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 49px;
    /* 108.889% */
    text-transform: capitalize;
}

.banner_content_2>h3>span {
    font-family: Poppins
}

.banner_content_2>p {
    color: #4E4D4D;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
    text-transform: lowercase;
    width: 82%;
    margin: auto;
}

.logo-design_sec_2 {
    background: #FFFFFF;
}

.banner_rows {
    padding: 0 55px;
    align-items: center;
}

.app-design-service {
    background-image: url('../../assets/imgs/app-design-banner.png');
}

.sec1_heading_2>h3 {
    color: #1F4037;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 49px;
    /* 108.889% */
    text-transform: capitalize;
}

.sec1_heading_2 {
    width: 90%;
}

.sec_6_img {
    transform: scale(1.1);
}

.sec6_img:after {
    content: url('../../assets/imgs/mbl-bg.png');
    position: absolute;
    z-index: -1;
    bottom: 96px;
    right: 26px;
}

.mbl_2 {
    position: absolute;
    left: 120px;
    top: 85px;
}

.mbl_1 {
    position: relative;
}

.mbl_img_1 {
    position: absolute;
    left: 0px;
    z-index: 1;
    opacity: 0;
}

.sec6_img:hover>.mbl_1>.mbl_img_1,.sec6_img:hover>.mbl_1>img {
    animation: opa 2s linear;
}

.animate_area>.mbl_1 {
    z-index: 1;
    transform: rotate(20deg);
    transition: 1s linear;
}

@keyframes opa {
    50% {
        opacity: 0.5;
    }

    70% {
        opacity: 0.7;
    }

    100% {
        opacity: 1
    }
}

@keyframes myanim {
    30% {
        transform: rotate(20deg);
    }

    100% {
        transform: rotate(20deg);
    }
}

.sec92 {
    background: #F2F2F2;
}

.sec1_heading_3 {
    width: 100%;
    margin-top: 40px;
}

.sec1_heading_3>p {
    color: #2E2D2D;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%;
    text-transform: lowercase;
}

.sec6_imgs>.img-responsive {
    width: 100%;
    position: relative;
    left: -72px;
}

.icons_list_2>ul {
    list-style: none;
    display: flex;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center
}

.icons_list_2>ul>li {
    flex: 17%;
    max-width: 19%;
}

.icons_list_2>ul>li:hover {
    border-radius: 10px;
    background: #F6F5F5;
    box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.25);
    transition: 0.3s all linear;
    cursor: pointer;
}

.sc_4 {
    width: 60%;
}

.sec6_imgs_2 {
    left: 75px;
    position: relative;
}

.sec-pad {
    padding: 50px 0;
    background-color: #fff;
}

.process-ul li {
    display: inline-block;
    width: 16%;
    text-align: center;
}

.process-icn {
    width: 69px;
    height: 69px;
    border: 5px solid #dcdcdc;
    border-radius: 100%;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.process-icn:before {
    content: "";
    background: url('../../assets/imgs/sprite.png') no-repeat;
    width: 31px;
    height: 30px;
    display: inline-block;
    z-index: 1;
}

.prcss-icn1:before {
    background-position: -152px -594px;
}

.prcss-icn2:before {
    background-position: -205px -596px;
}

.prcss-icn3:before {
    background-position: -258px -594px;
}

.prcss-icn4:before {
    background-position: -365px -594px;
}

.prcss-icn5:before {
    background-position: -312px -594px;
}

.prcss-icn6:before {
    background-position: -418px -597px;
    width: 34px;
}

ul.process-ul:before {
    z-index: -1;
    content: "";
    width: 0%;
    height: 18px;
    background: #ea635f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNjM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OWNmNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,#ea635f 0%,#99cf70 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#ea635f),color-stop(100%,#99cf70));
    background: -webkit-linear-gradient(left,#ea635f 0%,#99cf70 100%);
    background: -o-linear-gradient(left,#ea635f 0%,#99cf70 100%);
    background: -ms-linear-gradient(left,#ea635f 0%,#99cf70 100%);
    background: linear-gradient(to right,#ea635f 0%,#99cf70 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea635f',endColorstr='#99cf70',GradientType=1);
    position: absolute;
    left: 70px;
    bottom: 27px;
    margin: auto;
    transition: all 0.4s ease;
}

ul.process-ul.process2:before {
    width: 21%;
}

ul.process-ul.process3:before {
    width: 37%;
    background: #ea635f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNjM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzk5Y2Y3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNzNlYjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,#ea635f 0%,#99cf70 52%,#a73eb8 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#ea635f),color-stop(52%,#99cf70),color-stop(100%,#a73eb8));
    background: -webkit-linear-gradient(left,#ea635f 0%,#99cf70 52%,#a73eb8 100%);
    background: -o-linear-gradient(left,#ea635f 0%,#99cf70 52%,#a73eb8 100%);
    background: -ms-linear-gradient(left,#ea635f 0%,#99cf70 52%,#a73eb8 100%);
    background: linear-gradient(to right,#ea635f 0%,#99cf70 52%,#a73eb8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea635f',endColorstr='#a73eb8',GradientType=1);
}

ul.process-ul.process4:before {
    width: 53%;
    background: #ea635f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNjM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iIzk5Y2Y3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iI2E3M2ViOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOGExZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,#ea635f 0%,#99cf70 34%,#a73eb8 68%,#38a1f4 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#ea635f),color-stop(34%,#99cf70),color-stop(68%,#a73eb8),color-stop(100%,#38a1f4));
    background: -webkit-linear-gradient(left,#ea635f 0%,#99cf70 34%,#a73eb8 68%,#38a1f4 100%);
    background: -o-linear-gradient(left,#ea635f 0%,#99cf70 34%,#a73eb8 68%,#38a1f4 100%);
    background: -ms-linear-gradient(left,#ea635f 0%,#99cf70 34%,#a73eb8 68%,#38a1f4 100%);
    background: linear-gradient(to right,#ea635f 0%,#99cf70 34%,#a73eb8 68%,#38a1f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea635f',endColorstr='#38a1f4',GradientType=1);
}

ul.process-ul.process5:before {
    width: 66%;
    background: #ea635f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNjM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzk5Y2Y3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2E3M2ViOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc3JSIgc3RvcC1jb2xvcj0iIzM4YTFmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdkNTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,#ea635f 0%,#99cf70 25%,#a73eb8 52%,#38a1f4 77%,#ff7d54 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#ea635f),color-stop(25%,#99cf70),color-stop(52%,#a73eb8),color-stop(77%,#38a1f4),color-stop(100%,#ff7d54));
    background: -webkit-linear-gradient(left,#ea635f 0%,#99cf70 25%,#a73eb8 52%,#38a1f4 77%,#ff7d54 100%);
    background: -o-linear-gradient(left,#ea635f 0%,#99cf70 25%,#a73eb8 52%,#38a1f4 77%,#ff7d54 100%);
    background: -ms-linear-gradient(left,#ea635f 0%,#99cf70 25%,#a73eb8 52%,#38a1f4 77%,#ff7d54 100%);
    background: linear-gradient(to right,#ea635f 0%,#99cf70 25%,#a73eb8 52%,#38a1f4 77%,#ff7d54 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea635f',endColorstr='#ff7d54',GradientType=1);
}

ul.process-ul.process6:before {
    width: 86%;
    background: #ea635f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNjM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iIzk5Y2Y3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2E3M2ViOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzM4YTFmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iI2ZmN2Q1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MzhkOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,#ea635f 0%,#99cf70 19%,#a73eb8 39%,#38a1f4 60%,#ff7d54 79%,#738d99 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#ea635f),color-stop(19%,#99cf70),color-stop(39%,#a73eb8),color-stop(60%,#38a1f4),color-stop(79%,#ff7d54),color-stop(100%,#738d99));
    background: -webkit-linear-gradient(left,#ea635f 0%,#99cf70 19%,#a73eb8 39%,#38a1f4 60%,#ff7d54 79%,#738d99 100%);
    background: -o-linear-gradient(left,#ea635f 0%,#99cf70 19%,#a73eb8 39%,#38a1f4 60%,#ff7d54 79%,#738d99 100%);
    background: -ms-linear-gradient(left,#ea635f 0%,#99cf70 19%,#a73eb8 39%,#38a1f4 60%,#ff7d54 79%,#738d99 100%);
    background: linear-gradient(to right,#ea635f 0%,#99cf70 19%,#a73eb8 39%,#38a1f4 60%,#ff7d54 79%,#738d99 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea635f',endColorstr='#738d99',GradientType=1);
}

ul.process-ul:after {
    z-index: -2;
    content: "";
    width: 83%;
    height: 18px;
    background: #dcdcdc;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 27px;
    margin: auto;
    box-shadow: 0 0 13px 2px gainsboro;
}

ul.process-ul {
    position: relative;
    margin: 50px 0 20px;
    z-index: 0;
}

ul.process-ul * {
    transition: all 0.4s ease;
}

i.actv-ul {
    width: 69px;
    height: 69px;
    display: inline-block;
    position: absolute;
    background: #ea635f;
    border-radius: 100%;
    border: 3px solid #FFF;
    left: 85px;
    bottom: 0px;
    z-index: 1;
}

i.actv-ul:before {
    content: "";
    border-top: 25px solid transparent;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    transition: all .3s linear;
    position: absolute;
    bottom: -15px;
    left: 18px;
    border-top-color: #ea635f;
}

.process-ul li.active .prcss-icn1:before {
    background-position: -152px -635px;
}

.process-ul li.active .prcss-icn2:before {
    background-position: -205px -637px;
}

.process-ul li.active .prcss-icn3:before {
    background-position: -258px -635px;
}

.process-ul li.active .prcss-icn4:before {
    background-position: -365px -635px;
}

.process-ul li.active .prcss-icn5:before {
    background-position: -312px -635px;
}

.process-ul li.active .prcss-icn6:before {
    background-position: -418px -638px;
}

.process-ul li .prcss-icn7:before {
    background-position: -17px -1072px;
}

.process-ul li .prcss-icn8:before {
    background-position: -69px -1072px;
}

.process-ul li .prcss-icn9:before {
    background-position: -122px -1072px;
}

.process-ul li .prcss-icn10:before {
    background-position: -173px -1073px;
}

.process-ul li .prcss-icn11:before {
    background-position: -225px -1073px;
}

.process-ul li .prcss-icn12:before {
    background-position: -278px -1074px;
}

.process-ul li.active .prcss-icn7:before {
    background-position: -17px -1123px;
}

.process-ul li.active .prcss-icn8:before {
    background-position: -71px -1124px;
}

.process-ul li.active .prcss-icn9:before {
    background-position: -122px -1123px;
}

.process-ul li.active .prcss-icn10:before {
    background-position: -173px -1123px;
}

.process-ul li.active .prcss-icn11:before {
    background-position: -225px -1123px;
}

.process-ul li.active .prcss-icn12:before {
    background-position: -278px -1123px;
}

ul.process-ul.process2 i.actv-ul {
    left: 260px;
    background-color: #67b636;
}

ul.process-ul.process2 i.actv-ul:before {
    border-top-color: #67b636;
}

ul.process-ul.process3 i.actv-ul {
    left: 440px;
    background-color: #a73eb8;
}

ul.process-ul.process3 i.actv-ul:before {
    border-top-color: #a73eb8;
}

ul.process-ul.process4 i.actv-ul {
    left: 618px;
    background-color: #38a1f4;
}

ul.process-ul.process4 i.actv-ul:before {
    border-top-color: #38a1f4;
}

ul.process-ul.process5 i.actv-ul {
    left: 796px;
    background-color: #ff7d54;
}

ul.process-ul.process5 i.actv-ul:before {
    border-top-color: #ff7d54;
}

ul.process-ul.process6 i.actv-ul {
    left: 972px;
    background-color: #738d99;
}

ul.process-ul.process6 i.actv-ul:before {
    border-top-color: #738d99;
}

ul.process-ul.process-animate i.actv-ul {
    -webkit-animation: anim-cur-step .6s;
    animation: anim-cur-step .6s;
}

@-webkit-keyframes anim-cur-step {
    20% {
        -webkit-transform: rotate(45deg)
    }

    70% {
        -webkit-transform: rotate(-45deg)
    }

    100% {
        -webkit-transform: rotate(0deg)
    }
}

@keyframes anim-cur-step {
    20% {
        transform: rotate(45deg)
    }

    70% {
        transform: rotate(-45deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

.process-ul li.active h4 {
    color: #72be36;
}

.process-arrows>div {
    width: 34px;
    height: 66px;
    position: absolute;
    left: -60px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.process-arrows>div:before {
    content: "";
    background: url('../../assets/imgs/sprite.png') no-repeat -527px -598px;
    width: 34px;
    height: 66px;
    display: block;
}

.process-arrows .arrow-right:before {
    background-position: -475px -598px;
}

.process-arrows>div.disable {
    opacity: 0.2;
}

.process-content {
    position: relative;
}

.process-arrows .arrow-right {
    left: inherit;
    right: 20px;
}

.process-tabs {
    overflow: hidden;
    padding: 50px 0 0;
    display: none!important;
}

.process-tabs.active {
    display: block!important;
}

.text-right {
    text-align: right;
}

.process-tabs>.col-md-5 {
    float: left;
}

.sec-hd {
    color: #080925;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 69px;
    text-transform: capitalize;
}

.sec_2_heading_1 {
    max-width: 75%;
}

.prc-all {
    cursor: pointer;
}

.arrow-right,.arrow-left {
    cursor: pointer;
}

h3.lg-sub-hd {
    color: #1F4037;
    font-family: Cocogoose Light;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 69px;
    text-transform: capitalize;
}

.process-tabs>.col-md-5>p {
    color: #4E4D4D;
    text-align: left;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
}

.navlist>li>a {
    text-decoration: none;
    list-style: none;
    color: #fff;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: relative;
}

.navlist>li>a:hover {
    color: #f47a1f;
    transition: 1s all linear;
}

.menubar>ul>li>a {
    text-decoration: none!important;
    color: #fff;
    font-family: Poppins;
}

.menubar>ul>li>a:hover {
    color: #3E8466;
    transition: 1s all linear;
}

.modal-content {
    background: transparent;
    border: none;
}

.modal_body>.row>.col-md-6>.img-responsive {
    /* display: none; */
    border-radius: 47px;
}

.footer_form {
    border-radius: 41px;
    background: #FFF;
    box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.25);
    height: 598px;
    padding: 20px 26px;
}

.modal-dialog.modal-dialog-centered {
    max-width: 70%!important;
}

.modal_body>.row>.col-md-6 {
    /* display: none; */
    padding: 0 0;
}

ul.process-ul h4 {
    font-size: 16px;
}

.modal_body>.row>.col-md-6>.img-responsive {
    /* display: none; */
    border-radius: 47px;
    height: 550px;
    /* width: 1660px; */
    width: 764px;
}

.modal_body>.row {
    align-items: center;
}

.footer_form>h3 {
    color: #1E1E1E;
    font-family: Poppins;
    font-size: 31px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.footer_form>p {
    color: #373737;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    /* 121.429% */
    text-transform: capitalize;
}

.detail_form_2 {
    border-radius: 11px;
    border: 1px solid #1B1D21;
    background: #FFF;
    color: #6C6C6C;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.54px;
    padding: 12px 15px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.btn-full-width {
    width: 100%;
}

.modal_text {
    color: #8B8585;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    text-transform: capitalize;
    padding-top: 20px;
}

.item {
    cursor: pointer;
}

.sec_1_slide:hover {
    background: #f47a1f;
}

.sec_1_slide:hover>.sec_1_icon_1>img {
    filter: brightness(0) invert(0);
}

.sec_1_slide:hover>.sec_1_content_heading {
    color: #303030;
}

.sec_1_slide:hover>.sec_1_content_body {
    color: #303030;
}

body {
    cursor: pointer;
}

.sec_banner_heading>h1 {
    color: #1F4037;
    font-family: Cocogoose;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 67px;
    text-transform: capitalize;
}

.sec_banner_heading>h1>span {
    color: #f47a1f;
    font-family: Cocogoose;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 67px;
    text-transform: capitalize;
}

.sec_banner_heading>h1 {
    color: #1F4037;
    font-family: Cocogoose;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 67px;
    text-transform: capitalize;
    text-shadow: 2px 2px #262626;
}

.sec_banner_heading>p {
    color: #4E4D4D;
    text-align: left;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
}

.navlist > li > a:hover:before,.menubar>ul > li > a:hover:before,.sec_1_heading1>h3:hover:before {
    width: 100%!important;
}

.navlist > li > a:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 22%;
    width: 6px;
    height: 3px;
    background: linear-gradient(180deg,#3C8063 0%,#1F4037 100%);
}

.navlist > li > a:after {
    content: '';
    position: absolute;
    bottom: -6.51px;
    right: 22%;
    width: 6px;
    height: 3px;
    background: linear-gradient(180deg,#3C8063 0%,#1F4037 100%);
    display: none;
}

.navlist > li > a:hover:after {
    display: block;
}

.navlist > li > a:before,.menubar>ul > li > a:hover:before {
    content: '';
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    width: 0;
    height: 3px;
    margin: 0 auto;
    background: #FFF;
    -webkit-mask-image: linear-gradient(-75deg,rgba(94,66,211,.2) 50%,#FFF 50%,#FFF 70%);
    transition: all 500ms ease;
    -webkit-mask-size: 200%;
    animation: menushine 2s infinite;
}

.wrapper {
    position: fixed;
    top: 0;
    z-index: 999999
}

.loading {
    margin: 0 auto;
    border-top: 6px solid #fff;
    width: 125px;
    position: fixed;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 999999999999999999!important
}

.down,.up {
    background-color: #f47a1f;
    height: 50%;
    z-index: 9999;
    position: absolute;
    width: 100%
}

.spin {
    -webkit-animation: 1s linear infinite spin;
    -moz-animation: 2s linear infinite spin;
    -ms-animation: spin 2s infinite linear;
    -o-animation: 2s linear infinite spin;
    animation: 1s linear infinite spin
}

@-webkit-keyframes menushine {
    from {
        -webkit-mask-position: 100%;
    }

    to {
        -webkit-mask-position: -100%;
    }
}

@keyframes menushine {
    from {
        -webkit-mask-position: 100%;
    }

    to {
        -webkit-mask-position: -100%;
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.class {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none
}

.up {
    top: 0
}

.down {
    bottom: 0
}

.class {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none
}

.up {
    top: 0
}

.down {
    bottom: 0
}

.wrapper {
    width: 100%;
    height: 100%
}

.sec_3_banner {
    position: absolute;
}

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

    100% {
        transform: translateY(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

.sec_3_banner_2 {
    width: 100%!important;
    position: relative!important;
    width: 479px!important;
    height: 274px!important;
    align-items: center!important;
    margin: auto!important;
    max-width: 100%!important;
    left: 550px!important;
    top: 41px!important;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

.icon-list-list>li>a:hover>figure>img {
    transform: scale(1.2);
    transition: 1s all linear;
}

@keyframes wave {
    0% {
        left: 68%;
    }

    100% {
        left: 100%%;
    }
}

@keyframes wave2 {
    0% {
        left: -34%;
    }

    100% {
        width: 240px;
        left: -38%;
    }
}

@keyframes rotations {
    0% {
        transform: rotate(-180deg);
    }

    100% {
        transform: rotate(-90deg);
    }
}

.cirlce {
    width: 215px;
    height: 207px;
    background: #FFF;
    border-radius: 100%;
    position: absolute;
    top: -2px;
    left: 219px;
    border: 2px dashed #9e9494;
    z-index: -1;
    animation: rotations 1s linear infinite;
}

.cirlce3 {
    width: 215px;
    height: 202px;
    background: #FFF;
    border-radius: 100%;
    position: absolute;
    top: -50px;
    left: 219px;
    border: 2px dashed #9e9494;
    z-index: -1;
    animation: rotations 1s linear infinite;
}

.cirlce2 {
    width: 215px;
    height: 207px;
    background: #FFF;
    position: absolute;
    top: 63px;
    left: 219px;
    z-index: -1;
}

.cirlce4 {
    width: 215px;
    height: 145px;
    background: #FFF;
    position: absolute;
    top: -55px;
    left: 219px;
    z-index: -1;
}

/*.cirlce2 {
    width: 110px;
    height: 100px;
    background: #FFF;
    position: absolute;
    top: 29px;
    width: 207px;
    height: 100px;
    border-radius: 100%;
    left: 220px;
    z-index: -1;
    animation:rotations 1s linear infinite;
    }*/
/*
    @media only screen and (min-width:1501px) and (max-width:1700px){
    .banner2{
        display: none;
    }
    }
    @media only screen and (min-width:1701px) and (max-width:2700px){
    .banner2{
        display: none;
    }
    }*/
/*.marqueelist{
    animation: marquee 4s linear infinite;
    }
    .marqueelist {
    overflow: hidden;
    }

    @keyframes marquee {
      0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    }*/
@media only screen and (min-width: 1px) and (max-width:767px) {
    .sec_1_icon_1>img {
        filter:brightness(0) invert(1);
        width: auto;
    }

    .logo>img {
        width: 100%;
    }

    .header_class {
        display: none;
    }

    .banner {
        display: none;
    }

    .ft_sec {
        max-width: 62%;
        display: -webkit-inline-box;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .copyright_class>li {
        position: relative;
        font-size: 10px;
    }

    .policy_class>li>a {
        text-decoration: none;
        text-decoration: underline;
        font-family: Poppins;
        color: #F2F1F1;
        font-size: 10px;
    }

    .ft_sec_2>img {
        max-width: 300px;
        text-align: right;
        max-width: 50%;
    }

    .ft_sec_2 {
        max-width: 100%;
        text-align: center;
        /* float: right; */
        padding: 5px 0px;
    }

    .ft_sec {
        max-width: 100%;
        display: -webkit-inline-box;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer_nav>h3::after {
        content: "";
        border-bottom: 2px solid #F2F1F1;
        position: absolute;
        background: #F2F1F1;
        width: 140px;
        top: 45px;
        left: 38%;
    }

    .pkg-list {
        width: 260px;
        height: 630px;
        border-radius: 43px;
        border: 2px solid #000;
        background: #FFF;
        padding: 35px 8px;
        cursor: pointer;
        margin: auto;
    }

    .sec_9_li_icons>h3 {
        color: #2A2A2A;
        text-align: center;
        font-family: COCOGOOSE;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        text-transform: capitalize;
    }

    .item.item2 {
        margin: 0px 0px;
        width: 100%;
    }

    .sec_1_heading1>h3 {
        font-size: 20px;
        line-height: normal;
    }

    .sec_2_heading1>h3 {
        font-size: 20px;
        line-height: normal;
    }

    .sec_2_col_2>h3 {
        font-size: 20px;
        line-height: normal;
    }

    .sec_5_heading {
        font-size: 20px;
        line-height: normal;
    }

    h3.sec_8_heading {
        font-size: 20px;
        line-height: normal;
        padding: 10px 0;
    }

    h4.sec_6_heading {
        font-size: 20px;
        line-height: normal;
    }

    h3.sec_4_heading {
        font-size: 20px;
        line-height: normal;
    }

    .sec_9_heading.text-center>h3 {
        font-size: 20px;
        line-height: normal;
    }

    .sec_10_heading.text-left>h3 {
        font-size: 20px;
        line-height: normal;
    }

    .sec11_section1>h3 {
        font-size: 20px;
        line-height: normal;
        padding-top: 20px;
    }

    .aboutsec2_heading>h3 {
        font-size: 20px;
        line-height: normal;
    }

    .banner_content>h3 {
        font-size: 20px;
        line-height: normal;
        width: 100%;
    }

    .banner_content>p {
        font-size: 16px;
        line-height: normal;
        width: 100%;
        margin-top: 10px;
    }

    .sec1_heading>h3 {
        font-size: 20px;
        line-height: normal;
    }

    .portfolio_sec_4_heading {
        font-size: 20px;
        line-height: normal;
    }

    .about_sec_3_content>h3 {
        font-size: 20px;
        line-height: normal;
    }

    .detail_data>h4 {
        font-size: 20px;
        line-height: normal;
    }

    .banner_content_2>h3 {
        font-size: 20px;
        line-height: normal;
    }

    h3.lg-sub-hd {
        font-size: 20px;
        line-height: normal;
    }

    .sec_9heading>h4 {
        font-size: 20px;
        line-height: normal;
    }

    .sec1_heading>p {
        font-size: 16px;
        line-height: normal;
    }

    img.sec_3_banner.sec_3_banner_2.vert-move {
        display: none;
    }

    ul.icon-list-list>li {
        flex: 100%;
        max-width: 100%;
    }

    ul.icon-list-list {
        padding: 0;
    }

    li.sec_5_ul_li {
        display: none;
    }

    .marquee_section>div {
        max-width: 100%;
        flex: 1%;
    }

    .sec_9_heading.text-center {
        max-width: 100%;
        margin: auto;
    }

    ul.sec_9ul>li {
        flex: 30%;
        max-width: 100%;
        text-align: center;
    }

    ul.sec_9ul {
        display: block;
    }

    .sec11_section1 {
        padding: 3px 20px;
    }

    .form-group {
        display: block;
        padding: 0;
    }

    .form-group>input {
        width: 100%;
        margin: 0 0 20px;
    }

    button.btn.btn-info.btn-green {
        margin: 10px 0 10px;
        width: 100%;
    }

    section.about_sec1 {
        padding: 50px 0;
    }

    ul.sec6_list {
        display: block;
        width: 100%;
    }

    ul.sec6_list li {
        max-width: 100%;
        flex: 100%;
        margin: 0 0 10px;
    }

    section.about_sec2 {
        padding: 40px 0;
    }

    ul.about_sec2_list {
        display: block;
    }

    .sec_list_li {
        max-width: 100%;
        margin: auto;
    }

    .sec_list_li>p {
        font-size: 16px;
        text-align: center;
    }

    .cirlce {
        display: none;
    }

    .cirlce2 {
        display: none;
    }

    .cirlce3 {
        display: none;
    }

    .cirlce4 {
        display: none;
    }

    .about_sec_3_img>img {
        display: none;
    }

    ul.sec3_about {
        display: none;
    }

    section.portfolio_sec_4 {
        padding: 40px 0;
    }

    div.accordion {
        width: 100%;
        margin: auto;
    }

    .sec_2_heading1 {
        text-align: center;
        max-width: 100%;
    }

    img {
        max-width: 100%;
    }

    .detail_contact {
        padding: 0 10px;
        text-align: center;
    }

    .detail_contact>h5 {
        font-size: 19px;
        font-weight: 600;
        line-height: normal;
        width: 100%;
    }

    .detail_contact>p {
        width: 100%;
    }

    ul.detail_contact_list {
        display: block;
    }

    .detail_contact_list>li>p {
        font-size: 14px;
        font-weight: 300;
        line-height: normal;
    }

    .icon_bg>img {
        display: none;
    }

    .detail_contact_list>li {
        display: block;
        width: 100%;
    }

    .details_form {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .banner_content_2 {
        max-width: 100%;
    }

    .banner_content_2>p {
        max-width: 100%;
        width: 100%;
    }

    .banner_rows {
        padding: 0;
        align-items: center;
    }

    i.actv-ul {
        left: 23px;
        top: 27px;
    }

    .process-ul li {
        width: 32%;
    }

    ul.process-ul {
        margin: 30px 0 0px;
        z-index: 0;
        padding: 0;
    }

    ul.process-ul.process2 i.actv-ul {
        left: 146px;
    }

    ul.process-ul.process3 i.actv-ul {
        left: 267px;
    }

    ul.process-ul.process4 i.actv-ul {
        left: 24px;
        top: 124px;
    }

    ul.process-ul.process5 i.actv-ul {
        left: 146px;
        top: 124px;
    }

    ul.process-ul.process6 i.actv-ul {
        left: 268px;
        top: 124px;
    }

    .spacebr {
        display: none;
    }

    .process-arrows .arrow-right:before {
        display: none;
    }

    .banner_content {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .sec9_content {
        max-width: 100%;
    }

    .sec9 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .icons_list>ul {
        display: block;
        padding: 0;
    }

    .sprite>h5 {
        margin: 10px 0;
    }

    .icons_list_2>ul>li {
        max-width: 100%;
    }

    .icons_list_2>ul {
        display: block;
    }

    .sprite {
        padding: 0;
    }

    .sc_4 {
        width: 100%;
    }

    .sec6_imgs_2.aos-init.aos-animate img {
        margin-top: 20px;
    }

    .modal_body>.row>.col-md-6>.img-responsive {
        display: none;
    }

    .modal-dialog.modal-dialog-centered {
        max-width: 100%!important;
    }

    .footer_form>h3 {
        font-size: 26px;
    }

    .sec_6 button.btn.btn-info.btn-green {
        height: auto;
        width: 100%;
        padding: 0;
        display: inline-grid;
    }

    .sec_6 button.btn.btn-info.btn-white.btn-transparent {
        height: auto;
        width: 100%;
        padding: 0;
        display: inline-grid;
    }
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .sec_2_heading1 {
        max-width:100%;
    }

    .sec_2_heading1>h3 {
        font-size: 30px;
        line-height: 44px;
    }

    h3.sec_4_heading {
        font-size: 30px;
        line-height: 49px;
    }

    .menubar2>ul>li {
        padding: 0px 10px;
        position: relative;
    }

    ul.icon-list-list>li {
        flex: 25%;
        max-width: 100%;
    }

    .sec_5_heading {
        font-size: 30px;
        max-width: 100%;
    }

    .sec_9_heading.text-center {
        max-width: 100%;
        margin: auto;
    }

    .sec_9_li_icons>h3 {
        font-size: 15px;
        margin: 10px 0;
    }

    .form-group {
        display: inline-flex;
        padding: 10px 26px;
        gap: 30px;
        flex-direction: column;
    }

    .main-menu li a {
        font-size: 14px;
    }

    .main-menu li {
        margin-bottom: 18px;
    }

    .sec_1_heading1>h3 {
        font-size: 29px;
    }

    .banner_content>h3 {
        font-size: 30px;
        width: 100%;
    }

    .banner_content>p {
        font-size: 16px;
        width: 100%;
    }

    .sec6_img.aos-init.aos-animate {
        display: none;
    }

    .aboutsec2_heading>h3 {
        font-size: 29px;
    }

    .cirlce2 {
        display: none;
    }

    .cirlce {
        display: none;
    }

    .sec_list_li {
        max-width: 100%;
        margin: auto;
    }

    .sec_list_li>h5 {
        font-size: 16px;
        font-style: normal;
        margin: 10px 0;
    }

    .about_sec2 {
        background: #FFF;
        padding-top: 100px;
        padding-bottom: 0;
    }

    .about_sec_3_img.aos-init.aos-animate {
        display: none;
    }

    .about_sec_3_content>h3 {
        font-size: 30px;
    }

    .menubar3>ul>li {
        padding: 0px 10px;
    }

    .banner_content_2 {
        max-width: 100%;
    }

    .banner_content_2>h3 {
        font-size: 27px;
    }

    .sec_9_heading.text-center>h3 {
        font-size: 30px;
        line-height: 40px;
    }

    i.actv-ul {
        left: 52px;
    }

    ul.process-ul.process2 i.actv-ul {
        left: 160px;
    }

    ul.process-ul.process3 i.actv-ul {
        left: 272px;
    }

    ul.process-ul.process4 i.actv-ul {
        left: 382px;
    }

    ul.process-ul.process5 i.actv-ul {
        left: 492px;
    }

    ul.process-ul.process6 i.actv-ul {
        left: 604px;
    }

    .sec1_heading_2>h3 {
        font-size: 29px;
    }

    .sprite {
        padding: 4px 10px;
    }

    .sec_9heading>h4 {
        font-size: 29px;
    }

    .icons_list>ul {
        list-style: none;
        display: block;
        /* align-items: center; */
        text-align: center;
    }

    .icons_list_2>ul>li {
        flex: 100%;
        max-width: 100%;
    }

    .aos-init.aos-animate img {
        display: none;
    }

    ul.process-ul h4 {
        font-size: 13px;
    }

    .sec_10_heading.text-left>h3 {
        font-size: 20px;
        font-weight: 600;
        line-height: 30px;
        max-width: 100%;
    }

    .sec_1_icon_1>img {
        filter: brightness(0) invert(1);
        width: 43%;
    }

    .head_Set>img {
        width: 10%;
    }

    .header_class {
        display: none;
    }

    .navbar {
        margin: 24px 0;
        justify-items: center;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    .topbar {
        background: url(../../assets/imgs/topbar.png);
        padding: 0px 0px;
        background-size: cover;
        background-repeat: no-repeat;
        text-align: center;
    }

    .banner {
        display: none;
    }

    .overlay {
        position: relative;
        z-index: 5;
        width: 60%;
        height: 162vh;
        overflow: hidden;
    }

    .ft_sec {
        max-width: 141%;
        display: inline-flex;
        gap: 25px;
    }

    .copyright_class {
        display: flex;
        gap: 6px;
        list-style: none;
        padding-left: 0px;
        flex-direction: column;
    }

    .policy_class {
        display: flex;
        list-style: none;
        gap: 4px;
        padding-left: 0;
        flex-direction: column;
    }

    .copyright_class>li {
        position: relative;
        font-size: 10px;
    }

    .policy_class>li {
        position: relative;
        font-size: 10px;
    }

    .policy_class>li>a {
        text-decoration: none;
        text-decoration: underline;
        font-family: Poppins;
        color: #F2F1F1;
        font-size: 10px;
    }
}