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

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary,
.sticky {
  display: block;
}

a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
html,
i,
iframe,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
   border: 0;
   margin: 0;
   padding: 0;
   vertical-align: baseline;
   outline: 0;
}

p {
   margin: 0 0 22px 0;
}
p:last-child {
  margin-bottom: 0;
}

a {
   color: var(--wp--preset--color--secondary);
   background-color: transparent;
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   transition: all 0.3s linear;
}

p.has-text-color a {
   color: inherit;
}

a:active,
a:hover {
   outline: 0;
}

/* Hover looks only for devices with a real hover (mouse, trackpad). On touch screens a tap leaves the element
 * in :hover, and Chrome on Android shows it again after the Back button. Taps still get :active, and keyboard
 * users get :focus-visible. */
/* Yellow on white is only 1.2:1, so on light backgrounds links turn black (21:1). Dark sections keep yellow. */
a:focus-visible,
a:active {
   color: var(--wp--preset--color--black);
}

@media (hover: hover) {
	a:hover {
	   color: var(--wp--preset--color--black);
	}
}

.bgcolor-secondary a:focus-visible,
.bgcolor-black a:focus-visible,
.site-footer a:focus-visible {
   color: var(--wp--preset--color--primary);
}

@media (hover: hover) {
	.bgcolor-secondary a:hover,
	.bgcolor-black a:hover,
	.site-footer a:hover {
	   color: var(--wp--preset--color--primary);
	}
}

a:focus:not(:focus-visible) {
   outline: none;
}

/* The visible focus ring itself is in css/navigation.css (loaded after this file). */

ul,
ol {
   margin:0
}

ul {
   list-style: disc;
}
ul.slides{
  list-style: none;
}

ol {
   list-style: decimal;
}

li>ul,
li>ol {
   margin-bottom: 0;
   margin-left: 1.5em;
}
/*--------------------------------------------------------------
# Site Container
--------------------------------------------------------------*/
.header-inner,
.slide_item .slide_item_inner,
.slider_text .slider_text_inner,
.banner_points .banner_points_inner,
.footer-inner,
.container,
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation,
.wp-block-video video,
.entry-content>.alignwide,
.wp-block-kadence-rowlayout.alignwide,
.footer-call-to-widget>.alignwide,
.page-header,
.site-info,
.post-navigation,
.page-navigation,
.not-found .page-content,
.search .entry-summary,
.wp-block-cover.alignfull .wp-block-cover__inner-container,
.full_slider_inner .flex-control-paging {
  /* Content width from theme.json (1378px, as in the design) plus the 20px side padding on each side. */
  max-width: calc(var(--wp--style--global--content-size) + 40px);
  width: 100%;
  padding-left: 20px !important;
  padding-right: 20px !important; 
}


.container {
  margin: 0 auto;
}


@media screen and (max-width: 1350px) {
  .header-inner,
  .slide_item .slide_item_inner,
  .slider_text .slider_text_inner,
  .banner_points .banner_points_inner,
  .footer-inner,
  .container,
  .site-main .comment-navigation,
  .site-main .posts-navigation,
  .site-main .post-navigation,
  .wp-block-video video,
  .entry-content>.alignwide,
  .wp-block-kadence-rowlayout.alignwide,
  .footer-call-to-widget>.alignwide,
  .page-header,
  .site-info,
  .post-navigation,
  .page-navigation,
  .not-found .page-content,
  .search .entry-summary,
  .wp-block-cover.alignfull .wp-block-cover__inner-container,
  .full_slider_inner .flex-control-paging {
   
    padding-left: 45px !important;
    padding-right: 45px !important; 
  }
}

@media screen and (max-width: 480px) {
  .header-inner,
  .slide_item .slide_item_inner,
  .slider_text .slider_text_inner,
  .banner_points .banner_points_inner,
  .footer-inner,
  .container,
  .site-main .comment-navigation,
  .site-main .posts-navigation,
  .site-main .post-navigation,
  .wp-block-video video,
  .entry-content>.alignwide,
  .wp-block-kadence-rowlayout.alignwide,
  .footer-call-to-widget>.alignwide,
  .page-header,
  .site-info,
  .post-navigation,
  .page-navigation,
  .not-found .page-content,
  .search .entry-summary,
  .wp-block-cover.alignfull .wp-block-cover__inner-container,
  .full_slider_inner .flex-control-paging {
   
    padding-left: 20px !important;
    padding-right: 20px !important; 
  }
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
   clip: rect(1px, 1px, 1px, 1px);
   position: absolute !important;
   height: 1px;
   width: 1px;
   overflow: hidden;
   word-wrap: normal !important;
   /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
   background-color: #f1f1f1;
   border-radius: 3px;
   box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
   clip: auto !important;
   color: #21759b;
   display: block;
   font-size: 14px;
   font-size: 0.875rem;
   font-weight: bold;
   height: auto;
   left: 5px;
   line-height: normal;
   padding: 15px 23px 14px;
   text-decoration: none;
   top: 5px;
   width: auto;
   z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
   outline: 0;
}
/* ===================================
    UTILITIES
   - helpers
=================================== */
.alignleft,
.alignright {
  max-width: var(--wp--style--global--content-size) !important;
  /* Let's work to make this !important unnecessary */
}


.alignleft figcaption {
  clear: left;
}

.alignright figcaption {
  clear: right;
}

.alignleft img,
.alignleft figcaption {
  float: left;
  margin-right: 1.5em;
}

.alignright img,
.alignright figcaption {
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.text-align-left {
  text-align: left;
}
.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}
.wp-block-acf.has_bg{

  background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
  
}

.wp-block-acf.block_margin_bottom {
	margin-bottom: 120px !important;
}

.button_wrap{
  margin-top: 25px;
}
.button_wrap_large{
  margin-top: 80px;
}
.global-block-ptb{
  /* Section spacing from the design: 128px above and below at 1728px, 60px on phones. */
  padding: clamp(60px, 7.4vw, 128px) 0;
}
.no-padding-top{
  padding-top: 0 !important;
}
.no-padding{
  padding: 0 !important;
}
.no-padding-bottom{
  padding-bottom: 0 !important;
}
.text-transform-upper{
  text-transform: uppercase;
}
.ftw-bold{
  font-weight: 700;
}
.ftw-smbold{
  font-weight: 600;
}
.ftw-medium{
  font-weight: 500;
}
.ftw-normal{
  font-weight: 400;
}
.fts-italic{
  font-style: italic;
}
.overflow-hidden,body.overflow{
  overflow: hidden;
}

/* Colour classes: one per theme.json palette colour (block "backgroundColor" / "textColor" support). */
.bgcolor-primary { background-color: var(--wp--preset--color--primary); }
.bgcolor-secondary { background-color: var(--wp--preset--color--secondary); }
.bgcolor-body { background-color: var(--wp--preset--color--body); }
.bgcolor-steel { background-color: var(--wp--preset--color--steel); }
.bgcolor-gold { background-color: var(--wp--preset--color--gold); }
.bgcolor-mediumgrey { background-color: var(--wp--preset--color--mediumgrey); }
.bgcolor-cream { background-color: var(--wp--preset--color--cream); }
.bgcolor-lightgrey { background-color: var(--wp--preset--color--lightgrey); }
.bgcolor-silver { background-color: var(--wp--preset--color--silver); }
.bgcolor-black { background-color: var(--wp--preset--color--black); }
.bgcolor-white { background-color: var(--wp--preset--color--white); }
.bgcolor-white-transparent { background: rgba(255, 255, 255, 0.6); }

.textcolor-primary,
.textcolor-primary h1.section_title,
.textcolor-primary h2.section_title,
.textcolor-primary h3.section_title { color: var(--wp--preset--color--primary); }
.textcolor-secondary { color: var(--wp--preset--color--secondary); }
.textcolor-body { color: var(--wp--preset--color--body); }
.textcolor-steel { color: var(--wp--preset--color--steel); }
.textcolor-gold { color: var(--wp--preset--color--gold); }
.textcolor-mediumgrey { color: var(--wp--preset--color--mediumgrey); }
.textcolor-cream { color: var(--wp--preset--color--cream); }
.textcolor-lightgrey { color: var(--wp--preset--color--lightgrey); }
.textcolor-silver { color: var(--wp--preset--color--silver); }
.textcolor-black { color: var(--wp--preset--color--black); }
.textcolor-white { color: var(--wp--preset--color--white); }

/* Font size classes: one per theme.json size, used by the ACF "*_fontsize" select fields. */
.fontsize-small-14 { font-size: var(--wp--preset--font-size--small-14); }
.fontsize-small-16 { font-size: var(--wp--preset--font-size--small-16); }
.fontsize-body { font-size: var(--wp--preset--font-size--body); }
.fontsize-small-18 { font-size: var(--wp--preset--font-size--small-18); }
.fontsize-small-20 { font-size: var(--wp--preset--font-size--small-20); }
.fontsize-small-22 { font-size: var(--wp--preset--font-size--small-22); line-height: 1.36; }
.fontsize-small-24 { font-size: var(--wp--preset--font-size--small-24); line-height: 1.25; }
.fontsize-medium-30 { font-size: var(--wp--preset--font-size--medium-30); line-height: 1.33; }
.fontsize-medium-32 { font-size: var(--wp--preset--font-size--medium-32); line-height: 1.25; }
.fontsize-medium-40 { font-size: var(--wp--preset--font-size--medium-40); line-height: 1.5; }
.fontsize-large-50 { font-size: var(--wp--preset--font-size--large-50); line-height: 1.1; }
.fontsize-large-60 { font-size: var(--wp--preset--font-size--large-60); line-height: 1.17; }
.fontsize-x-large-80 { font-size: var(--wp--preset--font-size--x-large-80); line-height: 1; }
.fontsize-x-large-100 { font-size: var(--wp--preset--font-size--x-large-100); line-height: 0.95; }
.fontsize-display-150 { font-size: var(--wp--preset--font-size--display-150); line-height: 0.9; }

.font-family-primary {
  font-family:var(--wp--preset--font-family--primary);
}

.font-family-secondary {
  font-family:var(--wp--preset--font-family--primary);
}


@media only screen and (max-width: 768px) {
  .global-block-ptb{
    padding: 60px 0;
  }
}

/* ===================================
   TYPOGRAPHY
=================================== */
h1 {
  font-size: var(--wp--preset--font-size--x-large-100);
  color: var(--wp--preset--color--black);
  font-family: var(--wp--preset--font-family--primary);
  line-height: 0.95;
  font-weight: 700;
  margin: 0 0 30px 0;
  letter-spacing: 0;
  text-transform: none;
}

h2 {
  font-size: var(--wp--preset--font-size--medium-32);
  color: var(--wp--preset--color--black);
  font-family: var(--wp--preset--font-family--primary);
  line-height: 1.25;
  font-weight: 700;
  margin: 0 0 25px 0;
  letter-spacing: 0;
}

h3 {
  font-size: var(--wp--preset--font-size--small-24);
  color: var(--wp--preset--color--black);
  font-family: var(--wp--preset--font-family--primary);
  line-height: 1.3;
  font-weight: 800;
  margin: 0 0 15px 0;
  letter-spacing: 0;
}

h4 {
  font-size: var(--wp--preset--font-size--small-20);
  color: var(--wp--preset--color--black);
  line-height: 1.4;
  font-weight: 800;
  margin: 0 0 15px 0;
}

h5 {
  font-size: var(--wp--preset--font-size--body);
  line-height: 1.5;
  font-weight: 800;
}

h6 {
  font-size: var(--wp--preset--font-size--small-16);
  line-height: 1.5;
  font-weight: 800;
}
/* ===================================
   Global Block Section 
=================================== */

.title_border{
  position: relative;
}
.title_border::after {
	content: "";
	width: 65px;
	height: 2px;
	background-color: var(--wp--preset--color--secondary);
	display: block;
	margin-top: 18px;
}

.section_inner {
	display: flex;
	flex-direction: column;
	gap: 80px;
}

.section_inner .head_box .section_title {
	margin-bottom: 0;
  text-wrap: balance;
}
.section_title_above {
	display: block;
	margin-bottom: 5px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #6B635D; /* Clay, a little darker: 4.6–5.9:1 on white, light grey, cream and silver (Clay itself is 4.4:1 on light grey) */
	font-weight: 700;
	font-size: var(--wp--preset--font-size--small-18);
}
.bgcolor-primary .section_title_above {
	color: var(--wp--preset--color--secondary);
}

.section_inner .head_box .section_description {
	max-width: 700px;
  margin-top: 30px;
}
.text-align-center .section_description {
  margin-left: auto;
  margin-right: auto;
}
.text-align-right .section_description {

  margin-left: auto;
}

.section_inner .head_box .action_link {
	margin-top: 30px;
}
.textcolor-white h1,
.textcolor-white h2,
.textcolor-white h3,
.textcolor-white h4,
.textcolor-white h5,
.textcolor-white .section_title_above {
  color: var(--wp--preset--color--white);
}

h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
  padding: 0.5em;
}
/* ===================================
   Global Grid Block  
=================================== */

.grid,
.carousel > ul {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(var(--cols, 1), minmax(0, 1fr));
}


/* Desktop: data-display-item */
.grid[data-display-item="1"] { --cols: 1; }
.grid[data-display-item="2"] { --cols: 2; }
.grid[data-display-item="3"] { --cols: 3; }
.grid[data-display-item="4"] { --cols: 4; }

.carousel[data-display-item="1"] > ul { --cols: 1; }
.carousel[data-display-item="2"] > ul { --cols: 2; }
.carousel[data-display-item="3"] > ul { --cols: 3; }
.carousel[data-display-item="4"] > ul { --cols: 4; }


/* Items that span several columns.
   - column-span only works for CSS multi-column layout, not for grid, so use grid-column.
   - min(N, var(--cols)) keeps a span from being wider than the grid: on a 1-column
     mobile layout "span 2" would otherwise create an extra implicit column and overflow. */
.grid .cols-span-1 { grid-column: span min(1, var(--cols, 1)); }
.grid .cols-span-2 { grid-column: span min(2, var(--cols, 1)); }
.grid .cols-span-3 { grid-column: span min(3, var(--cols, 1)); }
.grid .cols-span-4 { grid-column: span min(4, var(--cols, 1)); }



/* Laptop: data-display-item-ipad */
@media only screen and (max-width: 1400px) {
	.grid[data-display-item-laptop="1"] { --cols: 1; }
	.grid[data-display-item-laptop="2"] { --cols: 2; }
	.grid[data-display-item-laptop="3"] { --cols: 3; }
	.grid[data-display-item-laptop="4"] { --cols: 4; }

  .carousel[data-display-item-laptop="1"] > ul { --cols: 1; }
  .carousel[data-display-item-laptop="2"] > ul { --cols: 2; }
  .carousel[data-display-item-laptop="3"] > ul { --cols: 3; }
  .carousel[data-display-item-laptop="4"] > ul { --cols: 4; }
}

/* Tablet: data-display-item-ipad */
@media only screen and (max-width: 1024px) {
	.grid[data-display-item-ipad="1"] { --cols: 1; }
	.grid[data-display-item-ipad="2"] { --cols: 2; }
	.grid[data-display-item-ipad="3"] { --cols: 3; }
	.grid[data-display-item-ipad="4"] { --cols: 4; }

  .carousel[data-display-item-ipad="1"] > ul { --cols: 1; }
  .carousel[data-display-item-ipad="2"] > ul { --cols: 2; }
  .carousel[data-display-item-ipad="3"] > ul { --cols: 3; }
  .carousel[data-display-item-ipad="4"] > ul { --cols: 4; }
}

/* Mobile: data-display-item-mobile (yeh block sab se neeche rakho) */
@media only screen and (max-width: 768px) {
	.grid[data-display-item-mobile="1"] { --cols: 1; }
	.grid[data-display-item-mobile="2"] { --cols: 2; }
	.grid[data-display-item-mobile="3"] { --cols: 3; }
  .grid[data-display-item-mobile="4"] { --cols: 4; }

  .carousel[data-display-item-mobile="1"] > ul { --cols: 1; }
  .carousel[data-display-item-mobile="2"] > ul { --cols: 2; }
  .carousel[data-display-item-mobile="3"] > ul { --cols: 3; }
  .carousel[data-display-item-mobile="4"] > ul { --cols: 4; }
}



/* ===================================
    COMPONENTS
   - buttons
   - cards
   - forms
   - navigation
=================================== */

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: var(--wp--preset--color--black);
	border-color: var(--wp--preset--color--primary);
	box-shadow: 0px 0px 5px 0px var(--wp--preset--color--primary);

}


input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
  font-family: var(--wp--preset--font-family--primary);
  border: 1px solid var(--wp--preset--color--lightgrey);
  height: 3.1rem;
  padding: 13px;
  width: 100%;
  outline: 0;
  box-sizing: border-box;
  -webkit-appearance: none;
  resize: none;
  border-radius: 10px;
  display: block;
  position: relative;
  background-color: var(--wp--preset--color--white);

}

select {
  background: url(../assets/images/select-arrow.png) no-repeat 98% center;
  background-color: var(--wp--preset--color--white);
}

textarea {
  width: 100%;
  height: auto;
  background-color: var(--wp--preset--color--white);
 
}

label select,
label textarea {
	/*margin-top: 17px;*/
}
input::placeholder,
textarea::placeholder {
  color: var(--wp--preset--color--mediumgrey);
  opacity: 1; /* important for Firefox */
}

form.wpcf7-form label {
	color: var(--wp--preset--color--secondary);
	font-size: 14px;
	display: block;
	margin-bottom: 14px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	line-height: 24px;
}

.wpcf7-form-control.wpcf7-textarea {
   height:216px;
}

.wpcf7 input[type="file"] {
   font-family: var(--wp--preset--font-family--primary);
}

form.wpcf7-form p {
   margin: 0;
   width: 100%;
}

form.wpcf7-form br {
   display: none;
}

form.wpcf7-form label small,
form.wpcf7-form label i {
   display: block;
   color: var(--wp--preset--color--darkblue);
   font-size: 14px;
   margin-top: 15px;
}

form.wpcf7-form .wpcf7-form-control-wrap {
   position: relative;
   margin-bottom: 10px;
   display: block;
}

.wpcf7-list-item {
   margin: 0;
   display: block;
   position: relative;
   padding-left: 30px;
}

.wpcf7-list-item input[type="checkbox"] {
   position: absolute;
   left: 0;
   top: 5px;
}

.wpcf7-list-item label .wpcf7-list-item-label {
   color: var(--wp--preset--color--darkblue);
}

form.wpcf7-form {
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   justify-content: space-between;
}

.half-col {
   width: 49%;
   margin-bottom: 10px;
}

.full-col {
   width: 100%;
   margin-bottom: 10px;
}
.full-col.btn_col p {
	display: flex;
	gap: 10px;
	align-items: center;
}
.one-third-col {
   width: 29%;
   margin-bottom: 10px;
}

.one-forth-col {
   width: 23.5%;
   margin-bottom: 10px;
}

.one-forth-col .wpcf7-form-control.wpcf7-textarea {
   height: 120px;
}

span[data-name="opt-in"] .wpcf7-list-item-label {
   font-size: 14px;
   color: var(--wp--preset--color--darkblue);
}

.wpcf7-spinner {
   display: block;
}

.center .wpcf7-spinner {
   margin: 0 auto;
}

.wpcf7-not-valid-tip {
	color: var(--wp--preset--color--white);
	font-size: 0.9em;
	font-weight: normal;
	display: block;
	background-color: #dc3232;
	padding: 15px 0.8rem 5px;
	border-radius: 0;
	margin-top: -10px;
	letter-spacing: 1.5px;
  border-radius: 10px;
}
.codedropz-upload-inner {
   background: url(../assets/images/file_upload_icon.png) no-repeat top center;
   padding-top: 118px;
}

.codedropz-upload-inner h3 {
   font-size: var(--wp--preset--font-size--small-16);
}

.codedropz-upload-container {
   padding: 100px 20px;
}

.image_file {
   margin-bottom: 26px;
}

@media only screen and (max-width: 1000px) {
   .one-forth-col {
      width: 48.5%;
   }
}

@media only screen and (max-width: 600px) {

   .half-col,
   .one-third-col,
   .one-forth-col {
      width: 100%;
   }
}



/* ===================================
   Buttons
=================================== */

button:not(.components-button ),
.button,
body a.button,
.blog_load_more_button a,
.blog_load_more_button_loading a,
input[type="button"],
input[type="reset"],
input[type="submit"]:not([disabled]) {
  position: relative;
  width: auto;
  margin: 0;
  /* Design: 40px yellow pill, Red Hat Display ExtraBold 18px, small up-right arrow ("Start a conversation ↗"). */
  color: var(--wp--preset--color--black);
  border: 1px solid var(--wp--preset--color--primary);
  font-size: 18px;
  line-height: 1;
  height: 40px;
  font-weight: 800;
  background-color: var(--wp--preset--color--primary);
  border-radius: 65px;
  letter-spacing: 0;
  text-transform: none;
  padding: 0 24px 0 27px;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  font-style: normal;
  font-family: var(--wp--preset--font-family--primary);
  transition: color .1s linear, background-color .1s linear, border-color .1s linear;
  box-sizing: border-box !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
}

input[type="button"], 
input[type="reset"], 
input[type="submit"]:not([disabled]) {
	padding: 0 28px;
}

button.button-secondary,
.button.button-secondary {
  background-color: var(--wp--preset--color--secondary);
  border-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--white);
}

/* Dark buttons (Charcoal / Black): yellow arrow, as in the design. */
button.button-secondary::after, .button.button-secondary::after,
button.button-black::after, .button.button-black::after {
	color: var(--wp--preset--color--primary);
}

button.button-black,
.button.button-black {
  background-color: var(--wp--preset--color--black);
  border-color: var(--wp--preset--color--black);
  color: var(--wp--preset--color--white);
}


button.button-white,
.button.button-white {
  background-color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--secondary);
}


button.button-transparent,
.button.button-transparent {
  background-color: transparent;
  border-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}

button.button-white::after, .button.button-white::after, 
button.button-transparent::after, .button.button-transparent::after {
	color: inherit;
}

button:not(.components-button ):active,
button:not(.components-button ):focus-visible,
.button:active,
.button:focus-visible,
input[type="button"]:active,
input[type="button"]:focus-visible,
input[type="reset"]:active,
input[type="reset"]:focus-visible,
input[type="submit"]:active,
input[type="submit"]:focus-visible,
.blog_load_more_button a:active,
.blog_load_more_button a:focus-visible,
.blog_load_more_button_loading a:active,
.blog_load_more_button_loading a:focus-visible {
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--secondary);
  background-color: var(--wp--preset--color--secondary);
}

@media (hover: hover) {
	button:not(.components-button ):hover,
	.button:hover,
	input[type="button"]:hover,
	input[type="reset"]:hover,
	input[type="submit"]:hover,
	.blog_load_more_button a:hover,
	.blog_load_more_button_loading a:hover {
	  color: var(--wp--preset--color--white);
	  border-color: var(--wp--preset--color--secondary);
	  background-color: var(--wp--preset--color--secondary);
	}
}

/* The arrow: plain icon in the text colour (no circle), as in the design. */
button:not(.components-button )::after,
.button::after,
.blog_load_more_button a::after {
  content: "\e802";
  font-family: "abe-icons";
  font-weight: 400;
  font-size: 13px;
  display: block;
  width: auto;
  height: auto;
  background: none;
  text-align: center;
  line-height: 1;
  border-radius: 0;
  color: inherit;
  transition: transform .2s ease;
}


button.btn_submit::after {
	content: "\e802";
	overflow: hidden;
}


/* Hover: the arrow moves a little towards its direction (no movement for reduced motion, see navigation.css). */
@media (hover: hover) {
	button:not(.components-button ):hover::after,
	.button:hover::after,
	.blog_load_more_button a:hover::after {
	  transform: translate(2px, -2px);
	}
}

/* The default hover is Charcoal: yellow arrow, as on the dark buttons. Hover styles below set their own. */
button:not(.components-button ):active::after,
button:not(.components-button ):focus-visible::after,
.button:active::after,
.button:focus-visible::after,
.blog_load_more_button a:active::after,
.blog_load_more_button a:focus-visible::after {
  color: var(--wp--preset--color--primary);
}

@media (hover: hover) {
	button:not(.components-button ):hover::after,
	.button:hover::after,
	.blog_load_more_button a:hover::after {
	  color: var(--wp--preset--color--primary);
	}
}

button.hover-button-primary:active,
button.hover-button-primary:focus-visible,
.button.hover-button-primary:active,
.button.hover-button-primary:focus-visible {
  color: var(--wp--preset--color--black);
  border-color: var(--wp--preset--color--primary);
  background-color: var(--wp--preset--color--primary);
}

@media (hover: hover) {
	button.hover-button-primary:hover,
	.button.hover-button-primary:hover {
	  color: var(--wp--preset--color--black);
	  border-color: var(--wp--preset--color--primary);
	  background-color: var(--wp--preset--color--primary);
	}
}

button.hover-button-primary:active::after,
button.hover-button-primary:focus-visible::after,
.button.hover-button-primary:active::after,
.button.hover-button-primary:focus-visible::after {
  color: inherit;
}

@media (hover: hover) {
	button.hover-button-primary:hover::after,
	.button.hover-button-primary:hover::after {
	  color: inherit;
	}
}

button.hover-button-secondary:active,
button.hover-button-secondary:focus-visible,
.button.hover-button-secondary:active,
.button.hover-button-secondary:focus-visible {
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--secondary);
  background-color: var(--wp--preset--color--secondary);
}

@media (hover: hover) {
	button.hover-button-secondary:hover,
	.button.hover-button-secondary:hover {
	  color: var(--wp--preset--color--white);
	  border-color: var(--wp--preset--color--secondary);
	  background-color: var(--wp--preset--color--secondary);
	}
}

button.hover-button-secondary:active::after,
button.hover-button-secondary:focus-visible::after,
.button.hover-button-secondary:active::after,
.button.hover-button-secondary:focus-visible::after {
  color: var(--wp--preset--color--primary);
}

@media (hover: hover) {
	button.hover-button-secondary:hover::after,
	.button.hover-button-secondary:hover::after {
	  color: var(--wp--preset--color--primary);
	}
}



button.hover-button-white:active,
button.hover-button-white:focus-visible,
.button.hover-button-white:active,
.button.hover-button-white:focus-visible {
  background-color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--secondary);
}

@media (hover: hover) {
	button.hover-button-white:hover,
	.button.hover-button-white:hover {
	  background-color: var(--wp--preset--color--white);
	  border-color: var(--wp--preset--color--white);
	  color: var(--wp--preset--color--secondary);
	}
}

button.hover-button-white:active::after,
button.hover-button-white:focus-visible::after,
.button.hover-button-white:active::after,
.button.hover-button-white:focus-visible::after {
  color: inherit;
}

@media (hover: hover) {
	button.hover-button-white:hover::after,
	.button.hover-button-white:hover::after {
	  color: inherit;
	}
}



button.direction_btn {
	padding: 0;
	font-size: 0;
	height: auto;
	line-height: 0;
	gap: 0;
  border:0;
  
}
button.direction_btn span{
  display: none;
}
button.direction_btn.prev_btn::after {
	content: "\f104";
}
button.direction_btn::after {
	margin-left: 0;
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--black);
}
button.direction_btn:hover::after {
	margin-left: 0;
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--white);
}

/* ===================================
    Slider Nav
=================================== */


ul.flex-direction-nav {
 
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  list-style: none;


}

ul.flex-direction-nav li {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -30px;
  z-index: 5;
}
ul.flex-direction-nav li::before{
  display: none;
}

ul.flex-direction-nav li.flex-nav-prev {
  left: 0;
  right: auto;
}

ul.flex-direction-nav li a {
	opacity: 1;
	text-decoration: none;
	text-transform: uppercase;
	color: var(--wp--preset--color--black);
	border: 1px solid var(--wp--preset--color--primary);
	height: 40px;
	display: flex;
	line-height: normal;
	padding: 0;
	font-size: 0;
	aspect-ratio: 1;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

ul.flex-direction-nav li a:hover {
  opacity: 1;
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--primary);
}

ul.flex-direction-nav li a.flex-next::after,
ul.flex-direction-nav li a.flex-prev::before {
   content: "\E815";
  font-family: "abe-icons";
  font-size: 16px;
  line-height: inherit;

  
}

ul.flex-direction-nav li a.flex-prev::before {
  transform: rotate(180deg);
}


ol.flex-control-nav {
  margin: 0 auto;
  list-style: none;
  z-index: 4;
  display: flex;
  justify-content: center;
  gap: 10px;
}

ol.flex-control-nav li {
  list-style: none;
  margin:  0;
  padding: 0;
  float: none;
}

ol.flex-control-nav li a {
  width: 15px;
  height: 15px;
  display: block;
  font-size: 0;
  border-radius: 50px;
  background-color: var(--wp--preset--color--lightgrey);
  position: relative;
}

ol.flex-control-nav li a.flex-active {
  background-color: var(--wp--preset--color--primary);

}


.carousel .caroufredsel_wrapper ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap:0;
}

.carousel .caroufredsel_wrapper ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 32%;
}

.carousel .caroufredsel_wrapper ul li > div,
.carousel .caroufredsel_wrapper ul li > article {
	margin: 0 10px;
	height: 100%;
	overflow: hidden;
}


.slider_control {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
  gap: 30px;
	align-items: center;
	width: 100%;
	margin-top: 50px;
    padding-bottom: 0;
}
.slider_control .pager {
	display: flex;
	gap: 5px;
}
.slider_control .pager:not(.hidden) {
    display: flex !important;
 }
.slider_control .pager  a {
	font-size: 0;
	display: block;
	width: 12px;
	height: 12px;
	background-color: var(--wp--preset--color--lightgrey);
  border-radius: 50px;
}
 .slider_control .pager a.selected {
	
	background-color: var(--wp--preset--color--primary);
}

 .slider_control .directional_nav {
	display: flex;
	gap: 25px;
}

 .slider_control .directional_nav a {
	width: 35px;
	height: 35px;
  border-radius: 3px;
	border: 1px solid;
  color: var(--wp--preset--color--secondary);
	font-size: 0;
	padding: 0;
  font-size: 0;
  line-height: 0;
  outline: 0;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
}
 .slider_control .directional_nav a:not(.hidden) {
    display: flex !important;
 }

.slider_control .directional_nav a.disabled {
	opacity: 0.3;
	cursor: inherit;
}
.slider_control .directional_nav a::before {
  content: "\E815";
  font-family: "abe-icons";
  font-size: 16px;
  text-align: center;
}

.slider_control .directional_nav a.prev::before {
 
  transform: rotate(180deg);
}


.slider_control .directional_nav a:focus, 
.slider_control .directional_nav a:active, 
.slider_control .directional_nav a:hover {
	color: var(--wp--preset--color--white);
	background-color: var(--wp--preset--color--black);
	border-color: var(--wp--preset--color--black);
}

.has_active_slider {
position: relative;
}
/*
.has_active_slider .directional_nav {
position: absolute;
right: 0;
}

.has_active_slider .directional_nav.drn-prev{

right: 60px;
}
*/
/* ===================================
   Blog
=================================== */



.blog_latest_holder {
   padding-top: 50px;
}

.blog_latest_holder .related-title {
  margin-bottom: 50px;
}

.blog_holder {
	margin-top: 80px;
	margin-bottom: 50px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
}



.blog_holder article .masnory-inner {
	opacity: 0;
	-moz-transition: all .4s ease-in-out, -moz-transform .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out, -webkit-transform .4s ease-in-out;
	transition: all .4s ease-in-out, transform .4s ease-in-out;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	transform: scale(.8);
	display: flex;
	flex-direction: column;
	height: 100%;
  padding: 22px;
  border-radius: 25px;
  border: 1px solid var(--wp--preset--color--lightgrey);
  background: var(--wp--preset--color--white);
}

.blog_holder article.show .masnory-inner {
   opacity: 1;
   -webkit-transform: unset;
   transform: unset;
   -moz-transform: unset;
}

.blog_holder .post_text .entry-title {
	font-size: var(--wp--preset--font-size--small-24);
	text-transform: none;
	text-shadow: none;
	margin-bottom: 15px;
	font-weight: 600;
	font-family: var(--wp--preset--font-family--primary);
}

.blog_holder .post_text .entry-title a {
  text-decoration: none;
  color: var(--wp--preset--color--black);
}

.blog_holder .post_text .entry-title a:hover {
  color: var(--wp--preset--color--secondary);
}
.blog_holder .post_image {
	overflow: hidden;
  border-radius: 20px;
}
.blog_holder .post_text {
  position: relative;
  margin: 25px 0 0;
  flex-grow: 1;
}

.blog_holder .post_text .post_excerpt {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 20px;
}

.blog_holder .post_text .post_more {
  bottom: 0;
  position: absolute;
}


.post_image img {
  display: block;
  width: 100%;
}

.author_meta {
  display: table;
  margin-bottom: 15px;
  flex-grow: 1;
}

.author_meta .au_image {
  display: table-cell;
  padding-right: 20px;
  vertical-align: middle;
}

.author_meta .au_name {
  font-size: 13px;
  color: var(--wp--preset--color--mediumgrey);
  display: table-cell;
  vertical-align: middle;
}

.author_meta .au_image img {
  display: block;
  border-radius: 50px;
}

article .entry-meta {
	margin: 0 0 15px;
	position: relative;
	color: var(--wp--preset--color--secondary);
	font-weight: 400;
}

article .entry-meta a {
	color: var(--wp--preset--color--secondary);
	text-decoration: none;
	text-transform: none;
	line-height: 30px;
	display: inline-flex;

}

article .entry-meta a:hover {
   color: var(--wp--preset--color--primary);
}

article .entry-meta .posted-on {
  padding-right: 20px;
  display: inline-block;
  line-height: 40px;
}

article .entry-meta .categories {
   padding-right: 20px;
   display: inline-block;
}
article .author-meta{
  color: var(--wp--preset--color--primary);
  font-size: var(--wp--preset--font-size--small-20);
  font-style: normal;
  font-weight: 500;
  line-height:  130%;
  margin-bottom: 3rem;
}

.related_post {
   padding-top: 80px;
}

.related_post h2.related-title {
   margin-bottom: 40px;
   position: relative;
}

.related_post h2.related-title::before {
   content: "";
   width: 40px;
   height: 3px;
   background-color: var(--wp--preset--color--secondary);
   display: block;
   margin-bottom: 20px;
}

body.archive .page-header {
   padding: 0 !important;
   margin-top: 80px;
}


/*Blog Single Page*/
article.single_post_page {
  padding-top: 4rem;
  padding-bottom: 5rem;
  z-index: 3;
  position: relative;
}

article.single_post_page .entry-header {
  margin: 0;

}




@media only screen and (max-width: 1024px) {
  .blog_holder.masonry {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (max-width: 768px) {
 .blog_holder.masonry {
    grid-template-columns: 1fr;
  }

  article.single_post_page {
    padding-bottom: 50px;
  }

  article.single_post_page .entry-header {

    flex-direction: column;
  }
 
  article.single_post_page .entry-content .entry-title {
    font-size: var(--wp--preset--font-size--large-50);
  }

}


/*------------------Blog Load More----------------*/

.blog_load_more_button_loading {
   display: none;
}

.blog_load_more_button_holder {
   text-align: center;
   padding: 0 0 80px;
}

.blog_load_more_button_holder .blog_load_more_button span {
   position: relative;
   display: block;
}

/*---------Author Description --------------*/

.author_description {
   background-color: #efefef;
   padding: 30px 40px;
   margin-top: 50px;
   border-left: 5px solid var(--wp--preset--color--primary);
}

.author_description_inner {
   position: relative;
}

.author_description_inner .image img {
   display: block;
}

.author_description_inner .image {
   position: absolute;
   left: 0;
   top: 0;
   border-radius: 50%;
   overflow: hidden;
}

.author_description_inner .author_text_holder {
   padding-left: 130px;
}

.author_description_inner .author_text_holder .author_name.vcard.author {
   color: var(--wp--preset--color--black);
   font-weight: 700;
   font-size: 18px;
   margin: 0 0 17px 0;
}



@media only screen and (max-width: 600px) {
   .author_description_inner .image {
      position: relative;
      left: auto;
      top: auto;
      width: 100px;
      margin-bottom: 20px;
   }

   .author_description_inner .author_text_holder {
      padding-left: 0;
   }
}
/* ===================================
   Post Comments
=================================== */
.comments-area {
	margin: 0;
	padding: 0 0 50px;
}

.comments-area .comment-list {
	padding-left: 0;
	margin: 30px 0;
	padding-bottom: 20px;
	border-bottom: 1px dashed #e6e6e6;
}
.comments-area .comment-list li {
	list-style: none;
	margin-bottom: 40px;
	display: flex;
	flex-direction: column;
	gap: 40px;
}


.comments-area .comment-list li .comment-body {
	position: relative;
	padding: 30px 40px;
	margin-left: 100px;
	background-color: #f5f5f5;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.comments-area .comment-list li .comment-body::after {
	position: absolute;
	content: "";
	top: 27px;
	left: -20px;
	display: block;
	border: 10px solid #fff0;
	border-right-color: #f5f5f5;
}
.comments-area .comment-list li .comment-body .comment-author.vcard img {
	position: absolute;
	left: -100px;
	background: #f5f5f5;
	width: 70px;
	padding: 10px;
	top: 0;
}
.comments-area .comment-list li .comment-body .comment-meta {
	display: flex;
	gap: 20px;
	justify-content: space-between;
}
.comment-respond .comment-reply-title {
	display: flex;
	align-items: end;
	gap: 20px;
}

@media only screen and (max-width: 768px) {
  .comments-area .comment-list li .comment-body .comment-meta {

    gap: 10px;
    flex-direction: column;
  }
}

/* ===================================
   Text pages (Figma "Privacy Policy", "Terms of Use")
   A Group block with the class "text_page_content" around the page text.
   Design at 1728px: 1204px column under the page title (title.php, page_title--plain), Regular 18/30,
   one empty line (30px) between paragraphs, bold numbered section titles.
   Section titles are real h2 headings (screen reader users can jump between sections, WCAG 1.3.1, 2.4.6);
   they look like the bold 18px lines in the design. Lettered items (a), b) ...) that follow each other
   without a gap are a list ("text_page_list") without markers: the letter is part of the text.
=================================== */
.entry-content > .text_page_content {
  max-width: calc(1204px + 40px); /* same column as the page title (css/page-title.css) */
  margin: 0 auto;
  padding: 0 20px clamp(60px, 8.3vw, 144px); /* side padding as .container */
  color: var(--wp--preset--color--black);
  font-size: var(--wp--preset--font-size--body);
  line-height: 30px;
}

.text_page_content > * {
  margin: 30px 0 0;
}

.text_page_content > :first-child {
  margin-top: 0;
}

.text_page_content p,
.text_page_content li {
  font-size: inherit;
  line-height: inherit;
}

.text_page_content h2 {
  margin-bottom: 0;
  color: inherit;
  font-size: var(--wp--preset--font-size--body);
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0;
  text-transform: none;
}

/* A section title is followed by its text on the next line (no empty line in between). */
.text_page_content h2 + * {
  margin-top: 0;
}

.text_page_content a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  overflow-wrap: anywhere; /* long e-mail and web addresses on small screens (WCAG 1.4.10) */
}

.text_page_content a:hover {
  text-decoration-thickness: 2px;
}

.entry-content .text_page_content ul.text_page_list {
  margin-left: 0;
  padding: 0;
  list-style: none;
}

.entry-content .text_page_content ul.text_page_list li {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 1350px) {
  .entry-content > .text_page_content {
    padding-left: 45px;
    padding-right: 45px;
  }
}

@media screen and (max-width: 480px) {
  .entry-content > .text_page_content {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* ===================================
   Order-Unorder List
=================================== */
.entry-content ol {
  margin: 0.5em 0;
}

.entry-content ol li {
  margin: 0 0;
}

.entry-content ul:not(.flex-direction-nav):not(.wp-block-post-template):not(.blocks-gallery-grid):not(.kb-gallery-ul):not(.kt-tabs-title-list):not(.wp-block-social-links):not(.splide__list):not(.splide__pagination):not(.slides):not(.split_content_text ul):not(.box_text_items):not(.stats_counter):not(.team_grid_list):not(.project_grid_list):not(.site_social_links):not(.text_page_list) {
  list-style: none;

  padding: 0;
}

.entry-content ul:not(.flex-direction-nav):not(.wp-block-post-template):not(.blocks-gallery-grid):not(.kb-gallery-ul):not(.kt-tabs-title-list):not(.wp-block-social-links):not(.splide__list):not(.splide__pagination):not(.slides):not(.split_content_text ul):not(.box_text_items):not(.stats_counter):not(.team_grid_list):not(.project_grid_list):not(.site_social_links):not(.text_page_list) li {
  position: relative;
  margin: 0 0 5px;
  padding: 0 0 0 20px;
}

/* Lists in the Split Content block have their own style (css/block_split-content.css). */
.entry-content ul:not(.flex-direction-nav):not(.wp-block-post-template):not(.kb-gallery-ul):not(.kt-tabs-title-list):not(.wp-block-social-links):not(.splide__list):not(.splide__pagination):not(.slides):not(.split_content_text ul):not(.box_text_items):not(.stats_counter):not(.team_grid_list):not(.project_grid_list):not(.site_social_links):not(.text_page_list) li::before {
  content: '•';
  position: absolute;
  position: absolute;
  left: 4px;
  top: 5px;
  line-height: 10px;
  display: block;

}

.entry-content ul.kt-tabs-title-list li,
.entry-content ul.wc-block-grid__products li,
.entry-content ul.blocks-gallery-grid li {
  padding-left: 0 !important;
  
}

.entry-content ul.blocks-gallery-grid li::before,
.entry-content ul.kt-tabs-title-list li::before,
.entry-content ul.wc-block-grid__products li::before .entry-content ul.kb-gallery-ul li::before,
.entry-content ul.kt-tabs-title-list li::before,
.entry-content ul.wc-block-grid__products li::before {
  display: none !important;
}

.entry-content ul.wc-block-grid__products li {
  padding: 0 15px !important;
}

ul.tick-icon>li,
p.tick-li {
  padding-left: 46px !important;
  position: relative;
}

ul.inline_li>li {
  display: inline-block;
  padding-right: 25px !important;
}

ul.tick-icon>li::before,
p.tick-li::before {
  content: "" !important;
  background-image: url(../assets/images/icon-tick.svg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 30px !important;
  height: 30px !important;
  background-color: transparent !important;
  top: 0px !important;
}

ul.tick-icon.white>li::before,
p.tick-li.white::before {
  filter: brightness(0) invert(1);
}

ul.tick-icon.blue>li::before,
p.tick-li.blue::before {
  background-image: url(../assets/images/icon-tick.svg);
}

p.tick-li {
  background-image: url(../assets/images/icon-tick.svg);
  background-repeat: no-repeat;
  background-position: left 7px;
  margin-bottom: 28px;
}

ul.tick-icon-big {
  margin-top: 0 !important;
}

ul.tick-icon-big>li {
  padding-left: 40px !important;
  position: relative;
  font-size: 20px;
  margin-bottom: 27px !important;

}

ul.tick-icon-big>li::before {
  background-image: url(../assets/images/icon-tick.svg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 25px !important;
  height: 25px !important;
  background-color: transparent !important;
  top: 1px !important;
}

.entry-content ol:not(.flex-control-nav) {
  counter-reset: item;
  list-style-type: none;
}

.entry-content ol:not(.flex-control-nav) li {
  display: block;
  font-size: 18px;
  color: var(--wp--preset--color--black);
  line-height: 24px;
  padding-bottom: 10px;
  padding-left: 38px;
  position: relative;
}

.entry-content ol:not(.flex-control-nav) li::before {
  content: counter(item) "  ";
  counter-increment: item;
  background-color: var(--wp--preset--color--primary);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  color: var(--wp--preset--color--white);
  line-height: 25px;
  font-size: 14px;
  font-weight: bold;
  margin-right: 0;
  position: absolute;
  left: 0;
  top: 1px;
}