@charset "UTF-8";
*, .row>*, ::after, ::before{
    box-sizing:border-box
}
.whatsapp-wrap{
    position: fixed;
    bottom: 100px;
    right: 30px;
    z-index:1300;
   
}
.whatsapp-wrap a{
     width: 60px;
    height: 60px;
    background-color: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.heading-three {
    font-size: 30px;
    line-height: 1.33;
    font-weight: 500;
}
.two-field {
    display:flex;
    gap:15px;
}
.btn::after,.fspimgw::after{
    right:auto;
    position:absolute;
    content:""
}
.fit-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.fit-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.pptc h2 {
    font-size:24px!important;
}
.pptc .p-list li {
    margin-bottom:15px;
}
.pptc .bullet-list li {
    color:#262422;
    margin-bottom:15px;
}
.border-block {
        border: 1px solid var(--grey-bg);
    border-radius: 24px;
    padding: 40px 40px 40px;
    font-size: 24px;
    line-height: 1.6;
    color: var(--heading-color);
}
.bullet-list {
    margin: 0px 0px 0px 20px;
    padding: 0px;
}
.bullet-list li {
    color: var(--body-text-color);
}
.sh,.ssh{
    line-height:1.2;
    text-align:center
}
.cta-dark .call-btn-wrap:hover .call-btn,.sql li::after{
    background-color:var(--secondry-color)
}
.accordion-item,.stp,body.menu-open,body.modal-open{
    overflow:hidden
}
.f-links,.sql{
    list-style:none
}
.f-links li a:hover{
    color:var(--primary-color-hover)
}
.call-btn.loc,.sql li::after{
    background-position:center;
    background-repeat:no-repeat
}
.call-btn.loc,.cta-dark-wrap,.sql li::after{
    background-repeat:no-repeat
}
.cta-img,.f-links li a,.fspimgw,.pos-rel,.pr,.social-links a,.sql li{
    position:relative
}
#myBtn,.accordion-button{
    outline:0;
    cursor:pointer
}
hr {
    height: 1px;
    background-color: #3e8982;
    margin: 30px 0;
    width: 100%;
}

.sub-heading-tag {
    color: #1d1d1f;
    letter-spacing: .42px;
    text-transform: uppercase;
    border: 1px solid #1d1d1f80;
    border-radius: 50px;
    padding: 1.5px 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
    display: inline-flex;
    margin-bottom: 20px;
}
.text-dark {
    color: #0c0407;
}
.fw-500 {
    font-weight: 500;
}
@media (prefers-reduced-motion:no-preference){
    :root{
        scroll-behavior:smooth
    }
}
.container-large {
    max-width: 1700px!important;
    padding-left: 30px!important;
    padding-right: 30px!important;
}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{
    --bs-gutter-x:1.5rem;
    --bs-gutter-y:0;
    width:100%;
    padding-right:calc(var(--bs-gutter-x) * .5);
    padding-left:calc(var(--bs-gutter-x) * .5);
    margin-right:auto;
    margin-left:auto
}
.row>*,img{
    max-width:100%
}
:root{
    --bs-breakpoint-xs:0;
    --bs-breakpoint-sm:576px;
    --bs-breakpoint-md:768px;
    --bs-breakpoint-lg:992px;
    --bs-breakpoint-xl:1200px;
    --bs-breakpoint-xxl:1400px
}
.row{
    --bs-gutter-x:1.5rem;
    --bs-gutter-y:0;
    display:flex;
    flex-wrap:wrap;
    margin-top:calc(-1 * var(--bs-gutter-y));
    margin-right:calc(-.5 * var(--bs-gutter-x));
    margin-left:calc(-.5 * var(--bs-gutter-x))
}
.row>*{
    flex-shrink:0;
    width:100%;
    padding-right:calc(var(--bs-gutter-x) * .5);
    padding-left:calc(var(--bs-gutter-x) * .5);
    margin-top:var(--bs-gutter-y)
}
.two-line-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Limits to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.six-line-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 6; /* Limits to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.three-line-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Limits to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn
.col{
    flex:1 0 0%
}
.col-auto,.row-cols-auto>*{
    flex:0 0 auto;
    width:auto
}
.col-12,.row-cols-1>*{
    flex:0 0 auto;
    width:100%
}
.col-6,.row-cols-2>*{
    flex:0 0 auto;
    width:50%
}
.col-4,.row-cols-3>*{
    flex:0 0 auto;
    width:33.33333333%
}
.col-3,.row-cols-4>*{
    flex:0 0 auto;
    width:25%
}
.row-cols-5>*{
    flex:0 0 auto;
    width:20%
}
.col-2,.row-cols-6>*{
    flex:0 0 auto;
    width:16.66666667%
}
.col-1,.col-5{
    flex:0 0 auto
}
.col-1{
    width:8.33333333%
}
.col-5{
    width:41.66666667%
}
.col-7,.col-8{
    flex:0 0 auto
}
.col-7{
    width:58.33333333%
}
.col-8{
    width:66.66666667%
}
.col-9{
    flex:0 0 auto;
    width:75%
}
.col-10{
    flex:0 0 auto;
    width:83.33333333%
}
.col-11{
    flex:0 0 auto;
    width:91.66666667%
}
@media (min-width:576px){
    .container,.container-sm{
        max-width:540px
    }
    .col-sm{
        flex:1 0 0%
    }
    .col-sm-auto,.row-cols-sm-auto>*{
        flex:0 0 auto;
        width:auto
    }
    .col-sm-12,.row-cols-sm-1>*{
        flex:0 0 auto;
        width:100%
    }
    .col-sm-6,.row-cols-sm-2>*{
        flex:0 0 auto;
        width:50%
    }
    .col-sm-4,.row-cols-sm-3>*{
        flex:0 0 auto;
        width:33.33333333%
    }
    .col-sm-3,.row-cols-sm-4>*{
        flex:0 0 auto;
        width:25%
    }
    .row-cols-sm-5>*{
        flex:0 0 auto;
        width:20%
    }
    .col-sm-2,.row-cols-sm-6>*{
        flex:0 0 auto;
        width:16.66666667%
    }
    .col-sm-1{
        flex:0 0 auto;
        width:8.33333333%
    }
    .col-sm-5{
        flex:0 0 auto;
        width:41.66666667%
    }
    .col-sm-7{
        flex:0 0 auto;
        width:58.33333333%
    }
    .col-sm-8{
        flex:0 0 auto;
        width:66.66666667%
    }
    .col-sm-9{
        flex:0 0 auto;
        width:75%
    }
    .col-sm-10{
        flex:0 0 auto;
        width:83.33333333%
    }
    .col-sm-11{
        flex:0 0 auto;
        width:91.66666667%
    }
}
@media (min-width:768px){
    .container,.container-md,.container-sm{
        max-width:720px
    }
    .col-md{
        flex:1 0 0%
    }
    .col-md-auto,.row-cols-md-auto>*{
        flex:0 0 auto;
        width:auto
    }
    .col-md-12,.row-cols-md-1>*{
        flex:0 0 auto;
        width:100%
    }
    .col-md-6,.row-cols-md-2>*{
        flex:0 0 auto;
        width:50%
    }
    .col-md-4,.row-cols-md-3>*{
        flex:0 0 auto;
        width:33.33333333%
    }
    .col-md-3,.row-cols-md-4>*{
        flex:0 0 auto;
        width:25%
    }
    .row-cols-md-5>*{
        flex:0 0 auto;
        width:20%
    }
    .col-md-2,.row-cols-md-6>*{
        flex:0 0 auto;
        width:16.66666667%
    }
    .col-md-1{
        flex:0 0 auto;
        width:8.33333333%
    }
    .col-md-5{
        flex:0 0 auto;
        width:41.66666667%
    }
    .col-md-7{
        flex:0 0 auto;
        width:58.33333333%
    }
    .col-md-8{
        flex:0 0 auto;
        width:66.66666667%
    }
    .col-md-9{
        flex:0 0 auto;
        width:75%
    }
    .col-md-10{
        flex:0 0 auto;
        width:83.33333333%
    }
    .col-md-11{
        flex:0 0 auto;
        width:91.66666667%
    }
}
@media (min-width:992px){
    .container,.container-lg,.container-md,.container-sm{
        max-width:960px
    }
    .col-lg{
        flex:1 0 0%
    }
    .col-lg-auto,.row-cols-lg-auto>*{
        flex:0 0 auto;
        width:auto
    }
    .col-lg-12,.row-cols-lg-1>*{
        flex:0 0 auto;
        width:100%
    }
    .col-lg-6,.row-cols-lg-2>*{
        flex:0 0 auto;
        width:50%
    }
    .col-lg-4,.row-cols-lg-3>*{
        flex:0 0 auto;
        width:33.33333333%
    }
    .col-lg-3,.row-cols-lg-4>*{
        flex:0 0 auto;
        width:25%
    }
    .row-cols-lg-5>*{
        flex:0 0 auto;
        width:20%
    }
    .col-lg-2,.row-cols-lg-6>*{
        flex:0 0 auto;
        width:16.66666667%
    }
    .col-lg-1{
        flex:0 0 auto;
        width:8.33333333%
    }
    .col-lg-5{
        flex:0 0 auto;
        width:41.66666667%
    }
    .col-lg-7{
        flex:0 0 auto;
        width:58.33333333%
    }
    .col-lg-8{
        flex:0 0 auto;
        width:66.66666667%
    }
    .col-lg-9{
        flex:0 0 auto;
        width:75%
    }
    .col-lg-10{
        flex:0 0 auto;
        width:83.33333333%
    }
    .col-lg-11{
        flex:0 0 auto;
        width:91.66666667%
    }
}
.d-inline{
    display:inline!important
}
.d-inline-block{
    display:inline-block!important
}
.d-block{
    display:block!important
}
.d-flex{
    display:flex!important
}
.d-inline-flex{
    display:inline-flex!important
}
.d-none{
    display:none!important
}
.flex-row{
    flex-direction:row!important
}
.flex-column{
    flex-direction:column!important
}
.justify-content-start{
    justify-content:flex-start!important
}
.justify-content-end{
    justify-content:flex-end!important
}
.justify-content-center{
    justify-content:center!important
}
.justify-content-between{
    justify-content:space-between!important
}
.justify-content-around{
    justify-content:space-around!important
}
.justify-content-evenly{
    justify-content:space-evenly!important
}
.align-items-start{
    align-items:flex-start!important
}
.align-items-end{
    align-items:flex-end!important
}
.align-items-center{
    align-items:center!important
}
.align-items-baseline{
    align-items:baseline!important
}
img{
    height:auto
}
.mt-0{
    margin-top:0!important
}
.mt-3{
    margin-top:30px!important
}
.mt-5{
    margin-top:50px!important
}
.mt-4{
    margin-top:40px!important
}
.mt-2{
    margin-top:20px!important
}
.mt-1{
    margin-top:10px!important
}
.mb-0{
    margin-bottom:0!important
}
.mb-3{
    margin-bottom:30px!important
}
.mb-5{
    margin-bottom:50px!important
}
.mb-4{
    margin-bottom:40px!important
}
.mb-2{
    margin-bottom:20px!important
}
.mb-1{
    margin-bottom:10px!important
}
.pb-0{
    padding-bottom:0!important
}
.pb-3{
    padding-bottom:30px!important
}
.pb-5{
    padding-bottom:50px!important
}
.pb-4{
    padding-bottom:40px!important
}
.pb-2{
    padding-bottom:20px!important
}
.pb-1{
    padding-bottom:10px!important
}
.pr-1{
    padding-right:10px!important
}
.pr-2{
    padding-right:20px!important
}
.pr-3{
    padding-right:30px!important
}
.pr-4{
    padding-right:40px!important
}
.pr-5{
    padding-right:50px!important
}
.pt-5 {
    padding-top: 50px;
}
@media (max-width:991.98px){
    .mt-3{
        margin-top:15px!important
    }
    .mt-5{
        margin-top:30px!important
    }
    .mt-4{
        margin-top:20px!important
    }
    .mt-1,.mt-2{
        margin-top:10px!important
    }
    .mb-3{
        margin-bottom:15px!important
    }
    .mb-5{
        margin-bottom:30px!important
    }
    .mb-4{
        margin-bottom:20px!important
    }
    .mb-2{
        margin-bottom:10px!important
    }
    .pb-3{
        padding-bottom:15px!important
    }
    .pb-4,.pb-5{
        padding-bottom:20px!important
    }
    .pb-2{
        padding-bottom:10px!important
    }
    .pr-2{
        padding-right:10px!important
    }
    .pr-3{
        padding-right:15px!important
    }
    .pr-4,.pr-5{
        padding-right:20px!important
    }
}


/* Testimonial Slider Styles start here */
.no-image {
        background-color: var(--primary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    font-weight: 600;
    color: #fff;
}
.bcs{
    width:100%;
    height:auto;
        overflow: hidden;
     border-radius: 30px;
         display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.bcs-left{
    width:70%;
    float:left;
    padding:40px 40px
}

.bcs-right{
    width:35%;
    float:left;
    height:100%
}
.testimonial-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.testimonial-wrapper {
  display: flex;
  transition: transform 0.3s ease-in-out;
}

.testimonial-slide {
  flex: 0 0 100%;
  box-sizing: border-box;
}

.testimonial-slide p {
  font-size: 22px;
  color: var(--body-text-color);
  margin-bottom: 10px;
}

.testimonial-slide h4 {
  font-size: 18px;
  color: #333;
}

.testimonial-prev-btn, .testimonial-next-btn {
  background-color: #444;
  color: #fff;
  border: none;
  border-radius: 8px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
  transition: opacity 0.3s;
  z-index: 10;
}

.testimonial-prev-btn:hover, .testimonial-next-btn:hover {
  opacity: 1;
}

.testimonial-prev-btn {
  left: 10px;
}

.testimonial-next-btn {
}
.testi-nav {
        display: inline-flex;
    width: 100px;
    gap: 10px;
}
button:disabled {
  background-color: #ccc;  /* Gray background */
  color: #777;             /* Gray text */
  cursor: not-allowed;     /* Change cursor to indicate it's disabled */
}

    .user-t {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        text-align: left;
        margin-top: 30px;
        padding-bottom: 30px;
        gap: 15px;

        }
    .user-t .name {
        font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 0px;
    color: #0c0407;
    margin-top: 0px;
    display: block;

    }
    .user-t .text-muted{
        font-size: 16px;
    line-height: 27px;

    color: var(--grey-text);
    }
    .testi-user-pic-wrap {
        width: 60px;
        height: 60px;
    }
    .user-t img {
       border: 2px solid var(--primary-color);
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.21);
    border-radius: 50%;
    }
    .bcs-right img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: right;
}
 @media (max-width:991.98px){
     .whatsapp-wrap {
         bottom:70px;
         right:15px;
     }
     .testimonial-slide p {
         font-size:18px;
     }
    .border-block {
    padding: 25px 20px 10px;
    font-size: 18px;

    }
    .bcs-right img {
    height: 220px;
    object-position: center;
}
 .bcs {
        height: auto;
    }
        .bcs-left, .bcs-right {
        width: 100%;
    }
    .bcs-left {padding: 20px;}
}
/* testimonial slider ends here*/
.mtcta{
    margin-top:-120px
}
.ctawimg{
    background-color:var(--primary-color);
    border-radius:30px;
    height:300px
}
.ctawimg h2{
    color:#fff;
    line-height:1.4;
    margin-bottom:40px;
    font-weight: 600;
}
.cta-img{
    bottom:0;
    margin-top:-94px;
    margin-left:50px
}
.call-btn-wrap {display: flex;
align-items: center;
text-decoration: none;
background-color: transparent;
border-radius: 20px;
padding: 5px 20px;
}
.call-btn {width: 22px;
height: 30px;
border-radius: 100%;
background-color: transparent;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAxIDc5LmMwMjA0YjJkZWYsIDIwMjMvMDIvMDItMTI6MTQ6MjQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC40IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkMxQUJCNjMyMDcxMUVGOTY2RkU2MzgwQjI1RDM3OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkMxQUJCNzMyMDcxMUVGOTY2RkU2MzgwQjI1RDM3OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMyQzFBQkI0MzIwNzExRUY5NjZGRTYzODBCMjVEMzc4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMyQzFBQkI1MzIwNzExRUY5NjZGRTYzODBCMjVEMzc4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Ui8rtQAAAcJJREFUeNqc1UsoRFEYwPEZRl4pKVIWbD0WHlGeiQWR8lhIHgtEsrNRyEIsEEuyoZS8YkOxkPFIElZKSsoCG5TkVWT8T33qdMydGXPq1537nTPfnHu+e87YXS6XTdoEIhGBHYzZ/GkqIZawiGg4sIcc6fuXAHJ2IBy1uMcXtlHpzwRVwiKMGPENxMvndHQix9eE7zgx4kf4QApCEIN6rKHNU0KHPOKrm74n5GMSj3iRgg2hBDVWMwxEsBHPQiaWZUwrxtEuie6wYFXleaRolYrDIUqNCoZgGPtyv4JWd1V+kUf4bV3Yx6bx22pNu+GUx25BtbtHnkOZFnNKMaxaPzIQhAsUmAnVrnhAj8TWcYUZD0nPEYs3KdyfnRKDS5Rr67GDAYsd4ZBrMrL1Pn1QKm5RKPfhOJVCuEvagAQzbg7KlqTF2kx2paKhEkuCE7MSV9cKq4RKHm5QpcWmsIlRmXWz1teGZelPtzo10nCNdmP2vUi0+E6dekc9HUVqfS4w6OPRFYYtb4PUuh1gVXaK1bhAnKmlCPByGqmTKBfP8r72IQl26Y9CI46xgmm79hfgrakXuEkOkk8Rim9JpjaE7UeAAQDxmXY0ujdjigAAAABJRU5ErkJggg==');
background-repeat: no-repeat;
background-position: center;
margin-right: 8px;}
.cnt {font-size: 14px;font-weight: 700;color: #0a0a0a;line-height: 1em;margin-bottom: 5px;}
.cnn {font-size: 16px;font-weight: 500;color:#fff;line-height: 1em;}
.ctacw{
    padding:40px 70px 40px 0
}
.cbb {margin-left: 0px;}
.cbb   .call-btn {
width: 60px;
height: 60px;
margin-right: 10px;
}
.cbb .cnt {
margin-bottom: 8px;
}
.cbb .cnn {
font-size: 28px;
line-height: .8em;
}
.cta-dark-wrap,.cta-light-wrap{
    padding:55px;
    border-radius:30px
}
.cta-dark,.cta-light{
    display:flex;
    align-items:center
}
.cta-dark .btn,.cta-light .btn{
        width: auto;
    height: 60px;
    font-size: 17px;
    margin-right: 10px;
}
.cta-dark .call-btn,.cta-dark .call-btn{
    background-color:#fff;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB8ElEQVQ4jZ3US4iOYRQH8N9cDONSWIgsaMpGNsgljNwVKblk4bagkZgFJTVNs1AWFCUhFjOlSBgKRYmZKJOYUkpKJEmukQYT47I4z8fb5/u+mH+9vU//c97/e85zLmUDa+ZJOIzBGIR27NMLVKb3afzEVrzHdXTg1v8KlmMzBmAV3qAnCS7tTYTlmIO9efxljErnCdiCaf8q+AV38/jb6MY49MMwrMZF1JUSrBQpfipg+4BaHME7dImC7cZCLC8WYQX65vGTMQlnks9G7MemJPQCp4oJVmFMhhuJA9iFt/iBHViPr7iJevRJP/pLsCulkMP29NGVPN9u7ERbSnsDlhUSPIFFGa5NFKMYmjAxRfgQM/MF21NqDYm7hMdoKSH6AMPxWRTuNyqqhtTADRzEEzwSfbgNNSnifFzDS7wSBXqejRBeYyWOYVbiFqdnTwHBHqwR7daRNZRnzvewQtzp3OQ8BVPRiurkNzZFvUAskONYkhMpy2ybHGaIHqvH+cQdFaN4X4zqITQnWx3mi6ZvyN1hFs9SBC1iLDv9KdQI0TJXM/6dYgC+o6lQhDmMFr14Fo3FnDLojwvlJRyeYjxm45xYEsVQIRbKyVKCRMrT8VH0a6MoSlmyD8Va3BGFay6Vcj5qsU4skm/pqRaz3iru2S9/+W+Jthm54QAAAABJRU5ErkJggg==')
}
.btn::after,.cta-light .call-btn-wrap:hover .call-btn{
    background-color:var(--primary-color)
}
.cta-dark .cnn,.cta-dark .cnt,.footer-right .cta-dark .cnn,.cta-dark .cnt, footer h2{
    color:#fff
}
.cta-light .call-btn {
    background-color: var(--primary-color);
}
.cta-light .cnn {
    color: #333;
    font-weight: 700;
}
.sh{
    font-size:44px;
    margin-bottom:10px;
    font-weight:700;
    letter-spacing: -.6px;
}
.h2.small {
    font-size: 36px;
}

.ssh{
    font-size:22px;
    color:var(--grey-text);
    margin-bottom:0
}
@media (min-width:1200px){
    .mt-lg-5 {
        margin-top: 50px;
    }
    .container,.container-lg,.container-md,.container-sm,.container-xl{
        max-width:1180px
    }
    .col-xl{
        flex:1 0 0%
    }
    .col-xl-auto,.row-cols-xl-auto>*{
        flex:0 0 auto;
        width:auto
    }
    .col-xl-12,.row-cols-xl-1>*{
        flex:0 0 auto;
        width:100%
    }
    .col-xl-6,.row-cols-xl-2>*{
        flex:0 0 auto;
        width:50%
    }
    .col-xl-4,.row-cols-xl-3>*{
        flex:0 0 auto;
        width:33.33333333%
    }
    .col-xl-3,.row-cols-xl-4>*{
        flex:0 0 auto;
        width:25%
    }
    .row-cols-xl-5>*{
        flex:0 0 auto;
        width:20%
    }
    .col-xl-2,.row-cols-xl-6>*{
        flex:0 0 auto;
        width:16.66666667%
    }
    .col-xl-1{
        flex:0 0 auto;
        width:8.33333333%
    }
    .col-xl-5{
        flex:0 0 auto;
        width:41.66666667%
    }
    .col-xl-7{
        flex:0 0 auto;
        width:58.33333333%
    }
    .col-xl-8{
        flex:0 0 auto;
        width:66.66666667%
    }
    .col-xl-9{
        flex:0 0 auto;
        width:75%
    }
    .col-xl-10{
        flex:0 0 auto;
        width:83.33333333%
    }
    .col-xl-11{
        flex:0 0 auto;
        width:91.66666667%
    }


}
@media (min-width:1400px){

    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{
        max-width:1280px
    }
    .ctawimg{
        height:300px
    }
    .cta-img{
        margin-top:-150px
    }
}
.cta-light-wrap{
    background-color:var(--primary-color-light);
    height:300px;
    box-shadow:0 28.04px 79.7585px rgba(0,0,0,.1)
}
#myBtn,.cta-dark-wrap,footer{
    background-color:var(--primary-color)
}
.cll img{
    margin-right:30px;
    float:left
}
.clr{
    display:flex;
    justify-content:end
}
.clr p {
    color: #0c0407;
}
.btn::after{
    width:60px;
    height:25px;
    bottom:0;
    left:auto;
    filter:blur(13px);
    z-index:-1
}
.cta-dark-wrap{
    height:320px;
    background-position:bottom 20px right 60px;
    background-size:135px
}
.cta-dark-wrap p{
    font-size:18px
}
@media (max-width:1399px){
    .cta-img{
        margin-top:-150px;
    }
    .ctawimg h2 {
        font-size: 24px;
    }
    .cta-dark-wrap{
        padding:30px;
        height:275px
    }
}
@media (max-width:1199px){
    .clr {
        justify-content: flex-start;
    }
    .sh{
        font-size:36px
    }
    .ssh{
        font-size:18px
    }
    .sp{
        padding-top:30px;
        padding-bottom:25px
    }
    .cta-img{
        margin-top:-130px;
        margin-left: 10px;
    }
    .ctawimg h2 {
        font-size: 24px;
    }
}
@media (max-width:991px){

    .sh {
        font-size: 24px;
    }
    .cll img{
        margin-right:15px
    }
    .cll{
        align-items:flex-start
    }
    .cta-light-wrap{
        padding:15px 15px 25px;
        height:auto
    }
    .ctacw h2,.mtc{
        text-align:center
    }
    .cta-dark{
        justify-content:center
    }
    .ctacw{
        padding:40px
    }
        .osw {
        padding-top: 160px;
        padding-bottom: 220px;
    }
    .cta-img{
        margin-top:-200px;
        border-bottom:1px solid var(--grey-bg);
        padding-left: 40px;
    }
    .mtcta{
        margin-top:-110px
    }
    .ctawimg{
        height:auto
    }
    .cta-dark-wrap{
        padding:30px;
        height:auto
    }
}
@media (max-width:767px){

    .container-fluid {
        padding: 0px;
    }

    .cta-dark-wrap{
        padding:40px 10px 20px;
        border-radius:0
    }
    .clr {
        justify-content: space-between;
    }
    .cta-dark {
        width: 100%;
    }
    .call-btn-wrap {padding: 5px 0px 5px 10px;}
    .cta-light-wrap{
        padding:30px 25px 25px;
        border:1px solid var(--light-blue);
        width:100%
    }
    .cta-light-wrap h2{
        font-size:24px;
        margin-bottom:30px
    }
    .cll img{
        max-width:60px
    }
    .cta-dark .btn,.cta-light .btn{
        width:auto;
        padding:0px 50px 0px 25px;
        font-size:16px;
        margin-right:15px;
    }
    .cbb .call-btn{
        width:55px;
        height:55px
    }
    .cbb .cnn{
        font-size:20px
    }
    .ctacw{
        padding:15px 15px 25px
    }
}
.bst,.sql,.sql li{
    display:flex
}
@media (max-width:575px){
    .cta-img{
        max-width:250px;
        margin-left:0
    }
    .cta-dark .btn,.cta-light .btn{
        font-size:15px;
        font-weight:500;
        letter-spacing:-.5px;
        height:50px;
        margin-right: 0px;
    }
    .ctawimg{
        border-radius:0;
        padding-bottom:20px
    }
    .cta-light .btn{
        margin-right:10px;
        height:50px
    }
    .cbb .cnn{
        font-size:17px
    }
    .cbb .call-btn{
        margin-right:5px;
        width:50px;
        height:50px
    }
}
fieldset{
    padding:0
}

.bst{
    position:absolute;
    right:170px;
    bottom:50px;
    border-radius:16px;
    box-shadow:0 5px 20px #e4e4e4;
    z-index:3
}
.fsppimg,.sql li::after{
    position:absolute;
    z-index:1
}
.fsppimg{
    bottom:0
}
.gray-bg{
    background-color:var(--grey-bg)
}
.sp{
    padding-top:60px;
    padding-bottom:50px
}

.blog-title,.f-heading{
    line-height:1.4;
    display:block
}




/*  faq sec start */
.faq .ssh{
    width:50%;
    margin:0 auto
}
.accordion{
    width:100%
}
.accordion-button,.blog-title{
    color:var(--secondry-color);
    font-weight:600
}

.accordion-button,.accordion-content{
    padding:20px 25px;
    background:#f6f6f6
}
.accordion-item{
    margin-bottom:10px;
    border-radius:6px
}
.blog-content-wrap,.textwidget.custom-html-widget img{
    margin-bottom:30px
}

.accordion-button,.accordion-content{
    padding:20px 25px;
}

.accordion-item{
   margin-bottom: 10px;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid var(--grey-bg);
    padding: 15px 10px;
}
.accordion-button{
    width:100%;
    text-align:left;
    border:none;
    cursor:pointer;
    outline:0;
    font-size:16px;
    font-weight:600;
    color:#333;
    display:flex;
    justify-content:space-between;
    align-items:center;
    transition:background-color .3s;
    font-family:var(--bs-body-font-family)
}
.accordion-button.active,.accordion-button:hover{
    background-color:transparent;
}
.accordion-button,.accordion-content{
    padding:10px 25px;
    background:transparent;
}
.arrow{
    font-size:20px;
    transition:transform .3s
}
.arrow.plus::before{
    content:'\002B'
}
.accordion-item.open .arrow,.arrow.minus::before{
    content:'\2212'
}
.accordion-content{
    display:none
}
.accordion-content p{
    margin:0
}
.accordion-item.open .accordion-content{
    display:block
}
@media (max-width: 767.98px) {
    .accordion-button, .accordion-content {
    padding: 0px 20px 0px 10px;}
    }
/*  faq sec ends */
.img-fluid{
    max-width:100%;
    width:100%
}
.img-br{
    border-radius:8px
}
.admin{
    display:flex;
    justify-content:space-between
}
.admin p{
    margin-bottom:5px;
    color:var(--text-light)
}
.blog-content-wrap{
    padding:15px 0px
}
.blog-title{
    font-size:20px;
    text-decoration:none;
    margin-bottom:15px;
    color:#333;
    font-weight: 700;
}
footer{
    padding-top:100px
}
.fl p{
    color:#fff;
    font-size:15px;
    line-height:1.6;
    padding-right:50px
}
.fl img {
    max-width:150px;
}
.f-logo{
    max-width:270px
}
.f-heading{
    font-size:24px;
    color:#fff;
    font-weight:600;
    text-transform:capitalize
}
.f-links{
    margin:18px 0 0;
    padding:0;
    width:100%;
    float:left
}
.f-links li{
    width:50%;
    float:left
}
.f-links li a{
    color:#fff;
    font-size:15px;
    text-decoration:none;
    padding:5px 0;
    transition:.3s;
    display:block
}
.footer-right{
    width:100%;
    border-radius:30px;
    padding:0 10px;
    background-color: var(--primary-color-light);
    padding: 30px;
    margin-top: -30px;
}
.footer-right .f-heading {
    color: #0c0407;
}
.footer-right .call-btn-wrap {
    padding-left: 0px;
    align-items:flex-start;
}
.footer-right .call-num {
    width:calc(100% - 48px);
}
.footer-right svg {
    width: 30px;
    height: 30px;
    color: #333;
}
.footer-right .call-btn{
    margin-right:0px;
    width:48px;
    height:48px;    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-right .cnn{
    font-size:20px;
    color: #0c0407;
}
.footer-right .cnt{
    font-weight:400;
    color: #0c0407;
}
.add{
    font-size:18px;
    color:#0c0407
}
.f-bottom{
    border-top:1px solid #dededf;
    margin-top:30px;
    padding:30px 0;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center
}
.f-bottom a{
    color:#fff;
    display:none!important
}
.f-bottom p{
    color:#fff;
    margin-bottom:0
}


.social-links{
    margin-top:40px;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap
}
.social-links svg {
    color: #0c0407;
    width: 20px;
}
#myBtn,.modal{
    display:none;
    position:fixed
}
.social-links a{
    margin-bottom:10px;
    display:inline-block;
    width:44px;
    height:44px;
    text-align:center;
    color:#0c0407;
    font-size:20px;
    line-height:40px;
    margin-right:10px;
    border-radius:70px;
    -webkit-transition:.5s ease-out;
    transition:.5s ease-out;
    border:1px solid #0c0407;
    display:flex;
    align-items:center;
    justify-content:center
}
.social-links a:hover{
    background:var(--color-blue);
    color:#fff
}
#myBtn{
    bottom:20px;
    right:30px;
    z-index:9999;
    border:none;
    color:#fff;
    border-radius:50%;
    width:60px;
    height:60px;
    font-size:38px;
    line-height:1
}
#myBtn:hover{
    background-color:#555
}
@media (max-width:1199px){
    .cll img{
        display:none
    }
    .faq .ssh{
        width:100%;
        margin:0 auto
    }
    .sp{
        padding-top:30px;
        padding-bottom:25px
    }

    .h1,.h2,h1,h2{
        font-size:24px;
        letter-spacing:-.5px
    }
    .h3,h3{
        font-size:20px
    }
    .footer-right{
        padding:50px 0 0
    }
}
@media (max-width:991px){

    .footer-right{
        padding:20px!important;
        margin-top: 20px;
    }
    .f-bottom{
        flex-direction:column;
        align-items:flex-start
    }
    .f-bottom a{
        margin-top:20px
    }
    footer{
        padding-top:50px
    }
    footer .cta-dark{
        justify-content:flex-start
    }
}
.modal{
    z-index:1100;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:rgba(0,0,0,.6);
    padding-top:60px
}
.modal-content{
    background-color:#fefefe;
    margin:5% auto;
    padding:0;
    border:1px solid #888;
    width:450px;
    position:relative;
    border-radius:30px
}
.modal-content .form-control.phn{
    width:46%!important
}
.ui-widget.ui-widget-content{
    z-index:1101!important
}
.close{
    color:#aaa;
    float:right;
    font-size:32px;
    font-weight:700;
    position:absolute;
    top:8px;
    right:27px;
    z-index:10
}
.close:focus,.close:hover{
    color:#000;
    text-decoration:none;
    cursor:pointer
}
@media (max-width:767px){
    #myBtn{
        display:none!important
    }
    .modal-content .form-control.phn{
        width:100%!important
    }
    .modal-content{
        width:95%;
        padding:0;
        border-radius:30px
    }
    .close{
        right: 10px;
        z-index: 10;
        top: 0px;
    }
    .modal-content .form-wrap {
        padding: 30px 20px 30px;
    }
}

@media (max-width:399.98px){
    .cta-light {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
    }
}