@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');








/* 1a. Containers */




/* 1b. Colors */



:root {
  --primary_color: #000;
  --secondary_color: #FFF;
  --bgcolor:
}
/* 1c. Typography */


























/* 1d. Buttons */













/* 1e. Forms */









































/* 1f. Tables */


/* 1g. Website header */






 

/* 1h. Website footer */








.content-wrapper {
  max-width: 1350px;
}







html {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
}

body {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000;
  font-size: 16px; 
  font-family: "Poppins", sans-serif;
}

/* Paragraphs */

p {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; 
}

/* Anchors */

a {
  font-weight: normal; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #fff;
  cursor:pointer;
}

a:hover,
a:focus {
  font-weight: normal; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #FFF;
}

a:active {
  font-weight: normal; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #ffffff;
}

/* Headings */

h1,
.h1 {
  font-weight: 500; text-decoration: none; font-family: poppins, serif; font-style: normal;
  color: #000;
  font-size: 90px;
}

#typewriter-text {
  font-size: 90px;text-shadow: 1px 2px 4px #137587;
  color:var(--secondary_color);
}

h2,
.h2 {
  font-weight: 500; text-decoration: none; font-family: poppins, serif; font-style: normal;
  color: #000;
  font-size: 54px;
}

h3,
.h3 {
  font-weight: 500; text-decoration: none; font-family: poppins, serif; font-style: normal;
  color: #000;
  font-size: 26px;
}

h4,
.h4 {
  text-decoration: none; font-family: Poppins;
  color: #000;
  font-size: 24px;
  font-weight:300;
}

h5,
.h5 {
  text-decoration: none; font-family: Poppins;
  color: #000;
  font-size: 21px;
  font-weight:300;
}

h6,
.h6 {
  text-decoration: none; font-family: Poppins;
  color: #000;
  font-size: 16px;
  font-weight:300;
}

/* Blockquote */

blockquote {
  border-left-color: #FFF;
}





button,
.button,
.hs-button,
.hs-blog-post-listing__post-button {
  border: 1px solid #ffffff;

  padding-top: 13px;
padding-right: 16px;
padding-bottom: 13px;
padding-left: 16px;

  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 0px;
  color: #000;
  font-size: 16px;
  text-transform: uppercase;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus {
  border-top: 1px solid ;
border-right: 1px solid ;
border-bottom: 1px solid #000000;
border-left: 1px solid ;
;
  color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 0px;
}

button:active,
.button:active,
.hs-button:active,
.hs-blog-post-listing__post-button:active {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(255, 255, 255, 1.0);
  border-color: #ffffff;
}





form,
.submitted-message {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  border: 1px solid #FFFFFF;
;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  padding: 5px;
;
}

/* Form title */

.form-title {
  border: 1px none #ffffff;
;
  padding-top: 0px;
padding-right: 0px;
padding-bottom: 40px;
padding-left: 0px;
;
  font-family: poppins; font-style: normal; font-weight: 500; text-decoration: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 18px;
  color: #000;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}


/* Labels */

form label {
  color: #000;
}

/* Help text */

form legend {
  color: #dc3232;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border-top: 0px solid #137587;
border-right: 0px solid #137587;
border-bottom: 1px solid #137587;
border-left: 0px solid #137587;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #000;
  border-radius: 0px;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #000;
}

::-moz-placeholder {
  color: #000;
}

:-ms-input-placeholder {
  color: #000;
}

::placeholder {
  color: #000;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #000;
}

.fn-date-picker td.is-selected .pika-button {
  background: #000;
}

.fn-date-picker td .pika-button:hover {
  background-color: #000 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #000;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  border-top: 0px none #000000;
border-right: 0px none #000000;
border-bottom: 1px none #000000;
border-left: 0px none #000000;
;
  padding-top: 13px;
padding-right: 16px;
padding-bottom: 13px;
padding-left: 16px;
;
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 16px;
  background-color: 

  
  
    
  


  rgba(19, 117, 135, 1.0)

;
  border-radius: 0px;
  text-transform: uppercase;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: 

  
  
    
  


  rgba(26, 51, 78, 1.0)

;
  color: #ffffff;
  border: 1px none #1a334e;
;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(255, 255, 255, 1.0);
  border-color: #ffffff;
}





/* Table */

/* table {

background-color: ;
} */

/* Table cells */

/* td,
th {


color: ;
} */

/* Table header */

/* thead th {
background-color: ;
color: ;
} */

/* Table footer */







.header {
  background-color: transparent;
}
.header ul li a {
   color: #FFF;
}
 

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #FFF;
  font-family: Poppins;
}

.menu__child-toggle-icon {
  border-top-color: #FFF;
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: #d7d7d7;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #d7d7d7;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #ffffff;
}

.menu__child-toggle-icon:active {
  border-top-color: #ffffff;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: #FFF;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    
    background-color: 

  
  
    
  


  rgba(#null, 1)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    
    background-color: 

  
  
    
  


  rgba(#null, 1)

;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: ;
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: ;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: ;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: ;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Poppins;
}

.header__language-switcher-label-current:after {
  border-top-color: #FFF;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: ;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #FFF;
  }
}





.footer {
  background-color: 

  
  
    
  


  rgba(19, 117, 135, 1.0)

;
}

/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img,
.footer a {
  color: #fff;
}





.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: px 0;
}

/* Blog post */

.blog-post__meta a {
  color: #000;
}

.blog-post__tag-link {
  color: #000;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #000000;
}

.blog-post__tag-link:active {
  color: #282828;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  font-weight: 500; text-decoration: none; font-family: poppins, serif; font-style: normal;
  text-transform: ;
}

.blog-related-posts__title-link {
  color: #000;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #000000;
}

.blog-related-posts__title-link:active {
  color: #282828;
}

/* Blog comments */

.blog-comments {
  margin-bottom: px;
}

#comments-listing .comment-reply-to {
  color: #fff;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #d7d7d7;
}

#comments-listing .comment-reply-to:active {
  color: #ffffff;
}





.hs-search-results__title {
  font-weight: 500; text-decoration: none; font-family: poppins, serif; font-style: normal;
  color: #000;
}





/* Blog listing */

.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:active {
  font-weight: 500; text-decoration: none; font-family: poppins, serif; font-style: normal;
  text-transform: ;
}

.hs-blog-post-listing__post-title-link {
  color: #000;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
  color: #000000;
}

.hs-blog-post-listing__post-title-link:active {
  color: #282828;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
  color: #000;
}

/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
  color: #000;
}

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
  color: #000000;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
  color: #282828;
}

.hs-pagination__link-icon svg {
  fill: #000;
}

/* Pricing card */

.card__price {
  font-weight: 500; text-decoration: none; font-family: poppins, serif; font-style: normal;
  color: #000;
  font-size: 26px;
}

.card__body svg {
  fill: #000;
}

/* Social follow */

.social-links__icon {
  background-color: #000;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #000000;
}

.social-links__icon:active {
  background-color: #282828;
  font-weight: 500; text-decoration: none; font-family: poppins, serif; font-style: normal;
  color: #000;
  font-size: 26px;
}
/* 
ul li, ol li { position: relative; list-style: none; padding-left: 25px; display: flex; align-items: center; } 
ol li:after,ul li:after { position: absolute; content: '';background:url('https://25790647.fs1.hubspotusercontent-eu1.net/hubfs/25790647/DS%20LuxStay%20Theme/Images/tick-mark-icon.svg'); width: 20px; height: 20px; left: 0; top: 1px; display: flex; align-items: center; justify-content: center; border-radius: 50%; line-height: 1; }
*/

/* CUSTOM CSS START*/
h1,h2{text-shadow:1px 2px 4px #137587}
@media(max-width:1024px){
  #typewriter-text,.h1,h1{font-size:70px;line-height:1.1}
  .h2,h2{font-size:48px;line-height:1.12}
  .h3,h3{font-size:25px;line-height:1.1}
}


@media(max-width:991px){
  #typewriter-text,.h1,h1{font-size:48px}
  .h2,h2{font-size:36px}
  .h3,h3{font-size:24px}
  .h4,h4{font-size:22px;line-height:1.1}
  .h5,h5{font-size:20px;line-height:1.1}
  .h6,body,h6,p{font-size:18px;line-height:1.1}
}


@media(max-width:991px){
  #typewriter-text,.h1,h1{font-size:40px}
  .h2,h2{font-size:34px}
}


@media(max-width:420px){
  .h6,body,h6,p{font-size:16px;}
}

/* web-Hero  */
.web-hero h1{color:var(--secondary_color);text-transform: initial;}
.web-hero {display: flex;align-items: center;flex-direction: column;justify-content: end;padding:280px 0 150px 0;overflow:hidden;position: relative;}
.web-hero .typewriter-container { overflow: hidden; animation: blink-caret 0.85s step-end infinite; display: inline-block; max-width: 100%; white-space: normal; word-break: break-word; line-height: 1.4; position: relative; } 
.web-hero .typewriter-container{margin-bottom:30px;} @keyframes blink-caret { 0%, 100% { border-color: transparent; } 50% { border-color: black; } } 
/* Fade-in effect per character */ 
.web-hero .type-char { opacity: 0; display: inline-block; transform: translateY(10px); transition: opacity 0.6s ease, transform 0.6s ease; } 
.web-hero .type-char.visible { opacity: 1; transform: translateY(0); }


/* .Web-two-column-content */
.Web-two-column-content .title-content *{margin-bottom:50px;}
.Web-two-column-content{padding:70px 0 0px 0;overflow: hidden;position: relative;}
.Web-two-column-content .wrap-content{display:flex;flex-wrap:wrap;padding-bottom: 70px;}
.Web-two-column-content .wrap-content .left{width:43%;padding:0 103px}
.Web-two-column-content .wrap-content .right{width:57%}
.Web-two-column-content .wrap-content .right .rgt-wrap{max-width:755px;width:100%}
.Web-two-column-content .wrap-content .right .rgt-wrap img{width:100%;object-fit:cover;height:100%}
.Web-two-column-content .wrap-content.swap { flex-direction: row-reverse; }
/* .Web-two-column-content .title-content.swap { margin-left: auto; padding-right: 103px; padding-left: 0; width: 35.3%; } */
/* .Web-two-column-content .title-content{width:31.3%;line-height:60.48px;padding-left:103px} */

/* Image slider module */
.web-image-slider{padding:80px 0;overflow:hidden;position: relative;}
.web-image-slider .image .inner img{height:317px !important;box-shadow:3px 1px 8px 2px var(--primary_color)}
.web-image-slider .slick-track{display:flex!important;align-items:center}
.web-image-slider .slick-slide{padding:10px;box-sizing:border-box;text-align:center}
.web-image-slider .slick-slide img{width:675px;height:auto;max-width:100%;display:block;margin:0 auto}
.web-image-slider .slick-slide .title-para *{margin:0}
.web-image-slider .slick-slide .title-para .title{text-align:left;text-align:left;display:flex;justify-content:flex-start;width:40%}
.web-image-slider .title-para .para{width:60%;justify-content:flex-end;display:flex;text-align:right;padding-left:18px}
.web-image-slider .title-para{display:flex;justify-content:space-between;padding:20px 0}
.web-image-slider .slick-next,
.web-image-slider .slick-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:5;background:rgba(0,0,0,.6);color:var(--secondary_color);border:none;font-size:16px;padding:10px 20px;cursor:pointer;opacity:0;transition:all .3s ease;border-radius:50px}
.web-image-slider .slick-prev{left:15px}
.web-image-slider .slick-next{right:15px}
.web-image-slider .inner-side:hover .slick-next,.web-image-slider .inner-side:hover .slick-prev{opacity:1}
.web-image-slider .slick-next:hover,.web-image-slider .slick-prev:hover{background:#137587;color:var(--secondary_color);outline:0;border:1px solid var(--secondary_color)}

/* .web-content-module */
.web-content {padding:80px 0;overflow:hidden;position: relative;}
.web-content .wrap{ min-height: 380px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.web-content ul,.web-content ol { display: flex; flex-wrap: wrap; padding-left: 0px; } 
.web-content ul li,.web-content ol li { width: 33.33%; margin-bottom:14px;}
.web-content ul li,.web-content ol li { position: relative; list-style: none; padding-left: 25px; display: flex; align-items: center; } 
.web-content ul li:after,.web-content ol li:after { position: absolute; content: '';background:url('https://25790647.fs1.hubspotusercontent-eu1.net/hubfs/25790647/DS%20LuxStay%20Theme/Images/tick-mark-icon.svg'); width: 20px; height: 20px; left: 0; top: 1px; display: flex; align-items: center; justify-content: center; border-radius: 50%; line-height: 1; }

/* web-subspsciprtion */
.web-subscription .wrap { display: flex; align-items: center; flex-wrap: wrap; } 
.web-subscription .wrap .title_and_content { width: 70%; } 
.web-subscription { padding: 80px 0;overflow:hidden;position: relative; } 
.web-subscription .wrap .btns-here { width: 30%; margin: 0 auto; text-align: center; } 

/* web-card-module */
.web-card{padding:80px 0 60px 0;overflow:hidden;position: relative;}
.web-card .cardcontent{display:flex;flex-wrap:wrap;margin:30px -12px 0 -12px;justify-content:center}
.web-card .cardcontent.three .box{width:33.33%;padding:0 12px;margin-bottom:30px}
.web-card .cardcontent.four .box{width:25%;padding:0 12px}
.web-card .cardcontent.two .box{width:50%;padding:0 12px}
.web-card .cardcontent.three .box .inner{border-radius:12px;position:relative}
.web-card .cardcontent.three .box .inner .content-wrap .link{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;cursor:pointer}
.web-card .cardcontent.three .box .inner .content-wrap{padding:18px}
.web-card .cardcontent.three .box .inner .image img{object-fit:cover;height:100%;width:100%;border-radius:12px 12px 0 0}
.web-card .cardcontent.three .box .inner .image{height:300px;width:100%}
.web-card .hotel-card{border-radius:16px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .4s ease;display:flex;flex-direction:column;height:100%}
.web-card .hotel-card img{width:100%;height:240px;object-fit:cover;transition:transform .5s ease}
.web-card .hotel-card:hover{transform:translateY(-10px);box-shadow:0 12px 30px rgba(0,0,0,.2)}
.web-card .hotel-card:hover img{transform:scale(1.08)}
.web-card .hotel-card:hover .hotel-card-content{background:var(--secondary_color)}

/* web-accordion */
.web-accordion{overflow:hidden;padding:80px 0 60px 0;position: relative;}
.web-accordion .modern-accordion{max-width:80%;margin:0 auto;}
.web-accordion .modern-accordion .accordion-item{text-align: left;border-radius:14px;overflow:hidden;margin:12px 0;background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));border:1px solid rgba(0,0,0,0.06);box-shadow:0 8px 22px rgba(6,22,27,0.08)}
.web-accordion .modern-accordion .accordion-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;cursor:pointer;font-weight:700;font-size:1.05rem;color:var(--primary_color);transition:background .25s ease}
.web-accordion .modern-accordion .accordion-header:hover{background:rgba(4,50,50,0.03)}
.web-accordion .modern-accordion .accordion-header .icon{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;transition:transform .25s ease;var(--primary_color);background: url(https://25790647.fs1.hubspotusercontent-eu1.net/hubfs/25790647/DS%20LuxStay%20Theme/Images/line-angle-down-icon.png); width: 15px; height: 15px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.web-accordion .modern-accordion .accordion-content{display:none;padding:0 22px 18px;text-align:left;color:var(--primary_color);line-height:1.6;font-size:0.96rem;background:transparent}
.web-accordion .modern-accordion .accordion-item.active{transform:translateY(-4px)}
.web-accordion .modern-accordion .accordion-content p{margin-bottom:0;padding-top:10px;}
.web-accordion .modern-accordion .accordion-item.active .accordion-header{color:var(--primary_color);}
.web-accordion .modern-accordion.is-loading { visibility: hidden; }
.web-accordion .modern-accordion .accordion-item.active span.icon { transform: rotate(180deg); }
.web-accordion .modern-accordion .accordion-header span { font-weight: 500; }

/* Video-module */
.web-video .hubspot,.web-video .youtube { position: relative; width: 100%; overflow: hidden; min-height:650px; } 
.web-video .hubspot video,.web-video .youtube video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; /* This is the key to crop and remove black bars */ } 
.web-video { position: relative; } .web-video .wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; text-align: center; } 

/* web-identity-card */
.web-identity-card{padding:80px 0;overflow:hidden}
.web-identity-card .row{display:flex;align-items:center;flex-wrap:wrap}
.web-identity-card .row .title_and_content{width:50%;padding-right:20px}
.web-identity-card .row .image-here{width:50%}
.web-identity-card .row .image-here .wrap{width:100%;height:auto}
.web-identity-card .row .image-here .wrap img{object-fit:cover;width:100%;height:100%}
.web-identity-card .title_and_content .box-card-content{display:flex;flex-wrap:wrap}
.web-identity-card .title_and_content .box-card-content .inner-wrap{width:50%;margin-bottom:30px}
.web-identity-card .title_and_content .box-card-content .inner-wrap .txt-context *{color:var(--secondary_color)}
.web-identity-card .row .title_and_content_wrap { margin-bottom: 40px; }
.web-identity-card .title_and_content .box-card-content .inner-wrap h4,.web-identity-card .title_and_content .box-card-content .inner-wrap h3{margin:0px 0 0.6rem}

/* Web form */
.web-form{padding:80px 0;}
.web-form .form_here { max-width: 66%; margin: 0 auto; }

/* Web - Blog lisitng module */
.web-blog-listing{padding:80px 0 40px 0}
.web-blog-listing .most-post.cf{display:flex;flex-wrap:wrap;margin:0 -8px}
.web-blog-listing .post-item{width:calc(33.33% - 8px);padding:0 8px;margin-bottom:40px}
.web-blog-listing .post-item .post-body{padding:0 20px}
.web-blog-listing .post-item .parent.cf{border:1px solid transparent;box-shadow:0 5px 15px rgba(0,0,0,.35);cursor:pointer;transition:transform .4s ease;border-radius:12px;overflow:hidden}
.web-blog-listing .post-item .parent.cf:hover{box-shadow:rgba(0,0,0,.35) 0 5px 15px;transform:translateY(-10px)}
.web-blog-listing .parent.cf .hs-featured-image-wrapper{width:100%;height:100%}
.web-blog-listing .post-item .post-body a.explore{color:#137587}
.web-blog-listing .parent.cf .hs-featured-image-wrapper .main-img{height:230px;overflow:hidden}
.web-blog-listing .post-item .post-body a.explore{color:#137587;padding:5px 8px;border:1px solid #137587;border-radius:10px;transition:.3s all ease-in-out}
.web-blog-listing .post-item:hover .post-body a.explore{border-radius:0;font-weight:500}
.web-blog-listing .post-item .post-body h3{margin:12px 0}
.web-blog-listing .post-item .post-body h3 a{color:var(--primary_color)!important}
.web-blog-listing .read-all-wrapper a:hover{background:#137587;color:var(--secondary_color)!important;transform:translateY(-3px)}

/* web - icon with text module */
.web-icon-text .icon-content { display: flex; flex-wrap: wrap; } 
.web-icon-text .icon-content .iner { width: 33.33%; height: 100%; margin-bottom: 20px; } 
.web-icon-text .icon-content .wrap { display: flex; flex-wrap: wrap; align-items: center; padding: 10px; } 
.web-icon-text .icon-content .wrap .icon, .web-icon-text .icon-content .wrap svg { width: 30px; height: 30px; } 
.web-icon-text .icon-content .wrap h5 { margin-bottom: 0; padding-left: 18px; } 
.web-icon-text { padding: 80px 0 60px 0; }
.web-icon-text .icon-content .wrap .content { width: calc(100% - 30px); }

/* Web Testimonial */
.web-testimonial { padding: 80px 0 180px 0; } 
.web-testimonial .title_and_content { margin-bottom: 50px; }
.web-testimonial .testimonial-slider{padding-bottom: 30px;max-width:50%;margin:0 auto;position:relative;box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 10px; border-radius: 18px;}
.web-testimonial .testimonial{text-align:center;padding:30px;background:#fff;border-radius:12px;min-height:100%}
.web-testimonial .auth-img img{width:100px;height:100px;border-radius:50%;margin:0 auto 15px;object-fit:cover;border:4px solid #eee}
.web-testimonial .review{font-style:italic;color:#555;margin-bottom:15px}
.web-testimonial .auth-name{font-size:18px;font-weight:700;margin-bottom:5px}
.web-testimonial .auth-designation{font-size:15px;color:#777}
.web-testimonial .slick-prev,.web-testimonial .slick-next{display:none!important}
.web-testimonial .slick-dots{position:absolute;left:50%;transform:translateX(-50%);display:flex!important;bottom: -100px;gap:10px;}
.web-testimonial .slick-dots li{margin:0;list-style:none}
.web-testimonial .slick-dots li button{font-size: 0;width:25px;height:6px;border-radius:4px;background:#137587;border:none;padding:0;cursor:pointer;transition:all .3s ease}
.web-testimonial .slick-dots li button:before{content:""!important}
.web-testimonial .slick-dots li.slick-active button{width:40px;background:#0f5c68}

/* Counter */
.web-counter .counter-inner{ position:relative; z-index:2; } 
.web-counter .count-icon{ font-size: 48px; } 
.web-counter .count{ font-family: 'poppins', sans-serif; font-size: inherit; font-weight: bold; }
.web-counter{padding:80px 0}
.web-counter .row{display:flex;align-items:center;flex-wrap:wrap;margin:0 -12px}
.web-counter .row .col{width:25%;padding:0 12px;    display: flex; margin-bottom:30px;flex-direction: column;height: -webkit-fill-available;}
.web-counter .row .text-white{padding:25px;border-radius:5px;background: #fff;    height: 100%;}
.web-counter .row .text-white span svg{width:50px;height:50px;display:block;margin:0 auto;text-align:center;justify-content:center}
.web-counter .row .col span{font-size:40px}
.web-counter .row .count{margin:20px 0}
.web-counter .row h3{margin:0}
.web-counter .title_and_content { margin-bottom: 50px; }


/* Web pricing module */
.web-pricing-module {padding:80px 0}
.web-pricing-module .pricing-module{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:40px 0}
.web-pricing-module .pricing-card{background:#fff;border-radius:20px;padding:25px;box-shadow:0 4px 12px rgba(0,0,0,.08);text-align:center;transition:transform .3s ease,box-shadow .3s ease}
.web-pricing-module .pricing-card:hover{transform:translateY(-8px);box-shadow:0 8px 18px rgba(0,0,0,.12)}
.web-pricing-module .pricing-card:nth-child(2){border:2px solid #137587;background:#137587;color:#fff}
.web-pricing-module .pricing-card:nth-child(2) .plan-title{color:#fff;}
.web-pricing-module .plan-title{font-size:1.5rem;margin-bottom:10px}
.web-pricing-module .plan-features ul{padding:0}
.web-pricing-module .plan-price{font-size:2rem;font-weight:700;margin:15px 0}
.web-pricing-module .plan-price span{font-size:.9rem;font-weight:400;opacity:.8}
.web-pricing-module .plan-features{list-style:none;padding:0;margin:20px 0 0}
.web-pricing-module .plan-features li{padding:8px 0;border-bottom:1px solid rgba(0,0,0,.1);font-size:.95rem;list-style-type:none}
.web-pricing-module .pricing-card.highlight .plan-features li{border-color:rgba(255,255,255,.3)}


/* Header LP */
.header-lp .row-in { padding: 26px 0; display: flex; align-items: center; justify-content: space-between; } 

  @media(max-width:1149px){
    .Web-two-column-content .wrap-content .left {padding: 0 80px;}
  }

  @media(max-width:1024px){
    .Web-two-column-content .wrap-content .left {padding: 0 50px;}
    .web-icon-text .icon-content .iner { margin-bottom: 15px; } 
  }

  @media(max-width:991px){
    .Web-two-column-content .wrap-content .left {padding: 0 35px;}
    .web-card .cardcontent.four .box,.web-card .cardcontent.three .box{width:50%}
    .web-identity-card .title_and_content .box-card-content .inner-wrap { width: 100%;  margin-bottom: 16px;}
    .web-identity-card .row .title_and_content{width:40%;}
    .web-identity-card .row .image-here{width:60%;}
    .web-content ul li,.web-content ol li { width: 50%;margin-bottom:10px; }
    .web-blog-listing .post-item{width:calc(50% - 8px);padding:0 8px;margin-bottom:30px}
    .web-form .form_here { max-width: 80%; }
    .web-icon-text .icon-content .iner { width: 33.33%; margin-bottom: 12px; } 
    .web-icon-text .icon-content .wrap h5 {padding-left:12px;}
    .web-counter .row .col{width:33.33%;}
  }


  @media(max-width:767px){
    .web-hero {height: 540px;}  
    .web-hero,.web-form, .web-image-slider,.web-content, .web-accordion,.web-card,.web-subscription,.web-identity-card,.web-pricing-module{padding:50px 0}
    .Web-two-column-content{padding-top:50px;}
    .Web-two-column-content .wrap-content{padding-bottom:20px;}
    .Web-two-column-content .wrap-content .left,
    .Web-two-column-content .wrap-content .right{width:100%}
    .Web-two-column-content .wrap-content .left { padding: 0; }
    .Web-two-column-content img{margin:20px 0}
    .web-image-slider .image .inner img {height: 317px;box-shadow: 1px 1px 6px 1px var(--primary_color);}
    .web-hero .typewriter-container{margin-bottom:20px;}
    .web-subscription .wrap .title_and_content { width: 100%;text-align:center; } 
    .web-subscription .wrap .btns-here { width: 100%; } 
    .web-card .cardcontent.three .box,.web-card .cardcontent.four .box,.web-card .cardcontent.two .box{width:100%}
    .web-accordion .modern-accordion .accordion-header{padding:14px 16px}
    .web-accordion .modern-accordion .accordion-content{padding:0 16px 14px}
    .web-accordion .modern-accordion{max-width:100%;margin:0 auto;}
    .web-video .hubspot,.web-video .youtube { min-height: 420px; }
    .web-identity-card .row .title_and_content, .web-identity-card .row .image-here{width:100%;}
    .web-identity-card .row .title_and_content{padding:0;order:2}
    .web-identity-card .row .image-here{order:1;margin-bottom:30px;}
    .web-content ul li,.web-content ol li { width: 100%; }
    br{display:none;}
    .web-form .form_here { max-width: 100%;}
    .web-icon-text .icon-content .iner { width: 50%;}  
    .web-testimonial .slick-dots{margin-top:30px}
    .web-testimonial { padding: 50px 0 100px 0; } 
    .web-testimonial .testimonial{padding:10px;}
    .web-testimonial .slick-dots{ bottom: -65px;}
    .web-testimonial .testimonial-slider{max-width:90%;}
    .web-counter .row .col{width:50%;}
  }

  @media(max-width:540px){
    .web-counter .row .col{width:100%;}
    .web-icon-text .icon-content .iner { width: 100%;} 
    .web-hero {height: 100vh;}  
  }

  @media(max-width:480px){
    .web-image-slider .title-para { width: 100%; display: block; } 
    .Web-two-column-content{padding:40px 0 20px 0}
    .web-image-slider .slick-slide .title-para .title { width: 100%; justify-content: flex-start; } 
    .web-image-slider .title-para .para { width: 100%; justify-content: flex-start; padding-left: 0; text-align: left; margin-top: 10px; }
  }

  /* CUSTOM CSS END*/