body{
    background: #FEFEFE;
}


p {
    font-size: 14px;
    line-height: 26px;
    color: #000;
    margin-bottom: 15px;
}
.faq-right-box .card li {
  font-size: 14px !important;
  color: #000;
}
span b {
  font-weight: 600;
}
i.fas.fa-check-circle {
    color: #2dce76;
}

.head-page21 {
    font-weight: 400;
    font-size: 34px;
    color: black;
}

@media only screen and (max-width: 480px) {
        .head-page21 {
        font-size: 30px;
        text-align: center;
    }
}

    .custom-btn {
            border-radius: 50px;
            position: relative;
            padding-right: 56px;
            background: #0F75A8;
            border: none;
            font-size: 17px;
            font-weight: 400;
            padding-top: 15px;
            padding-bottom: 15px;
            color: white;
            padding-left: 21px;
            box-shadow: 0px 4px 8px 0px #655C804D;
        }
        .custom-btn:hover{
            background-color: #3CC87B;
             border: none;
            transform: translateY(5px);
        }
        
        .custom-btn .circle {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        background-color: white;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        }

        .custom-btn .circle i {
            color: #0F75A8;
            font-size: 21px;
        }
                
        .custom-btn:hover .circle i {
            color: #3CC87B; /* Change this color to the desired hover color for the icon */
        }    
        
       
        
        .custom-btn-white {
            border-radius: 50px;
            position: relative;
            padding-right: 56px;
            background: #fff;
            border: none;
            font-size: 17px;
            font-weight: 400;
            padding-top: 15px;
            padding-bottom: 15px;
            color: #0F75A8;
            padding-left: 21px;
            box-shadow: 0px 4px 8px 0px #655C804D;

        }
        .custom-btn-white:hover {
            background-color: #3CC87B;
              border: none;
            transform: translateY(5px);
            color:white;
        }

        .custom-btn-white .circle-white {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            background-color: #0F75A8;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .custom-btn-white .circle-white i {
            color: white;
           
        }
        
        .custom-btn-white:hover .circle-white {
            background-color: #fff;
            font-size: 21px;
        }
        
           .custom-btn-white:hover .circle-white i {
                color: #3CC87B; 
           } 
        
        
.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 18px;
}
h3 {
    font-size: 14px;
    letter-spacing: -.3px;
}
.service-thumb {
    margin-bottom: 10px !important;
}
.heading1{
    font-size: 50px !important;
    margin: 0px !important;
    z-index:1;
    position:relative;
}
.btn-icon {
    border-radius: 30px;
    padding-left: 66px !important;
    padding-right: 16px !important; 
    padding-top: 24px !important;
    padding-bottom: 22px;
    background-color: rgb(15, 117, 168);
    box-shadow: 0px 0px 0px 0px rgb(15, 117, 168) !important;
}
.btn1 {
    background: #0f75a8;
    border: medium none;
    border-radius: 10px !important;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 0;
    padding: 20px 20px;
    text-align: center;
    text-transform: uppercase;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
    border-radius: 15px;
}
.btn1:hover {
    background-color: #2DCE76 !important;
}
.smaltext{
    font-size: 12px;
}
.checked{
    color: goldenrod;
}
.cover{
    border: 1px 1px 1px 0px solid black;
}
.cover {
    border-right: 1px solid black;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-bottom: 0px solid;
    border-radius: 10px 10px 0px 0px;
    margin: 2px;
}
.theme-bg1 {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0px 16px 32px 0px rgba(156, 156, 156, 0.2);
    padding: 25px;
    padding-bottom: 25px;
    margin-top: -60px;
    position: sticky;
}
.bg{
    background:#F3F6FF;
}
.secondheading{
    font-family: 'Poppins', sans-serif;
    color: #2DCE76;
    margin-top: 0px;
    font-weight: 600;
    text-transform: normal;
    line-height: 1.1;
    font-size: 30px;
}
.medi-vs-other table.table {
    background: #fcfcfc;
    border-radius: 10px;
    text-align: center;
}
.medi-vs-other thead th {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #647589;
    border: 0;
    padding: 15px 22px 25px;
    vertical-align: middle;
    text-align: center;
}

.medi-vs-other .red-bg {
    background: #0F75A8 !important;
    color: #fff;
}

.medi-vs-other .red-bg1 {
    background: #F3F6FF !important;
    color: #fff;
}


.medi-vs-other td.bg1 {
    background: #F3F6FF;
    color: #647589;
    font-weight: 400;
}

.bg img {
    width: 35px;
    height: 35px;
}
.bg1 img {
    width: 35px;
    height: 35px;
}

.medi-vs-other .br-top {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.table td, .table th {
    border-top: 0px solid #eaedff;
    border-bottom:1px solid #00000026;
    vertical-align: middle;
}

.medi-vs-other tbody td {
    font-style: normal;
    font-weight: 500;
    color: #000;
    border: 0;
    padding: 15px 22px 25px;
    font-size: 13px;
    line-height: 24px;
    border-bottom: 1px solid #00000026;
}
.medi-vs-other td.bg {
    background: #0f75a8;
    color: #fff;
    font-weight: 400;
}
.medi-vs-other .br-top {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.table>:not(:last-child)>:last-child>* {
    border-bottom-color: currentColor;
}
.table>thead {
    vertical-align: bottom;
}
.form-section {
    padding: 20px;
    flex: 1;
    position: relative;
    background-color: #ffffff;
    width: 100%;
    overflow: hidden;
    margin: 5px;
    padding: 28px !important;
    box-shadow: 0 0 10px rgb(173 173 173);
}

.error-message {
    color: red;
    margin-top: 10px;
}

.sidebar {
    width: 300px;
    background-color: #2DCE76;
    color: white;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 5px;
}
.sidebar img {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    margin-bottom: 10px;
}
.sidebar h3 {
    margin: 0;
    font-size: 24px;
}
.sidebar p {
    text-align: center;
    margin-top: 10px;
    line-height: 1.5;
}
/* Container style */
    #collectionRange {
        -webkit-appearance: none;
        width: 100%;
        height: 8px;
        background: #ffffff;
        outline: none;
        border-radius: 5px;
        -webkit-transition: .2s;
        transition: opacity .2s;
    }

    /* Thumb (dot) style for WebKit browsers */
    #collectionRange::-webkit-slider-thumb {
    -webkit-appearance: none; /* Removes default styling in WebKit browsers */
    appearance: none; /* Removes default styling */
    width: 25px; /* Width of the thumb */
    height: 25px; /* Height of the thumb */
    border-radius: 50%; /* Rounded shape */
    background: #2DCE76; /* Color of the thumb */
    cursor: pointer; /* Cursor changes to pointer */
    border: 2px solid rgba(46, 206, 118, 0.5); /* Opacity of border (rgba for transparency) */
    }

    /* Thumb (dot) style for Mozilla browsers */
    #collectionRange::-moz-range-thumb {
    width: 25px; /* Width of the thumb */
    height: 25px; /* Height of the thumb */
    border-radius: 50%; /* Rounded shape */
    background: #2DCE76; /* Color of the thumb */
    cursor: pointer; /* Cursor changes to pointer */
    border: 2px solid rgba(46, 206, 118, 0.5); /* Opacity of border (rgba for transparency) */
    }
.custom-column {
    background-color: #2dce76;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    margin: 10px;
    border-radius: 5px;
}
.white-color {
    color: #0f75a8 !important;
    padding: 0px !important;
    margin: 0px !important;
}
.form-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px; /* Adjust gap between fields as needed */
}
.form-row .col {
    flex: 1; /* Ensures all columns have the same width */
}
.form-control,
.form-select {
    width: 100%; /* Ensures full width within the column */
    border: 2px solid #0F75A8; /* Border color */
    border-radius: 5px; /* Optional: add rounded corners */
}
.form-control:focus,
.form-select:focus {
    outline: none; /* Remove default focus outline */
    box-shadow: 0 0 5px #0F75A8; /* Add shadow for focus state */
}
.btn-btn1 {
    background-color: #0F75A8;
    color: #fff;
    cursor: pointer;
    height: 44px;
}
.btn-btn1:hover {
    background-color: #2ECE76; /* Darker shade for hover effect */
}
.CTA-head {
    font-size: 44px;
    color: white;
    font-weight: 700;
    text-align: center;
    padding-right: 0px !important;
}   
.btn-icon {
    border-radius: 16px;
    padding-left: 50px !important;
    padding-right: 14px !important;
    padding-top: 20px !important;
    padding-bottom: 16px;
    background-color: rgb(15, 117, 168);
    box-shadow: 0px 0px 0px 0px rgb(15, 117, 168) !important;
}
.btn-icon span {
    position: absolute;
    left: 5px;
    text-align: center;
    width: 40px;
    height: 40px;
    top: 5px;
    line-height: 42px;
    background: #fff;
    transition: .3s;
    font-size: 20px;
    font-weight: 600;
    color: #223645;
    border-radius: 100%;
}
/* process */
.types-of-apps {
    background: #fcfcfc;
}
.types-of-apps .flex-boxes {
    margin-top: 60px;
}
.types-of-apps .flex-boxes .listflow {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}
.types-of-apps .flex-boxes .listflow li {
    width: 30%;
    padding-left: 39px;
    padding-right: 25px;
    border: 1px solid #000;
    border-right: 0;
    position: relative;
    padding-bottom: 15px;
}
.types-of-apps .flex-boxes .listflow li:before {
    content: "";
    position: absolute;
    background: #fcfcfc;
    height: 5px;
    width: 70%;
    right: 0;
    top: -2px;
}
.types-of-apps .flex-boxes .listflow li .svg-cont {
    background: #fff;
    border: 1px solid #f3f3f3;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .06);
    border-radius: 24px;
    width: 76px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
    position: absolute;
    top: -40px;
}
img, svg {
    vertical-align: middle;
}
.types-of-apps .flex-boxes .listflow li h3 {
    font-size: 16px;
    line-height: 19px;
    color: #323232;
    margin-bottom: 35px;
    font-weight: 600;
    margin-right: 8px;
    margin-top: 55px;
}
.types-of-apps .flex-boxes .listflow li p {
    font-size: 14px;
    line-height: 16px;
    color: #323232;
    margin-bottom: 32px;
}
.types-of-apps .flex-boxes .listflow li:after {
    content: "";
        position: absolute;
        bottom: 205px;
        left: -19px;
        /* background: url(../img/icon/iconss.svg); */
        width: 26px;
        height: 30px;
    }


.types-of-apps .flex-boxes .listflow li:nth-child(1):after{
    bottom: auto;
    top: 170px;
    left: -20px;    
    z-index: 1;
    background: url(../img/icon/hexa.svg);
        }

       .types-of-apps .flex-boxes .listflow li:nth-child(2):after{
    bottom: auto;
    top: 170px;
    left: -20px;
    z-index: 1;
    background: url(../img/icon/hexa.svg);
        }


    .types-of-apps .flex-boxes .listflow li:nth-child(3):after {
    bottom: auto;
    top: 170px;
    left: -20px;
    z-index: 1;
    background: url(../img/icon/hexa.svg);
        }

        .types-of-apps .flex-boxes .listflow li:nth-child(4):after {
        bottom: 238px;
        left: -19px;
        background: url(../img/icon/hexa.svg);
    }

    .types-of-apps .flex-boxes .listflow li:nth-child(5):after {
        bottom: 238px;
        left: -19px;
        background: url(../img/icon/hexa.svg);
    }

    .types-of-apps .flex-boxes .listflow li:nth-child(6):after {
        bottom: 238px;
        left: -19px;
        background: url(../img/icon/hexa.svg);
    }

     

.types-of-apps .flex-boxes .listflow li:nth-child(4), .types-of-apps .flex-boxes .listflow li:nth-child(5), .types-of-apps .flex-boxes .listflow li:nth-child(6) {
    border-top: 0;
    position: relative;
    padding-bottom: 50px;
}
.types-of-apps .flex-boxes .listflow li:nth-child(4):before, .types-of-apps .flex-boxes .listflow li:nth-child(5):before, .types-of-apps .flex-boxes .listflow li:nth-child(6):before {
    top: auto;
    bottom: -2px;
}
.types-of-apps .flex-boxes .listflow li:nth-child(4) .svg-cont, .types-of-apps .flex-boxes .listflow li:nth-child(5) .svg-cont, .types-of-apps .flex-boxes .listflow li:nth-child(6) .svg-cont {
    position: absolute;
    top: auto;
    bottom: -30px;
}
.types-of-apps .flex-boxes .listflow li:nth-child(4) h3, .types-of-apps .flex-boxes .listflow li:nth-child(5) h3, .types-of-apps .flex-boxes .listflow li:nth-child(6) h3 {
    margin-top: 60px;
}
.types-of-apps .flex-boxes .listflow li:hover .svg-cont {
    
    transform: translate(0, 0) rotate(0) scale(1.1);
    transition: .5s;
    background-color: #2DCE76;
}
li.process-flo {
    position: relative;
    left: 160px;
}
.svg-cont img {
    width: 50px;
}


@media (max-width: 768px) {
.types-of-apps .flex-boxes .listflow {
flex-direction: column; /* Ensure items stack vertically */
align-items: center; /* Center items horizontally */
}

.types-of-apps .flex-boxes .listflow li {
width: 80%; /* Adjust width to fit container */
margin-bottom: 0px; /* Adjust margin for spacing */
padding: 20px; /* Adjust padding for spacing */
text-align: left; /* Center align text */
position: relative; /* Ensure relative positioning */
}

.types-of-apps .flex-boxes .listflow li:before {
width: 100%; /* Full width for line */
right: 0;
top: -2px;
}

.types-of-apps .flex-boxes .listflow li .svg-cont {
position: relative; /* Reset position */
top: auto; /* Reset top positioning */
}

.types-of-apps .flex-boxes .listflow li h3 {
margin-top: 20px; /* Adjust margin for spacing */
}

.types-of-apps .flex-boxes .listflow li:after {
bottom: 0; /* Align at the bottom */
top: auto;
left: 50%;
transform: translateX(-50%); /* Center horizontally */
}
li.process-flo {
position: relative;
left: 0px;
}
.types-of-apps .flex-boxes .listflow li:nth-child(1):after {
/* bottom: auto; */
top: 0;
left: 0;
z-index: 1;
background: url(../img/icon/hexa.svg);
}
.types-of-apps .flex-boxes .listflow li:nth-child(2):after {
bottom: auto;
top: 0;
left: 0;
z-index: 1;
background: url(../img/icon/hexa.svg);
}
.types-of-apps .flex-boxes .listflow li:nth-child(3):after {
bottom: auto;
top: 0;
left: 0;
z-index: 1;
background: url(../img/icon/hexa.svg);
}
.types-of-apps .flex-boxes .listflow li {
border-right: 0px solid #000;
border-left: 1px solid #000;
border-bottom: 0px solid #000;
border-top: 0px solid #000;

}
.types-of-apps .flex-boxes .listflow li:nth-child(4) .svg-cont, .types-of-apps .flex-boxes .listflow li:nth-child(5) .svg-cont, .types-of-apps .flex-boxes .listflow li:nth-child(6) .svg-cont {
position: absolute;
top: auto;
top: 0px !important;
bottom: 0px !important;
}
.types-of-apps .flex-boxes .listflow li:nth-child(4):after {
bottom: 262px;
left: 0;
background: url(../img/icon/hexa.svg);
}
.types-of-apps .flex-boxes .listflow li:nth-child(4):after {
bottom: 262px;
left: 0;
background: url(../img/icon/hexa.svg);
}
.types-of-apps .flex-boxes .listflow li:nth-child(5):after {
bottom: 262px;
left: 0;
background: url(../img/icon/hexa.svg);
}
.types-of-apps .flex-boxes .listflow li:nth-child(6):after {
bottom: 262px;
left: 0;
background: url(../img/icon/hexa.svg);
}
.types-of-apps .flex-boxes .listflow li:nth-child(4) h3, .types-of-apps .flex-boxes .listflow li:nth-child(5) h3, .types-of-apps .flex-boxes .listflow li:nth-child(6) h3 {
margin-top: 68px;
}
}
.head{
    font-size: 35px;
    font-weight: bolder;
    line-height: 30px;
    color: black;
}

.hexagon1 {
    width: 70px;
    height: 75px;
    background-color: #2ECE76;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    display: flex;
    position: absolute;
    z-index: -1;
    margin-left: -40px;
    margin-top: -39px;
    border-radius: 25px;
}


/* get started button */
a {
position: relative;
display: inline-block;
cursor: pointer;
outline: none;
border: 0;
vertical-align: middle;
text-decoration: none;
background: transparent;
padding: 0;
font-size: inherit;
font-family: inherit;
}

a.learn-more {
width: 16rem;
height: auto;
}

a.learn-more .circle {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
position: relative;
display: block;
margin: 0;
width: 3rem;
height: 3rem;
background: #0f75a8;
border-radius: 1.625rem;
}

a.learn-more .circle .icon {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
position: absolute;
top: 0;
bottom: 0;
margin: auto;
background: #fff;
}

a.learn-more .circle .icon.arrow {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
left: 0.625rem;
width: 1.125rem;
height: 0.125rem;
background: none;
}

a.learn-more .circle .icon.arrow::before {
position: absolute;
content: "";
top: -0.29rem;
right: 0.0625rem;
width: 0.625rem;
height: 0.625rem;
border-top: 0.125rem solid #fff;
border-right: 0.125rem solid #fff;
transform: rotate(45deg);
}

a.learn-more .button-text {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0.75rem 0;
margin: 0 0 0 1.85rem;
color: #282936;
font-weight: 700;
line-height: 1.6;
text-align: center;
text-transform: uppercase;
}

a:hover .circle {
width: 100%;
}

a:hover .circle .icon.arrow {
background: #fff;
transform: translate(1rem, 0);
}

a:hover .button-text {
color: #fff;
}

.service-box {
position: relative;
padding: 25px !important;
background: #F6F9FB;
border-radius: 10px; 
box-shadow: 0 0 4px 2px rgb(229 229 229);
cursor: pointer;
}

.service-box::before {
content: "";
position: absolute;
inset: 0;
border-radius: 10px; 
padding: 1px; 
background:linear-gradient(90deg, #0f75a882, #4d9f0c00); 
-webkit-mask:linear-gradient(#F6F9FB 0 0) content-box, 
        linear-gradient(#F6F9FB 0 0);
-webkit-mask-composite: xor;
        mask-composite: exclude; 
}

.service-content a {
            font-size: 12px;
              text-decoration: underline;
              color: #0f75a8;
              vertical-align: inherit;
        }
.service-content p {
    font-size: 13px;
    line-height: 20px;
    color: #000;
    margin-bottom: 0px !important;
}


.icon-small {
display: flex;
align-items: center; /* Vertically center the items */
padding-bottom: 20px;
}

.icon-small img {
    margin-right: 10px; /* Space between image and text */
    width: 45px;
    height: 40px;
}

.icon-small h3 {
    margin: 0;
}

.icon-small h3 a {
    text-decoration: none; /* Remove underline from the link */
    color: #323232; /* Set desired text color */
    font-size: 16px; /* Set desired font size */
}

.service-box:hover {
    border-image: linear-gradient(90deg, #0f75a8, #2dce7600) 10;
    transform: translateY(5px);
    background: #F6F9FB;
    border-radius: 10px; 

}
.service-link {
    color: #2dce76 !important;
    font-weight: 550 !important;
    display: inline-block;
    font-size: 40px !important;
    text-decoration: none;
}
.service-box .service-link:hover {
    color: #0f75a8 !important;
    transform: translateX(5px);
    text-decoration: none;
}

.bg-sec{
    background: #F6F9FB;

}

.faq-right-box .btn-link.collapsed {
    border: 0px;
}

.faq-right-box .btn-link {
    font-weight: 500;
    color: #0f75a8;
    display: block;
    font-size: 20px;
    padding: 15px 30px;
    border: 0px !important;
    text-decoration: none;
    line-height: 28px;
    background: #fff;
    border-bottom: 0px solid transparent;
    border-radius: 12px !important;
}

.faq-right-box .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0px 30px;
    padding-top: 0;
    padding-bottom: 22px;
    border: 0px !important;
    background: #fff;
    border-top: 0;
    border-radius: 12px !important;
}

.faq-right-box .card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0;
    border-radius: 12px !important;
    background: #F8F7FF;
    margin-bottom: 20px;
    box-shadow: 0 0 4px 2px rgb(229 229 229);
}
.faq-right-box .btn-link::before {
    content: url(../img/icon/close.svg);
    line-height: 30px;
    position: absolute;
    right: 43px;
    top: 15px;
    font-size: 24px;
    font-size: 20px;
}
.faq-right-box .btn-link.collapsed::before {
    content: url(../img/icon/open.svg);
}

/* tablebtn */
.hero-table-btn > a{
position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0;
    vertical-align: middle;
    text-decoration: none;
    background: white;
    /* padding: 0; */
    font-size: inherit;
    font-family: inherit;
    color:#0f75a8;
}

.hero-table-btn > a.learn-morebtntable{
width: 17rem;
height: auto;
}

.hero-table-btn > a.learn-morebtntable .circlebtn{
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
position: relative;
display: block;
margin: 0;
width: 3rem;
height: 3rem;
background: #fff;
border-radius: 1.625rem;
}

.hero-table-btn > a.learn-morebtntable .circlebtn .icon {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
position: absolute;
top: 0;
bottom: 0;
margin: auto;
background: #000;
}

.hero-table-btn > a.learn-morebtntable .circlebtn .icon.arrow {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
left: 0.625rem;
width: 1.125rem;
height: 0.125rem;
background: none;
}

.hero-table-btn > a.learn-morebtntable .circlebtn .icon.arrow::before {
position: absolute;
content: "";
top: -0.29rem;
right: 0.0625rem;
width: 0.625rem;
height: 0.625rem;
border-top: 0.125rem solid #000;
border-right: 0.125rem solid #000;
transform: rotate(45deg);
}

.hero-table-btn > a.learn-morebtntable .button-text-btn {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0.75rem 0;
margin: 0 0 0 1.85rem;
color: #fff;
font-weight: 700;
line-height: 1.6;
text-align: center;
text-transform: uppercase;
}

.hero-table-btn > a:hover .circlebtn {
width: 100%;
}

.hero-table-btn > a:hover .circlebtn .icon.arrow {
background: #000;
transform: translate(1rem, 0);
}

.hero-table-btn > a:hover .button-text-btn {
color: #000;
}
.range-container {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
    .range-container input[type="range"] {
        order: 1; /* Ensures the range input comes first */
        flex: 1;
    }
    .range-container .range-label {
    order: 2;
    font-size: 20px;
    background: white;
    padding: 10px;
    border-radius: 10px;
    min-width: 195px;
    }
    .form-group {
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .form-group .col-lg-6 {
        display: flex;
        flex-direction: column;
        width: 48%; /* Adjust the width to fit two columns in one row */
    }
    .form-group label {
        margin-bottom: 5px;
        font-weight: bold;
    }
    .form-group input {
        width: 100%;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px; /* Adds border-radius to the input fields */
    }
    .error-message {
        color: red;
        font-weight: bold;
        text-align: center;
    }

    /* Basic styling for form labels */
label {
    display: block; /* Ensure labels are displayed as block elements */
    margin-bottom: 0.5rem; /* Add some bottom margin for spacing */
    font-weight: bold; /* Make labels bold */
    color: white !important;
}

input{
    border-radius: 12px;
}

input[type=range] {
-webkit-appearance: none;
width: 100%;
height: 5px;
border-radius: 5px;
background: #ddd;
transition: opacity .2s;
}

input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 25px;
height: 25px;
border-radius: 50%;
background: #4CAF50;
cursor: pointer;
}


/* hexagon */
.column {
flex: 1;
margin: 5px;
}

.hexagon-row {
display: flex;
    justify-content: center;
    margin-bottom: -28px;
}
.hex-heading {
  font-size: 12px;
  padding-top: 10px;
}
.hexagon {
width: 120px;
height: 130px;
background-color: #f6f9fb;
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 5px;
border-radius: 20px;
box-shadow: 0 0 4px 2px rgb(229 229 229);
}
.head{
font-size: 40px;
font-weight: 600;
line-height: 30px;
}
.header-image{
background: linear-gradient(229deg, rgb(13 220 165 / 11%) 14.46%, rgb(13 220 165 / 0%) 83.66%);
}

.hexagon1 {
width: 70px;
height: 75px;
background-color: #2ECE76;
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
display: block;
margin: 0 auto 10px;
position: relative;
z-index: 1;
border-radius: 20px;
}

.head {
font-size: 32px;
    font-weight: bolder;
    line-height: 15px;
    margin-top: -43px;
    z-index: 1;
    position: relative;
    text-align: center;
    margin-right: -58px;
}
p.head1 {
    font-size: 32px;
    font-weight: bolder;
    line-height: 15px;
    margin-top: -43px;
    z-index: 1;
    position: relative;
    text-align: center;
    margin-right: -92px;
    color: black;
}

@media (max-width: 767.98px) {
.hexagon1 {
margin: 0 auto 10px;
}
.head {
font-size: 24px;
        margin-right: 0;
        text-align: center;
}
p.head1 {
font-size: 24px;
        margin-right: 0;
        text-align: center;
}
p.text-hexagon {
    text-align: center;
}
p {
font-size: 0.875rem;
line-height: 22px;
}
}

@media (max-width: 991.98px) {

p {
font-size: 0.9375rem;
line-height: 24px;
}
.faq-right-box .btn-link.collapsed::before {
content: url(../img/icon/open.svg);
}
}

.hexagon:hover {
background: #2dce76;
color: white !important;
transform: translateY(5px);
box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
}


.hexagon .icon img {
height: auto;
display: block;
margin: 0 auto;
width: 50px;
transition: filter 0.3s ease; /* Smooth transition for filter property */
}

.hexagon:hover .icon img {
filter: brightness(0) invert(1); /* Change SVG color to white on hover */
}

.hexagon:hover .hex-heading {
color: #fff; /* Change heading color to white on hover */
}

#usa-map {
padding: 2em;
}

.state {

fill: #2DCE76;
}

.state:hover {
fill: #FEFEFE;
transition: fill 0.15s ease;
}

.list{
height: 150px;
overflow: scroll !important;
}
.pricing-section {
padding: 50px 0;
}
.price-calculator {
background-color: #0f75a8;
color: #fff;
padding: 20px;
border-radius: 10px
}
.price-calculator input {
margin-bottom: 20px;
}
.btn-custom {
background-color: #fff;
color: #007bff;
border: none;
padding: 10px 20px;
border-radius: 5px;
}
.btn-custom:hover {
background-color: #e9ecef;
}
.price-calculator {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}

.price-calculator .form-group {
width: 100%;
max-width: 400px; /* Optional: limits the width of the input field */
}

/* ranger */
/* General styling for the range slider container */
.range-container {
display: flex;
align-items: center;
justify-content: center;
gap: 10px; /* Adjust the space between the slider and the label */
padding: 10px;
}

/* Styling for the range input */
input[type="range"] {
-webkit-appearance: none; /* Remove default appearance */
width: 100%; /* Full width */
background: transparent; /* Transparent background */
}

/* Webkit browsers */
input[type="range"]::-webkit-slider-runnable-track {
width: 100%;
height: 8px; /* Track height */
background: white; /* Track color */
border-radius: 10px; /* Round track edges */
}

input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none; /* Remove default thumb appearance */
width: 20px; /* Thumb width */
height: 20px; /* Thumb height */
background: #2DCE76; /* Thumb color */
border-radius: 50%; /* Round thumb */
cursor: pointer; /* Pointer cursor on hover */
margin-top: -9px; /* Center the thumb on the track */
}

input[type="range"]:focus {
outline: none; /* Remove focus outline */
}

input[type="range"]:hover::-webkit-slider-runnable-track {
background: white; /* Ensure track remains white on hover */
}

/* Mozilla browsers */
input[type="range"]::-moz-range-track {
width: 100%;
height: 8px;
background: white;
border-radius: 10px;
}

input[type="range"]::-moz-range-thumb {
width: 20px;
height: 20px;
background: white;
border-radius: 50%;
cursor: pointer;
color: white;
}

/* IE browsers */
input[type="range"]::-ms-track {
width: 100%;
height: 8px;
background: transparent;
border-color: transparent;
color: transparent;
}

input[type="range"]::-ms-fill-lower {
background: white;
border-radius: 10px;
}

input[type="range"]::-ms-fill-upper {
background: white;
border-radius: 10px;
}

input[type="range"]::-ms-thumb {
width: 20px;
height: 20px;
background: white;
border-radius: 50%;
cursor: pointer;
margin-top: 0px; /* Center the thumb on the track */
}

/* Styling for the range label */
.range-label {
color: #0f75a8; /* Text color */
font-size: 16px; /* Font size */
}
@media (max-width: 600px) {
    
    .size-of-box {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

.hexagon {
    width: 80px;
    height: 90px;
    background-color: #fff;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 5px;
    border-radius: 20px;
    box-shadow: 0 0 4px 2px rgb(229 229 229);
}

.hexagon .icon img {
    height: auto;
    display: block;
    margin: 0 auto;
    width: 30px;
    transition: filter 0.3s ease;
}
.hex-heading {
    font-size: 9px;
    padding-top: 5px;
}
#usa-map {
     padding: 0em;
}

.custom-btn-white {
        border-radius: 50px;
        position: relative;
        padding-right: 40px;
        background: #fff;
        border: none;
        font-size: 18px;
        font-weight: 400;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #0F75A8;
        padding-left: 21px;
        box-shadow: 0px 4px 8px 0px #655C804D;
    }
.custom-btn-white .circle-white {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #0F75A8;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-btn {
        border-radius: 50px;
        position: relative;
        padding-right: 40px;
        background: #0F75A8;
        border: none;
        font-size: 18px;
        font-weight: 400;
        padding-top: 10px;
        padding-bottom: 10px;
        color: white;
        padding-left: 21px;
        box-shadow: 0px 4px 8px 0px #655C804D;
    }

.custom-btn .circle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-color: white;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-btn .circle i {
    color: #0F75A8;
    font-size: 16px;
}

.custom-btn-white .circle-white i {
    color: white;
     font-size: 16px;
}





    
}
/* Adjustments for mobile responsiveness */
@media (max-width: 768px) {
.services-area {
padding-top: 40px;
padding-bottom: 20px;
}
.form-section {
padding: 15px;
}
.col-lg-12.text-center {
padding-left: 15px;
padding-right: 15px;
}
.range-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
input[type="range"] {
width: 100%;
}
.form-group {
width: 100%;
}
.error-message {
font-size: 14px;
}


}


/* end range */

#email{
width: 100%;
margin-bottom: 20px;
padding: 12px;
border: 1px solid #ccc;
border-radius: 10px;
}



input[type=text] {
width: 100%;
margin-bottom: 20px;
padding: 12px;
border: 1px solid #ccc;
border-radius: 10px;
}



label {
margin-bottom: 10px;
display: block;
}



.logos {
    overflow: hidden;
    padding: 30px 0px;
    white-space: nowrap;
    position: relative;
}

.logos:before, .logos:after {
    position: absolute;
    top: 0;
    content: '';
    width: 250px;
    height: 100%;
    z-index: 2;
}

.logos:before {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}

.logos:after {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}

.logo_items {
    display: inline-block;
    animation: 35s slides infinite linear;
    white-space: nowrap;
}

.logos:hover .logo_items {
    animation-play-state: paused;
}

.logo_items img {
    margin-right: 20px;
}

/* Animation Keyframe */
@keyframes slides {
    from {
        transform: translateX(100);
    }
    to {
        transform: translateX(-100%);
    }
}

/* Mobile View */
@media (max-width: 768px) {
    .logos {
        overflow-x: scroll; /* Allows horizontal scrolling on mobile */
        white-space: nowrap; /* Prevents wrapping */
    }

    .logo_items {
        animation: none; /* Disable animation for mobile */
    }

    .logo_items img {
        height: 80px; /* Adjust size for mobile */
    }

    .logos:before, .logos:after {
        display: none; /* Hide gradient effect on mobile */
    }
}
.tag {
text-align: center;
font-size: 1.1rem;
}
.fa-heart {
color: rgba(255, 230, 0, 0.959);
font-size: 30px;
}

.card.d-flex.flex-column {
height: 320px;
padding: 10px 20px;
border: none;
box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
}
.testimonial {
    font-size: 0.9rem;
    line-height: 1.2rem;
    font-weight: 500;
    color: #000;
}
.active-star {
color: #fbc02d;
margin-bottom: 8px;
}
.active-star:hover {
color: #f9a825;
cursor: pointer;
}
.profile {
padding-top: 10px;
}
.name {
font-weight: 700;
}
.designation {
font-size: 0.84rem;
font-weight: 600;
}
.owl-carousel {
margin-bottom: 15px;
}
.owl-carousel .owl-stage-outer {
padding: 40px 10px;
height: 380px;
}
.owl-carousel .owl-item img {
width: 45px !important;
height: 45px;
/* border-radius: 50%; */
object-fit: cover;
box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
}



@media (max-width: 575.5px) {
.container {
margin: 0px;
padding: 20px;
}
}

.ser-fea-list ul li{
color: white;
}


.faq-section {
background: #fdfdfd;
min-height: 100vh;
padding: 10vh 0 0;
}
.faq-title h2 {
position: relative;
margin-bottom: 45px;
display: inline-block;
font-weight: 600;
line-height: 1;
}
.faq-title h2::before {
content: "";
position: absolute;
left: 50%;
width: 60px;
height: 2px;
background: #E91E63;
bottom: -25px;
margin-left: -30px;
}
.faq-title p {
padding: 0 190px;
margin-bottom: 10px;
}

.faq {
background: #FFFFFF;
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
border-radius: 4px;
}

.faq .card {
border: none;
background: none;
border-bottom: 1px dashed #CEE1F8;
}

.faq .card .card-header {
padding: 0px;
border: none;
background: none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}

.faq .card .card-header:hover {
background: rgba(233, 30, 99, 0.1);
padding-left: 10px;
}
.faq .card .card-header .faq-title {
width: 100%;
text-align: left;
padding: 0px;
padding-left: 30px;
padding-right: 30px;
font-weight: 400;
font-size: 15px;
letter-spacing: 1px;
color: #3B566E;
text-decoration: none !important;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
cursor: pointer;
padding-top: 20px;
padding-bottom: 20px;
}

.faq .card .card-header .faq-title .badge {
display: inline-block;
width: 20px;
height: 20px;
line-height: 14px;
float: left;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
text-align: center;
background: #E91E63;
color: #fff;
font-size: 12px;
margin-right: 20px;
}

.faq .card .card-body {
padding: 30px;
padding-left: 35px;
padding-bottom: 16px;
font-weight: 400;
font-size: 16px;
color: #6F8BA4;
line-height: 28px;
letter-spacing: 1px;
border-top: 1px solid #F3F8FF;
}

.faq .card .card-body p {
margin-bottom: 14px;
}

.faq-right-box .btn-link1 {
font-weight: 600;
color: #0f75a8;
display: block;
font-size: 16px;
padding: 21px 30px;
border: 0px !important;
text-decoration: none;
line-height: 28px;
background: #fff;
border-bottom: 0px solid transparent;
border-radius: 12px !important;
}
.faq-right-box .btn-link1.collapsed {
    border: 0px;
}
.faq-right-box .btn-link1::before {
        content: url(../img/icon/close.svg);
    line-height: 30px;
    position: absolute;
    right: 25px;
    top: 20px;
    font-size: 24px;
    font-size: 20px;
}
.faq-right-box .btn-link1.collapsed::before {
    content: url(../img/icon/open.svg);
}

@media (max-width: 991px) {
.faq {
margin-bottom: 30px;
}
.faq .card .card-header .faq-title {
line-height: 26px;
margin-top: 10px;
}
.faq-right-box .btn-link1::before {
    content: url(../img/icon/close.svg);
    line-height: 30px;
    position: absolute;
    right: 18px;
    top: 24px;
    font-size: 24px;
    font-size: 20px;
}
.faq-right-box .btn-link1 {
    font-weight: 500;
    color: #0f75a8;
    display: block;
    font-size: 15px;
    padding: 20px 50px 20px 30px;
    border: 0px !important;
    text-decoration: none;
    line-height: 28px;
    background: #fff;
    border-bottom: 0px solid transparent;
    border-radius: 12px !important;
}


}

h1, h2 ,h3 ,h4 ,h5 ,h6 {
color: #000;
}


.result {
    margin-top: 20px;
    padding: 10px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
}
@media only screen and (min-width: 992px) 
{
    li.process-flo {
    position: relative;
    left: 72px;
}
.types-of-apps .flex-boxes .listflow li:nth-child(1):after {
    bottom: auto;
    top: 205px;
    left: -14px;
    z-index: 1;
    background: url(../img/icon/hexa.svg);
}
.types-of-apps .flex-boxes .listflow li:nth-child(2):after {
    bottom: auto;
    top: 205px;
    left: -14px;
    z-index: 1;
    background: url(../img/icon/hexa.svg);
}
.types-of-apps .flex-boxes .listflow li:nth-child(3):after {
    bottom: auto;
    top: 205px;
    left: -14px;
    z-index: 1;
    background: url(../img/icon/hexa.svg);
}
.types-of-apps .flex-boxes .listflow li:nth-child(4):after {
    bottom: 248px;
    left: -13px;
    background: url(../img/icon/hexa.svg);
}
.types-of-apps .flex-boxes .listflow li:nth-child(5):after {
    bottom: 248px;
    left: -13px;
    background: url(../img/icon/hexa.svg);
}
.types-of-apps .flex-boxes .listflow li:nth-child(6):after {
    bottom: 248px;
    left: -13px;
    background: url(../img/icon/hexa.svg);
}

.head {
    font-size: 32px;
        font-weight: bolder;
        line-height: 15px;
        margin-top: -43px;
        z-index: 1;
        position: relative;
        text-align: center;
        margin-right: -58px;
}
.head1 {
    font-size: 32px;
    font-weight: bolder;
    line-height: 15px;
    margin-top: -43px;
    z-index: 1;
    position: relative;
    text-align: center;
    margin-right: -92px;
    color: black;
}

}

@media only screen and (min-width: 1200px) {
   
.types-of-apps .flex-boxes .listflow li:nth-child(1):after {
    bottom: auto;
    top: 171px;
    left: -14px;
    z-index: 1;
    background: url(../img/icon/hexa.svg);
}
.types-of-apps .flex-boxes .listflow li:nth-child(2):after {
    bottom: auto;
    top: 171px;
        left: -14px;
    z-index: 1;
    background: url(../img/icon/hexa.svg);
}
.types-of-apps .flex-boxes .listflow li:nth-child(3):after {
    bottom: auto;
    top: 171px;
       left: -14px;
    z-index: 1;
    background: url(../img/icon/hexa.svg);
}
}



/* ======== Newsletter Popup ========= */
section.popup-section {
    overflow: overlay;
    background-attachment: fixed !important;
    background-position: center center !important;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1024;
    background: #2fcf783b !important;

}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
section.popup-section.hide-popup{
	display:none;
}
/* Define the fade-out keyframes */
@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		display: none;
	}
}
section.popup-section:before {
	content: '';
	overflow: hidden;
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 1;
	opacity: .8;
	background: #383632;
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
	height: 100%;
	top: 0;
}

section.popup-section .inner-container {
	max-width: 1220px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}
section.popup-section .inner-container  .row {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	flex-wrap: wrap;
	height: 100%;
}
.popup-inner {
    background: #fff;
    z-index: 9;
    width: 75%;
    max-width: 75%;
    -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
    animation: slideUp 1s ease-out;
}
@keyframes slideUp {
	from {
		opacity: 0;
		transform: translateY(100%);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.popup-inner--row {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.popup-inner-column {
    flex: 0 0 auto;
    width: 50%;
    padding: 30px;
}
.bg-cover{
	background-size: cover;
	background-position: center center;
	position: relative;
	background-repeat: no-repeat !important;
	overflow: hidden;
}
form.popup-form {
	padding: 8% 8%;
}
.form-header p.form-subheading {
	margin: 0;
	color: #d51f0f;
	font-weight: 600;
	text-transform: uppercase;
	line-height: normal;
	font-style: normal;
	font-size: 15px;
	margin-bottom: 15px;
}
.form-header h2.form-heading {
    text-transform: uppercase;
    color: #383632;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 3.2rem;
    font-family: 'Poppins', sans-serif;
    text-align:center;
}
.form-fields .form-field{
width: 100%;
    color: #8d8987;
    max-width: 100%;
    resize: none;
    outline: 0;
    font-size: 15px;
    border: 1px solid #0f75a8;
    padding: 10px 20px;
    margin-bottom: 10px;
    border-radius: 4px;
}
span.close-popup--btn {
	height: 40px;
	width: 40px;
	position: absolute;
	right: 20px;
	top: 20px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	cursor: pointer;
}


/*All Pages*/
section.custom-popup-section {
    overflow: overlay;
    background-attachment: fixed !important;
    background-position: center center !important;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1024;
    background: #2fcf783b !important;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

section.custom-popup-section.hide-popup{
	display:none;
}

/* Define the fade-out keyframes */
@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		display: none;
	}
}

section.custom-popup-section:before {
	content: '';
	overflow: hidden;
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 1;
	opacity: .8;
	background: #383632;
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
	height: 100%;
	top: 0;
}

section.custom-popup-section .custom-inner-container {
	max-width: 1220px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}

section.custom-popup-section .custom-inner-container .custom-row {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	flex-wrap: wrap;
	height: 100%;
}

.custom-popup-inner {
	background: #fff;
	z-index: 9;
	width: 75%;
	max-width: 80%;
	-webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
	box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
	animation: slideUp 1s ease-out;
}

@keyframes slideUp {
	from {
		opacity: 0;
		transform: translateY(100%);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.custom-popup-inner--row {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.custom-popup-inner-column {
	flex: 0 0 auto;
	width: 50%;
}

.custom-bg-cover {
	background-size: cover;
	background-position: center center;
	position: relative;
	background-repeat: no-repeat !important;
	overflow: hidden;
}

form.custom-popup-form {
	padding: 8% 8%;
}

.custom-form-header p.custom-form-subheading {
	margin: 0;
	color: #d51f0f;
	font-weight: 600;
	text-transform: uppercase;
	line-height: normal;
	font-style: normal;
	font-size: 15px;
	margin-bottom: 15px;
}

.custom-form-header h2.custom-form-heading {
	text-transform: uppercase;
	color: #383632;
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 30px;
	line-height: 3.2rem;
	font-family: 'Poppins', sans-serif;
	text-align: center;
}

.custom-form-fields .custom-form-field {
	width: 100%;
	color: #8d8987;
	max-width: 100%;
	resize: none;
	outline: 0;
	font-size: 15px;
	border: 1px solid #0f75a8;
	padding: 10px 20px;
	margin-bottom: 10px;
	border-radius: 4px;
}

span.custom-close-popup--btn {
	height: 40px;
	width: 40px;
	position: absolute;
	right: 20px;
	top: 20px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	cursor: pointer;
}


   section.quote-popup-section {
            overflow: overlay;
            background-attachment: fixed !important;
            background-position: center center !important;
            padding-top: 20px;
            padding-bottom: 20px;
            height: 100%;
            width: 100%;
            position: fixed;
            top: 0;
            z-index: 1024;
            background: #2fcf783b !important;
            display: none;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }

        @keyframes fadeOut {
            from {
                opacity: 1;
            }
            to {
                opacity: 0;
                display: none;
            }
        }

        section.quote-popup-section:before {
            content: '';
            overflow: hidden;
            position: fixed;
            left: 0;
            width: 100%;
            z-index: 1;
            opacity: .8;
            background: #383632;
            transition: opacity .3s ease-out;
            height: 100%;
            top: 0;
        }

        section.quote-popup-section .quote-inner-container {
            max-width: 1220px;
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto;
            height: 100%;
        }

        section.quote-popup-section .quote-inner-container .quote-row {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            flex-wrap: wrap;
            height: 100%;
        }

        .quote-popup-inner {
            background: #fff;
            z-index: 9;
            width: 75%;
            max-width: 80%;
            box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
            animation: slideUp 1s ease-out;
        }

        @keyframes slideUp {
            from {
                opacity: 0;
                transform: translateY(100%);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .quote-popup-inner--row {
            display: flex;
            flex-wrap: wrap;
            position: relative;
        }

        .quote-popup-inner-column {
            flex: 0 0 auto;
            width: 50%;
        }

        .quote-bg-cover {
            background-size: cover;
            background-position: center center;
            position: relative;
            background-repeat: no-repeat !important;
            overflow: hidden;
        }

        form.quote-popup-form {
            padding: 8% 8%;
        }

        .quote-form-header p.quote-form-subheading {
            margin: 0;
            color: #d51f0f;
            font-weight: 600;
            text-transform: uppercase;
            line-height: normal;
            font-style: normal;
            font-size: 15px;
            margin-bottom: 15px;
        }

        .quote-form-header h2.quote-form-heading {
            text-transform: uppercase;
            color: #383632;
            margin-top: 0px;
            margin-bottom: 20px;
            font-size: 30px;
            line-height: 3.2rem;
            font-family: 'Poppins', sans-serif;
            text-align: center;
        }

        .quote-form-fields .quote-form-field {
            width: 100%;
            color: #8d8987;
            max-width: 100%;
            resize: none;
            outline: 0;
            font-size: 15px;
            border: 1px solid #0f75a8;
            padding: 10px 20px;
            margin-bottom: 10px;
            border-radius: 4px;
        }

        span.quote-close-popup--btn {
            height: 40px;
            width: 40px;
            position: absolute;
            right: 20px;
            top: 20px;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            cursor: pointer;
        }
        
        .fa-times:before {
            content: "\f00d";
            color: black;
        }

/* RESPONSIVE IPAD  */
@media only screen and (max-width: 981px) {
.popup-inner-column {
    flex: 0 0 auto;
    width: 100%;
}
.bg-cover{
	    height: 400px;
}
form.popup-form {
    padding: 8% 8%;
}
span.close-popup--btn{
	    right: 10px;
    top: 10px;
}

.custom-popup-column {
    flex: 0 0 auto;
    width: 100%;
}
.custom-bg-cover{
	    height: 400px;
}
form.custom-popup-form {
    padding: 8% 8%;
}
span.custom-close-popup--btn{
	    right: 10px;
    top: 10px;
}


}



/* RESPONSIVE Iphone */
@media only screen and (max-width: 480px) {
.custom-popup-inner{
	max-width: 100%;
	width:85%;
}
.custom-bg-cover {
        height: 300px;
    }
    .custom-form-header h2.form-heading{
    	font-size: 24px;
    line-height: 2.4rem;
    }
    .custom-header-column a{
    	font-size: 20px;
    }
    .custom-popup-inner-column {
    flex: 0 0 auto;
    width: 100%;
}
}

/*New Process 9*/
    .types-of-apps9 {
        background: #fcfcfc;
    }
    .types-of-apps9 .flex-boxes {
        margin-top: 60px;
    }
    .types-of-apps9 .flex-boxes .listflow1 {
        display: flex;
        margin: 0;
        padding: 0;
        list-style: none;
        flex-wrap: wrap;
        justify-content: center;
        position: relative;
    }
    .types-of-apps9 .flex-boxes .listflow1 li {
        width: 20%;
        padding-left: 39px;
        padding-right: 25px;
        border: 1px solid #000;
        border-right: 0;
        position: relative;
        padding-bottom: 15px;
    }
    .types-of-apps9 .flex-boxes .listflow1 li:before {
        content: "";
        position: absolute;
        background: #fcfcfc;
        height: 5px;
        width: 70%;
        right: 0;
        top: -2px;
    }
    .types-of-apps9 .flex-boxes .listflow1 li .svg-cont {
        background: #fff;
        border: 1px solid #f3f3f3;
        box-shadow: 0 4px 12px rgba(0, 0, 0, .06);
        border-radius: 24px;
        width: 76px;
        height: 76px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: .5s;
        position: absolute;
        top: -40px;
    }
    img, svg {
        vertical-align: middle;
    }
    .types-of-apps9 .flex-boxes .listflow1 li h3 {
        font-size: 16px;
        line-height: 19px;
        color: #323232;
        margin-bottom: 35px;
        font-weight: 600;
        margin-right: 8px;
        margin-top: 55px;
    }
    .types-of-apps9 .flex-boxes .listflow1 li p {
        font-size: 12px;
        line-height: 16px;
        color: #323232;
        margin-bottom: 32px;
    }
    .types-of-apps9 .flex-boxes .listflow1 li:after {
        content: "";
            position: absolute;
            bottom: 205px;
            left: -19px;
            /* background: url(../img/icon/iconss.svg); */
            width: 26px;
            height: 30px;
        }


    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(1):after{
       bottom: auto;
          top: 240px;
          left: -14px;
          z-index: 1;
          background: url(../img/icon/hexa.svg);
            }

        .types-of-apps9 .flex-boxes .listflow1 li:nth-child(2):after{
        bottom: auto;
        top: 240px;
          left: -14px;
        z-index: 1;
        background: url(../img/icon/hexa.svg);
            }


        .types-of-apps9 .flex-boxes .listflow1 li:nth-child(3):after {
        bottom: auto;
       top: 240px;
          left: -14px;
        z-index: 1;
        background: url(../img/icon/hexa.svg);
            }

    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(4):after {
        bottom: auto;
        top: 240px;
          left: -14px;
        z-index: 1;
        background: url(../img/icon/hexa.svg);
            }

    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(5):after {
        bottom: auto;
        top: 240px;
          left: -14px;
        z-index: 1;
        background: url(../img/icon/hexa.svg);
            }



        .types-of-apps9 .flex-boxes .listflow1 li:nth-child(6):after {
        bottom: 264px;
  left: -14px;
        background: url(../img/icon/hexa.svg);
    }

    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(7):after {
        bottom: 264px;
  left: -14px;
        background: url(../img/icon/hexa.svg);
    }

    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(8):after {
        bottom: 264px;
  left: -14px;
        background: url(../img/icon/hexa.svg);
    }

    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(9):after {
        bottom: 264px;
  left: -14px;
        background: url(../img/icon/hexa.svg);
    }
     

    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(6), .types-of-apps9 .flex-boxes .listflow1 li:nth-child(7), .types-of-apps9 .flex-boxes .listflow1 li:nth-child(8),.types-of-apps9 .flex-boxes .listflow1 li:nth-child(9) {
        border-top: 0;
        position: relative;
        padding-bottom: 50px;
    }
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(6):before, .types-of-apps9 .flex-boxes .listflow1 li:nth-child(7):before, .types-of-apps9 .flex-boxes .listflow1 li:nth-child(8):before ,.types-of-apps9 .flex-boxes .listflow1 li:nth-child(9):before {
        top: auto;
        bottom: -2px;
    }
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(6) .svg-cont, .types-of-apps9 .flex-boxes .listflow1 li:nth-child(7) .svg-cont, .types-of-apps9 .flex-boxes .listflow1 li:nth-child(8) .svg-cont ,.types-of-apps9 .flex-boxes .listflow1 li:nth-child(9) .svg-cont {
        position: absolute;
        top: auto;
        bottom: -30px;
    }
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(6) h3, .types-of-apps9 .flex-boxes .listflow1 li:nth-child(7) h3, .types-of-apps9 .flex-boxes .listflow1 li:nth-child(8) h3 ,.types-of-apps9 .flex-boxes .listflow1 li:nth-child(9) h3 {
        margin-top: 60px;
    }
    .types-of-apps9 .flex-boxes .listflow1 li:hover .svg-cont {
        
        transform: translate(0, 0) rotate(0) scale(1.1);
        transition: .5s;
        background-color: #2DCE76;
    }
    li.process-flo {
        position: relative;
        left: 20px;
    }
    .svg-cont img {
        width: 50px;
    }
    
    .header-img-spec{
        /*background: #F6F9FB;*/
    }
     .unique-card {
            position: relative;
            border-radius: 10px;
            /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
            padding: 0;
            color: white;
            overflow: hidden;
            display: flex;
            align-items: flex-end;
            transition: transform 0.3s ease;
            background-size: cover; /* Cover ensures the gradient and image fit well */
            background-position: center;
            background-repeat: no-repeat;
            width: 204px;
            height: 180px;
        }

        .unique-card:hover {
            transform: translateY(-5px);
        }

        .unique-card-body {
            z-index: 1;
            position: relative;
            padding: 10px; /* Added padding to ensure text is not touching the edges */
        }

        .unique-card-title {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 10px;
            font-weight: 300;
            color: white;
        }

        .unique-icon-container {
            position: absolute;
            bottom: 5px;
            right: 5px;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 2;
           
        }

        .unique-icon {
            width: 40px;
            height: 40px;
        }

        @media (max-width: 768px) {
            .unique-card {
                width: 250px;
                background-size: cover !important;
                margin: auto;
            }

            .unique-icon {
                width: 40px;
                height: 40px;
                position: absolute;
                right: 0px;
                bottom: -6px;
            }

            .unique-icon {
                width: 40px;
                height: 40px;
            }
        }

        /* Ensure cards are properly sized to fit 5 in a row */
        .col-md-2-custom {
            flex: 0 0 20%;
            max-width: 20%;
        }

        @media (max-width: 992px) {
            .col-md-2-custom {
                flex: 0 0 50%;
                max-width: 50%;
            }
        }

        @media (max-width: 576px) {
            .col-md-2-custom {
                flex: 0 0 100%;
                max-width: 100%;
            }
        }


@media (max-width: 768px) {
.types-of-apps9 .flex-boxes .listflow1 {
flex-direction: column; /* Ensure items stack vertically */
align-items: center; /* Center items horizontally */
}

.types-of-apps9 .flex-boxes .listflow1 li {
width: 80%; /* Adjust width to fit container */
margin-bottom: 0px; /* Adjust margin for spacing */
padding: 20px; /* Adjust padding for spacing */
text-align: center; /* Center align text */
position: relative; /* Ensure relative positioning */
}

.types-of-apps9 .flex-boxes .listflow1 li:before {
width: 100%; /* Full width for line */
right: 0;
top: -2px;
}

.types-of-apps9 .flex-boxes .listflow1 li .svg-cont {
position: relative; /* Reset position */
top: auto; /* Reset top positioning */
}

.types-of-apps9 .flex-boxes .listflow1 li h3 {
margin-top: 20px; /* Adjust margin for spacing */
}

.types-of-apps9 .flex-boxes .listflow1 li:after {
bottom: 0; /* Align at the bottom */
top: auto;
left: 50%;
transform: translateX(-50%); /* Center horizontally */
}
li.process-flo {
position: relative;
left: 0px;
}
.types-of-apps9 .flex-boxes .listflow1 li:nth-child(1):after {
/* bottom: auto; */
top: 0;
left: 0;
z-index: 1;
background: url(../img/icon/hexa.svg);
}
.types-of-apps9 .flex-boxes .listflow1 li:nth-child(2):after {
bottom: auto;
top: 0;
left: 0;
z-index: 1;
background: url(../img/icon/hexa.svg);
}
.types-of-apps9 .flex-boxes .listflow1 li:nth-child(3):after {
bottom: auto;
top: 0;
left: 0;
z-index: 1;
background: url(../img/icon/hexa.svg);
}
.types-of-apps9 .flex-boxes .listflow1 li:nth-child(4):after {
bottom: auto;
top: 0;
left: 0;
z-index: 1;
background: url(../img/icon/hexa.svg);
}
.types-of-apps9 .flex-boxes .listflow1 li:nth-child(5):after {
bottom: auto;
top: 0;
left: 0;
z-index: 1;
background: url(../img/icon/hexa.svg);
}
.types-of-apps9 .flex-boxes .listflow1 li {
border-right: 0px solid #000;
border-left: 1px solid #000;
border-bottom: 0px solid #000;
border-top: 0px solid #000;

}
.types-of-apps9 .flex-boxes .listflow1 li:nth-child(6) .svg-cont, .types-of-apps9 .flex-boxes .listflow1 li:nth-child(7) .svg-cont, .types-of-apps9 .flex-boxes .listflow1 li:nth-child(8) .svg-cont, .types-of-apps9 .flex-boxes .listflow1 li:nth-child(9) .svg-cont {
position: absolute;
top: auto;
top: 0px !important;
bottom: 0px !important;
}

.types-of-apps9 .flex-boxes .listflow1 li:nth-child(6):after {
bottom: 262px;
left: 0;
background: url(../img/icon/hexa.svg);
}
.types-of-apps9 .flex-boxes .listflow1 li:nth-child(7):after {
bottom: 262px;
left: 0;
background: url(../img/icon/hexa.svg);
}
.types-of-apps9 .flex-boxes .listflow1 li:nth-child(8):after {
bottom: 262px;
left: 0;
background: url(../img/icon/hexa.svg);
}
.types-of-apps9 .flex-boxes .listflow1 li:nth-child(9):after {
bottom: 262px;
left: 0;
background: url(../img/icon/hexa.svg);
}

}


/* Mobile Devices */
@media (max-width: 600px) {
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(1):after,
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(2):after,
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(3):after,
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(4):after,
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(5):after {
        bottom: auto;
        top: -1px;
        left: 0px;
        z-index: 1;
        background: url(../img/icon/hexa.svg);
    }

    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(6):after,
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(7):after,
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(8):after,
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(9):after {
       top: -1px;
        left: 0px;
        background: url(../img/icon/hexa.svg);
    }
}

/* Tablets */
@media (min-width: 769px) and (max-width: 1024px) {
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(1):after,
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(2):after,
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(3):after,
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(4):after,
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(5):after {
       bottom: auto;
        top: 287px;
        left: -14px;
        z-index: 1;
        background: url(../img/icon/hexa.svg);
    }

    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(6):after,
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(7):after,
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(8):after,
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(9):after {
       bottom: auto;
        top: -16px;
        left: -13px;
        z-index: 1;
        background: url(../img/icon/hexa.svg);
    }
}

/* Laptops */
@media (min-width: 1025px) and (max-width: 1440px) {
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(1):after,
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(2):after,
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(3):after,
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(4):after,
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(5):after {
        bottom: auto;
        top: 240px;
        left: -14px;
        z-index: 1;
        background: url(../img/icon/hexa.svg);
    }

    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(6):after,
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(7):after,
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(8):after,
    .types-of-apps9 .flex-boxes .listflow1 li:nth-child(9):after {
        bottom: 260px;
        left: -14px;
        background: url(../img/icon/hexa.svg);
    }
}

/*new css*/
    .custom-card1 {
            position: relative;
            border-radius: 10px;
            padding: 0;
            color: white;
            overflow: hidden;
            display: flex;
            align-items: flex-start;
            transition: transform 0.3s ease;
            height: 320px;
            background-size: cover;
            padding-top: 30px;
        }

        .custom-card1:hover {
            transform: translateY(-5px);
        }

        .custom-card1-body {
            z-index: 1;
            position: relative;
            padding: 20px;
            width: 100%;
        }

        .custom-card1-title {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .custom-icon1-container {
            position: absolute;
            top: 8px;
            right: 10px;
            width: 50px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 2;
            background-color: rgba(255, 255, 255, 0.8); /* Optional: to highlight the icon */
        }

        .custom-icon1 {
            width: 40px;
            height: 40px;
        }

        @media (max-width: 576px) {
            .custom-card1 {
                height: 280px;
            }
            .custom-card1-body {
                padding: 16px;
            }
            .custom-card1-title {
                font-size: 25px;
            }
            .custom-icon1 {
                width: 50px;
                height: 60px;
            }
            .custom-icon1-container {
                right: 20px;
                top: 15px;
            }
        }

        @media (max-width: 768px) {
            .custom-card1 {
                height: 250px;
            }
            .custom-card1-body {
                padding: 15px;
            }
            .custom-icon1 {
    width: 50px;
    height: 60px;
}
        }

        @media (min-width: 769px) and (max-width: 1024px) {
            .custom-card1 {
                height: 390px;
                background-size: cover;
                background-position: right !important;
            }
            .custom-card1-body {
                padding: 25px;
            }
            .custom-card1-title {
                font-size: 14px;
            }
            .custom-icon1-container {
                right: 10px;
                top: 10px;
            }
            .custom-icon1 {
                width: 50px;
                height: 60px;
            }
            
        }

        @media (min-width: 1025px) and (max-width: 1199px) {
            .custom-card1 {
                height: 320px;
            }
            .custom-card1-body {
                padding: 20px;
            }
        }

        @media (min-width: 1200px) {
            .custom-card1 {
                height: 350px;
            }
            .custom-card1-body {
                padding: 25px;
            }
            .custom-card1-title {
                font-size: 18px;
            }
        }

        @media (min-width: 1440px) {
            .custom-card1 {
                height: 301px;
            }
            .custom-card1-body {
                padding: 10px;
            }
            .custom-icon1 {
                width: 50px;
                height: 60px;
            }
        }
        
        @media (min-width:300px){
            .popup-inner {
                width: 95%;
                 max-width: 90%;
            }
            .bg-cover{
              display:none;
            }
        }
        
        @media (min-width:700px){
            .bg-cover{
              display:block;
            }
                .popup-inner {
                    width: 45%;
                    max-width: 45%;
                }
        }
        
        @media (min-width:1000px){
            
                .popup-inner {
                    width: 75%;
                    max-width: 75%;
                }
        }
        
        .liitem{
         box-shadow: 0 0 4px 2px rgb(229 229 229);
          padding: 20px;
          border-radius: 10px;
          margin-top: 5px;
          margin-bottom: 10px;
          background: white;
          color:#000;
        }
        .service-box1 {
    border: 1px solid #ddd;
    padding: 20px;
    text-align: center;
    border-radius: 8px;
    transition: all 0.3s ease;
    height: 150px !important;
    background: #F6F9FB;
}

.service-box1:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transform: scale(1.05);
    background: linear-gradient(180deg, #2ECE76, #0F75A8);
    color: white !important;
}

.service-box1 img {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
    transition: filter 0.3s ease;
}

/* Hover effect for changing SVG image to white */
.service-box1:hover img {
    filter: brightness(0) invert(1);
}

.text-service1 {
    color: black !important;
    font-size: 14px;
    transition: color 0.3s ease;
    line-height: 1.1;
}

/* Hover effect for changing text to white */
.service-box1:hover .text-service1 {
    color: white !important;
}

        /* Base icon before state (when opened) */
.faq-right-box .btn-link::before {
    content: url(../img/icon/close.svg); /* Replace with your open icon URL */
    display: inline-block;
    position: absolute;
    right: 20px; /* Adjust based on your design */
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}

/* Collapsed icon (when closed) */
.faq-right-box .btn-link.collapsed::before {
    content: url(../img/icon/open.svg); /* Replace with your close icon URL */
}

.faq-right-box .btn-link {
    position: relative;
    padding-right: 40px; /* Adjust based on icon size */
}
.faq-right-box .btn-link {
    position: relative;
    padding-right: 40px; /* Adjust based on icon size */
    font-weight: 500;
    color: #0f75a8;
    display: block;
    font-size: 20px;
    padding: 15px 30px;
    text-decoration: none;
    line-height: 28px;
    background: #fff;
    border-radius: 12px !important;
}

/* Icon when accordion is open */
.faq-right-box .btn-link::before {
    content: url(../img/icon/close.svg); /* Use your open icon */
    position: absolute;
    right: 20px;
    
}

.heading-pages{
    font-weight: 600;font-size:36px !important;color:#0F75A8;line-height: 30px;
}
.head-page2{
    font-weight: 400;
  font-size: 36px;
  color: black;
}
.head-page3 {
  font-size: 36px;
  color: white;
  font-weight: 400;
  position:relative;
}


/* Icon when accordion is closed (collapsed) */
.faq-right-box .btn-link.collapsed::before {
    content: url(../img/icon/open.svg); /* Use your close icon */
}
@media (max-width: 991px) {
.faq-right-box .btn-link {
    position: relative;
    padding-right: 40px; /* Adjust based on icon size */
    font-weight: 500;
    color: #0f75a8;
    display: block;
    font-size: 16px;
    padding: 15px 30px;
    text-decoration: none;
    line-height: 28px;
    background: #fff;
    border-radius: 12px !important;
}
    
}
.danger{
    color:red;
}
.liitem {
    box-shadow: rgb(229, 229, 229) 0px 0px 4px 2px;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 20px;
    border-radius: 10px;
    background: white;
    color:#000;
}
.liitem1 {
  box-shadow: 0 0 2px 2px rgb(229 229 229);
  padding: 10px;
  border-radius: 10px;
  margin-top: 7px;
  margin-bottom: 7px;
  background: white;
  color:#000;
}
.counterStyle{
    font-weight: 600;
  color: #000;
  font-size: 25px;
  margin-top: 12px;
  text-align: center;
  padding: 0px !important;
}
.midCounterStyle{
font-weight: 600;
  color: #0f75a8;
  font-size: 15px;
  margin-top: 5px;
  text-align: center;
  padding: 0px !important;
}

.theme-bg1 .text-center.pt-30.pb-80 {
    padding-bottom: 40px;
}
.icon-small h3 {
    margin: 0;
    color: #0f75a8;
}
.hs_recaptcha.hs-recaptcha.field.hs-form-field {
    justify-items: center !important;
}
@media only screen and (max-width: 480px) {
  .owl-carousel .owl-stage-outer {
    padding: 10px 10px;
    height: 271px;
  }
  .about-area.pt-50.pb-90 {
  padding-top: 0px !important;
    padding-bottom: 0px !important;
    }
    
    .head-page2 {
    font-size: 27px;
    }
    .head-page3{
        font-size: 27px;
    }
    .hero-slider-caption .heading1 {
        font-size: 32px !important;
    }
    
}