html{scroll-behavior:smooth !important;}
header, #page-header, .l-header{z-index: 99999 !important;}

h1,h2,h3,h4,h5,h6{padding-top:0 !important;}
p{text-align:justify;}
.l-subheader-h .at_left1{position: fixed !important;}
.l-subheader.width_full {padding-left: 0rem !important;padding-right: 0rem !important;}

.hfems-logo{position:absolute;top:0 !important;padding-top:5px;}

 .hfems-nav ul{    
  background:#35453b url("img/nav-bgpattern-01.png") !important;
  background-position: center center;
  background-repeat: no-repeat, repeat;
  background-size:20% !important;
  width: 100%;
  height: 100%;
  opacity: 0.9;
 }
 
nav a.w-nav-control {
    position:fixed !important;
    background: #0b934d !important;
    width: 80px;
    height: 80px;
    float:left;
    top:0;
    left:10px;
    text-align: center;  
    -webkit-clip-path: circle(100% at 0% 0%);
    clip-path: circle(100% at 0% 0%);  
    z-index: 9999;
    transition: 0.5s;
    transition-duration: 0.5s;
    transition-timing-function: ease;
}
nav a.w-nav-control span {text-align: center !important;padding:-15px 5px 0 -5px !important;font-size:12px !important;}
.ush_menu_1 .w-nav-icon {left:-5px;top:-48px;  }


.headertop_right {
    position:fixed !important;
    background: #0b934d !important;
    width: 80px;
    height: 80px;
    float: right !important;
    top:0;
    right:0;
    clip-path: circle(100% at 100% 0%);
    -webkit-clip-path: circle(100% at 100% 0%);
    text-align: center;
    z-index: 9999;
    position:relative;
    transition: 0.5s;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    }
    
.headertop_right p {text-align: center !important;margin-top:20px;font-size:12px !important;
        line-height:10px !important; vertical-align: middle !important;}
.headertop_right i {font-size: 18px; top: -34px !important;left:-4px; position: relative; }
    .w-nav-close {top: 50px !important; right: 0px;color: #bb2125;    }
header.sticky nav a.w-nav-control {top:10px;}
header.sticky .headertop_right {top:10px;}
        
#homeSlider_forcefullwidth{margin-top: -170px !important;}




.hfsn-box-shadow-01{background:none;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;transition: all 0.5s ease-out;}
.hfsn-box-shadow-01:hover{box-shadow: rgba(0, 0, 0, 0.2) 0px 60px 40px -7px;}

.hfsn-box-shadow-02{background:none;box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;transition: all 0.5s ease-out;}
.hfsn-box-shadow-02:hover{box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;}

.hfsn-box-shadow-03{background:none;box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;transition: all 0.5s ease-out;}
.hfsn-box-shadow-03:hover{box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;}

.hfsn-box-shadow-04{background:none;box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;transition: all 0.5s ease-out;}
.hfsn-box-shadow-04:hover{box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;}

.home-why-choose P{text-align:center;font-size:14px;font-weight:400 !important;}

.mission-vision-box{padding:0px !important;}

.mission-vision-box .w-iconbox{background:#fff;border:1px #bbbcbb solid;padding:20px 20px; margin:10px 10px;}

.mission-vision-box .w-iconbox .w-iconbox-meta{vertical-align:middle;padding-top:50px;}
 .principal-list .w-image.style_shadow-1 img, .principal-img .w-image.style_shadow-1 img{box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;transition: all 0.5s ease-out;
 -webkit-border-top-left-radius: 40px;
-webkit-border-bottom-right-radius: 40px;
-moz-border-radius-topleft: 40px;
-moz-border-radius-bottomright: 40px;
border-top-left-radius: 40px;
border-bottom-right-radius: 40px;
border:6px #f0f0f0 solid;
 }
.principal-list .w-image.style_shadow-1 img:hover, .principal-img .w-image.style_shadow-1 img{box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;}
 .principal-list p.vc_custom_heading b{color:#a42725;font-weight:700;font-size:18px;line-height:24px;}
.principal-list p.vc_custom_heading{color:#cccccc; font-weight:400;font-size:14px;line-height:16px;}  
 
 .ContactBlock{margin-left:40px !important;}
 
 .contactusblock-left h6.w-iconbox-title{color:#fcdc49 !important;}
 
 .contactusblock-left .w-iconbox-text p, .contactusblock-left .w-iconbox-text p a{text-align:left;font-size:14px;font-weight:400;color:#ffffff !important;}
 
 .contactusblock-right{right: 30px !important;}
 
.home-notice-board time.home-notice-date, .latest-news-grid time.home-notice-date{
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  width: 85px;
  height: 110px;
  padding: 15px 20px;
}

.latest-news-grid .w-grid-item:nth-child(10n+1) time.home-notice-date, .home-notice-board .w-grid-item:nth-child(10n+1) time.home-notice-date{background: #003978 !important;}
.latest-news-grid .w-grid-item:nth-child(10n+2) time.home-notice-date, .home-notice-board .w-grid-item:nth-child(10n+2) time.home-notice-date{background: #4f4287 !important;}
.latest-news-grid .w-grid-item:nth-child(10n+3) time.home-notice-date, .home-notice-board .w-grid-item:nth-child(10n+3) time.home-notice-date{background: #5e2a62 !important;}
.latest-news-grid .w-grid-item:nth-child(10n+4) time.home-notice-date, .home-notice-board .w-grid-item:nth-child(10n+4) time.home-notice-date{background: #317668 !important;}
.latest-news-grid .w-grid-item:nth-child(10n+5) time.home-notice-date, .home-notice-board .w-grid-item:nth-child(10n+5) time.home-notice-date{background: #2a5769 !important;}
.latest-news-grid .w-grid-item:nth-child(10n+6) time.home-notice-date, .home-notice-board .w-grid-item:nth-child(10n+6) time.home-notice-date{background: #740d4c !important;}
.latest-news-grid .w-grid-item:nth-child(10n+7) time.home-notice-date, .home-notice-board .w-grid-item:nth-child(10n+7) time.home-notice-date{background: #7b0f18 !important;}
.latest-news-grid .w-grid-item:nth-child(10n+8) time.home-notice-date, .home-notice-board .w-grid-item:nth-child(10n+8) time.home-notice-date{background: #c46f29 !important;}
.latest-news-grid .w-grid-item:nth-child(10n+9) time.home-notice-date, .home-notice-board .w-grid-item:nth-child(10n+9) time.home-notice-date{background: #c2c033 !important;}
.latest-news-grid .w-grid-item:nth-child(10n+10) time.home-notice-date, .home-notice-board .w-grid-item:nth-child(10n+10) time.home-notice-date{background: #217e9d !important;}

 article.w-grid-item:nth-child(10n+1) time.home-notice-date{background: #003978 !important;}
 article.w-grid-item:nth-child(10n+2) time.home-notice-date{background: #003978 !important;}

.footer-links p.vc_custom_heading{font-size:14px;font-weight:600 !important;color:#ffd045 !important;}
.footer-links nav ul li{margin:0px 0 !important;padding:0px 0 !important;}
.footer-links nav ul li a{font-size:13px;font-weight:400;color:#ffffff;}

.footer-links nav ul li a:hover, .footer-links nav ul li.current-menu-item a{color:#fadb2d;}
/*############################ CUSTOM CONTACT FORM CSS STARTS ####################*/
#responsive-form{margin: 0 auto;width:100%;clear:both;}
#responsive-form .form-row{width:100%;}#responsive-form .form-row p{padding:0 !important;margin:0 !important;line-height:30px !important;}
#responsive-form .form-row p label{text-align:left !important;font-size:12px; font-weight: 500;color:#000;border:0px #000 dashed;padding:0 !important;margin:4px 0 0 0 !important;}
#responsive-form .form-row .red{color: #df3f3f !important;}

.column-half,.column-full{float: left;position: relative;padding:0.6rem !important;width:100%;height:auto;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box;border:0px #ccc dashed;}

.clearfix:after {content: "";display: table;clear: both;}


#responsive-form input, #responsive-form input.wpcf7-date, #responsive-form select, #responsive-form textarea{
    background:#fff !important;color:#000 !important;
    width:100%;
    padding: 2px 2px 2px 60px !important;margin:-10px 0 !important;
    font-size:12px; font-weight:400; border: 1px #ccc solid;color:#333;}

#responsive-form input, #responsive-form input.wpcf7-date, #responsive-form select{
    height:40px;min-height:40px;max-height:40px; }


.wpcf7 .wpcf7-textarea{
  padding-left:45px;}
.wpcf7 .form-row{ position: relative; }
.wpcf7 .form-row .fa{
  position: relative;
  color: #666666;
  z-index: 100;
  font-size: 18px;
  top: 55% !important;
  left: 8% !important;
}
.wpcf7 .form-row .fa-pencil{ top: 5%; left: 1.5%}
    .wpcf7 .form-row .far {
      position: absolute;
      color: #666666;
      z-index: 100;
      font-size: 18px;
      top: 58% !important;
      left: 8% !important;
    }

#responsive-form textarea{max-height: 160px;}
.wpcf7-not-valid-tip{font-size:12px !important;}
.wpcf7 .wpcf7-response-output{text-align:center !important;color:#df3f3f !important;}
#responsive-form .submit-btn {text-align: center !important; margin: 24px auto 10px auto !important;}
#responsive-form .submit-btn input[type=submit]{font-size: 18px;
    font-weight: 500;
    padding: 0px 80px !important;
    width: 100% !important;
    background: #368f54 !important;
    color: #fff !important;}
#responsive-form .form-row .trm-acpt span{font-size:12px;font-weight:300;line-height:12px;padding-top:4px; vertical-align:middle;}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output {
border:none;}


#responsive-form input.wpcf7-phonetext{padding-left:65px !important;}
ul.country-list{z-index: 9999 !important;background: #ffffff !important;}
ul.country-list li.country span.country-name{font-size:14px !important;font-weight:400;}
ul.country-list li.country span.dial-code{font-size:12px !important;font-weight:600;}
#responsive-form input.wpcf7-phonetext {padding-left: 100px !important;}
#responsive-form .intl-tel-input .flag-container {top: -10px !important;}
.intl-tel-input.separate-dial-code .selected-dial-code {font-size:14px !important;left:40px !important;color: #000000 !important;}
#responsive-form .form-row span.cvtype{font-size: 12px !important; font-style: italic;}

.wpcf7-not-valid-tip{position: absolute !important; font-style: italic !important;font-size:10px;}
.wpcf7-response-output, .wpcf7 .screen-reader-response ul li{font-size:10px !important;font-style: italic !important;}
/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { .column-half{width: 50%;}
}
/*############################ CUSTOM CONTACT FORM CSS ENDS ####################*/
 

.poweredby {
  width: 205px;
  height: 40px;
  background: url("img/poweredby_logicget_white_skin.svg") no-repeat center center;
  margin: 4px auto;
}







 @media (max-width: 600px) {
        .l-subheader.width_full {padding-left: 0rem !important;padding-right: 0rem !important;}
        .headertop_right i {top: -10px !important; }
        #homeSlider_forcefullwidth{margin-top: -70px !important;}
        .contactusblock-right{right: 0px !important;}
        .contactusblock-right::before {content:none !important;}
        .mission-vision-box{padding:5px !important;}

        .mission-vision-box .w-iconbox .w-iconbox-meta{vertical-align:middle;padding-top:5px;}
        

    }
   
   
   
    @media only screen and (min-device-width:428px) and (max-device-width: 768px) {
        .l-subheader.width_full {padding-left: 0rem !important;padding-right: 0rem !important;}
                      .headertop_right{float:right;top:0px;right:15px;z-index: 9999;}.headertop_right i {top: -20px !important; }


    }

@media only screen and (device-width: 768px) {
    .l-subheader.width_full {padding-left: 0rem !important;padding-right: 0rem !important;}
    /* For general iPad layouts */
  
        #homeSlider_forcefullwidth{margin-top: -70px !important;}
  }
  
  @media only screen and (min-device-width: 769px) and (max-device-width: 1024px) {
          /* For portrait layouts only */

      .l-subheader.width_full {padding-left: 0rem !important;padding-right: 0rem !important;}
       .headertop_right{top:0px;right:20px;z-index: 9999;}.headertop_right i {top: -20px !important; }
  }
  
  
 
  
  @media only screen and (min-width: 1025px) and (max-width: 1280px) {
      .l-subheader.width_full {padding-left: 0rem !important;padding-right: 0rem !important;}
     .headertop_right{right:30px;z-index: 9999;}.headertop_right i {top: -35px !important; } 
  }
  
  @media only screen and  (min-width: 1281px) and (max-width: 2100px) {
      .l-subheader.width_full {padding-left: 0rem !important;padding-right: 0rem !important;}
        .headertop_right{right:0px;z-index: 9999;}.headertop_right i {top: -35px !important; }
  }
  
  
@media (max-width: 820px) {
  :root {
     --font-size: 14px !important;
    --line-height: 22px !important;
    --font-weight: 400 !important;
    --bold-font-weight: 700 !important;
    --text-transform: none;
    --font-style: normal;
    --letter-spacing: 0.02em;
    --h1-font-size: 30px !important;
    --h1-line-height: 38px !important;
    --h1-font-weight: 700 !important;
    --h1-bold-font-weight: 700 !important;
    --h1-text-transform: none;
    --h1-font-style: normal;
    --h1-letter-spacing: 0em !important;
    --h1-margin-bottom: 1.5rem !important;
    --h2-font-size: 28px !important;
    --h2-line-height: 34px !important;
    --h2-font-weight: 200 !important;
    --h2-letter-spacing: 0em !important;
    --h2-margin-bottom: 1.5rem !important;
    --h3-font-size: 20px !important;
    --h3-line-height: 30px !important;
    --h3-font-weight: 700 !important;
    --h3-letter-spacing: 0em !important;
    --h3-margin-bottom: 1.5rem !important;
    --h4-font-size: 18px !important;
    --h4-line-height: 22px !important;
    --h4-font-weight: 600 !important;
    --h4-letter-spacing: 0em !important;
    --h4-margin-bottom: 1.5rem !important;
    --h5-font-size: 20px !important;
    --h5-line-height: 22px !important;
    --h5-font-weight: 600 !important;
    --h5-letter-spacing: 0em !important;
    --h5-margin-bottom: 1.5rem !important;
    --h6-font-size: 18px !important;
    --h6-line-height: 20px !important;
    --h6-font-weight: 600 !important;
    --h6-letter-spacing: 0em !important;
    --h6-margin-bottom: 1.5rem !important;
  }
}




.contactusblock-right::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translate(0, -50%);
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-right: 18px solid white;
  border-bottom: 15px solid transparent;
}