:root {
  --color-primary: #28a6a6;
  --color-secondary: #b4126f;
  --color-third: #fedf8a;
  --color-accent: #eee;
}



a {
  color: var(--color-primary);
}

body {
  font-family: sans-serif;
  background-color: var(--color-accent);
  font-weight: normal;
}

.color-text-primary {
  color: var(--color-primary);
}

.color-text-pink {
  color: var(--color-secondary);
}

.font-serif {
  font-family: serif;
}

.button-secondary,
.button {
  display: inline-block;
  font-weight: bold;
  padding: 0.5em 1em !important;
  border-radius: 2px !important;
  text-decoration: none !important;
  background: var(--color-secondary);
  cursor: pointer;
}

.button {
  background: var(--color-secondary);
  color: #fff !important;
}

.button-secondary {
  background: var(--color-third);
  color: var(--color-secondary) !important;
}

blockquote {
  margin-left: 0;
  margin-right: 0;
  padding: 0.5rem 2rem;
  text-transform: uppercase;
  padding: 1em 0;
  font-weight: bold;
}






.scroll-down{
	display:none !important;
}

.logo-img {
  aspect-ratio: 285 / 285;
}

.heading__title-scroll {
min-height: 80px;
}

.related-blogs-grid .team-image-wrapper1 img {
  max-height: 420px;
	width: 100% !important;
}



.team-img {min-height: 420px;}
.related-blog-card {max-height: 100% !important;}

 .site-footer {
    font-size: 13.5px !important;
  }

.team-image-wrapper img {min-height: 420px;}

.site-footer .menu > li:not(:last-child) {
  margin-bottom: 4px;
}

.related-service-card {max-height: 580px !important;}

.gf-chat-backdrop {
  pointer-events: none !important;
}

.blog-text-header {font-size: 50px; line-height: 1.1;}

.has-global-padding {
  max-width: 1920px !important;
  margin: 0 auto;
}

.wp-block-buttons > .wp-block-button:hover a {text-decoration: none;}


/* Default state */
.wp-block-cover .wp-block-cover__background,
.wp-block-cover .wp-block-cover__gradient-background,
.wp-block-cover-image .wp-block-cover__background,
.wp-block-cover-image .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim:not(.has-background-gradient)::before {
  transition: opacity 0.3s ease;
}

/* Hover state */
.wp-block-cover:hover .wp-block-cover__background,
.wp-block-cover:hover .wp-block-cover__gradient-background,
.wp-block-cover-image:hover .wp-block-cover__background,
.wp-block-cover-image:hover .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim:not(.has-background-gradient):hover::before,
.wp-block-cover.has-background-dim:not(.has-background-gradient):hover::before {
  opacity: 0.05;
}



.rating-cta,
.heading__title-scroll {
  backface-visibility: hidden;
  transform: translateZ(0);
}


.hero__bg-embed {
  transition: filter 0.25s linear;
}



.wp-block-cover:hover .wp-block-buttons .wp-block-button__link {
  background-color: rgb(156.8181818182,15.6818181818,96.7045454545) !important;
  color: #fff !important;
  border-color: rgb(156.8181818182,15.6818181818,96.7045454545);
  transition: all 0.25s ease;
	box-shadow: 0px 0px 30px rgba(156.8181818182,15.6818181818,96.7045454545,0.7);
}



.wp-block-button__link {
  transition: all 0.25s ease;
}




.alignwide.has-global-padding .wp-block-columns, .alignfull.has-global-padding .wp-block-columns {
  max-width: 1920px !important;
  margin: 0 auto;
}

.alignwide.has-global-padding, .alignfull.has-global-padding {
  max-width: 100% !important;
}

.rank-math-breadcrumb {font-size: 14px; opacity: 0.8;}



.new-menu > li {
  margin: 0% 1.5% !important;
}


#menu-mobile-menu {
  margin-top: 80px;
}

.menu-title {
color: #0e9fa3;
text-transform: uppercase;
  font-family: "Oswald",sans-serif;
margin-top: 15px;
font-size: 1.2em;
}


.site-menu--block .sub-menu {
  padding: 0 0 1em 6px;
}



  .site-footer__spacer {
    padding-right: 4em !important;
  }

-review.layout_style-4 .g-review .gr-inner-body {
  max-height: 500px !important;
}

[data-aos^="fade"][data-aos^="fade"] {
  opacity: 1 !important;
}

.rm-breadcrumbs {
  font-size: .9rem;
  margin: .5rem 0 1rem;
  color: #666;
}
.rm-breadcrumbs a { text-decoration: none; }
.rm-breadcrumbs a:hover { text-decoration: underline; }
.rm-breadcrumbs--mobile { padding: 0 1rem; }






.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 1920px !important;
}

.g-4, .gy-4 {
  --bs-gutter-y: 0.8rem;
	--bs-gutter-x: 0.8rem;
}

.post-card__img {border-radius: 8px;}

.title-block {line-height: 1.3; font-size: 16px;margin-top: 10px;}


.post-card { transition: all .2s ease-in-out; }
.post-card:hover { transform: scale(1.03); }


.site-header {
  margin-bottom: -100px;
  z-index: 999;
  position: absolute;
}

.site-header--sticky .site-header {background: rgba(0,0,0,0.35);backdrop-filter: blur(8px);}

.site-header__inner {
  background: rgba(0,0,0,.35) !important;
  backdrop-filter: blur(25px) !important;
}

.site-header__menu {
  height: 100vh !important;
}


.site-header.sticky{
      position: fixed;
      top: 0; left: 0; right: 0;
      z-index: 9999;
      animation: headerFadeDown 220ms ease forwards;
      will-change: transform, opacity;
    }


    @keyframes headerFadeDown{
      from{ opacity:0; transform: translateY(-200px); }
      to{   opacity:1; transform: translateY(0); }
    }


    html.admin-bar .site-header.sticky{ top:32px; }
   



@media (max-width:782px){
      html.admin-bar .site-header.sticky{ top:46px; }
    }


.social-icons{
	position:relative;
}
.social-icons::after {
    content: "";
    position: absolute;
    background-color: #ffffff10; /* Light white with transparency */
    height: 100%;
    width: 500%;
    left: -20px;
    bottom: 10%;
	z-index:-1;
}
#colophon > div:nth-child(2) > div > div.col-md > div > span > img
{
	max-width:150px !important;
}
.textwidget small{
	font-size:100% !important;
}
.twopanelsimage{
	background-size:cover !important;
}

.div_overlay {
    background: transparent !important;
}
.post-card__title, .watch_button_container{
	display:none !important;
}
.bannerCStitle h2{
	font-size:18px !important;
	margin-bottom:0px !important;
}
.clientCSrow .container, .content-blockab .container{
	min-width:100% !important;
}
.hero__title {
    font-size: 50px !important;
}
.instagram-gallery__actions{
	display:none
}
.instagram-feed-wrapper{
	padding:100px 0px;
	background:#141716;
}
.accordion__button-title {
    max-width: 50em !important;
    font-size: 1em !important;
}

.feedCSrow{
display:grid;
grid-template-columns:70px 1fr;
gap:20px;
align-items:center;
color:#fff;
margin-bottom:30px;
}
.feedCSimg{
max-width:100%;
padding:15px;
	width:70px;
	height:70px;
background:#f4f4f4;
border-radius:50%;
}
.feedCSimg img{
width:100%;
}
.feedCStxt{
font-size:1.2rem;
font-weight:700;
margin-bottom:-20px !important;
}
@media (min-width: 992px) {
    .container, .feedCSrow {
        padding-left: 7rem;
        padding-right: 7rem;
    }
	.hero .heroInfo {
    padding: 2em 6em;
    text-align: left;
    width: 50%;
}
	#masthead .site-header {
    padding: 1% 6rem !important;
}
}
.container {
    max-width: 100% !important;
    width: 100% !important;
}
@media (max-width: 920px) {

 .container,	.twopanelsinfoleft, .twopanelsinforight, .feedCSrow {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}
	.twopanelsimage {
    min-height: 50vh !important;
}
	.hero__title {
    font-size: 36px !important;
}
	.bannerCStitle h2 {
    margin-bottom: 0px !important;
}
	
	.heading {
  height: 65vh !important;
}
	
	
	
}

.container{
		overflow:hidden !important;
		max-width:100vw !important;
	}
	.slider-container {
    --swiffy-slider-item-gap-totalwidth: calc(var(--swiffy-slider-item-gap) * (var(--swiffy-slider-item-count) - 1));
    --swiffy-slider-item-width: calc((100% - var(--swiffy-slider-item-reveal) - var(--swiffy-slider-item-gap-totalwidth)) / var(--swiffy-slider-item-count));
    margin: 0px 0px -01px !important;
}
	.feedCSrow{
grid-template-columns:1fr;
gap:0px;
}
}




.sub-menu.header-submenu-open a {
  color: #000 !important;
}




.wp-block-button a::before {
  content: "\f061";            /* arrow-right (Free Solid) */
  font: var(--fa-font-solid);  /* tells FA to use the Solid webfont */
  display: inline-block;
  margin-right: .6rem;
  line-height: 1;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}







#masthead .site-header{
			padding: 1% 1%;
		}
		#masthead .site-header .site-logo {
    	position: relative;
    	top: 1%;
    	left: 1%;
    	-webkit-transform: translate(-0%, -0%);
    	transform: translate(-0%, -0%);
			padding-left: 1rem;
			max-width: 200px;

		}
		#masthead .primary-navigation {

	    width: 100%;
			flex-direction: row-reverse;

		}
		.desktop-logo{
			width:20%;

		}
		.new-menu-container{
				width:100% !important;
				display:flex;
		}
		.menu-new-primary-menu-container{
			width: 100%;

		}
		.new-menu{
			display:flex;
			width:100%;
			justify-content: flex-end;
			    margin: 0% 2% 0% 0%;
		}
		.new-menu > li{
			margin: 0% 2%;
			align-content: center;
			align-items: center;
		}

		.sub-menu > li{
			margin: 0%;
			align-content: center;
			align-items: center;
		}

		.new-menu-container{
			width:80%;
		}
			.site-header__menu {
				background-color: var(--accent-color);
			}

			.site-header .site-menu a:hover,
			.site-header .menu-heading>a {
				color: var(--primary-color);
			}

			.contact_us_display {
				display: block;
			}

			.contact_us_display_none {
				display: none;
			}
			@media (min-width: 1020px) {

				.desktop_display{
					display:block;
				}
				.mobile_display{
					display: none;
				}
			}
			@media (max-width:1019px){
				.desktop_display{
					display:none;
				}
				.mobile_display{
					display: block;
				}
			}

			/* Start Old Style for Header */

			header .site-branding{
			  display:flex;
			  width:30%;
			  transition: all 0.5s ease;
			}
			header .site-logo{
			  align-items: center;
			  display: flex;
			}
			header .primary-navigation{
			  display:flex;
			  width:70%;
			  flex-direction: row-reverse;
			  text-align:center;
			  transition: all 0.5s linear forwards ease;
			  font-size:0.9em;
			}
			header .menu-header-container, header .menu-header-container > ul{
			  display:flex;
			  padding:0vw;
			  transition: all 0.5s linear forwards ease;
			}
			header .menu-header-container > ul > li{
			  margin: 0vw 1vw;
			}

			header .site-branding .site-logo .custom-logo{
			  width:10vw;
			}


			/* Start header menu */

			#masthead .primary-navigation .sub-menu-toggle{
			  background: transparent;
			  border: none;
			  color:#ffffff;
			  font-size: 1vw !important;
			  display:none;
			}
			.primary-navigation ul, .primary-navigation li{
			  list-style-type: none;
			}
			#masthead .primary-navigation a{
			  text-decoration:none;
			  color:#ffffff;
			}


			.primary-navigation .current-menu-item > a{
			  font-weight:bold;
			}

			/* Main menu Hover */

			#masthead .new-menu > li:hover .sub-menu{
			  display:block;

			}

			header .new-menu > li:not(:last-child) > a:after, header .sub-menu a:after, .ourserviceslink:after{ /* parent style for main links for the onHover line*/
			    top:0vw;
			    background: none repeat scroll 0 0 transparent;
			    content: "";
			    display: block;
			    height: 2px;
			    position: relative;
			    background-color: #FFFFFF;
			    opacity:0;
			    transition: all 0.3s ease 0s, left 0.3s ease 0s;

			}

			/* Start Our Services Links */
			.ourserviceslink:hover{
				text-decoration: none;
			}

			.ourserviceslink:after{
				background-color: #000000;
				left: 50%;
			    width: 0%;
			    opacity:0;
			}
			.ourserviceslink:hover:after{
				width: 100%;
			    left: 0%;
			    opacity:1;
			}
			/* END Our Services Links */

			/* main links */
			header .new-menu > li{
			  position:relative;
			  display:flex;
			  align-items:center;
			}
			header .new-menu > li:not(:last-child) > a:after{
			    left: 50%;
			    width: 0%;
			    opacity:0;

			}
			header .new-menu > li > a:hover:after {
			    width: 100%;
			    left: 0%;
			    opacity:1;
			}
			header .new-menu > li:last-child > a{
			  display: flex;
			  border-radius: 1vh;
			  border: solid 1px #fff;
			  background-color: transparent;
			  /* background-color:#183c38; */
			  padding: 0.5vw 1vw;
			  transition: all 0.3s ease 0s, left 0.3s ease 0s;

			}

			
			header .new-menu > li:last-child:hover > a{
			  background-color:#FFF;
			  color:#00002D !important;
				transition: all 0.3s ease 0s, left 0.3s ease 0s;
			}
			header .new-menu > li:last-child:hover > .header_button_contact_texture{
			  background-color:#FFF;
			  transition: all 0.3s ease 0s, left 0.3s ease 0s;
			}
			header .new-menu > li:last-child:hover > a:after{
			  width: 0%;
			  left: 0%;
			}
			header .new-menu > li:last-child:hover > a:hover:after{
			  width: 0%;
			  left: 0%;
			}
			/* sub links */

			#masthead .sub-menu{
			  /* background-color: rgba(27, 156, 160, 0.9) !important; */
				background-color: rgba(255, 255, 255, 0.9) !important;
				border-radius: 1vh;
			  /* background-color: red !important; */
			  /* START change for testing */
			  display:none;
			  /* display:flex; */
			  /* END change for testing */
			  top:3em;
			  left:-0.8vw;
			  position:absolute;
			  padding: 0.2vw 0vw 0.2vw 0vw;
			  margin:0vw;

				left: 50%;
  			transform: translate(-50%, 0%);

				white-space: nowrap;
			}
			#masthead .sub-menu a{
				/* color:#B30F6D; */
				color:#222222;
			}
			header .new-menu li .sub-menu a:after{
				  /* background-color:#B30F6D; */
					background-color:#222222;
			}

			header .sub-menu li{
			  display: block !important;
			  padding: 0.4vw 1vw;
				color: #B30F6D;
			}

			header .sub-menu a:after{
			    left: 50%;
			    width: 0%;
			    opacity:0;
					font-size:1em;

			}
			header .sub-menu a:hover:after{
			    width: 100%;
			    left: 0%;
			    opacity:1;
					font-size:1em;
			}

			header .new-menu li:nth-child(1) .sub-menu a{
			    /* color: var(--color-videopillar); */
					/* color:#fff; */
			}
			header .new-menu li:nth-child(1) .sub-menu a:after{
			    /* background-color:#fff; */

			}
			header .new-menu li:nth-child(2) .sub-menu a{
			    /* color: #fff; */
			}
			header .new-menu li:nth-child(2) .sub-menu a:after{
			    /* background-color: #fff; */
			}
			header .new-menu li:nth-child(3) .sub-menu a{
			    /* color: #fff; */
			}
			header .new-menu li:nth-child(3) .sub-menu a:after{
			    /* background-color: #fff; */
			}
			header .new-menu li:nth-child(4) .sub-menu a{
			    /* color: #fff; */
			}
			header .new-menu li:nth-child(4) .sub-menu a:after{
			    /* background-color: #fff; */
			}
			.header_button_contact_texture {

					
				overflow: hidden;
			   	/* background-color: #b4126f !important; */
			    font-family: "Poppins",sans-serif;
			    display: inline-flex;
			    align-items: center;
			    color: #fff;
			    position: relative;
			    cursor: pointer;
			    border-radius: 0;
			    font-weight: normal;

				transition: all .3s ease 0s, left .3s ease 0s;
    			text-decoration: none;

			 }
			 .header_button_contact_texture:hover{
				 /* background-color: #FF5B00 !important; */
				 
				 color:#fff !important;
				 transition: all 0.3s ease 0s, left 0.3s ease 0s;
			 }
		 .header_button_contact_texture:before {
			 content: "";
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				background: url(../wp-content/themes/creativa/img/textures/4.jpg) 0 center !important;
				border-radius: 1vh;
				mix-blend-mode: screen;
				opacity: 0.1;
				transition: all 0.3s ease 0s, left 0.3s ease 0s;
	 	 	}


			.header_button_contact_texture:after {

				pointer-events: none !important;

  			content: ""  !important;
  			position: absolute  !important;
  			top: -250%;
  			left: -210%;
  			width: 200%  !important;
  			height: 200%  !important;
  			opacity: 0;
  			transform: rotate(30deg)  !important;

  			background: rgba(255, 255, 255, 0.13)  !important;
  			background: linear-gradient(
    		to right,
    		rgba(255, 255, 255, 0.0) 0%,
    		rgba(255, 255, 255, 0.0) 77%,
    		rgba(255, 255, 255, 0.50) 92%,
    		rgba(255, 255, 255, 0.0) 100%)  !important;
			-webkit-animation:  shineeffect 5s ease-in-out  infinite !important;
			-moz-animation:   	shineeffect 5s ease-in-out  infinite !important;
			-o-animation:     	shineeffect 5s ease-in-out  infinite !important;
			-ms-transition:  		shineeffect 5s ease-in-out  infinite !important;
			animation: 					shineeffect 5s ease-in-out  infinite !important;
			-webkit-animation-fill-mode: forwards  !important;
    	-moz-animation-fill-mode: forwards  !important;
      animation-fill-mode: forwards  !important;
			}

/* Hover state - trigger effect */


/* Active state */

.header_button_contact_texture:active:after {
  /* opacity: 0; */
}



@-webkit-keyframes shineeffect{
	0%{
		opacity: 0;
	}
	15%{
		opacity: 1;
		top: -30%;
		left: -30%;
		transition-property: left, top, opacity  !important;
		transition-duration: 0.7s, 0.7s, 0.15s  !important;
		transition-timing-function: ease  !important;
	}
	20%{
		opacity: 0;
	}
	100%{
		opacity: 0;
		top: -30%  !important;
		left: -30%  !important;
		transition-property: left, top, opacity  !important;
	}
}
/* End Old Style for Header */
/* Scoped submenu for mobile header only */
#masthead_2 .sub-menu {
  display: none;
}

#masthead_2 .sub-menu.header-submenu-open {
  display: block;
}

#masthead_2 .sub-menu-toggle.header-submenu-toggle-active {
  transform: rotate(180deg); /* Optional arrow animation */
}
			#masthead_2 .sub-menu-toggle {
   top:-0.5em !important;
}

			#menu-item-3856 > a > span.menu-item-dropdown__icon.material-icons-round{
				display:none !important;
			}