@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');

 body p {
    font-weight: 400;
}
  body, a, span, div, input, button{
   font-family: 'Roboto Condensed', sans-serif !important;
 
  }
  h1, h2, h3, h4, h5, h6, p{
    font-family: 'Roboto Condensed', sans-serif !important;   
  }
  
body{
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 17px !important;
}
.sticky{
    text-align: center;
    background: #f2e316;
    position: fixed;
    z-index: 999;
    padding: 7px 5px;
}
.sticky .col-md-6.phn-no a {
    color: #fff;
}
img {

    max-width: 100%;
}

a {

    text-decoration: none;

    transition: 0.2s;

}
.main-header img{
    max-width:250px !important;
}
.carousel-caption .content{
    border-radius: 15px;
    background: #f2e316;
    max-width: 500px;
    margin: auto;
    padding: 5px !important;
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover, .carousel-control-prev,.carousel-control-next{
    opacity:1 !important;
    background-color: #28303d00!important;
}

section.why-choose-us.bg-white h2 {
    text-align: center;
}
.about-section .btmm-sec h2{
    color:#fff !important;
    font-size: 35px;
   max-width: 550px !important;
}
.about-section  .img-fluid {
    margin-right: -12px;
}
section h2{
    text-align: center;
    text-transform: capitalize;
    font-size: 35px;
    color: #025aa2;
    font-weight: 700;
}
.main-banner-section p{
    margin-bottom: 0px !important;
    font-size: 22px;
    color: #025aa2;
    font-weight: 600;
}
 .main-banner-section {
         position: relative;
         width: 100%;
         /*height: 100vh;*/
         display: flex;
         flex-wrap: wrap;
         align-items: center;
         justify-content: center;
         /*background-image: url('../img/banner.jpg') !important;*/
         background: #EEEEEE;
         background-size: cover;
         background-position: center 0%;
    }
    .main-banner img{
        /*width: 650px;*/
        /*margin-top: -15%;*/
        z-index: 1;
    }
    
.main-banner {

    /*background-image: url('../img/banner-img.jpg');*/

/*        background-image: url('../img/banner.jpg');*/

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;
        width: 100%;
    padding-top: 0px;

    color: #fff;
  
    padding-bottom: 0px;

}
.service-section .item{
    text-align: center !important;
    background: #ffff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 5px;
}

/* Base styles for the item box */
  .service-section .item {
    padding: 20px;
    cursor: pointer;
    transition: transform 0.3s;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
  }

  /* Styles for the heading inside the box */
  .service-section .item h5 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    color: #025aa2;
  }

  /* Styles for the paragraph text inside the box */
  .service-section .item p {
    color: #025aa2;
    margin: 10px 0 0;
    display: none; /* Hide the paragraph text by default */
    transition: opacity 0.3s;
    left: 0;
    font-size: 15px;
  }

  /* Expand the box on hover */
  .service-section .item:hover {
    transform: scale(1.1);
  }

  /* Show the paragraph text on hover */
  .service-section .item:hover p {
    display: block;
  }
  .service-section .item:hover img {
    max-width: 60px !important;
  }
  
.get-form select {

    word-wrap: normal;

    display: block;

    width: 100%;

    padding: 0.375rem 0.75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #212529;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    -moz-appearance: none;

    border-radius: 0.375rem;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    margin-bottom: 20px;

}

.pnl2-sec .inner-content img {margin: auto;/* background: #32cfe0; *//* border-radius: 50%; *//* padding: 0px; *//* margin-bottom: 0px; */}
.brand-holder  img{
    margin: auto !important;
    width: auto !important;
    height: 170px;
}
.btm-form [type="submit"] {

    cursor: pointer;

    background: #241389;

    color: #fff;

    width: 100%;

    padding: 7px 0;

    border: none;

    border-radius: 6px;

}

.btm-form {

    text-align: center;

    padding: 10px 0;

    text-align: center;

    background: #ccc;

    padding: 10px 0;

    background-color: #333;

    position: fixed;

    bottom: 0px;

    width: 100%;

    display: block;

    transition: top 0.3s;

}

.main-banner .content {

    padding-top: 100px;

    color: #fff;

}

.get-form input[type="submit"].form-control {

    background: #241389;

    border: none;

    color: #fff;

    margin-top: 20px;

}

.pnl2-sec.pnl5 .inner-content img {

    /*background: #32cfe0;*/

    /*border-radius: 50%;*/

    padding: 8px;

}
.btn-primary {
    color: #025aa2;
    background: #f2e316;
    padding:10px 35px;
    border-color: #4AD4DD;
    font-size: 16px;
    font-weight: 600;
}
.cta-section h4{
    /*text-transform: capitalize;*/
     font-size: 36px;
    font-weight: 700;
    color:#fff;
}
.cta-section .pnl2-sec {
        /* background-image: url(../img/cta-bg.jpg); */
        /* background-position: center; */
        /* background-repeat: no-repeat; */
        /* background-size: cover; */
        padding-bottom: 100px;
        padding-top: 100px;
        background: #025aa2;
}
.btmm-sec {
       padding: 0px 0 0px 10%;
       background-image: url(../img/about-bg.png);
       background: #025aa2;
       background-position: center;
       background-repeat: no-repeat;
       background-size: cover;
       color: #fff;
}
.about-section .text-right{
    text-align:right;
}
.blue-section{
    background: #025aa2;
}
.blue-section h4, .blue-section p{
    font-size: 17px;
    font-weight: 600;
    color: #484848;
}
.copyright{
    text-align: center !important;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
}
.social-media{
        padding-left: 0rem !important;
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.social-media li{
  margin:10px;  
}
.main-content {text-align: left;}

.pnl2-sec {

    padding: 50px 0;

    background: #f7f7f7;

}

.pnl2-sec .inner-content {padding-top: 50px;}

.pnl2-sec .inner-content.second {

    padding-top: 70px;

}

.pnl2-sec{
    background: #fff;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.pnl6 {

    padding: 50px 0;

}

.btm-sec {

    text-align: center;

    padding: 50px 0;

    background: #eee;

}

.btn-cta a {

    background: #c1272c;

    color: #fff;

    padding: 15px 20px;

    font-weight: 500;

}

.btn-cta {

    margin-top: 25px;

}

footer {text-align: center;background: #474747;color: #fff;padding: 50px 0px 30px 0;}

footer ul {

    list-style: none;

    margin: 0;

    padding: 0;

}

footer li {

    display: inline-block;

    padding: 0 5px;

}

footer li a {

    color: #fff;

}

.copyright a {

    color: #fff;

}

.col-md-6.map-lft {

    padding: 0;

}

.col-md-6.map-content {

    padding: 20px 34px 0;

    background: #ddd;

}

.pnl6 .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {

    content: 'prev';

    color: #fff;

    font-size: 20px;

    font-weight: 900;

}

.pnl6 .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {

    content: 'next';

    color: #fff;

    font-size: 20px;

    font-weight: 900;

}

.slider-sec {

    padding: 30px 0;

}

.form-sec {    
    margin: auto !important;
    max-width: 380px;
    background: #fff;
    background: #fff;
    padding: 15px 20px 5px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 10px;}

.quik-links img {
    margin-bottom: 10px;

}

header {
    width: 100%;
    position: absolute;
    padding: 10px 0;
    padding: 10px 0;

}
.col-md-6.phn-no h4{ 
    text-align:center;
    font-weight: 600;
}
.col-md-6.phn-no {

    text-align: right;

    color: #fff;

    display: block;

    vertical-align: middle;

    padding-top: 10px;

    font-size: 16px;

    font-weight: 600;

}

.col-md-6.phn-no a {

    color: #000;

}

.phn-no i.material-icons {

    display: inline-block;

    vertical-align: middle;

}

span.no-phone {

    display: inline-block;

    vertical-align: middle;

}
.form-sec h3{
    color: #025aa2;
    text-align: center;
    font-size: 25px;;
    font-weight: 700;
}
a.btn.btn-primary.cutom-btn {
    border-color: #fff!important;
}
.forminator-ui.forminator-custom-form[data-design=default]{
    margin: 15px 0 !important;
}
.forminator-ui#forminator-module-9.forminator-design--default .forminator-label {
    font-size: 14px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: 600!important;
    color: #fff!important;
    margin-bottom:5px !important;
}
.forminator-button-submit {
    margin-top: 5px !important;
    padding: 10px 40px !important;
    /* width: 100%!important; */
    background-color: #f2e316 !important;
    color: #025aa2 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-radius: 50px !important;
}
.forminator-input, textarea{
    padding: 10px 20px !important;
    border: 1px solid #025aa2!important;
    background: #f9f9f900!important;
    border-radius: 50px !important;
    color: #025aa2 !important;
}
.span.select2-selection.select2-selection--single{
    border-radius: 50px !important;
}
.forminator-ui#forminator-module-9.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]{
     border: 1px solid #025aa2!important;
     background: #f9f9f900!important;
     border-radius: 50px !important;
     color: #025aa2;
}
.forminator-ui#forminator-module-9.forminator-design--default .forminator-has_error .forminator-input, textarea {
    color: #025aa2 !important;
    border-color: #025aa2 !important;
}
.main-banner-section h1 {
    color: #025aa2;
    font-size: 45px;
    font-weight: 700;
}
span.blue-text {
    color: #025aa2;
}
@media screen and (max-width: 667px) {

    .main-banner {

        height: auto;

    }
}
    .main-banner .content {
       max-width: 100%;
        padding-top: 0;

    }

    header#myheader {
        position: relative;
        width: 100%;
        background: #025aa2;
    }

   

    div#preloader {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999;
        width: 100%;
        height: 100%;
        overflow: visible;
        background-color: rgba(0, 0, 0, 0.5);
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: 50% 47%;
        background-size: inherit;
    }
    .service-section .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Center the items horizontally */
  }

  /* Base styles for the item box */
  .service-section .item {
    flex: 1; /* Distribute equal width for all items in a row */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Center the content vertically */
    align-items: center; /* Center the content horizontally */
    padding: 20px;
    border-radius: 10px;
    cursor: pointer;
    transition: transform 0.3s;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    min-height: 300px;
    margin: 0 auto;
    top: auto;
    bottom: 0;
    margin-bottom: 30px !important;
    border: 1px solid #878787;
  }
.divider {
    display: block;
    background: rgba(242,227,22,1);
    border-style: none;
    border-radius: 0px;
    width: 70px;
    height: 8px;
    margin-bottom:10px;
}
.divider-2{
    display: block;
    background: #fff;
    border-style: none;
    border-radius: 0px;
    width: 100%;
    height: 3px;
    margin-bottom:10px;
}
.carousel-caption{
  max-width:450px;
  margin:0 auto;
}
.carousel-caption .divider-2{
    margin-top: 10px;
    margin-bottom: 10px;
     background: #f2e316;
}
 @media screen and (min-width: 0px) and (max-width: 667px) {
    header {
        text-align: center;
    }
    section h2{
        font-size: 30px;
    }
   .mobile-padd{
          /* padding-top: 610px; */
     }
     .main-banner .content{
     /* padding-top: 100px; */
     }
    .col-md-6.phn-no {
        text-align: center !important;
    }

    .btm-form {
        padding: 10px 0 !important;
    }

    .btm-form .form-control {
        margin-bottom: 5px;
    }

    .pnl2-sec {
        text-align: center;
    }

    .pnl2-sec .col-md-4.col-sm-12 {
        /*border-bottom: 2px solid #ccc;*/
         padding: 0 15px;
    }
    .pnl2-sec .inner-content{
        padding-top: 10px;
    }
    /*.main-banner-section{*/
    /*    max-height:400px;*/
    /*    height:auto;*/
    /*}*/
    
}
.about-section{
 position:relative;   
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .why-choose-us .h5{
        font-size: 1.1rem !important;
    }
    
}
@media screen and (max-width: 991px) {
    .btmm-sec{
        padding: 30px 0 30px 0%;
    }
    .about-section .text-right{
        text-align:center;
    }
    .about-section .img-fluid {
    margin-right: 0px;
    margin-top: 20px;
}
.blue-section h4, .blue-section p, .copyright{
    font-size:16px;
}
    .main-banner-section h1 {
     font-size: 25px;
     background-repeat: no-repeat;
     background-position: center;
}
  .main-banner-section p {
      margin-bottom:0px;
    font-size: 15px;
    line-height: 23px;
}
.about-section  h2{
        margin-top: 25px !important;
        font-size: 25px !important;
    }
    .cta-section h4 {
    font-size: 30px;
    margin-bottom: 20px;
    }
    .pnl2-sec .inner-content img{
            max-width: 100%;
    }
}
 /* Styling for toggle buttons */
    .toggle-buttons {
        text-align: center;
        margin-top: 20px;
    }

    .toggle-buttons button {
        background-color: #007bff;
        color: white;
        border: none;
        padding: 10px 20px;
        cursor: pointer;
        margin: 0 5px;
        font-size: 16px;
        transition: background-color 0.3s ease;
    }

    .toggle-buttons .button:hover {
        background-color: #0056b3;
    }
    .why-choose-us p, .service-section .main-content p{
            color: #025aa2;
            max-width: 950px;
            margin: auto;
            text-align: center;
    }
    .pnl2-sec .inner-content img.icon{
            margin-bottom: 0px;
    }
       button#showMore:hover, button#showLess:hover{
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.6);
    border-radius: 5px !important;
       }
    button#showMore, button#showLess {
    border-radius: 5px !important;
    padding: 10px 35px;
    color: #fff;
    background-color: #025aa2 !important;
    border-color: #025aa2 !important;
}
    .btn:hover{
            background-color: #025aa2 !important;
            border-color: #025aa2 !important;
    }
    .bg-white .pnl2-sec{
       background:#fff !important;  
    }
.cta-section.bg-white h4{
    color:#000; 
}
.custom-btn {
    display: block;
    border-style: none;
    border-radius: 50px;
    left: 0px;
    top: 188px;
    z-index: 29;
    width: 150px;
    line-height: 55px !important;
    height: 55px;
    /* position: absolute; */
    background: rgba(242,227,22,1);
    box-shadow: none;
    text-shadow: none;
    color: #025aa2;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    font-style: normal;
    text-align: center;
    background-repeat: no-repeat;
}

/*--------------form css-------------*/
.iti__country-list {
    color: #025aa2 !important;
}
.forminator-field textarea{
    height:50px !important;
}
.forminator-row{
    margin-bottom:10px !important;
}
.forminator-row.forminator-row-last .forminator-field {
    text-align: center !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #025aa2 !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #025aa2 important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color:#025aa2 important;
}
.forminator-ui#forminator-module-9.forminator-design--default .forminator-select2 + .forminator-select.select2-container--open .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #025aa2!important;
}
.forminator-ui#forminator-module-9.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #025aa2!important;
}
.forminator-ui#forminator-module-9.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    color: #025aa2 !important;
}
.owl-dots button:not(:hover):not(:active):not(.has-background){
    background:transparent !important;
}
.brand-holder .item{
    margin: 10px;
    text-align: center !important;
    background: #ffff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 5px;
}
.brand-holder .item .sub-title{
    min-height: 70px;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 600;
    color: #025aa2;
    background: #f2e316;
}
.divider.mt-auto {
    margin: auto;
}
section.blue-section .pnl2-sec {
    background: #c3ebf9 !important;
}
p.text-blue {
    /* color: #025aa2; */
}
.enquire {
    font-weight: 600;
    background: rgba(242,227,22,1);
    color: #025aa2;
}
button.owl-next, button.owl-prev {
    background: #f2e316 !important;
    padding: 20px !important;
    width: 20px !important;
    color: #025aa2 !important;
}

@media (min-width: 992px){
.out-fix-image {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
}
@media only screen and (max-width: 600px){
.icon-bar.sticky {
    display: block;
}}
@media only screen and (max-width: 600px){
.icon-bar {
    position: fixed;
    bottom: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999;
    /* left: 35%; */
    margin-bottom: -25px;
    width: 100%;
    display: none;
}
    
}

.buttonLink {
  color: #275d8b;
}
/*.modal {*/
/*    align-items: center !important;*/
/*    width: 100% !important;*/
/*    display: flex !important;*/
/*}*/
.modal-dialog {
    margin-top: 10%;
}
.popup-form .form-sec{
        background:#025aa200;
        box-shadow: 0px 0px 3px #025aa200;
        padding: 0px 0px 0px;
}
.popup-form .form-sec input.forminator-input {
    color: #025aa2 !important
}
.popup-form .form-sec ::placeholder, .popup-form span.select2-selection__placeholder {
  color: #025aa2 !important 

}
.popup-form h3{
     color: #025aa2 !important;
     font-weight:600;
}
.popup-form .selection .select2-selection--single[role="combobox"] {
    border-color: #77777130!important;
    background-color: #ededed00!important;
    border-radius: 50px;
    color:#025aa2 !important;
}
.popup-form .btn-close{
    background:#fff !important;
    color: #025aa2 !important;
    font-weight: 600 !important;
}
.verticalButton {
    padding: 0px 0px 0px 0px;
    width: 191px;
    height: 40px;
    background: #f2e316 !important;
    color: #025aa2 !important;
    border-radius: 0px 0px 5px 5px;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    position: fixed;
    right: -80px;
    top: 40%;
    opacity: 1;
    z-index: 9999 !important;
}
.location-icon{
        margin: 20px 0px;
}
footer h2{
        font-weight: 700;
}
button.verticalButton:hover {
    border: none!important;
    background: #025aa2!important;
    color: #fff!important;}
    .box-item {
    margin-bottom: 50px;
}
    .box-item h5 {
    margin-top: 15px;
    font-weight: 600;
    font-size: 18px;
    color: #025aa2;
}
.padding-10{
        padding:15px;
    }
@media (min-width: 991px) {
.model .modal-content {
    width: 430px !important;
}
.icon-bar {
    display: none;
}
}
@media (max-width: 768px) {
    .carousel-caption{
            bottom: 0rem;
    }
    .carousel-caption .divider-2 {
        margin-top: 5px;
       margin-bottom: 5px;
    }
    
  .verticalButton {
   right: -77px;
    top: 40%;
}
.social-media li {
    max-width: 35px;
}
  }