.header .main-header .header-left .header-nav {
    display: inline-block;
    text-align: end;
    width: 100%;
}
.header .main-header .header-right .btn {
    font-size: 16px;
    padding: 18px 60px 18px 18px;
    margin-left: 10px;
}

.banner-hero.banner-3 {
    padding-top: 30px;
}
.text-display-2.color-gray-900.mt-40 {
  color:#101828 ! important;
}
.section-box:has(> .container.mt-120) {
width: 100%;
}
.section-box.overflow-visible.mt-70 {
margin-bottom:50px !important;
}
.swiper-pagination-bullets .swiper-pagination-customs-active, .swiper-pagination-bullets .swiper-pagination-customs:hover {
background: #1C1E24 ;
}
.partner-wrapper {
text-align: center;
margin-bottom: 10px;
}
.text-heading-3.text-center.color-gray-900.mb-60 {
margin-bottom: 30px !important ;
font-size:25px !important;
position: relative;
display: inline-block;
}
.text-heading-3.text-center.color-gray-900.mb-60::before,
.text-heading-3.text-center.color-gray-900.mb-60::after {
content: "";
position: absolute;
top: 50%;
width: 50px;
height: 2px;
background-color: #333;
}
.text-heading-3.text-center.color-gray-900.mb-60::before {
left: -60px;
}
.text-heading-3.text-center.color-gray-900.mb-60:after {
right: -60px;
}
.section-box.mt-70 {
margin-top:20px !important;
margin-bottom:15px !important;
}
.item-logo {
display: inline-block;
line-height: 20px;
padding: 10px;
width: 70%;
}
.col-lg-8.col-sm-10.col-12.text-center.mt-70 {
margin-top:20px !important;
}
.container.mt-70 { 
margin-top:20px !important;
}
.text-display-3.color-gray-900.mb-60 {
text-align:center;
  color:#101828 !important;
}
.text-display-3.color-gray-900.mb-60.contact {
padding-bottom:30px !important;
margin-bottom:10px !important;
font-size:50px;
line-height:60px;
}
.list-steps li .block-step p.text-body-text {
height: fit-content;
overflow: hidden;
}
.text-heading-5 {
font-size: 18px;
line-height: 30px;
text-align: justify;
}
.text-heading-5.mb-10 {
font-size: 18px;
line-height: 30px;
text-align:center;
}
.tag-1 {
background-color: #fff3ea;
border-radius: 50px;
color: #a74732;
display: inline-block;
font-family: var(--primary-font), sans-serif;
font-size: 14px;
line-height: 16px;
padding: 14px 40px;
margin-bottom: 20px;
}
.text-center.mb-20 {
padding-top: 20px !important;
margin-bottom: 5px !important;
}
.text-center.mb-20 .tag-1 {
background-color: #1C1E24;
border-radius: 50px;
color: #ffffff;
font-weight:bold;
}

.text-body-text.color-gray-600.mt-20 {
font-family: var(--secondary-font), sans-serif;
font-size: 16px;
font-weight: 400 !important;
line-height: 28px;
text-align: justify;
}
.box-swiper, .box-swiper .swiper-container {
position: relative;
padding-top: 10px;
}
.block-slider-bottom-banner {
margin-bottom: 10px;
padding-right: 0px;
position: relative;
top: 0px;
z-index: 12;
}
.pattern-white {
padding-left: 0px;
padding-right: 0px;
position: relative;
}
.text-body-lead-large.color-gray-600.mt-20 {
color: #1C1E24;
padding-top:5px;
text-align:center;
}

.bg-2 {
background-color: #ffffff !important;
}
}
.bdrd-58 {
border-radius: 0px;
}
.swiper-slide-2 {
float: right;
width: 40%;
}
.card-grid-style-2 {
background: #59d98E;
border-radius: 30px;
padding: 20px 20px;
position: relative;
width: 100%;
box-shadow: none;
display: inline-flex;
align-items: center;
flex-direction: column;
justify-content: flex-start;
min-height: 400px;
flex-wrap: nowrap;
}
.pb-60 {
padding-bottom: 10px !important;
}
.row > .col-lg-4.col-md-6 {
padding-bottom:15px;
}
.header .main-menu li a {
color: #1C1E24;
display: block;
font-size: 18px;
font-style: normal;
font-weight: 400;
padding: 30px 22px;
position: relative;
text-decoration: none;
}
.btn.btn-default {
background-color:#1C1E24;
border-radius: 50px;
color:#fff;
font-size: 18px;
font-weight: 700;
line-height: 22px;
}
.icon-arrow-right {
background-image: url(../imgs/template/icons/arrow-small-right-w.svg);;
background-position: center right 25px;
background-repeat: no-repeat;
padding-right: 56px;
}
.btn.btn-default:hover {
background-color:#59D98E;
background-image: url(../imgs/template/icons/fi-sr-arrow-small-right.svg);
background-repeat: no-repeat;
color:#1C1E24 !important;
transform: translateY(-2px);
transition: .2s;
}
.btn.btn-black.icon-arrow-right-white:hover {
background-color: #59D98E;
background-image: url(../imgs/template/icons/fi-sr-arrow-small-right.svg);
background-repeat: no-repeat;
color: #101828;
transform: translateY(-2px);
transition: .2s;
}
.btn.btn-black {
background-color: #ff9470;
border-radius: 50px;
color: #fff;
font-family: var(--secondary-font), sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 22px;
}
.color-gray-900 {
color: #1C1E24 !important !important;
}
.text-heading-2, .text-heading-3 {
color :#1C1E24 !important;
font-weight: 700;
letter-spacing: 0;
}
.text-display-2, .text-display-3 {
color: #ffffff !important;
font-weight: 700;
}
.bg-6 {
background-color: #59D98E !important;
}
.color-green-900 {
color: #1C1E24 !important;
font-weight: bold;
}
.text-heading-1.text-center.mb-10.color-white {
color: #101828 !important;
font-weight: 700;
letter-spacing: -1%;
line-height: 64px;
}
.list-icons.item-icon {
margin-bottom: 40px;
padding: 0 0 40px 80px;
position: relative;
}
.item-icon {
border-bottom: 1px solid #fff !important;
margin-bottom: 0px !important;
padding: 0 0 40px 80px !important;
position: relative;
}
.banner-hero {
padding: 30px 0 20px;
position: relative;
}
}
.section-green {
background-color: #ff9470 !important;
padding: 10px 0 50px;
position: relative;
}
.block-pricing.mt-70 {
margin-top:20px !important;
}
.block-pricing .box-pricing-item .line-bd-bottom {
border-bottom: 1px solid #d0d5dd;
margin-bottom: 20px;
padding: 0 0 25px;
}
.block-pricing .box-pricing-item .list-package-feature li svg {
color: #59D98E !important;
}
.col-lg-12 {
    width: 100% !important;
}
.price-wrapper {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-end;
}
.block-pricing .box-pricing-item .for-month, .block-pricing .box-pricing-item .for-year {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-content: stretch;
justify-content: center;
font-size:25px;
}
.section-green:before {
--background-image-1: url(http://dev.hypersight.io/storage/homepage1/bg-1.png);
content: "";
height: 150px;
opacity: .3;
position: absolute;
right: 0;
top: 0;
width: 150px;
}
.section-green:after {
--background-image-2: url(http://dev.hypersight.io/storage/homepage1/bg-2.png);
bottom: 0;
content: "";
height: 145px;
left: 0;
opacity: .3;
position: absolute;
width: 108px;
}
.block-pricing .box-pricing-item {
background: #fff;
border-radius: 16px;
display: inline-block;
margin-bottom: 30px;
padding: 40px 32px;
width: 100%;
height: 100%;
}
.block-pricing .list-package-feature {
display: inline-block;
min-height: 200px;
padding-bottom: 30px;
width: 100%;
height: 100%;
}
.block-pricing .box-pricing-item {
background: #fff;
border-radius: 16px;
display: flex;
margin-bottom: 30px;
padding: 40px 32px;
width: 100%;
height: 100%;
flex-direction: column;
}
.btn.btn-black-border {
border: 1px solid #ffffff;
border-radius: 50px;
padding: 12px 22px;
text-align: center;
width: 100%;
}
.text-body-lead-large, .text-body-text-md {
font-family: var(--secondary-font), sans-serif;
font-weight: 400;
}
.mt-120 {
margin-top: 20px !important;
}
.mt-40 {
margin-top: 20px !important;
}
.mt-100 {
margin-top: 10px !important;
}
.mt-20 {
margin-top: 10px !important;
}
.mb-15 {
margin-bottom: 15px !important;
font-size: 30px;
line-height: 1.3;
text-align: center;
}
.list-steps li {
display: flex;
margin-bottom: 5px;
padding-bottom: 10px;
padding-right: 15px;
position: relative;
vertical-align: top;
}
.list-steps {
display: flex;
text-align: center;
width: 100%;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
align-content: center;
align-items: stretch;
}
.video-container {
position: relative;
width: 100%;
padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
margin-bottom: 30px; /* Adds some space below the video */
}

.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 16px; /* Maintains the rounded corners */
}
.list-steps li.icon-asset1:before,
.list-steps li.icon-asset2:before,
.list-steps li.icon-asset3:before,
.list-steps li.icon-asset4:before {
background: 0;
}
.pt-100 {
padding-top: 1px !important;
}
.section-box.pt-140.pb-50 {
padding-top: 100px !important;
padding-bottom: 20px !important;
}
.contact-section-wrapper {
background-color: #F5F5F5;
width: 100%;
padding: 20px 5px 50px;
}

.contact-section {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}

.iframe-container {
width: 100%; /* Default to full width on mobile */
max-width: 800px; /* Limit max width on larger screens */
margin: 0 auto;
border: 4px solid #69DD9A;
padding-bottom: 30px;
margin-top: 2px;
border-radius: 40px;
overflow: hidden;
}

/* Media query for screens wider than 768px (typical tablet width) */
@media (min-width: 768px) {
.iframe-container {
  width: 80%; /* 80% width on larger screens */
}
}

/* Ensure the iframe itself is responsive */
.iframe-container iframe {
width: 100%;
height: 100%;
min-height: 400px; /* Adjust this value as needed */
}

.section-box.overflow-visible.mb-100 {
margin-bottom: 5px !important;
}
.box-newsletter .box-form-newsletter {
background: #fff;
border-radius: 55px;
padding: 11px 12px;
max-width: -webkit-fill-available;
justify-content: space-between !important;  
}
.box-newsletter {
border-radius: 0px;
padding: 25px 0px;
background-color: #69DD9A !important;
}
.footer.mt-40 {
margin-top:0px !important;
}
.footer .footer-top {
border-bottom: 0px solid #e4e7ec;
margin-bottom: 0px;
padding: 0 0 0px;
width: 100%;
}
.container-fluid {
padding:0px;
background-color: #69DD9A !important;
}
.about-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #333;
}
.about-section {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}
.about-content {
    flex: 1;
    max-width: 60%;
}
.about-image {
    flex: 0 0 35%;
    max-width: 35%;
}
.about-image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.about-container h1 {
    color: #1C1E24;
    margin-bottom: 20px;
}
.about-container h2 {
    color: #59D98E;
    margin-top: 30px;
    margin-bottom: 15px;
}
.about-container p {
    margin-bottom: 15px;
}
.about-container ul {
    padding-left: 20px;
}
@media (max-width: 768px) {
    .about-section {
        flex-direction: column-reverse;
    }
    .about-content,
    .about-image {
        max-width: 100%;
    }
}

.section-box.mt-400 {
    background-color: #ff9470;
    padding-top: 25px;
}
.bg-2.bdrd-58.pattern-white.pb-60 {
  background-color:#ffffff !important;
}

.list-steps li .block-step {
    background-color: #ffffff;
    border-radius: 15px;
    padding: 38px 30px 30px;
}
.section-box.overflow-visible.mt-300 {
    margin-bottom: 50px;
}
a.btn.btn-black-border.text-body-lead.icon-arrow-right {
    background-color: #ff9470;
    color: #fdfdfd;
}
.box-pricing-item {
    position: relative;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 24px;
}

.launch-offer-sticker {
    position: absolute;
    top: -12px;
    right: -12px;
    background-color: #59d98E !important;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    z-index: 10;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.col-xl-8.col-lg-10 {
    padding-bottom: 30px;
}