@import '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';
*,
p,
ul {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: poppins, sans-serif;
    font-weight: 300;
    font-style: normal
}

html {
    scroll-behavior: smooth
}

.btn-check:focus+.btn,
.btn:focus {
    outline: 0;
    box-shadow: unset
}

::selection {
    color: #fff;
    background-color: #95be45
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background-color: #95be45
}

::-webkit-scrollbar-thumb {
    width: 5px;
    background: #e9002c
}

body {
    color: #000
}

h1,
h2,
h2 span,
h3,
h4,
h5,
h6 {
    color: #17181b;
    font-family: poppins, sans-serif;
    font-weight: 800;
    font-style: normal
    text-shadow: 2px 2px #000;
}

.wrapper {
    width: 100%;
    overflow: hidden
}

.scroll_block {
    overflow: auto;
    padding-right: 10px
}

.btn,
ul {
    padding: 0
}

.scroll_block::-webkit-scrollbar {
    width: 1px
}

.scroll_block::-webkit-scrollbar-track {
    background: 0 0
}

.scroll_block::-webkit-scrollbar-thumb {
    background: 0 0
}

.my-tabs {
    display: none
}

.my-tabs.current {
    display: block
}

.tilt {
    transform-style: preserve-3d
}

li {
    list-style-type: none
}

a {
    text-decoration: none!important
}

img {
    max-width: 100%;
    outline: 0
}

h1 {
    font-size: 60px
}

h2 {
    font-size: 50px
}

h3 {
    font-size: 40px
}

h4 {
    font-size: 30px
}

h5 {
    font-size: 22px
}

h6 {
    font-size: 18px
}

p {
    font-size: 16px;
    line-height: 28px
}

.combo_btn {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1rem
}

.btn {
    display: inline-block;
    padding: 10px 25px;
    border: 0;
    border-radius: 8px;
    color: #fff;
    outline: 0;
    user-select: none;
    font-weight: 600;
    transition: .2s linear;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.btn_1 {
    background: #95be45;
    color: #fff;
    border: 1px solid #fff;
    transition: .3s linear
}

.btn_1:hover {
    color: #fff;
    background: linear-gradient(90deg, #95be45, #65920D)
}

.btn_2 {
    background: #95be45;
    color: #fff;
    border: 1px solid #fff;
    transition: .3s linear;
    animation: shadow 2s linear infinite;
}

.btn_2:hover {
    color: #fff;
    background: linear-gradient(90deg, #95be45, #f76483)
}

.heading_clr {
    color: #95be45;
    font-family: poppins, sans-serif;
    font-weight: 800;
    font-style: normal
}

.heading {
    display: inline-block;
    background: linear-gradient(90deg, #fff, #e7e7e7);
    padding: 10px 20px;
    margin-bottom: 20px;
    border-radius: 8px
}

.linear_gradient {
    background: -webkit-linear-gradient(0deg, #95BE45, #65920D);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    position: relative;
    z-index: 1;
    margin: 0
}

header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11
}

header .navbar .navbar-nav {
    gap: 30px
}

header .navbar .navbar-nav li.nav-item {
    display: flex;
    align-items: center
}

header .navbar .navbar-nav li.nav-item img {
    width: 50px;
    margin-right: 10px
}

header .navbar-nav li.nav-item p {
  background: #fff;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-size: 1.1rem;
  font-weight: 700;
  color: #297bcd;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  margin: 0; /* override Bootstrap default list-item spacing */
}

header .navbar-nav li.nav-item p a.nav-link {
  color: #297bcd;
  font-weight: 800;
  font-size: 1.25rem;
  padding: 0;
  margin-left: 0.25rem;
}

header .navbar-nav li.nav-item p:hover {
  background: linear-gradient(90deg, #297bcd, #95be45);
  color: #fff;
}

header .navbar-nav li.nav-item p:hover a.nav-link {
  color: #fff;
}


.new_glow_btn{
    animation: backgroundGlow 1s linear infinite;
    width: fit-content;
}

@keyframes backgroundGlow {
    0%{
        background: #297bcd;
        color: #ffffff;
    }
    50%{
        background: #ffffff;
        color: #000000;
    }
    100%{
        background: #297bcd;
        color: #ffffff;
    }
}

@keyframes glow {
    0%{
        color: #95be45;
    }
    50%{
        color: #ffffff;
    }
    100%{
        color: #95be45;
    }
}

.banner {
    background: #95BE45 radial-gradient(circle at -48% 130%,#d0f224aa 24%,#95BE45 45%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 150px 0 60px;
    position: relative;
    z-index: 1
}

.banner .banner_left h1 {
    color: #fff;
    margin: 0
}

.banner .banner_left ul {
    margin: 30px 0 50px
}

.banner .banner_left ul li {
    color: #fff;
    margin-bottom: 10px;
    padding-left: 25px;
    position: relative;
    z-index: 1
}

.banner .banner_left ul li::before {
    content: "\f00c";
    color: #01ff01;
    font-family: "font awesome 5 free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.banner .banner_left ul li:last-child {
    margin: 0
}

.banner .banner_left p {
    color: #fff;
    display: flex;
    align-items: center;
    margin: 10px 0 20px;
    font-size: 14px
}

.banner .banner_left p a {
    display: block;
    color: #fff;
}

.banner .banner_left p span {
    color: #297bcd;
    font-weight: 600;
    margin: 0 5px;
    text-decoration: underline;
}

.banner .banner_left p img {
    margin-right: 5px
}

.banner .banner_right {}

.banner .banner_right .form {
    border: 2px solid #65920D;
   background: linear-gradient(90deg, #054a49, transparent);
    border-radius: 25px;
    width: 500px;
    padding: 50px;
    position: relative;
    z-index: 1
}

.banner .banner_right .form span {
    color: #fff;
    font-size: 14px
}

.banner .banner_right .form h3 {
    color: #fff
}

.banner .banner_right .form form {
    margin-top: 30px;
    width: 100%
}

.banner .banner_right form .control_group {
    margin-bottom: 20px;
    position: relative;
    z-index: 1
}

.banner .banner_right form .control_group::before {
    color: #65920D;
    font-family: "font awesome 5 free";
    font-size: 14px;
    font-weight: 900;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1
}

.banner .banner_right form .control_group.user::before {
    content: "\f007"
}

.banner .banner_right form .control_group.email::before {
    content: "\f0e0"
}

.banner .banner_right form .control_group.phone::before {
    content: "\f095"
}

.banner .banner_right form .control_group.message::before {
    content: "\f27a"
}

.banner .banner_right form .control_group input,
.banner .banner_right form .control_group textarea {
    width: 100%;
    height: 40px;
    border-radius: 8px;
    border: none;
    padding: 10px 10px 10px 35px;
    background: #fff;
    color: #65920D;
    outline: none
}

.banner .banner_right form .control_group input::placeholder,
.banner .banner_right form .control_group textarea::placeholder {
    color: #65920D
}

.banner .banner_right form .control_group textarea {
    height: 90px;
    resize: unset
}

.banner .banner_right form button {
    width: 100%;
    display: block
}

.banner .banner_right .form .icon {
    position: absolute;
    z-index: 1
}

.banner .banner_right .form .icon_1 {
    top: -50px;
    right: -20px;
    animation: shadow 1s linear infinite
}

@keyframes shadow {
    0% {
        filter: unset;
        transform: scale(1)
    }
    50% {
        filter: drop-shadow(2px 4px 6px black);
        transform: scale(1.1)
    }
    100% {
        filter: unset;
        transform: scale(1)
    }
}

.banner .banner_right .form .icon_2 {
    top: 80px;
    right: -30px;
    animation: jump 1s linear infinite
}

@keyframes jump {
    0% {
        filter: drop-shadow(2px 4px 6px black);
        transform: translateY(10px)
    }
    50% {
        filter: unset;
        transform: translateY(0px)
    }
    100% {
        filter: drop-shadow(2px 4px 6px black);
        transform: translateY(10px)
    }
}

.banner .banner_right .form .icon_3 {
    top: 270px;
    left: -30px;
    animation: rotation 4s linear infinite
}

@keyframes rotation {
    0% {
        filter: unset;
        transform: rotate(0deg)
    }
    100% {
        filter: drop-shadow(2px 4px 6px black);
        transform: rotate(-360deg)
    }
}

@keyframes jump {
    0% {
        filter: drop-shadow(2px 4px 6px black);
        transform: translateY(10px)
    }
    50% {
        filter: unset;
        transform: translateY(0px)
    }
    100% {
        filter: drop-shadow(2px 4px 6px black);
        transform: translateY(10px)
    }
}

.banner .banner_right .form .icon_4 {
    bottom: 10px;
    left: -35px;
    animation: jump 1s linear infinite
}

.banner .banner_after {
    width: 623px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1
}

.banner .banner_after img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.section2 {
    background: #171717;
    padding: 40px 0;
    overflow: hidden;
}

.section2_wrap ul {
    display: flex;
    align-items: center;
    gap: 30px;
    animation: slider1 35s infinite linear;
    width: 220vw;
}

@keyframes slider1 {
    0%{
        transform: translateX(0vw)
    }
    25%{
        transform: translateX(-100vw)
    }
    50%{
        transform: translateX(0vw)
    }
    75%{
        transform: translateX(-100vw)
    }
    100%{
        transform: translateX(0vw)
    }
}

.section2 img {
    width: 100%
}

.section3 {
    padding: 80px 0;
    position: relative
}

.section3 h2 span {
    display: block
}

.section3 .sec_content {
    margin-top: 100px;
    position: relative;
    z-index: 1
}

.section3 .sec_content::before {
    content: "";
    width: 100%;
    height: 450px;
    background-color: #eee;
    border-radius: 50px;
    transform: scale(1.1);
    position: absolute;
    top: -25px;
    left: 0;
    z-index: -1
}

.section3 .box {
    height: 400px;
    overflow: hidden;
    border-radius: 20px;
    transition: 2s linear;
    cursor: pointer
}

.section3 .box img {
    width: 100%;
    transform: translateY(0px);
    transition: 2s linear
}

.section3 .box.b1:hover img {
    transform: translateY(-593px)
}

.section3 .box.b2:hover img {
    transform: translateY(-1090px)
}

.section3 .box.b3:hover img {
    transform: translateY(-500px)
}

.section3 .box.b4:hover img {
    transform: translateY(-1280px)
}

.section3 .sec_bottom {
    margin-top: 100px
}

.section3 .sec_bottom p {
    font-size: 25px;
    line-height: 40px;
    color: #666
}

.section4 {
    background: url(../images/sec4-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 200px 0 80px
}

.section4 .sec_top h2 {
    position: relative;
    z-index: 1
}

.section4 .sec_top h2::before {
    content: "";
    width: 36px;
    height: 36px;
    background: url(../images/circle.webp);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -40px;
    left: -100px;
    z-index: -1;
    animation: jump 1s linear infinite
}

.section4 .sec_top h2::after {
    content: "";
    width: 71px;
    height: 62px;
    background: url(../images/spring.webp);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 10px;
    right: 0;
    z-index: -1;
    animation: jump 1s linear infinite
}

.section4 .sec_content {
    margin-top: 80px
}

.section4 .box {
    padding: 40px;
    border-radius: 25px
}

.section4 .box.b1 {
    background: #297bcd
}

.section4 .box.b2 {
    background: #f03744
}

.section4 .box.b3 {
    background: #eca200
}

.section4 .box h4 {
    color: #fff;
    padding-left: 50px;
    font-weight: 600;
    position: relative;
    z-index: 1;
    margin: 0
}

.section4 .box h4::before {
    content: "";
    width: 35px;
    height: 33px;
    background: url(../images/web-icon.webp);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1
}

.section4 .box p {
    color: #fff;
    margin-top: 10px;
    height: 90px
}

.section4 .box .box_img {
    width: 100%;
    height: 220px;
    object-fit: contain;
    transform: translateY(40px) scale(1.2);
    transition: .4s linear
}

.section4 .box:hover .box_img {
    transform: translateY(40px) scale(1.4)
}

.section5 {
    padding: 100px 0;
    background: url(../images/sec5-bg.webp);
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 1
}

.section5 .sec_left h2 {
    color: #fff
}

.section5 .sec_left h2 span {
    color: #fff;
    display: block
}

.section5 .sec_left p {
    color: #fff
}

.section5 .sec_right {
    width: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.section5 .sec_right ul .box {
    background: #fff;
    border-radius: 25px;
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center
}

.section5 .sec_right ul .box .box_img {
    width: 80px;
    height: 80px;
    background: #e9eef9;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px
}

.section5 .sec_right ul .box h3 {
    margin: 0;
    margin-top: 20px;
    color: #95be45
}

.section5 .sec_right ul .box p {
    font-size: 20px;
    font-weight: 600
}

.section5 .sec_right ul .slick-slide {
    margin: 0 10px
}

.section6 {
    padding: 80px 0
}

.section6 .sec_content {
    margin-top: 60px
}

.section6 .sec_content ul.tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin-bottom: 40px
}

.section6 .sec_content ul.tabs li {
    padding: 10px 35px;
    background: #f1f1f1;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: .3s linear
}

.section6 .sec_content ul.tabs li:hover {
    background: linear-gradient(90deg, #292397, #297bcd);
    color: #fff
}

.section6 .sec_content ul.tabs li.current {
    background: linear-gradient(90deg, #292397, #297bcd);
    color: #fff
}

.section6 .sec_content .my-tabs a .box {
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-radius: 15px;
    margin-top: 25px;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, .095)
}

.section6 .sec_content .my-tabs a .box img {
    width: 100%;
    transition: 2s linear
}

.section6 .sec_content .my-tabs a .box:hover img {
    transform: translateY(-600px)
}

.section6 .combo_btn {
    justify-content: center
}

.another_section {
    background: url("../images/works-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 80px 0;
}

.another_section .sec_content {
    margin-top: 60px;
}

.another_section .sec_content .swiper .box img {
    width: 100%;
}

.another_section .sec_content .swiper .swiper-pagination {
      display: none;
}

.section7 {
    background: #054a49 radial-gradient(circle at -48% 130%,#d0f224aa 24%,#054a49 45%);
    background-size: cover;
    background-position: center;
    padding: 80px 0
}

.section7 .sec_top h2 {
    color: #fff
}

.section7 .sec_content {
    margin-top: 20px
}

.section7 .sec_content .tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px
}

.section7 .sec_content .tabs li {
    padding: 10px 35px;
    background: #f1f1f1;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: .3s linear
}

.section7 .sec_content .tabs li:hover,
.section7 .sec_content .tabs li.current {
    background: linear-gradient(90deg, #95BE45, #65920D);
    color: #fff
}

.section7 .my-tabs {
    margin-top: 40px
}

.section7 .my-tabs .box {
    background: #fff;
    padding: 40px;
    border-radius: 25px;
    margin-top: 25px
}

.section7 .my-tabs .box h4 {
    color: #95be45;
    margin: 0
}

.section7 .my-tabs .box p {
    font-size: 14px;
    line-height: unset;
    margin: 20px 0
}

.section7 .my-tabs .box h3 {
    color: #95be45;
    display: flex;
    justify-content: space-between;
    align-items: center;
    animation: blink 1s infinite;
}

.section7 .my-tabs .box h3 span {
    color: #999;
    font-size: 22px
}

.section7 .my-tabs .box ul.scroll_block {
    height: 220px
}

.section7 .my-tabs .box ul li {
    margin-top: 10px;
    padding-left: 25px;
    font-size: 14px;
    position: relative;
    z-index: 1
}

.section7 .my-tabs .box ul li::before {
    content: "\f058";
    font-family: "font awesome 5 free";
    font-weight: 900;
    color: #00d11e;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.section7 .my-tabs .box .combo_btn {
    justify-content: center
}

.section7 .my-tabs .box .combo_btn .btn_1 {
    display: block;
    width: 100%;
    margin-top: 10px
}

.section7 .combo_box {
    background: linear-gradient(180deg, #930255d1, #5b0e17db);
    border: 2px solid #86064c;
    padding: 30px 50px;
    border-radius: 25px;
    margin-top: 100px;
    position: relative;
    z-index: 1
}

.section7 .combo_box .custom_quote {
    width: 350px;
    position: absolute;
    top: -22px;
    right: 60px;
    z-index: -1
}

.section7 .combo_box .custom_quote img {
    width: 100%;
    filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, .7));
    animation: updown 1s infinite;
}

.section7 .combo_box h2 {
    color: #fff;
    margin: 0
}

.section7 .combo_box ul {
    height: 345px
}

.section7 .combo_box ul li {
    color: #fff;
    margin-top: 15px;
    font-size: 14px;
    padding-left: 25px;
    position: relative;
    z-index: 1
}

.section7 .combo_box ul li:first-child {
    margin: 0
}

.section7 .combo_box ul li::before {
    content: "\f058";
    font-family: "font awesome 5 free";
    font-weight: 900;
    color: #00d11e;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.section7 .combo_box .combo_btn {
    gap: 20px
}

.section7 .combo_box .combo_btn .chat_btn {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: unset;
    transition: .3s linear;
    animation: shadow 2s linear infinite;
}

.section7 .combo_box .combo_btn .chat_btn:hover {
    color: #00d11e
}

.section7 .combo_box .combo_btn .chat_btn span {
    display: block;
    font-size: 12px;
    font-weight: 600
}

.section7 .combo_box .combo_pricing {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px
}

.section7 .combo_box .combo_pricing img {
    width: 130px
}

.section7 .combo_box .combo_pricing .pricing_inner h6 {
    color: #fff;
    margin: 0;
    font-weight: 400;
    font-size: 16px
}

.section7 .combo_box .combo_pricing .pricing_inner h3 {
    color: #fff;
    margin: 0
}

.section7 .combo_box .combo_pricing .pricing_inner h3 del {
    font-size: 16px;
    margin-left: 10px;
    color: #ffffff3b
}

.section7 .combo_box .combo_pricing .pricing_inner p {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    position: relative;
    z-index: 1
}

.section7 .combo_box .combo_pricing .pricing_inner p::before {
    content: "";
    width: 170px;
    height: 47px;
    background: url(../images/para-before.webp);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1
}

.section8 {
    padding: 80px 0;
    z-index: 22;
    position: relative
}

.section8 .sec_content {
    margin-top: 60px
}

.section8 .sec_content ul.tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px
}

.section8 .sec_content ul.tabs li:hover,
.section8 .sec_content ul.tabs li.current {
    background: linear-gradient(90deg, #292397, #297bcd);
    color: #fff
}

.section8 .sec_content ul.tabs li {
    padding: 10px 20px;
    background: #f1f1f1;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: .3s linear
}

.section8 .sec_content .my-tabs {
    margin-top: 60px
}

.section8 .my-tabs .sec_left img {
    width: 81px;
    height: 81px
}

.section8 .my-tabs .sec_left h3 {
    margin: 20px 0;
    color: #95be45
}

.section8 .my-tabs .sec_left ul {
    margin: 30px 0
}

.section8 .my-tabs .sec_left ul li {
    padding-left: 25px;
    margin-bottom: 10px;
    color: #95be45;
    font-weight: 600;
    position: relative;
    z-index: 1
}

.section8 .my-tabs .sec_left ul li::before {
    content: "\f00c";
    color: #95be45;
    font-family: "font awesome 5 free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.section8 .my-tabs .sec_left ul li:last-child {
    margin: 0
}

.section8 .my-tabs .sec_right img {
    width: 100%
}

.section9 {
    padding: 80px 0;
    position: relative;
    z-index: 1
}

.section9::before {
    content: "";
    width: 45%;
    height: 600px;
    background: linear-gradient(0deg, #f5faff, transparent);
    position: absolute;
    top: -200px;
    left: 0;
    z-index: -1
}

.section9 .sec_content ul .slick-list.draggable {
    padding: 50px 0!important
}

.section9 .sec_content ul .slick-slide {
    margin: 0 15px
}

.section9 .box {
    background: #fff;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .065);
    padding: 30px;
    border-radius: 8px;
    transition: .3s linear;
    cursor: pointer
}

.section9 .box:hover {
    background: linear-gradient(90deg, #292397, #297bcd)
}

.section9 .box .box_head {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px
}

.section9 .box .box_head img {
    width: 45px
}

.section9 .box .box_head h6 {
    margin: 0;
    transition: .3s linear
}

.section9 .box:hover h6,
.section9 .box:hover p {
    color: #fff!important
}

.section9 .box .box_head h6 span {
    display: block;
    font-size: 12px;
    text-transform: uppercase
}

.section9 .box .box_content {
    margin: 30px 0
}

.section9 .box .box_content p {
    transition: .3s linear
}

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

.section9 .box .box_footer .quotation {
    width: 50px;
    height: 50px;
    background: linear-gradient(180deg, #930d28, #b3345a);
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

.section9 .box .box_footer .quotation i {
    font-size: 25px;
    color: #fff
}

.section9 .box .box_footer ul {
    display: flex;
    align-items: center;
    gap: 1px
}

.section9 .box .box_footer ul li i {
    color: #f0512f;
    font-size: 16px
}

.section10 {
    background: #f5f7f8;
    padding: 80px 0;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.section10 .sec_after {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
   background:; #054a49 radial-gradient(circle at -48% 130%,#d0f224aa 24%,#054a49 45%)
}

.section10 .sec_after img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.section10 h2 {
    margin: 0
}

.section10 p {
    margin: 20px 0
}

.section10 a.call_btn {
    display: block;
    font-size: 30px;
    font-weight: 600;
    color: #333;
    transition: .3s linear;
    animation: blink 1s infinite;
}

.section10 a.call_btn:hover {
    color: #95be45
}

.section10 .combo_btn {
    margin-top: 30px
}

.section10 .sec_right {
    padding-left: 80px
}

.section10 .sec_right h3 {
    color: #fff
}

.section10 .sec_right form {
    margin-top: 40px
}

.section10 .sec_right form input,
.section10 .sec_right form textarea {
    width: 100%;
    height: 45px;
    padding: 10px;
    background: #ffffff3d;
    border: none;
    margin-bottom: 20px;
    color: #fff;
    outline: none;
    border-radius: 8px
}

.section10 .sec_right form input::placeholder,
.section10 .sec_right form textarea::placeholder {
    color: #fff
}

.section10 .sec_right form textarea {
    height: 100px;
    resize: none
}

footer {
    background: #fff;
    padding: 20px 0
}

footer p {
    color: #999
}

footer ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px
}

footer ul li,
footer ul li a {
    color: #999;
    transition: .3s linear
}

footer ul li a:hover {
    color: #95be45
}

@keyframes blink {
    0% {
        color: red;
    }
    50% {
        color: #95be45
    }
    100% {
        color: red;
    }
}

@keyframes updown {
    0% {
        transform: translateX(10px)
    }
    50% {
        transform: translateX(0px)
    }
    100% {
        transform: translateX(10px)
    }
}

.callusnow {
    width: 50px;
    height: 50px;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 100%;
    font-size: 24px;
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
    box-shadow: 6px 9px 30px 1px rgb(37 0 22 / 71%);
    padding: 6px 0px 12px 0;
    animation: scrollDownAnimation .5s ease infinite alternate;
    -webkit-animation: scrollDownAnimation .5s ease infinite alternate;
    background: #95be45;
    border: solid 3px #ffffff;
}

.callusnow:hover {
    color: #ffffff;
}

.callusnow.chat {
    bottom: 80px;
    background: #075E54;
}

.callusnow i.fa {
    padding-top: 0;
    padding-right: 0;
}

@keyframes scrollDownAnimation {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10px);
    }
}

@-webkit-keyframes scrollDownAnimation {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10px);
    }
}
.mob_none{
    display: flex !important;
}
.desk_none{
    display: none !important;
}