/* @import url('http://example.com/example_style.css'); */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');
/* font-family: 'Montserrat', sans-serif; */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

*, *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

body { margin:0; padding:0; font-family: 'Montserrat', sans-serif; font-size:18px; line-height:28px; color:#2F2F2F; font-weight:400; background:#fff; overflow-x:hidden }

img { border:0; vertical-align: top; height:auto; max-width:100%; }

hr { border:none; outline:none; float:left; width:100%; height:1px; background:#f2f2f2; clear:both; margin:30px 0; } 

.clear { clear:both }

p { padding:15px 0; margin:0; }

h1 { font-family: 'Montserrat', sans-serif; color:#002554; font-size:70px; line-height:80px; margin:0; padding:0px; font-weight:700; clear:both; }
h2 { font-family: 'Montserrat', sans-serif; color:#002554; font-size:65px; line-height:70px; margin:0; padding:0px; font-weight:700; clear:both; }
h3 { font-family: 'Montserrat', sans-serif; color:#002554; font-size:35px; line-height:40px; margin:0; padding:0px; font-weight:700; clear:both; }
h4 { font-family: 'Montserrat', sans-serif; color:#002554; font-size:25px; line-height:30px; margin:0; padding:0px; font-weight:700; clear:both; }
h5 { font-family: 'Montserrat', sans-serif; color:#002554; font-size:20px; line-height:30px; margin:0; padding:0px; font-weight:700; clear:both; }
h6 { font-family: 'Montserrat', sans-serif; color:#002554; font-size:18px; line-height:25px; margin:0; padding:0px; font-weight:700; clear:both; }

a { text-decoration:none; outline:none; color:#002554; -webkit-transition: all  0.4s ease-in-out;
  -moz-transition: all  0.4s ease-in-out;
  -o-transition: all  0.4s ease-in-out;
  -ms-transition: all  0.4s ease-in-out;
  transition: all  0.4s ease-in-out;; }
a:hover { color:#000; }

input , button , textarea, select , input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { outline:none; border:0; border-radius:3px; background:#fff; height:50px; padding:0 20px; font-family:'Opan Sans', Arial, Helvetica, sans-serif; font-size:16px; width:100%; }
input[type=checkbox] , input[type=radio] { width:auto; height:auto; } 
textarea { padding:15px 20px; height:100px; }
input[type=submit] , button { width:auto; border:none; cursor:pointer; background:url(images/blank.png) no-repeat left top #002554; background-color:#002554 font-size:17px; line-height:24px; font-weight:500; font-size:20px; padding:18px 53px; color:#fff; display:inline-block; -webkit-transition: all  0.4s ease-in-out; height: auto;
  -moz-transition: all  0.4s ease-in-out;
  -o-transition: all  0.4s ease-in-out;
  -ms-transition: all  0.4s ease-in-out;
  transition: all  0.4s ease-in-out;; }
input[type=submit]:hover , button:hover { background-color:#009ddb; }

ul.hs-error-msgs { margin:0; padding:0; list-style:none; float:left; width:100%; }
.hs-form .input { margin:0; }
.hs-form .hs-form-field { padding:0 0 15px; }
.row-fluid .hs-form fieldset.form-columns-2 .input , .row-fluid .quizcontact-form .hs-form fieldset.form-columns-1 .input { margin-right:0 }
.row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 10px }
.row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 10px 10px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px 10px }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 10px 10px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 5px 10px; }
.row-fluid .hs-form fieldset .hs-input { width:100% !important; }
.row-fluid .hs-form fieldset { max-width:none; }
.row-fluid .hs-form fieldset input[type="checkbox"], .row-fluid  .hs-form fieldset input[type="radio"] { width:auto !important; }
ul.inputs-list { margin:0; padding:5px 0; list-style:none; }

/* -----------30/11/2022--------- */
.subscribe-section .form-cover .left-part .hs-form-field:nth-child(3) { width: 100%; display: inline-block; }
.subscribe-section .form-cover .left-part .hs-form-field:nth-child(4) { width: 100%; display: inline-block;}
.row-fluid .inputs-list input[type="checkbox"] + span .hs-form-required { display: none; }
.row-fluid .inputs-list input[type="checkbox"] + span p { position: relative; padding: 2px 0 2px 0px; }
/* .row-fluid .inputs-list input[type="checkbox"] + span p:before { width: 7px; height: 7px; background: #002554; position: absolute; content: ''; left: -3px; top: 9px; border-radius: 50px; } */

.main_form_caption .inner_form_caption .caption_devide .form_in .form_inner form ul.inputs-list li.hs-form-booleancheckbox label { padding: 0; }

.row-fluid .inputs-list .hs-form-checkbox-display , .row-fluid .inputs-list .hs-form-booleancheckbox , .row-fluid .inputs-list li.hs-form-radio { display: inline-block; padding: 0 0 0 10px; position: relative; width: 100%; }
.row-fluid .inputs-list input[type="checkbox"] , .row-fluid .inputs-list input[type="radio"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 20px; height: 20px; }
.row-fluid .inputs-list input[type="radio"] { top:3px; }
.row-fluid .inputs-list input[type="checkbox"] + span { position: relative; display: inline-block; margin-left: 35px; font-size: 15px; line-height: 22px; font-weight: bold; color: #001C43; }
.row-fluid .inputs-list input[type="checkbox"] + span:before { border: 1px solid #002554; color: #fafafa; width: 15px; height: 15px; background: #e7e4e4; position: absolute; content: ''; left: -33px; top: 4px; border-radius: 0px; }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:before { background: #002554; color: #ffff; top: 4px; }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:after { text-align: center; position: absolute; left: -41px; top: 4px; content: ""; }

.row-fluid .inputs-list input[type="radio"] + span:before { position:absolute; left:-2px; top:2px;  content:''; width:20px; height:20px; border:1px solid #dadada;  background:#fafafa; border-radius:100%; }
.row-fluid .inputs-list input[type="radio"]:checked + span:after { position:absolute; left:2px; top:6px;  content:''; width:12px; height:12px; border-color:#333; background:#3333;  border-radius:100%; }
.legal-consent-container .hs-form-booleancheckbox-display p { padding: 0 !important; }

.main_title_form .inner_title_forms .form_caption form .hs-richtext { width: 100%; display: inline-block; padding-left: 45px; }
.main_title_form .inner_title_forms .form_caption form .hs-richtext p { width: 100%; display: inline-block; font-size: 15px; line-height: 22px; color: #001C43; max-width: 700px; }
.main_title_form .inner_title_forms .form_caption form .legal-consent-container { width: 100%; display: inline-block; margin: 15px 0 0 0; }



@media  (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {

  .row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 0 }
  .row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 0 10px 0 }
  .row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px  }
  .row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 0 10px 0; }
  .row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 0 10px; }

}

.row-fluid a.cta_button { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }

.hs-menu-wrapper.hs-menu-flow-horizontal ul li a:link , .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:visited { max-width: none !important; text-overflow: inherit !important; vertical-align:top; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { width:100%; }
.hs-menu-wrapper.hs-menu-flow-horizontal ul { vertical-align:top; }

.row-fluid [class*="span"] { min-height:1px; }
.header-container-wrapper .row-fluid [class*="span"] { min-height:0; }

.row-fluid .bgimg-main { background-size:cover; background-repeat:no-repeat; background-position:center center; }
.row-fluid .bg-img { display:none; }


.button a{display:inline-block; background:#009DDB; color:#fff; font-size:20px; font-weight:500; border-radius:3px; padding: 13px 38px;}
.button a:hover{background:#002554;}


/* ==========================================================================
Custom Menu Primary
========================================================================== */


 /* Set ul background color */
 /* Set li background Color */
 /* Set link Color */
 /* Set link Hover Color */

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{ 
  background:#f4f4f4;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
  background:#f4f4f4;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
  color:#002554;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
  color:#000;
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{}
.custom-menu-primary .hs-menu-wrapper > ul ul li{
  background:#f4f4f4;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
  color:#002554;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
  color:#000;
}

/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a, 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  overflow: visible !important;
  max-width: none !important;
  width: auto !important;
}

/* Fix menu disappearing on desktop after toggling mobile menu */
/* @media screen and (min-width:768px) {
.custom-menu-primary .hs-menu-wrapper { 
display:block !important;
}
} */




/* ==========================================================================
Mobile Menu - Hubspot Standard Toggle Menu
========================================================================== */


/**
* Special Note
*
* When the menu is open, a class of .mobile-open is applied to the body. You can 
* use this for custom styling on any element when the menu is in the open position.                     
*/

.mobile-trigger, .child-trigger{
  display: none; /* Hide button on Desktop */
}

@media (max-width: 767px){


  /* Variables
  ========================================================================== */

     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */

  /* 
  * Menu Reset
  *
  * Remove styling from desktop version of custom-menu-primary. Place any 
  * additional CSS you want removed from the mobile menu in this reset 
  */

  .custom-menu-primary,
  .custom-menu-primary .hs-menu-wrapper > ul,
  .custom-menu-primary .hs-menu-wrapper > ul li,
  .custom-menu-primary .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color:#ffffff;
  }


  /* Toggle Button
  ========================================================================== */

  .mobile-trigger{
    display: inline-block !important; /* Show button on mobile */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 0px;          /* Position Button at right of screen  */
    right: 10px;        /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */      
    padding: 7px 10px 8px 10px;
    background: #ffffff; /* Background color */
    border: 1px solid #000000;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #000000; 
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
    color:#ffffff;
    background-color: #000000; 
    border-color: transparent;
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
    color:#ffffff;
    background-color: #000000; 
    border-color: transparent;
  }


  /* Toggle Button Icon
  ========================================================================== */

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -4px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 22px; /* Icon line width */
    height: 2px; /* Icon line height */
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #000000; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    top: 6px; /* Position bottom line */
  }

  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
    background-color: #ffffff; /* Icon color */
  }


  /* Child Toggle Button
  ========================================================================== */

  .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
    border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  .child-trigger:hover{
    text-decoration: none;
  }
  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#ffffff; /* Icon color */
    display: block;

  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
  }


  /* Menu Styles on Mobile Devices
  ========================================================================== */  
  
  .custom-menu-primary .hs-menu-wrapper{
    background-color:#000000; /* Menu background color set off global menuColorMobile variable */
    width: 100%; /* Full screen width */
  }

  /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 22px; /* Font size of top level list items */
    line-height: 45px;
    overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
    border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 0 10px;
    color:#ffffff; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:#ffffff; /* link hover color set by global mobile-aColorHover variable */
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
    background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 16px; /* Font size of child lists */
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }


  .custom-menu-primary .hs-menu-wrapper { background-color: #f4f4f4; color: #002554; position: absolute; top: 150px; display: none; }
  .custom-menu-primary .hs-menu-wrapper>ul { background: #f4f4f4; padding: 25px 0 !important; }
  .custom-menu-primary .hs-menu-wrapper > ul li a { color: #002554; }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover { color: #000; }
  .child-trigger i { color: #002554; background-color: #002554; }
  .child-trigger i:after { color: #002554; background-color: #002554; }
  .custom-menu-primary .hs-menu-wrapper>ul>li a { font-size: 16px; line-height: 24px; }
  .header-section .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { font-size: 16px; line-height: 24px; color: #002554; }
  .mobile-open .mobile-trigger { color: #fff !important; background-color: #002554 !important; border-color: transparent !important; margin-top: 40px !important; }
  .mobile-trigger { color: #fff !important; background-color: #002554 !important; border-color: transparent !important; margin-top: 40px !important; border: 1px solid #002554 !important; }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after { background-color: #fff; }
}





/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { outline:none; position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline:none; }
[dir='rtl'] .slick-slide { float: right; } 
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

.slick-arrow { cursor:pointer; z-index:5; position:absolute; top:50%; margin-top:-17.5px; display:inline-block; color:#fff; background:#333; width:35px; height:35px; font-size:0; text-index:-9999; cursor:pointer; }
.slick-arrow:before { font-family:'FontAwesome'; font-size:14px; }
.slick-arrow:hover { background:#fff; color:#000;  }
.slick-arrow.slick-prev { left:5px; }
.slick-arrow.slick-prev:before { content: "\f104"; }
.slick-arrow.slick-next { right:5px; }
.slick-arrow.slick-next:before { content: "\f105"; }
.slick-arrow.slick-disabled { display:none; }

ul.slick-dots { margin:0; padding:0; list-style:none; float:left; width:100%;}
ul.slick-dots { text-align:center; padding:10px 0 0; }
ul.slick-dots li { display:inline-block; padding:0 5px; }
ul.slick-dots li button { display:inline-block; background:#fff;  width:15px; height:15px; border-radius:100%; font-size:0; text-index:-9999; cursor:pointer; padding:0;}
ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:#009DDB; }

.row-fluid .container { margin:0 auto !important; max-width:1200px; width:100%; float:none !important; padding:0px 15px;} 



/*-- Header Section Start--*/
.header-section { width: 100%; display: inline-block; vertical-align: top; padding: 40px 0px 0px; }
.header-section .left-part img { width: 201px; }
.header-section .right-part { text-align: right; }
.header-section .right-part ul { list-style: none; padding: 0; margin: 0; }
.header-section .right-part ul li { display: inline-block; }
.header-section .right-part .header-social { width: 100%; display: inline-block; vertical-align: top; padding-top: 0; padding-bottom: 5px; }
.header-section .right-part .header-social ul li { padding-left: 30px; }
.header-section .right-part .header-social ul li a:hover { color: #009ddb; }
.header-section .right-part .header-menu ul li { padding: 0 10px; position: relative; }
.header-section .right-part .header-menu ul li:before { content: ' '; top: 6px; left: -3px; position: absolute; background: #002554; height: 15px; width: 1px; }
.header-section .right-part .header-menu ul li a { font-size: 16px; }
.header-section .right-part .header-menu ul li:last-child { padding-right: 0; }
.header-section .right-part .header-menu ul li:first-child:before { display: none; }
.header-section .right-part .header-menu ul li a:hover { color: #009ddb; }
.header-section .right-part input, button, textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { background: #f4f4f4; margin-top: 12px; }
/*-- Header Section End--*/

/*-- Menu Css Start --*/
.header-section .hs-menu-wrapper ul { padding: 0; }
.header-section .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; }
.header-section .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; margin-bottom: 20px; }
.header-section .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before { content: " "; display: table; }
.header-section .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { content: " "; display: table; clear: both; }
.header-section .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; }
.header-section .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; overflow: hidden; text-overflow: ellipsis; text-decoration: none; }
.header-section .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; }
.header-section .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; }
.header-section .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; }
.header-section .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 180px; top: 0; }
.header-section .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; }
.header-section .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-bottom: 0; }
.header-section .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; margin-bottom: 20px; min-height: 7em; }
.header-section .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul { margin-bottom: 0; }
.header-section .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children { position: static; }
.header-section .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; }
.header-section .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; }
.header-section .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; }
.header-section .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; }
.header-section .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li { float: left; }
.header-section .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; width: auto; overflow: hidden; text-overflow: ellipsis; text-decoration: none; }
.header-section .hs-menu-wrapper.hs-menu-flow-vertical { width: 100%; }
.header-section .hs-menu-wrapper.hs-menu-flow-vertical ul { list-style: none; margin: 0; }
.header-section .hs-menu-wrapper.hs-menu-flow-vertical li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; }
.header-section .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 20px; }
.header-section .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { width: auto; }
.header-section .hs-menu-wrapper.hs-menu-flow-vertical > ul li a { padding: 10px 40px; text-decoration: none; }
.header-section .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children { position: relative; }
.header-section .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; top: 0; left: 180px; }
.header-section .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; }
.header-section .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a { min-width: 140px; width: auto; }
.header-section .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul { max-width: 100%; overflow: hidden; }
.header-section .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; }
.header-section .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; position: static; }
.header-section .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a { padding-left: 4em; }
.header-section .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a { padding-left: 6em; }
.header-section .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a { padding-left: 8em; }
.header-section .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a { padding-left: 140px; }
.header-section .hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); }

/*29/11/2022  */

/*----Header-------*/
.hs-menu-wrapper { width: 100% !important; display: inline-block !important; }
/* .hs-menu-wrapper ul { width: 100%; display: flex !important; align-items: center; justify-content: space-around; } */
.hs-search-field:before { position: absolute; content: "\f002"; font-family: 'FontAwesome'; font-size: 19px; top: 12px; right: 0; font-weight: 100; background: #009DDB; padding: 11px 15px; line-height: 29px; color: #fff; cursor: pointer; }
.header-rating .rating-wrap h6{ margin-top: 40px; text-align: center;}
.header-rating .rating-wrap .rating { margin-top: 0px; }





@media (max-width:568px) {
  .header-section .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; }
  .header-section .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; display: block; }
  .header-section .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; }
  .header-section .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; }
  .header-section .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: block; max-width: 100%; width: 100%; }
}
.header-section .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; }


.header-section .main-menu-wrap { width: 100%; display: inline-block; text-align: center; background-color: #f4f4f4; color: #002554; font-size: 16px; font-weight: 700; margin-top: 20px; }
.header-section ul.hs-menu-children-wrapper { background-color: #f4f4f4; display: block; }
.header-section .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li { background-color: #f4f4f4; display: block; }

/*-- Menu Css Stop --*/

/* -- Hero Section -- */
.hero-section {position: relative; width: 100%; display: inline-block; vertical-align: top; padding: 180px 0px 0; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.hero-section .hero-slider:before {content: ' ';top: auto;left: 0;background: #009DDB;height: 15px;width: 160px;bottom: -15px;z-index: 11;position: absolute;}
.hero-section .cover { max-width: 870px; width: 100%; }
.hero-section .hero-slider h1 { font-size: 70px; color: #fff; margin-bottom: -38px; position: relative; padding-left: 25px; }
.hero-section .hero-slider  .content { width: 100%; display: inline-block; vertical-align: top; /*background: #002554;*/ color: #fff; font-weight: 600; padding: 55px 30px 20px; }
.hero-section ul.slick-dots { padding: 0; position: absolute; bottom: 20px; text-align: right; padding-right: 30px; }

/*29/11/2022  */
/* -- Hero Section -- */
.hero-section:before { position: absolute; content: ''; width: 100%; height: 100%; background: rgb(0 0 0 / 31%); top: 0; left: 0; right: 0; bottom: 0; }
.box .banner-cta { width: 100%; display: inline-block; margin-bottom: 80px; margin-left: 30px; position: relative; }
.box .banner-cta a { color: #fff; font-size: 16px; background: #009DDB; padding: 15px 30px 15px 15px; position: relative; transition: all 0.3s; }
.box .banner-cta a:before { position: absolute; content: "\f105"; font-family: 'FontAwesome'; right: 11px; font-size: 24px; top: 10px; bottom: 0; }
.box .banner-cta a:hover { background: #002554; }



/* -- Service Section -- */
.service-section { width: 100%; display: inline-block; vertical-align: top; padding: 70px 0px; }
.service-section .wrap { width: calc(100% + 20px); float: left; margin: 0 -10px; }
.service-section .wrap .box { width: calc(100% / 3 - 20px); float: left; background: #F9F9F9; padding: 40px; margin: 0 10px 20px; }
/* .service-section .box:nth-child(even) { background: #F4F4F4; } */
.service-section .box .tag { width: auto; display: inline-block; padding-bottom: 30px; }
.service-section .box .tag a { display: inline-block; color: #fff; font-weight: 700; font-size: 13px; background: #002554; border-radius: 3px; padding: 1px 12px;}
.service-section .box .tag a:hover { background: #009ddb; }
.service-section .box  h3 { font-size: 25px; line-height: 30px; }
.service-section .box .content { width: 100%; display: inline-block; vertical-align: top; font-weight: 500; }
.service-section .box .button { width: 100%; display: inline-block; vertical-align: top; padding-top: 20px; position: relative;}
.service-section .in-cover{ width:100%; display:inline-block; }

/*29/11/2022  */
.service-section .box .button a { background: transparent; color: #000; font-size: 16px; text-transform: capitalize; padding: 0; text-decoration: underline; position: relative; }
.service-section .box .button a:before { position: absolute; content: "\f105"; font-family: 'FontAwesome'; right: -13px; font-size: 16px; }


/* -- Story Section -- */
.story-section { width: 100%; display: inline-block; vertical-align: top; }
.story-section h4 { text-align: center; position: relative; }
.story-section h4 span { background: #fff; display: inline-block; font-weight: 700; font-size: 20px; padding: 0 15px; }
.story-section h4:before { content: ' '; top: 16px; left: 0; width: 100%; height: 1px; position: absolute; background-color: #eaeaea; z-index: -1; }
.story-section h4:after { content: ' '; top: 16px; width: 220px; height: 1px; position: absolute; background-color: #ffffff; z-index: -1; transform: translate(-193px, 0px); }
.story-section .top-strip { width: 100%; display: flex; padding-top: 25px; align-items: center; padding-bottom: 30px; }
.story-section .top-strip .left { width: 75%; float: left; padding-right: 30px; }
.story-section .top-strip .right { width: 25%; float: left; text-align: right; }
.story-section .top-strip .left h2 { font-size: 35px; line-height: 40px; }
.story-section .top-strip .left .content { font-weight: 500; }
.story-section .story-wrap { width: calc(100% + 20px); display: flex; vertical-align: top; justify-content: flex-start; flex-wrap: wrap; align-items: flex-start; margin: 0 -10px; }
.story-section .box { width: calc(100% / 3 - 20px); float: left; height: 300px; background-repeat: no-repeat; background-position: center center; background-size: cover; display: flex; align-items: center; justify-content: center; margin: 0 10px 30px 10px; }
.story-section .box img { width: 84px; height: 84px; transition: all 0.5s; }
.story-section .box a:hover img { transform: scale(1.1); }

/*29/11/2022  */

/* -- Story Section -- */
.story-section .top-strip .right .button a { background: #002554; }
.story-section .top-strip .right .button a:hover { background: #009DDB; }
.service-section .wrap .box .button_style { width: 100%; display: inline-block; }
.service-section .wrap .box .button_style a {text-transform: inherit; position: relative;transition: all 0.3s;text-decoration: none; display: inline-block; background: #009DDB; color: #fff; font-size: 20px; font-weight: 500; border-radius: 3px; padding: 13px 42px 13px 26px; }
.service-section .wrap .box .button_style a:hover { background: #002554; }
.service-section .wrap .box .button_style a:before { position: absolute; content: "\f105"; font-family: 'FontAwesome'; right: 18px; font-size: 26px; }



/* -- Guide Section -- */
.guide-section { display: inline-block; vertical-align: top; width: 100%; padding: 15px 0px 40px; }
.guide-section h2 { text-align: center; padding-bottom: 50px; }
.guide-section .cover { width: 100%; display: inline-block; vertical-align: top; background-repeat: no-repeat; background-size: 100% 620px; background-position: 50px 50px; }
.guide-section .form-box { max-width: 500px; width: 100%; background: #F9F9F9; padding: 34px; }
.guide-section .form-box h3.title { font-size: 25px; line-height: 30px; padding-bottom: 30px; }
.guide-section .form-box label.hs-error-msg { color: red; font-size: 12px; }
.guide-section .form-box .hs-submit { width: 100%; display: inline-block; vertical-align: top; text-align: right; padding-top: 15px; }
.hs_error_rollup { display: none; }
.guide-section .guide-wrap { width: 100%; display: inline-block; vertical-align: top; padding-top: 70px; }
.guide-section .guide-wrap .left-part { width: 45%; float: left; padding-top: 180px; padding-right: 70px; }
.guide-section .guide-wrap .right-part { width: 55%; float: left; background: #009DDB; padding: 30px 30px 40px 60px; }
.guide-section .guide-wrap .right-part h3 { color: #fff; }
.guide-section .guide-wrap .right-part .content { color: #fff; font-weight: 500; }
.guide-section .guide-wrap .right-part .content p { padding-bottom: 0; }
.guide-section .guide-wrap .right-part .button { width: 100%; display: inline-block; vertical-align: top; padding-top: 25px; text-align: right; }
.guide-section .guide-wrap .right-part .button a { background: #fff; color: #009ddb; }
.guide-section .guide-wrap .right-part .button a:hover { background: #002554; color: #fff; }
.guide-section .guide-wrap .left-part h5 { text-align: right; font-size: 35px; line-height: 40px; position: relative; padding-top: 50px; max-width: 370px; width: 100%; float: right; }
.guide-section .guide-wrap .left-part h5:before { content: ' '; top: 0; left: auto; right: 0; position: absolute; background: #009ddb; height: 15px; width: 160px; }


.guide-section .form-box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #CCCCCC; font-style:italic;
}
.guide-section .form-box input::-moz-placeholder { /* Firefox 19+ */
  color: #CCCCCC; font-style:italic;
}
.guide-section .form-box input:-ms-input-placeholder { /* IE 10+ */
  color: #CCCCCC; font-style:italic;
}
.guide-section .form-box input:-moz-placeholder { /* Firefox 18- */
  color: #CCCCCC; font-style:italic;
}

/* -- Content Box Section -- */

/* .content-box-section { width: 100%; display: inline-block; vertical-align: top;}
.content-box-section .in-outer-wrap{ width: 100%; display: inline-block; padding: 30px 0px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
.content-box-section .box { width: calc(100% / 3); float: left; background: #F9F9F9; padding: 40px; }
.content-box-section .box:nth-child(even) { background: #F4F4F4; }
.content-box-section .box  h3 { font-size: 25px; line-height: 30px; }
.content-box-section .box .content { width: 100%; display: inline-block; vertical-align: top; font-weight: 500; }
.content-box-section .box .button { width: 100%; display: inline-block; vertical-align: top; padding-top: 20px; }
.content-box-section .in-cover{ width:100%; display:inline-block; }
*/


/* -- Subscribe Section -- */

.subscribe-section { width: 100%; display: inline-block; vertical-align: top; padding: 20px 0px; }
.subscribe-section h6 { color: #2F2F2F; font-weight: 500; padding: 10px 0px 20px; }
.subscribe-section .form-cover { width: 100%; display: inline-block; vertical-align: top; position: relative;}
.subscribe-section .form-cover .hs-form-field input { background: #F9F9F9; height: 60px; margin-top: 0; }
.subscribe-section .form-cover .left-part { width: calc(100% - 210px); float: left; padding-right: 11px; }
.subscribe-section .form-cover .hs-submit { width: 210px; float: left; text-align: right; padding-left: 5px; position: absolute; top: 0; right: 0;}
.subscribe-section .form-cover .left-part .hs-form-field { width: 50%; float: left; }
.subscribe-section .form-cover .left-part .hs-form-field:first-child { padding-right: 8px; }
/* .subscribe-section .form-cover .left-part .hs-form-field:last-child { padding-left: 8px; } */
.subscribe-section .form-cover .hs-form-field label.hs-error-msg { color: red; font-size: 12px; }
.submitted-message { font-weight: 700; }
.subscribe-section .inside-cover {width: 100%;display: inline-block;vertical-align: top;border-bottom: 1px solid #eaeaea;padding-bottom: 15px;}

.subscribe-section .form-cover .hs-richtext { width: 100%; display: inline-block; position: relative; padding-left: 11px; }
.subscribe-section .form-cover .hs-richtext:before { position: absolute; content: "*"; top: 15px; left: 0;}

/* -- Footer Section -- */

.row-fluid .footer-section { width: 100%; display: inline-block; vertical-align: top; padding: 15px 0px 40px; }
.row-fluid .footer-section .left-part img { width: 201px; }
.row-fluid .footer-section .right-part { text-align: right; }
.row-fluid .footer-section .right-part ul { list-style: none; padding: 0; margin: 0; }
.row-fluid .footer-section .right-part ul li { display: inline-block; }
.row-fluid .footer-section .right-part .footer-social { width: 100%; display: inline-block; vertical-align: top; padding-top: 35px; padding-bottom: 5px; }
.row-fluid .footer-section .right-part .footer-social ul li { padding-left: 30px; }
.row-fluid .footer-section .right-part .footer-social ul li a:hover { color: #009ddb; }
.row-fluid .footer-section .right-part .footer-menu ul li { padding: 0 10px; position: relative; }
.row-fluid .footer-section .right-part .footer-menu ul li:before { content: ' '; top: 6px; left: -3px; position: absolute; background: #002554; height: 15px; width: 1px; }
.row-fluid .footer-section .right-part .footer-menu ul li a { font-size: 16px; }
.row-fluid .footer-section .right-part .footer-menu ul li:last-child { padding-right: 0; }
.row-fluid .footer-section .right-part .footer-menu ul li:first-child:before { display: none; }
.row-fluid .footer-section .right-part .footer-menu ul li a:hover { color: #009ddb; }

.row-fluid .footer-v2-section { width: 100%; display: inline-block; vertical-align: top; padding: 40px 0px 20px; }
.row-fluid .footer-v2-section  h3 { font-size: 24px; }
.row-fluid .footer-v2-section .footer-menu ul { margin: 0; padding: 0; list-style: none; }
.row-fluid .footer-v2-section .footer-menu ul li a { display: inline-block; padding-bottom: 4px; }
.row-fluid .footer-v2-section .footer-menu ul li a:hover { color: #009ddb; }
.row-fluid .footer-v2-section .footer-address p { padding-top: 3px; color: #002554; }
.row-fluid .footer-v2-section .right-side ul { list-style: none; padding: 0; margin: 0; text-align: right; }
.row-fluid .footer-v2-section .right-side ul li { display: inline-block; padding-left: 20px; }
.row-fluid .footer-v2-section .right-side ul li a { font-size: 25px; }
.row-fluid .footer-v2-section .right-side ul li a:hover { color: #009ddb; }
.row-fluid .footer-v2-section .footer-address { padding-left: 35px; }
.row-fluid .footer-v2-section .copyright { padding-top: 40px; }
.row-fluid .footer-v2-section .copyright p,
.row-fluid .footer-v2-section .copyright a { color: #2f2f2f; font-size: 17px; }
.row-fluid .footer-v2-section .copyright a:hover { color: #009ddb; }
.row-fluid .footer-v2-section .footer-address a:hover { color: #009ddb; }

/* ------Blog-pages-------css------start--- */

.span12.widget-span.widget-type-custom_widget.title_blog.title_blog{width:100%; float:left; display:inline-block; display: block !important; padding-bottom: 0px;  padding-top: 70px; }
.blog-section{ /*margin-top:15px; */ width: 100%; float: left; display: inline-block; border-bottom: 1px solid #dcdada;}
.blog-section .post-item{width:47.4%; float:left; display:inline-block; margin: 0px 15px 30px 15px;  border: 2px solid #e5e5e5; min-height: 672px; background:transparent;}
.blog-section .post-item .hs-featured-image-wrapper a{display:block;}
.blog-section .post-item .hs-featured-image-wrapper .hs-featured-image { float: none; margin: 0 0 20px 0px; max-width: 100%;height: 350px; object-fit: cover;width: 100%;}
.blog-section .post-item .post-header{width:100%; display:inline-block; padding:0px 30px 30px 30px;}
.blog-section .post-item .post-header p:first-child{  cursor:pointer;  display: inline-block; padding: 5px 15px 10px 15px;  background: #002554; line-height: 16px; margin: 15px 0px 20px 0px;}
.blog-section .post-item .post-header p:first-child a{color: #fff; font-size: 13px; font-weight: 700; text-transform: uppercase;}
.blog-section .post-item .post-header h2{font-size: 23px;  line-height: 30px; display: inline-block; }
.blog-section .post-item .post-header .date-text { text-transform: capitalize;
  font-size: 16px;
  font-weight: 500; }
.blog-section .post-item .post-header p{font-size: 16px;  line-height: 20px; color: #2f2f2f;}
.blog-section .post-item .post-header a.more-link{font-size: 20px; line-height: 26px; font-weight: 500; background: #009ddb; display: inline-block;  color: #fff; padding: 10px 45px 20px 45px;  border-radius: 4px;}
.blog-section .post-item .post-header a.more-link:hover{opacity:.8; transition:.3s all;}
.blog-section .blog-pagination{display:none !important;}

.section.post-body h2 { font-family: 'Montserrat',sans-serif; color: #002554; font-size: 25px; line-height: 30px; margin: 0; padding: 0px; font-weight: 700; clear: both; }
body.hs-content-id-45448995154.hs-blog-post.hs-blog-id-44585056769 .main_sib_text{display:none !important;}

/* ------Blog-pages-------css------End--- */

/* ------Blog-pages---delails----css------start--- */

.blog_tip {  width: 100%; float: left;  display: inline-block;  /* margin-top: 45px; */ }
.blog_tip .main_tip_caption {width: 100%; float: left; display: inline-block; padding: 20px 0px; border-top: 2px solid #dcdada !important;}
.blog_tip .main_tip_caption.frist{border-top: 0 !important;}
.blog_tip .main_tip_caption p.tip_title{background: #002554; color: #fff; display: inline-block; padding: 8px 20px; font-size: 16px; font-weight: 500;line-height: 20px;  border-radius: 4px; margin: 15px 0px;}
.blog_tip .main_tip_caption p{font-size: 18px; font-weight: 500; line-height: 30px;}
.blog_tip .main_tip_caption p a{font-weight: 600;}
.blog_tip .main_tip_caption.bg_tip{border-top: 0 !important; position:relative;background: #fff;  max-width: 65%;}
.blog_tip .main_tip_caption.bg_tip .in_bg_tip{width: 100%; position: absolute; z-index: 999; background: #fff;  top: 28px; padding-right: 65px; padding-bottom: 20px;}
.blog_tip .main_tip_caption.nxt{border-bottom:2px solid #dcdada;}

.blog_tip img{margin-top: 35px;}
.blog_tip .main_tip_caption.bg_tip_second{border-top: 0 !important; position:relative;background: #009ddb; float: right; max-width: 79%;}
.blog_tip .main_tip_caption.bg_tip_second .in_bg_tip{width: 100%; position: absolute; z-index: 999; background: #009ddb;  bottom: -165px;right: 0; padding: 30px 30px 20px 30px; }
.blog_tip .main_tip_caption.bg_tip_second .in_bg_tip h4{color:#fff;}
.blog_tip .main_tip_caption.bg_tip_second .in_bg_tip p{color:#fff;}
.blog_tip .main_tip_caption.space{padding-top: 170px;border-top: 0 !important;}

/* ------Blog-pages---delails----css------End--- */



/*=======================================================================
=======================Pro-Formula-Css-Start===========================
=====================================================================*/

/*===========Rich-Text-Box-Start===============*/
.rich-text { width: 100%; display: inline-block; vertical-align: middle; }
.rich-text p { font-size: 18px; font-weight: 700; color: #2f2f2f; padding-top: 0; }
/*===========Rich-Text-Box-End=================*/

/*===========Single-Line-Header-Start==========*/
.header { width: 100%; display: inline-block; vertical-align: middle; text-align: center; text-transform: uppercase; margin-bottom: 20px; }

.header h1 { font-size: 50px; font-weight: 400; line-height: 72px; margin: 0; padding: 0px; }
.header h1:before { content: ""; width: 21%; height: 2px; background-color: #8a91a3; display: inline-block; vertical-align: middle; margin-right: 14px; }
.header h1:after { content: ""; width: 21%; height: 2px; background-color: #8a91a3; display: inline-block; vertical-align: middle; margin-left: 14px; }

.header h2 { font-size: 42px; font-weight: 400; line-height: 70px; margin: 0; padding: 0px; }
.header h2:before { content: ""; width: 24%; height: 2px; background-color: #8a91a3; display: inline-block; vertical-align: middle; margin-right: 19px; }
.header h2:after { content: ""; width: 24%; height: 2px; background-color: #8a91a3; display: inline-block; vertical-align: middle; margin-left: 19px; }

.header h3 { font-size: 36px; font-weight: 400; line-height: 58px; margin: 0; padding: 0px; }
.header h3:before { content: ""; width: 28%; height: 2px; background-color: #8a91a3; display: inline-block; vertical-align: middle; margin-left: 23px; }
.header h3:after { content: ""; width: 28%; height: 2px; background-color: #8a91a3; display: inline-block; vertical-align: middle; margin-left: 23px; }

.header h4 { font-size: 34px; font-weight: 400; line-height: 48px; margin: 0; padding: 0px; }
.header h4:before { content: ""; width: 29%; height: 2px; background-color: #8a91a3; display: inline-block; vertical-align: middle; margin-left: 25px; }
.header h4:after { content: ""; width: 29%; height: 2px; background-color: #8a91a3; display: inline-block; vertical-align: middle; margin-left: 25px; }

.header h5 { font-size: 28px; font-weight: 400; line-height: 42px; margin: 0; padding: 0px; }
.header h5:before { content: ""; width: 32%; height: 2px; background-color: #8a91a3; display: inline-block; vertical-align: middle; margin-left: 28px; }
.header h5:after { content: ""; width: 32%; height: 2px; background-color: #8a91a3; display: inline-block; vertical-align: middle; margin-left: 28px; }

.header h6 { font-size: 24px; font-weight: 400; line-height: 36px; margin: 0; padding: 0px; }
.header h6:before { content: ""; width: 35%; height: 2px; background-color: #8a91a3; display: inline-block; vertical-align: middle; margin-left: 19px; }
.header h6:after { content: ""; width: 35%; height: 2px; background-color: #8a91a3; display: inline-block; vertical-align: middle; margin-left: 19px; }
/*===========Single-Line-Header-End============*/


/*=================Video-Start=================*/
.video-caption .row-fluid { width: 100%; display: flex; align-items: center; padding-bottom: 20px; }
.video { width: 100%; display: inline-block; vertical-align: middle; }
.video button.oembed_custom-thumbnail { border-radius: 10px; }
.video-caption p { width: 100%; font-size: 18px; font-weight: 500; line-height: 34px; }



/*=================Video-End===================*/




/*=====================================================================
=======================Pro-Formula-Css-End===========================
=====================================================================*/


.main_form_caption .inner_form_caption .caption_devide .form_in .form_inner input[type="submit"] { -webkit-appearance: none; }
.span12.widget-span.widget-type-custom_widget.title_blog.title_blog{ display: none !important; }
.main_form_caption .inner_form_caption .caption_devide .form_in .form_inner form .hs-submit { display: inline-block;}
.main_form_caption .inner_form_caption .caption_devide .image_in .content-image_in { width: 100%; display: inline-block; margin-top: 75px; }
.main_form_caption .inner_form_caption .caption_devide .image_in .content-image_in p { width: 100%; display: inline-block; padding: 0 40px 15px; text-align: left; border-left: 2px solid #ccc; font-weight: 500; color: #000; }

@media (min-width:992px) and (max-width:1001px) {
  .header-rating .rating-wrap h6 { font-size: 14px; }
}

@media (min-width:768px) and (max-width:991px) {
  .header-rating .rating-wrap h6 { font-size: 12px; line-height: 20px; }
  .header-rating .rating-wrap .rating .rating-inner img.icon-img { width: 20px; height: 20px; }
  .header-rating .rating-wrap .rating .rating-inner .caption { font-size: 14px; display: inline-block; vertical-align: top; margin-top: -4px; }
  .header-rating .rating-wrap .rating .rating-inner img.rating-img { height: 18px; width: 65px; }
  input, button, textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { height: 45px; }
}


@media (max-width:1199px){

  .story-section .top-strip .left { width: 70%; }
  .story-section .top-strip .right { width: 30%; }
  .guide-section h2 { font-size: 45px; line-height: 60px; }

  .blog-section .post-item{   width: 46.8%; min-height: 702px;} 
  .span12.widget-span.widget-type-custom_widget.title_blog.title_blog{padding-top:45px;}

  .main_clen_text_image .inner_clen_text_image .text_caption p { color: #fff; padding-right: 0px; font-size: 16px;}

  .row-fluid .footer-v2-section h3 {  line-height: 30px; padding-bottom: 5px; font-size: 20px;}
  .row-fluid .footer-v2-section .footer-menu ul li a{ font-size: 17px;}
  .row-fluid .footer-v2-section .footer-address p{font-size:17px;}
  .row-fluid .footer-v2-section h3{font-size: 20px;}

}



@media (max-width:991px){

  .hero-section .hero-slider h1 { font-size: 59px; line-height: 63px; }
  .service-section .wrap .box { width: calc(100% / 1); margin: 0 0 20px;}
  .service-section { padding: 70px 0px 50px; }
  .story-section .top-strip .left { width: 100%; }
  .story-section .top-strip .right { width: 100%; text-align: left; padding-top: 20px; }
  .story-section .top-strip { flex-direction: column; }
  .story-section .top-strip .left h2 { padding-bottom: 15px; }
  .guide-section h2 { font-size: 38px; line-height: 50px; }
  .guide-section .guide-wrap .left-part h5 { font-size: 26px; line-height: 34px; }
  .guide-section .guide-wrap .right-part { padding: 30px 30px 40px 30px; }
  .content-box-section .box { width: calc(100% / 1); }
  .row-fluid .footer-section .right-part .footer-social { padding-top: 0; }
  .service-section .box .button { padding-top: 10px; }
  .content-box-section .box .button { padding-top: 10px; }

  .blog-section .post-item{width:100%; min-height:auto; margin: 0px 0px 30px 0px;}  
  .blog-section .post-item .post-header h2{min-height:auto;}
  .hero-section.blog .hero-slider .box h2{font-size:35px;}


  .blog_tip .main_tip_caption p { font-size: 16px; font-weight: 500; line-height: 24px;}
  .main_clen_text_image .inner_clen_text_image .text_caption{width:100%;}
  .main_clen_text_image .inner_clen_text_image .image_caption{width:100%;    text-align: center; padding-top: 5px;}

  .main_clen_text_image .inner_clen_text_image .image_caption img {
    width: 100%;
    display: inline-block;
    padding: 0;
    object-fit: cover;
    object-position: center;
    height: 100%;
  }

  .main_clen_text_image .inner_clen_text_image .image_caption {
    padding: 0;
  }

  .row-fluid .footer-v2-section .copyright { padding-top: 22px; }
  .row-fluid .footer-v2-section .right-side { width: 140px; margin: 0; }
  .row-fluid .footer-v2-section .center { width: calc(100% - 140px); margin: 0; }
  .row-fluid .footer-v2-section .left-side { width: 100%; padding-bottom: 30px; }


  .hs-search-field:before { padding: 8px 15px; }



}


@media (max-width:767px){

  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { width: 100%; position: relative; }
  .header-section .right-part { text-align: left; } 
  .header-section .right-part .header-social ul li { padding-left: 15px; }  
  .header-section .right-part .header-social ul li:first-child { padding-left: 0; }
  .hero-section .hero-slider h1 { font-size: 49px; line-height: 55px; }
  .hero-section { padding: 160px 0px 0; }
  .hero-section .hero-slider .content p { font-size: 16px; }  
  .service-section { padding: 60px 0px 50px; }
  .story-section .top-strip .left h2 { font-size: 28px; line-height: 36px; }
  .story-section .box { width: calc(100% / 2 - 20px);}
  .guide-section h2 { font-size: 32px; line-height: 41px; padding-bottom: 30px; }
  .guide-section .cover { background-image: inherit !important; }
  .guide-section .guide-wrap { padding-top: 0; }
  .guide-section .guide-wrap .left-part { width: 100%; padding: 10px 0 30px; }
  .guide-section .guide-wrap .right-part { width: 100%; }
  .guide-section .guide-wrap .right-part .button { text-align: left; }
  h3 { font-size: 27px; line-height: 36px; }
  .subscribe-section .form-cover .left-part { width: 100%; padding-right: 0; }
  .subscribe-section .form-cover .hs-submit { width: 100%; text-align: center; padding-left: 0; position: unset; }
  .row-fluid .footer-section .left-part { text-align: center; }
  .subscribe-section .inside-cover { padding-bottom: 35px; }
  .row-fluid .footer-section .right-part { text-align: center; padding-top: 22px; }
  .row-fluid .footer-section .right-part .footer-social ul li:first-child { padding-left: 0; }
  .guide-section .form-box {max-width: 100%;}

  .hero-section.blog .hero-slider .box h2 {  font-size: 35px; line-height: 45px;}
  .blog-section .post-item .hs-featured-image-wrapper .hs-featured-image{height:280px;}

  .blog_tip .main_tip_caption{ padding:15px 0px 0 0;}
  .blog_tip .main_tip_caption.bg_tip{max-width:100%;}
  .blog_tip .main_tip_caption.bg_tip .in_bg_tip{ position: inherit; padding-right: 0px;  padding-bottom: 0px;}
  .blog_tip .main_tip_caption.bg_tip_second{max-width:100%;position: inherit; background: #fff; float: left;margin-top: 15px;}
  .blog_tip .main_tip_caption.bg_tip_second .in_bg_tip{ position: inherit; margin-bottom: 10px }
  .blog_tip .main_tip_caption.space { padding-top: 10px; border-top: 0 !important;}
  .main_clen_text_image{padding-top:30px;}

  .hero-section .hero-slider h1 { /*background: #002554;*/ font-size: 30px; line-height: 40px; padding-top: 20px; }
  .hero-section .hero-slider .content {  padding: 40px 30px 60px; }
  .hero-section.blog .hero-slider .box h1 {  font-size: 28px;  line-height: 40px; padding: 20px 15px 0px 15px;}
  .hero-section.blog .hero-slider .box .content {  padding: 15px; }
  .section.post-body h2 {word-break: break-word;}

  .main_sib_text .inner_sib_text .left_lext{ width: 100%; }
  .main_sib_text .inner_sib_text .right_lext { width: 100%; text-align: right;}

  .main_sib_text .inner_sib_text { display: flex; flex-direction: column-reverse; }
  .main_sib_text .inner_sib_text .right_lext {  padding: 20px 0 0 0; }
  .main_title_text .inner_title_text { display: flex; flex-direction: column-reverse; }
  .main_title_text .inner_title_text .right_caption {  padding: 0 0 15px 0; }
  .hero-section .hero-slider:before { display: none; }

  .row-fluid .footer-v2-section .copyright { padding-top: 10px; }
  .row-fluid .footer-v2-section .right-side ul { text-align: center; padding-top: 14px; }
  .row-fluid .footer-v2-section .right-side { width: 100%; }
  .row-fluid .footer-v2-section .footer-menu { padding-bottom: 20px }
  .row-fluid .footer-v2-section .center { width: 100%; }
  .row-fluid .footer-v2-section { text-align: center; padding: 40px 0px 10px; }
  .row-fluid .footer-v2-section .footer-address{ padding-left: 0;}
  .row-fluid .footer-v2-section .copyright p, .row-fluid .footer-v2-section .copyright a{font-size: 15px;}
  .row-fluid .footer-v2-section .footer-menu ul li a { font-size: 16px; padding-bottom: 2px;}

  .hs-search-field:before { padding: 11px 15px; }

}


@media (max-width:480px){

  /* .hero-section .hero-slider h1 { font-size: 40px; line-height: 45px; } */
  .hero-section .hero-slider .content { padding: 55px 20px 60px; }
  .hero-section .hero-slider .content p { font-size: 14px; }
  .service-section .box { padding: 30px; }
  .story-section .top-strip .left h2 { font-size: 25px; line-height: 32px; }
  .button a { padding: 12px 30px; }
  .guide-section h2 { font-size: 28px; line-height: 37px; }
  .guide-section .form-box { padding: 30px 24px; }
  .guide-section .guide-wrap .right-part .button a { padding: 12px 23px; }
  .content-box-section .box { padding: 30px; }
  .content-box-section .box h3 { word-break: break-word; }
  .subscribe-section .form-cover .left-part .hs-form-field { width: 100%; }
  .subscribe-section .form-cover .left-part .hs-form-field:first-child { padding-right: 0; }
  .subscribe-section .form-cover .left-part .hs-form-field:last-child { padding-left: 0; }
  .row-fluid .footer-section .right-part .footer-menu ul li { padding: 0 7px; }
  .guide-section .form-box h3.title { font-size: 23px; line-height: 31px; }

  .hero-section.blog .hero-slider .box h2 { font-size: 26px; line-height: 34px; padding-bottom: 15px;}
  .blog-section .post-item .hs-featured-image-wrapper .hs-featured-image { height: 210px;}
  .blog-section .post-item .post-header a.more-link{padding: 10px 30px 10px 30px; font-size: 18px; line-height: 20px;}
  .blog-section .post-item .post-header {padding: 0px 15px 30px 15px;}
  .blog-section .post-item .post-header h2{font-size: 20px; line-height: 24px;}

  .blog_tip .main_tip_caption h4{font-size: 18px; line-height: 24px;}
  .blog_tip img{display:none;}
  .blog_tip .main_tip_caption.bg_tip{position:inherit;}
  .blog_tip .main_tip_caption.bg_tip_second{ margin-top: 0px;}
  .main_clen_text_image .inner_clen_text_image .text_caption{padding: 30px 20px 40px 20px;}

  .story-section .box { width: calc(100% / 1 - 20px);}
}



/*===================================================================================*/
/*===================================================================================*/
/*===================================================================================*/
/* New landing Responsive Css */
/*===================================================================================*/
/*===================================================================================*/
/*===================================================================================*/


@media(min-width:768px){
  .new-landing-page .container,.row-fluid .new-landing-page .container[class*="span"] { width:750px; }
}
@media(min-width:992px){
  .new-landing-page .container,.row-fluid .new-landing-page .container[class*="span"] { width:970px; }
}
@media(min-width:1230px){
  .new-landing-page .container,.row-fluid .new-landing-page .container[class*="span"] { width:1200px; padding: 0; }
}



@media(max-width:1229px){
  .cus-header .header-wrap .left{width:70%;}
  .cus-header .header-wrap .right{width:30%;padding-left:30px;}
  /* .main_title_form-pro .inner_title_forms .form_caption input, button, textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {width:48.4%;}*/ 
  .main_title_form-pro .inner_title_forms .form_caption input[type="submit"] {margin-top:15px;}
  .main_form_caption-pro .inner_form_caption .caption_devide .form_in .form_inner h4{font-size:20px;}
  .main_form_caption-pro .hs-richtext{width:100%;}
  .main_form_caption-pro .inner_form_caption .caption_devide .image_in{width:45%;}
  .main_form_caption-pro .inner_form_caption .caption_devide .form_in{width:55%;}
  .video-section-pro h2 {
    font-size: 30px;
  }

  .video-section-pro .video.story-wrap {
    width: 60%;
  }

  .video-section-pro .text {
    width: 40%;
  }

  .video-section-pro .text h3 {
    margin-bottom: 0;
  }
  .video-section-pro .video.story-wrap>div {
    height: 440px;}
  .cic-pro .cic-wrap .left {
    padding-right: 30px;
  }

  .cleaning-best h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .video-section-pro h2:before {
    width: 29%;
  }
  .cleaning-best h2:before {
    width: 26%;
  }

  .cleaning-best h2:after {
    width: 26%;
  }
  .cleaning-best .cleaning-wrap .cleaning-box {
    width: calc(100% / 2 - 15px);
  }
  .header h2:before {
    width: 25%;
  }


  .header h2 {
    font-size: 30px;
  }

}
@media(max-width:991px){
  .cus-header .header-wrap .left .left-wrap .caption{margin-left:30px;}
  .cus-header .header-wrap .left .left-wrap .logo a img{width:140px;max-width:140px;}
  .cus-header .header-wrap .left {  width: 80%; }
  .cus-header .header-wrap .right{width:20%;padding-left:0;}
  .cus-header .header-wrap .right .social-media ul li a{margin:0 10px;}
  .cus-footer .footer-wrap .right .right-wrap .footer-menu ul li a{line-height:inherit; font-weight: 500; }
  .cus-footer .footer-wrap .right .right-wrap .footer-menu ul{flex-wrap:wrap;justify-content:flex-end;}
  .cus-footer .footer-wrap .right .right-wrap .footer-menu ul li{width:auto;}
  .download-hero-banner-pro{padding:140px;}
  .image-cap-pro .ic-pro-wrap{flex-wrap:wrap;}
  .image-cap-pro .text{margin:0;padding:0 0 30px 0;}
  .image-cap-pro .image-sec{width:100%;margin:0;}
  .image-cap-pro {
    padding: 30px 0px 40px 0; 
  }

  .image-cap-pro .ic-pro-wrap {
    margin: 0;
  }

  .image-cap-pro .text h3 br {
    display: none;
  }

  .image-cap-pro .button {
    float: left;
  }
  .image-cap-pro .text h3{margin:0;}
  .main_title_form-pro .inner_title_forms .form_caption input, button, textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { margin-bottom: 15px; width:100%;}
  .main_title_form-pro .inner_title_forms .form_caption input[type="submit"] {margin-top:0px; margin-bottom:0px;}
  .main_title_form-pro .inner_title_forms .form_caption ul.no-list.hs-error-msgs.inputs-list { position: absolute; bottom: -76px; }
  .full-cap .full-cap-wrap p br { display: none;}
  /*   .main_form_caption-pro .inner_form_caption .caption_devide .form_in { padding-right: 15px; }
  .main_form_caption-pro .inner_form_caption .caption_devide .image_in { padding-left: 15px; } */
  .main_title_form-pro .inner_title_forms .Title_caption h3 {font-size: 24px; line-height: 34px; }

  .main_form_caption-pro .inner_form_caption .caption_devide .form_in{width:100%; padding-right:0px;}
  .main_form_caption-pro .inner_form_caption .caption_devide .image_in{width:100%; padding-left:0px; padding-top: 15px;}
  .main_form_caption-pro .inner_form_caption .caption_devide .image_in img{width:auto; max-width:100%;}
  .main_form_caption-pro .inner_form_caption .caption_devide .form_in .form_inner label{margin-top: 10px;  display: inline-block;}
  .main_form_caption-pro .inner_form_caption .caption_devide .form_in .form_inner h4 {  padding-bottom: 0px;}
  .main_form_caption-pro .inner_form_caption .caption_devide .form_in .form_inner input[type="submit"]{margin-top:0px;}
  .main_form_caption-pro .inner_form_caption .caption_devide .form_in .form_inner input[type="submit"] {
    width: 100%;
    display: inline-block;
    float: none;
  }
  .video-section-pro h2:before {
    display: none;
  }

  .video-section-pro h2:after {
    display: none;
  }

  .video-section-pro h2 {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 30px;
    line-height: 40px;
  }

  .video-section-pro {
    padding: 40px 0;
  }

  .video-section-pro .text h3 {
    margin: 0;
  }

  .video-section-pro .video-pro-wrap {flex-wrap: wrap;}

  .video-section-pro .video.story-wrap {
    width: 100%;
    padding: 0 0 30px 0;
  }

  .video-section-pro .text {
    width: 100%;
  }

  .video-section-pro .text h3 br {
    display: none;
  }

  .cic-pro .cic-wrap {
    display: flex;
    flex-direction: column-reverse;
    padding: 20px;
    margin-bottom: 30px;
  }

  .cic-pro .cic-wrap .left {width: 100%;padding: 0;}

  .cic-pro .cic-wrap .left .caption .cta a {
    width: 100%;
    text-align: center;
    padding: 15px 20px;
  }

  .cic-pro .cic-wrap .right .image img {
    width: 100%;
    display: inline-block;
    text-align: center;
  }

  .cic-pro .cic-wrap .right {
    width: 100%;
    display: inline-block;
    float: none;
    margin: 0 0 30px 0;
  }

  .cleaning-best h2:before {
    display: none;
  }

  .cleaning-best h2:after {
    display: none;
  }

  .cleaning-best h2 {
    width: 100%;
    display: inline-block;
    text-align: center;
  }
  .header h2 {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 30px;
    line-height: 40px;
    padding: 20px 0 0 0;
  }

  .header h2:before {
    display: none;
  }

  .header h2:after {
    display: none;
  }
  .arrow-with-back{flex-wrap:wrap;}
  .download-banner-arrow .download-inner-arrow{width:100%;justify-content:center;padding:0 0 30px 0;}
  .arrow-with-back .back-page-wrap{width:100%;justify-content:flex-start;padding:0;}

}
@media(max-width:767px){
  .cus-footer .footer-wrap .left{width:100%;text-align:center;padding:0 15px 40px 15px;}
  .cus-footer .footer-wrap{flex-wrap:wrap;justify-content:center;padding:40px 0 0 0;}
  .cus-footer .footer-wrap .right{justify-content:center;align-items:center;}
  .cus-footer .footer-wrap .right .right-wrap{justify-content:center;}
  .cus-footer .footer-wrap .right .right-wrap .social-media{justify-content:center;padding:0 15px 40px 15px;}
  .cus-footer .footer-wrap .right .right-wrap .social-media ul{justify-content:center;}
  .cus-footer .footer-wrap .right .right-wrap .social-media ul li a{margin:0 20px;}
  .cus-footer .footer-wrap .right .right-wrap .footer-menu{justify-content:center;background:#f8f8f8;margin:0;padding:20px;}

  .full-cap .full-cap-wrap p br{display:none;}
  .download-banner-arrow .download-inner-arrow{flex-wrap:wrap;}
  .download-arrow-sec-bottom{ width: 100%;  margin: 10px 0 0 0; padding: 0 25px; }
  .download-arrow-sec{margin-left:-25px;}
  .main_form_caption-pro .hs-richtext{width:100%;}
  .main_form_caption-pro .inner_form_caption .caption_devide .form_in .form_inner input, button, textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{background:#f4f4f4;}
  .main_form_caption-pro .inner_form_caption .caption_devide{background:transparent;padding:0;display:flex;flex-direction:column-reverse;}
  .main_form_caption-pro .inner_form_caption .caption_devide .image_in{padding:0;}
  .main_form_caption-pro .inner_form_caption .caption_devide .form_in{padding-top:25px;}
  .main_title_form-pro .inner_title_forms .form_caption input[type="submit"]{position:static;}
  .main_title_form-pro fieldset.form-columns-1 .hs-richtext{width:100%;}
  .main_title_form-pro .inner_title_forms .Title_caption{text-align:center;}
  .mobile-caption{width:100%;display:inline-block;background:#f8f8f8; margin: 15px 0 0 0; }
  .mobile-caption p{font-size:16px;line-height:25px;font-weight:700;color:#002554; padding: 15px; text-align: center; }
  .cus-header .header-wrap .left .left-wrap .caption{display:none;}
  .cus-header {
    flex-wrap: wrap;
    padding: 15px 0 0 0;
  }
  .cus-footer .container {
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .cus-header {
    padding-bottom: 0;
  }
  .cus-header .header-wrap .right .social-media ul li a {
    margin: 0 8px;
  }
  .cus-header .header-wrap .left {
    width: auto;
  }

  .cus-header .header-wrap .right {width: auto;}
  .download-arrow-sec {
    width: auto;
    margin: 0;
  }
  .download-arrow-sec .arrow-wrap h1 {
    font-size: 32px;
  }
  .download-banner-arrow{ margin:0;    padding-bottom: 25px; }
  .image-cap-pro .button a {
    padding: 10px 15px;
    font-size: 18px;
  }
  .cus-footer .footer-wrap .right .right-wrap .footer-menu ul {
    justify-content: center;
  }
  .main_form_caption-pro .inner_form_caption .caption_devide .form_in .form_inner label{margin-top:0px;}
  .main_form_caption-pro .inner_form_caption .caption_devide .form_in .form_inner h4 {
    font-size: 24px;
    margin: 0 0 20px 0;
  }
  .download-arrow-sec .arrow-wrap { justify-content: center; }
  .download-arrow-sec-bottom .arrow-wrap {  justify-content: right; margin-right: 17%; }
  .download-arrow-sec-bottom .arrow-wrap h2 { font-size: 25px; line-height: 38px; padding: 0 2px 0px 50px; }
  .download-arrow-sec-bottom .arrow::after, .download-arrow-sec-bottom .arrow::before { border-width: 19px 0 19px 25px; }
  .hero-banner-pro {
    background-position: center;
  }
  .full-cap .full-cap-wrap p {
    text-align: left !important;
  }
  .video-section-pro .video.story-wrap>div {
    height: 330px;
  }
  .video-section-pro .text .button {
    display: none;
  }

  .cleaning-best .cleaning-wrap .cleaning-box {
    width: 100%;
    margin: 0 0 15px 0;
  }

  .cleaning-best .cleaning-wrap .cleaning-box .image {
    width: 120px;
    float: left;
    text-align: center;
  }

  .cleaning-best .cleaning-wrap .cleaning-box .caption {
    width: auto;
  }
  .cic-pro .cic-wrap .left .caption h3 {
    font-size: 24px;
    line-height: 32px;
  }
  .main_title_form-pro .inner_title_forms .form_caption input[type="submit"] {
    position: static !important;
  }
  .rich-text p {
    text-align: left !important;
  }
}

@media(max-width:550px){
  .download-arrow-sec-bottom .arrow-wrap { margin-right: 10%; }
  .download-arrow-sec-bottom { margin-top: 0px; }
}

@media(max-width:480px){
  .download-arrow-sec .arrow-wrap { padding-left: 30px; padding-right: 20px; }
  .download-arrow-sec .arrow-wrap h1 { font-size: 28px; line-height: 32px; }
  .download-arrow-sec-bottom .arrow-wrap { margin-right: 7%; }
  .main_title_form-pro{padding: 30px 0px 20px 0px;}
  .main_title_form-pro .inner_title_forms .form_caption input[type="submit"] {width:100%;}
  .main_title_form-pro .inner_title_forms{padding-bottom: 30px;}
  .main_form_caption-pro .inner_form_caption .caption_devide .form_in .form_inner input[type="submit"] {width:100%;}
  .main_form_caption-pro .inner_form_caption .caption_devide{padding: 15px 0 30px 0; margin-bottom: 0px;}
  .video-section-pro .video.story-wrap>div { height: 280px; }
  .main_form_caption-pro .inner_form_caption .caption_devide .form_in .form_inner input[type="submit"] { width: 100%; padding: 13px 20px; display: inline-block; background: #009ddb; border-radius: 6px; }
}


/* New Blog style css start here  */

.lang_switcher_class { line-height: 0; vertical-align: top; }
.lang_switcher_class .lang_list_class {display: flex;align-items: flex-start;justify-content: center;position: unset;transform: unset;width: auto;line-height: 0;}
.lang_switcher_class .lang_list_class li a { font-size: 0; position: relative; display: inline-block;  }
.lang_list_class:after, .lang_list_class:before { display: none; }
.lang_switcher_class .lang_list_class li {border: none;padding: 0;line-height: 0;margin: 0 5px;}
.lang_switcher_class .lang_list_class li a[data-language="nl"] {display: inline-block;background-position: 50%;background-repeat: no-repeat;background-size: contain;width: 20px;height: 20px;cursor: pointer;background-image: url(https://5712211.fs1.hubspotusercontent-na1.net/hubfs/5712211/00%20Food%20and%20Beverage/netherlands.png);border-radius: 100%;}
.lang_switcher_class .lang_list_class li a[data-language="fr"] { display: inline-block; background-position: 50%; background-repeat: no-repeat; background-size: contain; border-radius: 10px; width: 20px; height: 20px; cursor: pointer; background-image: url(https://5712211.fs1.hubspotusercontent-na1.net/hubfs/5712211/00%20Food%20and%20Beverage/france.png); }
.lang_switcher_class .lang_list_class li a[data-language="nl-be"] { display: inline-block; background-position: 50%; background-repeat: no-repeat; background-size: contain; border-radius: 10px; width: 20px; height: 20px; cursor: pointer; background-image: url(https://5712211.fs1.hubspotusercontent-na1.net/hubfs/5712211/00%20Food%20and%20Beverage/netherlands.png); }
.lang_switcher_class .globe_class {background-image: none;width: auto;display: inline-block;height: auto;line-height: unset;}
.lang_switcher_class .globe_class:hover .lang_list_class { display: flex; }
.lang_switcher_class .lang_list_class li:first-child { margin-left: 0; }

.blog-listing { width: 100%; display: inline-block; padding-bottom: 40px; }
.blog-listing .post-wrap { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; padding-bottom: 50px; border-bottom: 1px solid #dcdada; }
.blog-listing .post-wrap  .post-contain { width: 100%; display: inline-block; background: #f9f9f9; padding: 20px; }
.blog-listing .post-wrap .post-item { width: 100%; display: inline-block; }
.blog-listing .post-item .post-image { width: 100%; display: inline-block; }
.blog-listing .post-item .post-image a { width: 100%; display: inline-block; }
.blog-listing .post-item .post-image a img { width: 100%; height: 240px; display: inline-block; object-fit: cover; object-position: center; }
.blog-listing .post-contain .post-tag { width: 100%; display: inline-block; margin: 0 0 20px 0; }
.blog-listing .post-contain .post-tag a { width: auto; display: inline-block; padding: 10px 12px; background: #002554; font-size: 16px; line-height: 16px; color: #fff; font-weight: 500; border-radius: 4px; text-transform: uppercase; }
.blog-listing .post-contain .post-title { width: 100%; display: inline-block; padding-bottom: 15px; }
.blog-listing .post-contain .post-title a { width: 100%; display: inline-block; font-size: 23px; line-height: 30px; font-weight: 700; }
.blog-listing .post-contain .post-text { width: 100%; display: inline-block; padding-bottom: 20px; }
.blog-listing .post-contain .post-text p { width: 100%; display: inline-block; padding: 0; font-size: 18px; line-height: 28px; color: #2f2f2f; font-weight: 500; }
.blog-listing .post-contain  .post-cta { width: 100%; display: inline-block; text-align: right; }
.blog-listing .post-contain .post-cta a { width: auto; display: inline-block; font-weight: 500; background: #009ddb; color: #fff; padding: 12px 26px 12px 26px; border-radius: 4px; }
.blog-listing .post-contain .post-cta a:hover { background: #002554; }
.blog-listing .post-contain .post-cta a i { font-size: 18px; line-height: 28px; color: #fff; }

/* New Blog style css start here  */


@media(max-width:1199px){
  .blog-listing .post-item .post-image a img { height: 200px; }
  .blog-listing .post-contain .post-title a { font-size: 20px; line-height: 27px; }
}

@media(max-width:991px){
  .blog-listing .post-wrap { grid-template-columns: repeat(2, 1fr); }
  .blog-listing .post-item .post-image a img { height: 240px; }
}

@media(max-width:767px){
  .blog-listing { padding-bottom: 30px; }
  .blog-listing .post-wrap { padding-bottom: 40px; grid-template-columns: repeat(1, 1fr); }
  .blog-listing .post-item .post-image a img { height: auto; }
  .blog-listing .post-wrap .post-contain { padding: 20px 15px; }

  .header-section .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { padding: 6px 0px; }
  .header-section .hs-menu-wrapper.hs-menu-flow-horizontal > ul { padding: 10px 0 10px 0; }
  .lang_switcher_class { margin-bottom: 15px; }
}

@media(max-width:568px){
  .row-fluid .footer-section .right-part .footer-menu ul li:before { display: none; }
}