@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

*{   font-family: "Work Sans", sans-serif;}
p{   font-family: "Work Sans", sans-serif;font-size: 16px;color:#000;}
a{text-decoration: none!important;}
ul li{font-size:16px;color:#000;font-weight:400;}
.section-title h1{font-size: 28px;font-weight: 500;color:#000;text-align: center;line-height:1.4em;}
.section-title p{font-weight: 400;text-align:center;}
.section-title1 h1{font-size: 20px;font-weight: 500;color:#000;text-align:left;line-height:1.4em;padding-top:15px;}
.main-table{text-align: left;}
/*--------------------------------------------------------------
# Header-Top
--------------------------------------------------------------*/
.header-top{background-color: #fff;padding:10px 0px;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
/* .header-top img{width:160px;} */
.header-top-social a img {width:25px;margin: 0px 5px 5px 15px;color: #388aff;font-weight:600;}
.header-top-social a span{color:#000; font-size: 16px;font-weight: 400;}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/  

/*--------------------------------------------------------------
# banner-section
--------------------------------------------------------------*/
.banner-section .banner-content { padding: 8% 0; background-repeat: no-repeat;background-size: cover;background-position:bottom;overflow:hidden;}
.banner-section .banner-content h1 { color: #fff; font-size: 46px; font-weight: 700; line-height: 1.4em;}
.banner-section .banner-content h1 span{font-size: 23px;text-transform: uppercase;font-weight:400;}
.banner-section .banner-content p { color: #fff; font-size:20px;line-height:1.7em;}
/* .banner-section .banner-content::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 65%;
    background: linear-gradient(90deg, #df5436 0%, #df5436 40%, rgba(226, 123, 6, 0.7) 55%, rgba(15, 59, 79, 0.3) 70%, rgba(15, 59, 79, 0) 100%);opacity: 0.2;
} */
.banner-section .banner-content .col-md-8{ position: relative;z-index: 999999;} 

/* packages*/

.packages{padding: 40px 0;}
.packages .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #4d8720!important;}
.packages .owl-theme .owl-dots .owl-dot span {width: 15px!important;height: 10px!important;}
.img-team img {width: 100%;height: 240px;}
@media(max-width:767px)
{
.get-touch{padding:0px!important;}
.contact_form {padding: 0px!important;}
.item .prod_bx img {width: 100%;height: 230px;}
.packages-hm .carousel-control-prev {display: none;}
.packages-hm .carousel-control-next {display: none;}
.product-mob h2{color:#000!important;}
}


.packages-hm .carousel-control-prev-icon {background-color: #4d8720;}
.packages-hm .carousel-control-next-icon {background-color: #4d8720;}
.packages-hm .carousel-indicators{display: none;}
.packages-hm .carousel-control-prev {text-decoration: none;width: 40px;height: 40px;background-color: #ffffff;opacity: 1;left: -66px;top: 50%;border-radius: 100%;color: #4d8720;font-size: 14px;-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 0 5px 0 #00000050;-webkit-transition: all .2s;transition: all .2s;}
.packages-hm .carousel-control-next{ text-decoration: none;width: 40px;height: 40px;background-color: #ffffff;opacity: 1;right: -66px;top: 50%;border-radius: 100%;color: #4d8720;font-size: 14px;-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 0 5px 0 #00000050;-webkit-transition: all .2s;transition: all .2s;} 
.accordion {margin-top: 35px;}
.packages-hm .carousel-control-next, .packages-hm .carousel-control-prev i{font-size:24px;}
.packages-hm .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{color:#df5436!important;}
.packages-bx{border-radius: 8px;overflow: hidden;padding: 18px;box-shadow: 0 3px 15px 0 #00000030;margin: 3px;background: #fff;}
.packages-bx img{width:50px;height:50px;}
.packages-bx h4{font-size: 20px;font-weight: 500;margin-top: 24px;margin-bottom:18px;color: #000;text-transform: capitalize;}
.packages-bx ul {list-style: none;padding-left:0px;}
.packages-bx ul li{font-size: 16px;line-height:24px;color: #000;font-weight:400;}
.packages-bx ul li a{color: #df5436;}
.packages-bx p{font-size:16px;font-weight: 600;color:#000;}
.packages-bx p span{font-size: 14px;margin-bottom: 16px;color: #808080;font-weight:400;}
.package-btn {font-size:16px; padding: 0 15px;height: 40px;width: 100%;display: flex;align-items: center;justify-content: center;min-width: fit-content;max-width: 100%;border: 1px solid #df5436;background: #df5436;color: #fff;border-radius: 5px;}
.package-btn:hover {border: 1px solid #df5436;background: #fff;color: #df5436;font-weight: 500;opacity: 1;}

/* about us */
.about-us{padding:40px;}
.about-us p{font-weight:400;color:#000;line-height:1.2em;text-align: justify;}
.about-us video{height:330px;width: 100%;object-fit: cover;border-radius: 8px;}

/* footer */
.footer {background-color:#eefff8!important;;padding: 40px 30px 0px 30px;width:100%;}
.footer .footer-about p {font-size: 15px;color: #000;font-weight: 400;margin: 20px 0;}
.footer .social-links a {width: 35px;height: 35px;margin-right:10px;display: flex;align-items: center;justify-content: center;background: #df5436;border-radius: 50px;color: #fff;border: 1px solid #df5436;}
.footer .social-links a:hover {background-color: #fff;color:#df5436;}
.footer h4 {font-size:20px;position: relative;padding-bottom:12px;color: #000;font-weight:600;text-transform: capitalize;}
.footer .footer-links {margin-bottom: 30px;}
.footer .footer-links ul {list-style: none;padding: 0; margin: 0;}
.footer .footer-links ul li {padding: 8px 0px;display: flex;align-items: center;}
.footer .footer-links ul li:first-child {padding-top: 0;}
.footer .footer-links ul a {position: relative;color: #000;font-size: 15px;font-weight: 400;}
.footer .footer-links ul li a::before {content: '';position: absolute;left: 0px;top: 7px;width: 12px;height: 9px;background: url(./Image/logo-small-icon.png) no-repeat;}
.footer .footer-links ul li a:hover{color:#df5436}
.footer .footer-contact p {margin-bottom: 5px;}
.footer .copyright{padding:20px;}
.footer .copyright p {margin-bottom: 0;text-align: center;}
.footer .credits {margin-top: 6px;font-size: 13px;}
.footer .ft_hr{color: antiquewhite;}
.footer .footer-contact .ft_cnt{margin-bottom: 10px;color: #000;font-size: 16px;}
.footer .footer-contact .ft_cnt p{color: #000;font-size: 15px;}


/* inner packages */
.inner-packages{padding:60px 50px 0px 50px;}
.inr-packages-bg{background-color: #eefff8!important;border-radius: 8px;padding:30px 25px!important;}
.appoint-bx{ display: flex;padding: 10px 6px 10px 8px;box-shadow: 0 0 5px 0 #00000030;border-radius: 8px;margin: 10px 0px;width:100%;background: #fff;}
.appoint-bx .appoint-text p{margin-bottom: 0px!important;margin-left:20px;}
.pack-img img{width:50px;height:50px;}
.test-list-ul li:not(:last-child) {
    border-right: 1px solid #000;
}
.test-list-ul li {min-width: fit-content;padding: 0 15px;color:#000;font-weight:400;}
.test-list-ul {list-style: none;display: flex;flex-wrap: wrap;margin-top: 30px;gap: 15px 0px;padding: 0;margin-bottom: 0;}
.right-side-bar{border-radius: 8px;overflow: hidden;position: sticky;top: 60px;}
.green-bg{background-color: #009153 !important;    padding: 15px 25px;font-weight: 400;margin: 0;}
.right-side-bar h4{font-size: 18px;font-weight:500;text-align: center;color:#fff;}
.right-bx {padding: 20px 30px;background-color: #eefff8 !important;}
.right-bx img {width: 50px;height: 50px;}
.right-bx p{font-size: 16px;font-weight: 400;color:#000;margin-bottom:0px;}
.right-bx{border-bottom: 1px solid #ccc;}
.right-bx h5{font-size: 20px;font-weight: 600;}
.breadcrumb {padding-top: 10px;padding-bottom: 10px;}
.breadcrumb p a{font-weight:400;color:#000;}
.breadcrumb p a span{color:#6c757d;}


/* why section */
.why-sec{padding:0px 40px;}
.why-sec p{font-weight:400;color:#000;line-height:1.2em;text-align: justify;}
.why-img{border:1px solid red;border-radius: 50%;width:100px;height:100px;display: inline-block;}
.why-bx img{width:100px;padding: 20px;margin-bottom:0px;}
.why-bx{padding: 0px 10px;margin-top:30px;}
.why-sec h6{font-size:16px;font-weight:400;text-align: center;color:#000;padding-top:15px;}

/* services */
.services{background-color: #eefff8!important;padding: 50px 0;margin-top: 40px;}
.services .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #4d8720!important;}
.services .owl-theme .owl-dots .owl-dot span {width: 15px!important;height: 10px!important;}
.img-team img {width: 100%;height: 240px;}

@media(max-width:767px)
{

  .item .prod_bx img {
    width: 100%;
    height: 230px;
}
/* .services-hm .carousel-control-prev {display: none;}
.services-hm .carousel-control-next {display: none;} */
.product-mob h2{color:#000!important;}
}
.services-hm .carousel-control-prev-icon {background-color: #4d8720;}
.services-hm .carousel-control-next-icon {background-color: #4d8720;}
.services-hm .carousel-indicators{display: none;}
.services-hm .carousel-control-prev {text-decoration: none;width: 40px;height: 40px;background-color: #ffffff;opacity: 1;left: -66px;top: 50%;border-radius: 100%;color: #4d8720;font-size: 14px;-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 0 5px 0 #00000050;-webkit-transition: all .2s;transition: all .2s;}
.services-hm .carousel-control-next{ text-decoration: none;width: 40px;height: 40px;background-color: #ffffff;opacity: 1;right: -66px;top: 50%;border-radius: 100%;color: #4d8720;font-size: 14px;-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 0 5px 0 #00000050;-webkit-transition: all .2s;transition: all .2s;}
.services-hm .carousel-control-next, .services-hm .carousel-control-prev i{font-size:24px;}

.services-hm .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{color:#df5436!important;}
.services-bx{    border-radius: 8px;overflow: hidden;padding: 18px;box-shadow: 0 3px 15px 0 #00000030;margin: 3px;background: #fff;}
.services-bx img{width:50px;height:50px;}
.services-bx h4{font-size: 20px;font-weight: 500;margin-top: 24px;margin-bottom:18px;color: #000;text-transform: capitalize;}
.services-bx ul {list-style: none;padding-left:0px;}
.services-bx ul li{font-size: 16px;line-height:24px;color: #000;font-weight:400;}
.services-bx ul li a{color: #df5436;}
.services-bx p{font-size:16px;font-weight: 400;color:#000;}
.services-bx p span{font-size: 14px;margin-bottom: 16px;color: #808080;font-weight:400;}


  /* inner banner*/
.inner-banner {background: #0c5383;padding:8% 0;position: relative;margin-top:-21px;}
.comman-banner { background-image: url('image/comman-banner.jpg'); background-size: cover;background-position: center;}
.contact-banner { background-image: url('image/contact-banner.jpg'); background-size: cover;background-position: center;}
.inner-banner h2 {color: #fff;font-size: 50px; font-weight: 600;margin-bottom: 20px;position: relative;z-index: 3;text-align: center;}
.inner-banner p{position: relative;color: #fff;text-align: left;}
.inner-banner h2::before { content: ''; position: absolute; width: 50px; height: 3px;left: 48%; background: #00b018; top: 100%;margin-top: 10px;}

.about-pg{padding:40px;}

/* get in touch */
.get-touch{padding:40px;text-align: left;}
.get-bx{background: #f8fffb;box-shadow: 0 0px 8px 0px #00000020;padding: 30px 20px;border-radius: 16px;display: flex;align-items: flex-start;gap: 1rem;}
.get-icon{background: #009153;min-width: 50px;max-width: 50px;min-height: 50px;max-height: 50px;border-radius: 100%;color: #fff;font-size: 25px;display: flex;align-items: center;justify-content: center;}
.get-content h6{font-size:20px;font-weight: 500;color: #000;}
.get-content p {margin-top:15px;font-size: 16px;line-height:1.2em;font-weight: 400;}
.get-content p a{color: #000;font-size: 16px;text-decoration: none;line-height:1.2em;}


/*--------------------------------------------------------------
# contact form
--------------------------------------------------------------*/
/***** get in touch *****/
.contact_form{margin-top:50px;padding:0px 40px;}
.contact_form_box{padding: 30px;background: #f8fffb;border-radius: 0 8px 8px 0px;}
.contact_form_box .sub-head{color: #cdaa73;font-weight: 300;}
.contact_form_contact > a{position: relative;display: inline-block;margin: 8px 0;font-size: 16px;line-height: 27px;color: #20282D;margin-left: 10px;}
.contact_form_contact a::before{position: absolute;bottom: 0;content: "";display: block;width: 0;height: 1px;background: #20282D;transition: width .3s;}
.contact_form_contact a:hover:before {right: 0;bottom: 0;width: 100%;}
/* .form-control {display: block;width: 100%;padding: 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #20282D;background-color: transparent;background-clip: padding-box;border: none;border-bottom: 1px solid #20282D;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;} */
.contact_form_contact .fa{color: #cdaa73;}


.contact_form_box .input-class {font-size:16px; background: 0 0;border: 0;border-bottom: 1px solid #ccc;width: 100%;padding: 0 10px;height: 40px;outline: 0;position: relative;z-index: 1;}
.contact_form_box .input-sec {margin-bottom: 20px !important;}
.contact_form_box input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {-webkit-appearance: none;appearance: none!important;margin: 0}
.contact_form_box input::-webkit-datetime-edit {color: transparent}
.contact_form_box .date-no input::-webkit-datetime-edit,input:focus::-webkit-datetime-edit {color: #000}
.contact_form_box  input[type=date] {color: #000!important}
.contact_form_box .input-class:focus {border: 0}
.contact_form_box .input-bar {width: 0;height: 2px;position: absolute;left: 50%;bottom: 0;background: #df5436;transition: all .3s ease-in-out}
.contact_form_box  .input-class:focus~.input-bar {width: 100%;left: 0;transition: all .3s ease-in-out}
.contact_form_box .input-class:focus~label.input-label .input-class.date-no textarea~label.input-label.label-up,label.input-label.label-up {bottom: 35px;color: #df5436;font-size: 14px;transition: all .3s ease-in-out}
/* .contact_form_box textarea~label.input-label.label-up {bottom: 50px!important} */
.contact_form_box label.input-label {font-size: 16px; position: absolute;bottom: 10px;left: 10px;color: grey;transition: all .3s ease-in-out}
.comman-section{padding:40px;}
.contact_form_box .input-sec a{font-size:16px;}
.contact_form_box  .input-class:focus~label.input-label .input-class.date-no textarea~label.input-label.label-up, label.input-label.label-up{bottom: 35px;
    color: #df5436;
    font-size: 14px;
    transition: all .3s ease-in-out;}
/* .contact_form_box  #errmsg{display: flex;} */

.contact_form_box textarea.input-class {
    margin-top: 10px;
}
.contact_form_box textarea.input-class {
    padding: 0 10px;
    height: 50px !important;
}



#widgetsControl, #widgetsControl_C{height:auto!important;}
#EventCalenderControl{display: none;}
.table-responsive{padding:0px}
.navbar{background-color: #df5436!important;padding: 10px 50px;}
.nav-link{color:#fff;font-size:16px;padding:5px 15px!important;}
.nav-link:hover{color:#fff;}
.navbar .collapse{justify-content: center!important;}
/* .navbar-nav.nav-fill li{} */

/* menu show on hover */

.navbar-nav li:hover > ul.dropdown-menu {display: block;}
.dropdown-submenu {position:relative;}
.dropdown-submenu > .dropdown-menu {top: 0;left: 100%;right: auto;margin-top:0;}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {text-decoration: underline;transform: rotate(180deg);}
.dropend .dropdown-menu {top: 0;left: auto !important;right: 100% !important; }
.dropdown-menu{background-color: #f2f2f2 !important;color:#000;border: 1px solid #ccc;border-radius: 0 0 5px 5px;border-top: 0;box-shadow: 0 0 10px 0 #00000050;}
.dropdown-item:focus, .dropdown-item:hover{background-color: #df5436;color:#fff!important;}
.dropdown-menu li a{color:#000!important;font-size:16px;}
.dropdown-menu li a:hover{color:#df5436!important;font-size:16px;}
.dropdown-item {padding: 7px 10px; font-size: 16px; color: #000; font-weight: 400;border-bottom: 1px solid #000;display: flex;align-items: center;}
.dropdown-item:focus, .dropdown-item:hover {background-color: #f2f2f2!important;}
.otherpagecss #RadDockZone1{max-width:100%!important;}

.apply-btn {margin-top:10px; padding:10px;font-size: 16px;justify-content: center;border: 1px solid #df5436;background: #df5436;color: #fff;border-radius: 5px;}
.apply-btn:hover{color:#df5436;background-color: #fff;}

@media(max-width:767px)
{
  .navbar .container-fluid{justify-content: center;}
  .navbar-toggler{background-color: #fff;}
  .header-top-social{display: none;}
  .header-logo{display: flex;justify-content: center;}
  .offset-2{margin-left:0px;}
  .why-sec{padding:0}
  .about-us{padding:40px 0px;}
  footer{padding:20px 0px 0px!important;}
  .about-pg {padding: 40px 0px;}
  .inner-packages{padding:60px 0px 0px;}
  .right-side-bar{margin-top:30px;}
  .comman-section{padding:40px 10px;}
  .inner-banner {margin-top:0px;}
  .inner-banner h2{font-size:40px}
  .nav-link {text-align: left;border-bottom: 1px solid #fff;padding: 8px 0px !important;font-size:15px;}
.packages-bx{margin:10px 3px;}
  .about-us video{margin-top:20px;height:auto;}
    #carouselExampleIndicatorsBh1 .carousel-item .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* Hide extra cards inside same slide */
    #carouselExampleIndicatorsBh1 .carousel-item .col-md-4:not(:first-child) {
        display: none;
    }

    /* Center arrows properly for mobile */
    #carouselExampleIndicatorsBh1 .carousel-control-prev{left: 42%;width: 35px;height: 35px;top: 102%;}
      #carouselExampleIndicatorsBh1 .carousel-control-next{right: 42%;width: 35px;height: 35px;top: 102%;}
    .services-hm .carousel-control-next, .services-hm .carousel-control-prev i {font-size: 24px;
}

}
@media(max-width:991px)
{
  .navbar{padding:10px 0px;}
}

@media(max-width:467px){
 
  #carouselExampleIndicatorsBh1 .carousel-control-prev{left: 36%;width: 35px;height: 35px;top: 102%;}
      #carouselExampleIndicatorsBh1 .carousel-control-next{right: 36%;width: 35px;height: 35px;top: 102%;}
}