/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 14 2026 | 13:47:13 */
/*--------------------------------------Top section home------------------------------*/
.customSlide h2 {
    font-size: 32px;
    line-height: 1.2;
}
.leftContentDesign h3 {
    font-size: 36px;
    line-height: 1.2;
}
#topNewHero .newiconBoxtop p.elementor-icon-box-title {
    margin-bottom: 0px !important;
    font-weight: 400 !important;
    font-size: 18px;
}
#topNewHero .circle-button-wrap {
    background-color: #000;
    border-radius: 100%;
}
/*#topNewHero .newiconBoxtop .elementor-icon-box-wrapper {
    padding: 15px 30px;
    border: 2px solid;
    border-image: linear-gradient(45deg, #575757, #a211156e) 1;
    border-radius: 10px !important;
}*/
#topNewHero .newiconBoxtop .elementor-icon-box-wrapper  .elementor-icon {
    color: initial;
    font-size: initial;
}
#topNewHero .newiconBoxtop .elementor-icon-box-wrapper svg {
    font-size: 2rem;
    color:transparent !important;
}
.threeBlockDesign #treeTextIcon {
    border-radius: 20px;
    padding: 30px 40px;
    margin-bottom: 30px;
}
.threeBlockDesign #treeTextIcon  h4 {
    font-size: 18px;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
.threeBlockDesign .firstSuccess {
    background: #EEF2FE;
    margin-left:0px;
}
.threeBlockDesign .middleSuccess {
    background: #FEF2F2;
    margin-left:-100px;
}
.threeBlockDesign .lasttSuccess {
    background: #F3FAE5;
    margin-left:0px;
}
.threeBlockDesign .firstSuccess h3, .threeBlockDesign .middleSuccess h3, .threeBlockDesign .lasttSuccess h3 {
    font-weight: 600;
    font-size: 42px;
    margin-bottom: 0px !important;
}
.threeBlockDesign .firstSuccess h3{
    color:#1567CB;
}
.threeBlockDesign .middleSuccess h3 {
    color: #EA528E;
}
.threeBlockDesign .lasttSuccess h3 {
    color: #68A14D;
}
.twoButtonHome .newButtonColor  .elementor-button.elementor-button-link {
    background-color: #FEF2F2 !important;
    color: #000 !important;
}
.twoButtonHome .newButtonColor .elementor-button.elementor-button-link .elementor-button-icon svg {
    fill: #000;
}
.twoButtonHome .newButtonColor .elementor-button.elementor-button-link:hover .elementor-button-icon svg, .twoButtonHome .newButtonColor .elementor-button.elementor-button-link:hover{
    color:#fff !important;
    fill:#fff !important;
} 
.topNewHero .outerDiv {
    border: 0px solid #fff;
}
#buttonPlayPauseID {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width:768px){
.customSlide h2 {
    font-size: 24px;
    line-height: 1.2;
}
.leftContentDesign h3 {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
}
.threeBlockDesign .firstSuccess h3, .threeBlockDesign .middleSuccess h3, .threeBlockDesign .lasttSuccess h3 {
    font-weight: 600;
    font-size: 36px;
    min-width: 110px;
}
.topNewHero .outerDiv {
    position: absolute;
    inset: 50%;
    transform: translate(-50%, -50%);
    width: 70px !important;
    height: 70px !important;
    border-radius: 50%;
    background: transparent;
    border: 2px solid #fff;
}
.topNewHero .circle-button-wrap {
    position: relative;
    width: 120px !important;
    height: 120px !important;
}
.elementor-element.homeTopFirstCol {
    padding: 0px !important;
}
.threeBlockDesign #treeTextIcon {
    margin-bottom: 15px;
    margin-left:0px;
}
#header-Main .elementor-element.headerRightBtnCont.e-flex.e-con.e-child .elementor-button.elementor-button-link {
    padding: 10px 12px !important;
}
#header-Main .elementor-element.headerRightBtnCont.e-flex.e-con.e-child {
    padding: 0px;
}
.threeBlockDesign .firstSuccess, .threeBlockDesign .lasttSuccess {
    margin-left:0px;
}
#topNewHero .newiconBoxtop .elementor-icon-box-wrapper {
    padding: 10px 15px;
}
#topNewHero .newiconBoxtop .elementor-icon-box-wrapper svg {
    font-size: 1.8rem !important;
}
#topNewHero .newiconBoxtop p.elementor-icon-box-title {
    font-size: 14px;
}
.newiconBoxtop .elementor-widget.elementor-widget-icon-box, .newiconBoxtop {
    padding: 0px !important;
}
#topNewHero.hero-video-section h1 {
    font-size: 36px !important;
    font-weight: 500;
}
}
/*-----------------------------------------End----------------------------------------*/

.headingDesign h3 {
    background: linear-gradient(108.18deg, #EFEFEF -5.91%, #FFF 52.01%, #FFF 99.86%) !important;
    opacity: 0.99;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.01);
    border-radius: 20px;
    color: #222 !important;
    padding: 30px;
    margin-top:0px;
    font-size:24px;
}

.buttonArrow .elementor-button-icon svg {
    fill: #222;
}

/*-------------------------------------Price page -----------------------------------------*/
.priceFiveBoxes .elementor-element .elementor-element {
	background: linear-gradient(209.37deg, rgba(255, 163, 172, 0.1) -62.1%, rgba(255, 218, 221, 0.635059) -40.2%, #FFFFFF 57.25%), #FFFFFF;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.01);
	border-radius: 30px;
	padding: 30px 10px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.elementor-element.priceTextContainer {
    background-color: #FEF2F2;
    padding: 0px;
    border-radius: 20px;
    overflow: hidden;
}
.elementor-element.priceTextContainer .elementor-element .elementor-element {
    padding: 30px;
}
.priceTextContainer .priceTxt h4{
    font-weight: 900;
}
.priceTextContainer h4{
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

@media (max-width:1024px){
.elementor-element.priceTextContainer .elementor-element .elementor-element {
    padding: 20px !important;
    text-align: center;
}
.priceFiveBoxes .elementor-element .elementor-element {
    border-radius: 15px;
    padding: 30px 10px !important;
}
}
@media (max-width:1024px){
.priceFiveBoxes .elementor-element .elementor-element {
    min-height: 160px;
}
}
.elementor-element.teamInnerCol#secondTeamCol {
    background: #E6F1FF !important;
}
/*-------------------------------------Price page end -----------------------------------------*/








.tabNewDesogn .e-n-tabs-heading .e-n-tab-title {
    background: linear-gradient(108.18deg, #EFEFEF -5.91%, #FFF 52.01%, #FFF 99.86%) !important;
    opacity: 0.99;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.01);
    border-radius: 20px;
    color: #222 !important;
    padding: 30px;
    margin-top: 15px;
}
.tabNewDesogn  .e-n-tabs-heading {
    border: none;
    padding: 0px;
    border-radius: 0px;
}
.tabNewDesogn #e-n-tab-content-2622963752 {
    background-color: #EEF2FE;
}
.tabNewDesogn #e-n-tab-content-2622963753 {
    background-color: #FFECDB;
}
.tabNewDesogn .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text {
    font-size: 20px;
}
.tabNewDesogn  .e-n-tabs-content .e-active {
    background: #FEF2F2;
    border-radius: 40px;
    padding: 50px;
    min-height:440px;
}


.rightIconContentDesign .elementor-icon-box-content {
    color: #222 !important;
}
.rightIconContentDesign .elementor-widget-icon-box:hover .elementor-icon-box-content {
    color: #EA528E !important;
}

.contactStepDesign > .elementor-element .elementor-icon {
    min-height: 90px;
}


.secialSectionInner .elementor-widget-icon-box {
    background: linear-gradient(94.99deg, #F8F8F8 4.8%, rgba(255, 255, 255, 0.94994) 90.1%, rgba(255, 255, 255, 0.8) 190.68%), linear-gradient(95.79deg, #F7F8FA 4.37%, rgba(255, 255, 255, 0.94994) 80.02%, rgba(255, 255, 255, 0.8) 169.22%);
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.01);
    border-radius: 50px;
    padding: 40px;
}
.secialSectionInner .elementor-widget-icon-box .elementor-icon-box-content p {
    display: none;
}

.secialSectionInner .elementor-widget-icon-box .elementor-icon-box-content ul {
    margin: 0px !important;
    padding: 0px;
}
.secialSectionInner .elementor-widget-icon-box a {
    color: #1E1E1E;
}
.secialSectionInner .elementor-widget-icon-box .elementor-icon-box-content ul li {
    background: url(https://2026.inyourfacemedia.nl/wp-content/uploads/2026/03/check-2.png);
    background-repeat: no-repeat;
    background-size: 16px;
    list-style: none;
    padding-left: 22px;
    background-position-y: 5px;
    margin-left: 0px !important;
    font-weight: 400;
}
.secialSectionInner  .elementor-widget-icon-box .elementor-icon-box-wrapper {
    display: block;
}
.secialSectionInner .elementor-widget-icon-box svg {
    font-size: 4rem;
    margin-bottom: 15px;
}
.secialSectionInner .elementor-widget-icon-box  .elementor-icon-box-content a:not(a.elementor-icon-box-wrapper) {
    margin-top: 15px !important;
    display: block;
}
.secialSectionInner .elementor-widget-icon-box  .elementor-icon-box-content a:not(a.elementor-icon-box-wrapper)::after {
    content: "\f061";
    font-family: "fontawesome";
    padding-left: 5px;
}




.contactStepDesign > .elementor-element {
    background: linear-gradient(-90deg, #F8F8F8 4.37%, rgba(255, 255, 255, 0.94994) 80.02%, rgba(255, 255, 255, 0.8) 169.22%);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.01);
    border-radius: 30px;
    padding: 30px !important;
}
.contactStepDesign .elementor-element h5 {
    position: absolute;
    right: 15px;
    color: rgba(0, 0, 0, 0.04);
    font-size: 4rem;
    font-weight: 700;
}


.leftContentDesign .elementor-element.elementor-widget-text-editor a {
    color: #222;
}
.leftContentDesign .elementor-element.elementor-widget-text-editor a:hover {
    color: #EA528E;
}
.leftContentDesign .elementor-element.elementor-widget-text-editor {
    background: linear-gradient(94.94deg, #F5F5F5 5.01%, rgba(250, 250, 250, 0.95) 92.14%, rgba(255, 255, 255, 0.85) 194.88%), linear-gradient(108.18deg, #EAEAEA -5.91%, #FFFFFF 52.01%, #FFFFFF 99.86%), #FFFFFF;
    border-radius: 30px;
    padding: 50px;
}
.textContent {
    background: linear-gradient(94.94deg, #F5F5F5 5.01%, rgba(250, 250, 250, 0.95) 92.14%, rgba(255, 255, 255, 0.85) 194.88%), linear-gradient(108.18deg, #EAEAEA -5.91%, #FFFFFF 52.01%, #FFFFFF 99.86%), #FFFFFF;
    padding: 30px 30px;
    border-radius: 20px;
}
.rightIconContentDesign .elementor-widget-icon-box {
    background: linear-gradient(94.94deg, #F5F5F5 5.01%, rgba(250, 250, 250, 0.95) 92.14%, rgba(255, 255, 255, 0.85) 194.88%), linear-gradient(108.18deg, #EAEAEA -5.91%, #FFFFFF 52.01%, #FFFFFF 99.86%), #FFFFFF;
    padding: 20px 30px;
    border-radius: 20px;
}
.rightIconContentDesign .elementor-widget-icon-box .elementor-icon span svg {
    font-size: 3rem !important;
}
.rightIconContentDesign h4.elementor-icon-box-title {
    margin-bottom: 0px !important;
}
.textContent h3 {
    font-size: 32px;
    font-weight: 500;
}


.megaMenuNewLeftIcons .elementor-image-box-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    gap: 40px;
}
.megaMenuNewLeftIcons .elementor-image-box-wrapper .elementor-image-box-img {
    max-width: 90px !important;
}


.e-con-top.elementor-element.InneeHeroSection {
    background-image: url("/wp-content/uploads/2026/03/top-new-bg.jpg") !important;
    background-position: bottom center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.e-con-top.elementor-element.InneeHeroSection::before {
    background: none !important;
}

.popupRight .elementor-icon-box-wrapper {
    border: 1px solid #ffffff38;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 5px;
}

.popupRight .elementor-icon-box-content p {
    margin-bottom: 0px !important;
}
.popupRight ul {
    padding-left: 0px;
}
.popupRight ul li {
    list-style: none;
    background: url(/wp-content/uploads/2026/04/checkmark.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    margin-bottom: 10px;
    padding-left: 25px;
}
.popupRight ul li{
    list-style: none;
}
#my-popup #gform_submit_button_1 {
    background-color: #EA528E;
    width: 100%;
    border-radius: 8px;
    padding: 15px 15px !important;
}
.rey-stickyContent.rey-noSp.--visible {
    display: none;
}

.rey-stickyContent {
    position: relative;
}

.elementor-widget-off-canvas .e-off-canvas__content {
    height: 100% !important;
    overflow: initial !important;
}



.iconBoxButton .elementor-icon {
    background-color: #222;
    border-radius: 50px;
    padding: 25px;
    font-size: 30px;
}
.iconBoxButton .elementor-icon-box-wrapper {
    max-width: 350px;
}
.iconBoxButton .elementor-icon-box-content p {
    margin-bottom: 0px !important;
}
.iconBoxButton  .e-font-icon-svg.e-far-envelope {
    fill: #fff;
}
.iconBoxButton .elementor-icon-box-icon {
    z-index: 10;
}
.iconBoxButton .elementor-icon-box-content {
    background-color: #EA528E;
    border-radius: 50px;
    padding: 15px 80px;
    margin-left: -80px;
    color: #fff;
}

.accordianTabDesign .e-n-accordion-item-title {
    border: none;
}
.accordianTabDesign .e-n-accordion-item .elementor-element {
    border: none;
    padding: 0px 10px 20px 10px;
    margin-top: -10px;
}
.accordianTabDesign .e-n-accordion-item .e-n-accordion-item-title-text {
    font-size: 20px !important;
    font-weight: 500;
}
.accordianTabDesign .e-n-accordion-item:nth-child(1) {
    background-color: #D2E7D6;
    border-radius: 30px 30px 0px 0px;
}
.accordianTabDesign .e-n-accordion-item:nth-child(2) {
  background-color: #FFECDB;
    border-radius: 30px 30px 0px 0px;
    margin-top: -25px;
}
.accordianTabDesign .e-n-accordion-item:nth-child(3) {
  background-color: #FFF9F4;
    border-radius: 30px 30px 0px 0px;
    margin-top: -25px;
}
.accordianTabDesign .e-n-accordion-item:nth-child(4) {
  background-color: #F8F4F1;
    border-radius: 30px 30px 30px 30px;
    margin-top: -25px;
}
.accordianTabDesign .e-n-accordion-item:nth-child(4) .e-n-accordion-item-title {
    padding: 30px 30px 30px 30px;
}
.accordianTabDesign .e-n-accordion-item .e-n-accordion-item-title {
    padding: 30px 30px 50px 30px;
}







#buttonDesignPort ul {
    position: absolute;
    bottom: 20px;
    left: 20px;
}
#buttonDesignPort ul li {
    white-space: nowrap;
    margin: 0px 10px 15px 0px !important;
    list-style: none;
}
#buttonDesignPort ul a {
    border-radius: 15px;
    font-size: 12px;
    padding: 5px 15px;
    margin-right: 0px;
    background: linear-gradient( 138.03deg, rgba(34, 39, 79, 0) 1.68%, rgba(34, 39, 79, 0.09) 49.77%, rgba(34, 39, 79, 0) 97.86%);
    background-color: #fff;
    color: #222;
    margin-bottom: 0px;
}


/*.elementor a:not(.rey-siteFooter a), strong{
    font-weight: 500 !important;
}*/

.interlinkingInner ul li a:hover {
    color: #e62828 !important;
}
#buttonDesignLinks ul a {
    border-radius: 20px;
    font-size: 14px;
    padding: 4px 10px;
    margin-right: 0px;
    background: transparent;
    border: 1px solid #dddddd54;
    color: #c6c6c6;
    margin-bottom: 0px;
    font-weight:400 !important;
}
#buttonDesignLinks ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    max-width: 350px;
    padding-left: 0px;
}
#NewPortDesignParv #newPortGirdDesign:hover .featuredImage a::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(214.46deg, rgba(0, 0, 0, 0.8) 37.03%, rgba(203, 21, 26, 0.8) 115.91%);
    opacity: 1;
    z-index: 1;
    border-radius: 20px !important;
}
#NewPortDesignParv .rey-arrowSvg.rey-arrowSvg--left {
    right: 40px !important;
    left: auto;
}
#NewPortDesignParv .rey-sliderArrows {
    border: 1px solid #ddd;
    margin-right: 85px;
    margin-bottom: -8px;
}
.elementor-element.extraCont {
    padding: 0px !important;
}
#buttonDesignLinks ul li {
    white-space: nowrap;
    margin: 0px 10px 10px 0px !important;
    list-style: none;
    /* width: 33%; */
}
.reviewStar, .hundred, .year {
    background-color: #FEF2F2;
    background: rgba(61, 32, 32, 0.8);
    backdrop-filter: blur(5px);
    border-radius: 25px;
}
#topCommonIcon p {
    margin-bottom: 0px !important;
}
#topCommonIcon {
    max-width: 199px;
    padding-right: 10px !important;
}
@media (max-width:600px){
.reviewStar img {
    width: 24px !important;
    margin-top: -5px !important;
}
.year img {
    width: 28px !important;
}
.rightTopCol h3 {
    font-weight: 600;
    font-size: 24px !important;
}
#topCommonIcon {
    max-width: 140px !important;
    padding-right: 10px !important;
}
#topCommonIcon p {
    margin-bottom: 0px !important;
    font-size: 12px !important;
}
.footerMain h2.elementor-heading-title {
    font-size: 20px !important;
    padding-bottom: 10px !important;
    font-weight: 400 !important;
    padding-top: 10px;
}
.footerMain .footerContTop .elementor-button {
    font-size: 1.5rem !important;
}
.tabNewDesogn {
    padding: 0px !important;
}
.tabNewDesogn .e-n-tabs-heading .e-n-tab-title {
    padding: 20px;
}
.tabNewDesogn .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text {
    font-size: 20px;
}
.tabNewDesogn  .e-n-tabs-content .e-active {
    padding: 30px;
}

.elementor-element.teamInnerCol {
    min-height: auto !important;
}
.newContactSec .elementor-icon-box-description {
    margin-bottom: 0px !important;
    font-size: 16px;
}
.elementor-element.contactStepDesign, .elementor-element.secialSectionInner {
    grid-template-columns: 100% !important;
    grid-template-columns: repeat(1, 1fr) !important;
}
.secialSectionInner .elementor-widget-icon-box {
    border-radius: 30px !important;
    padding: 30px !important;
}
.innerCTA .leftColCTA{
    padding:30px !important;
}
#NewPortDesignParv .rey-carouselEl .__slide {
    width: 100% !important;
}
/*.e-con-top.elementor-element.e-flex.e-con-boxed .e-con-inner .elementor-element .e-con-inner .elementor-element.e-con-full.e-flex.e-con.e-child {
    padding: 0px;
}*/
}
@media screen and (min-width:601px) and (max-width:768px){
.footerMain h2.elementor-heading-title {
    font-size: 24px !important;
}
.secialSectionInner .elementor-widget-icon-box {
    border-radius: 30px !important;
    padding: 30px !important;
}
.contactStepDesign > .elementor-element .elementor-icon svg {
    font-size: 3.5rem !important;
}
.customSlide h2 {
    max-width: 300px;
    font-size: 24px;
}
/*.e-con-top.elementor-element.e-flex.e-con-boxed .e-con-inner .elementor-element .e-con-inner .elementor-element.e-con-full.e-flex.e-con.e-child {
    padding: 0px;
}*/
.customSlide {
    display: block !important;
    padding-bottom: 30px;
}
}

.gform-theme--foundation .gform_fields {
    row-gap: 10px !important;
    display: grid;
}

.customWolfPort #newPortGirdDesign:hover .featuredImage a::before, .customWolfPort .categoriesRow .imageBoxSer:hover .elementor-image-box-img a .attachment-full::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(214.46deg, rgba(0, 0, 0, 0.8) 37.03%, rgba(203, 21, 26, 0.8) 115.91%);
    opacity: 1;
    z-index: 1;
    border-radius: 0px;
}

/*#newWolfGridCont .__item:nth-child(2n+1) {
    margin-top: -50px;
}
#newWolfGridCont .__item:nth-child(2n) {
    margin-top: 20px;
}*/





.wolfTxt ul {
  margin: 0 !important;
  padding: 0;
  display: flex;
  flex-wrap: wrap;        /* next line me wrap */
}

.wolfTxt li {
    list-style: none;
    padding: 0;
    margin: 0 0px 5px 0;
    box-sizing: border-box;
    line-height: 1.2;
    font-size: 14px;
}

.wolfTxt li::after {
  content: "/";
  padding: 0 5px;
}

.wolfTxt li:last-child::after {
  content: none;
}
#interlinkTab .e-n-tabs-heading {
    border: none;
    padding: 0px;
    border-radius: 0px;
}
#interlinkTab .e-n-tabs-heading {
    display: grid !important;
    grid-template-columns: repeat(3, 2fr) !important;
    grid-template-rows: repeat(3, auto) !important;
    gap: 20px;
}
/*.accordianInterlink .e-n-accordion {
    display: grid !important;
    grid-template-columns: repeat(3, 2fr) !important;
    grid-template-rows: repeat(3, auto) !important;
    gap: 20px;
}*/
#interlinkTab .e-n-accordion-item {
    border: 1px solid #ddd;
    margin-bottom: 20px !important;
    border-radius: 15px;
}
#interlinkTab .e-n-accordion-item .e-n-accordion-item-title {
    padding: 25px 40px 25px 30px !important;
    color: #222222;
    font-weight: 400;
    position: relative;
    background: transparent;
    border: none;
    border-radius: 10px !important;
    margin-bottom: 0px;
}
#interlinkTab .interlinkingInner ul:not(#interlinkTab  .interlinkTab ul) {
    display: block !important;
}
#interlinkTab .interlinkingInner ul a:not(#interlinkTab  .interlinkTab ul a)  {
    padding: 0px 30px !important;
    display: block;
    color: #222222;
    font-weight: 400;
    position: relative;
    background: transparent;
    border: none;
    border-radius: 10px;
}

#interlinkTab .e-n-accordion-item .e-con-top.elementor-element {
    padding: 15px 0px;
    border-radius: 0px 0px 15px 15px;
    border: none;
}
#interlinkTab .e-n-accordion-item .e-con-top.elementor-element ul li {
    margin-bottom: 15px;
}

#interlinkTab .e-n-tab-title {
    padding: 25px 40px 25px 30px !important;
    color: #222222;
    font-weight: 400;
    position: relative;
    background: linear-gradient(126.1deg, rgba(249, 249, 249, 0) 1.12%, #F9F9F9 49.46%, rgba(249, 249, 249, 0) 97.79%);
    border: 1px solid rgba(42, 42, 42, 0.1) !important;
    border-radius: 10px !important;
}
#interlinkTab .e-n-tabs.e-activated .e-n-tabs-content {
    border: 1px solid rgba(42, 42, 42, 0.1);
    border-radius: 10px;
    padding: 10px;
}
#interlinkTab .e-n-accordion-item > .elementor-element {
    padding-top: 15px;
    margin-top: -25px;
    border-radius: 0px 0px 10px 10px;
    margin-bottom: 0px;
    border: none;
}
#interlinkTab .e-n-accordion-item .elementor-element ul li {
    margin-bottom: 10px;
}
.homeSecondBlock .elementor-element p a {
    color: #222;
}
.homeSecondBlock .elementor-element p a:hover {
    color: #EA528E !important;
}
@media screen and (max-width:768px){
#interlinkTab .e-n-accordion .e-con-top .e-con-inner .elementor-element {
    padding: 0px !important;
}
}


/*.home  #header-Main, .home  #header-Top {
    background-color: #07070750 !important;
}*/

.rey-scrollDeco--default .rey-scrollDeco-line {
    width: var(--loader-width, 103px) !important;
}
.rey-scrollDeco-text {
    rotate: 90deg;
    position: absolute;
    bottom: -20px;
    left: -40px;
}

#LOGO .elementor-element.elementor-widget-image {
    border: 1px solid #d9d9d975;
    padding: 20px 30px;
    border-radius: 10px;
    width: 100%;
    box-shadow: 0px 10px 30px 0px #00000005;
}
#LOGO img {
    max-width: 165px;
    height: 60px;
    max-height: 60px;
    object-fit: contain !important;
}

.elementor-button-underline-2.bottonBorderToBg .elementor-button {
    background-color: transparent !important;
    padding: 12px 20px !important;
    border-radius: 99px !important;
    overflow: hidden;
    font-weight: 400;
    border: none !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}
.elementor-button-underline-2.bottonBorderToBg .elementor-button::after {
    background-color: #fff !important;
}
.elementor-button-underline-2.bottonBorderToBg .elementor-button:hover {
    color: #000 !important;
    background: transparent !important;
}
#white-To-Border.custom-Buton  .elementor-button {
    border: 1px solid #fff !important;
}
#white-To-Border.custom-Buton .elementor-button:hover{
    color: #fff !important;
    background: transparent !important;
    border: 1px solid #fff !important;
}
#white-To-Border.custom-Buton a, .elementor-button-underline-2.bottonBorderToBg a {
    font-size: 18px !important;
}


#newPortGirdDesign .extraCont:hover .featuredImage::before{
    content: "\f061";
    font-family: "Fontawesome";
    font-weight: 500;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #d60000;
    border-radius: 50%;
    background: #fff;
    z-index: 2;
    opacity: 1;
    rotate: -35deg;
    transition: all 0.3s ease;
}
/* Required */
.categoriesRow .imageBoxSer .elementor-image-box-img {
    position: relative;
    overflow: hidden;
}

/* Base state */
.categoriesRow .imageBoxSer .elementor-image-box-img::before {
    content: "\f061"; /* arrow-right */
    font-family: "Fontawesome";
    font-weight: 400;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-35deg);
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #d60000;
    border-radius: 50%;
    background: #fff;
    z-index: 2;
    opacity: 0;
    transition: all 0.3s ease;
}

/* Hover */
.categoriesRow .imageBoxSer:hover .elementor-image-box-img::before {
    opacity: 1;
}


#newPortGirdDesign:hover .featuredImage a::before, .categoriesRow .imageBoxSer:hover .elementor-image-box-img a .attachment-full::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(214.46deg, rgba(0, 0, 0, 0.8) 37.03%, rgba(203, 21, 26, 0.8) 115.91%);
    opacity: 1;
    z-index: 1;
    border-radius: 15px;
}


@media screen and (max-width:1024px){
#elementor-popup-modal-19648 .dialog-close-button svg {
    fill: #222222 !important;
}
.dialog-widget.dialog-lightbox-widget.dialog-type-buttons .dialog-close-button.dialog-lightbox-close-button .dialog-close-button svg {  
    fill: #222222 !important; 
}
#LOGO img {
    max-width: 165px;
    height: 100px;
    object-fit: contain !important;
    border: 1px solid #d9d9d975 !important;
    padding: 10px 15px !important;
    border-radius: 10px !important;
    width: 100% !important;
    box-shadow: 0px 10px 30px 0px #00000005 !important;
}
}

.authorBox .elementor-image-box-content {
    background-color: #fff;
    padding-bottom: 15px;
    padding-left: 20px;
}
.authorBox .elementor-image-box-content h4 {
    margin-bottom: 2px !important;
    font-size:
}
.authorBox .elementor-image-box-content p {
    font-size: 14px;
}
.CTABottomRow .elementor-button-text {
    color: #fff;
    font-weight: 400;
}
.CTABottomRow .elementor-button-icon {
    background-color: #000;
    padding: 10px;
    border-radius: 50px;
    margin-right: 5px !important;
}
.authorBox .elementor-image-box-img {
    background-color: #d2dadc;
    margin-bottom: 8px !important;
    padding-top: 10px;
}

p:not(.rey-siteHeader p) {
    margin-bottom: 0.8rem !important;
}

@media screen and (min-width:769px){
#newWolfGridCont .rey-gridEl.--msnry-js .__item {
    margin-bottom: 0px;
}
/* 1st and 3rd in each row */
#newWolfGridCont .__item:nth-child(3n + 1),
#newWolfGridCont .__item:nth-child(3n + 3) {
  margin-top: 30px; /* move up */
}

/* 2nd in each row */
#newWolfGridCont .__item:nth-child(3n + 2) {
  margin-top: -10px; /* move down */
}
}

@media screen and (min-width:601px) and (max-width:768px){
#serviceIconsBoxID .iconsSecHome > .e-con-inner {
    grid-template-columns: repeat(2, 1fr) !important;
}
#serviceIconsBoxID .iconsSecHome .e-con-inner .e-con-inner  .elementor-widget-image-box, #serviceIconsBoxID .iconsSecHome  .elementor-widget-button {
    padding: 0px !important;
}
}

@media screen and (max-width:768px){
.customWolfPort .blogCustomCont {
    padding: 0px !important;
}
.customWolfPort .extraCont {
    padding: 0px !important;
}
/*.elementor-widget-heading, .elementor-widget-text-editor {
    padding: 0px 0px !important;
}*/
.interlinkingInner .elementor-element.e-flex.e-con-boxed.e-con.e-child {
    padding: 0px;
}
}
@media screen and (max-width:600px){
.accordianFAQ .e-n-accordion-item-title {
    padding: 10px 0px;
}
#newWolfGridCont .elementor-widget-container .rey-gridEl {
    --per-row: 1 !important;
    --gap: 10px !important;
}
#newWolfGridCont .__items .__item.type-portfolio {
    left: 0px !important;
    display: block;
    position: relative !important;
    bottom: 0px !important;
    top: 0px !important;
}
#serviceIconsBoxID .elementor-image-box-img {
    width: 60px !important;
}
.logoMobile .splide__track {
    padding: 0px !important;
}
}



.pop-contact-form .gform_wrapper input:not(input[type="submit"]), .pop-contact-form .gform_wrapper textarea{
    border: 1px solid #0000001c;
    padding: 20px;
    box-shadow: none;
    border-radius: 7px;
}





.pop-contact-form input#gform_submit_button_1 {
    background: #EA528E;
    border-radius: 100px;
    font-size: 15px;
    line-height: 1.2;
    padding: 12px 24px;
    width: 100%;
}
.pop-contact-form input#gform_submit_button_1:focus {
    border-color: #EA528E;
}

.pop-contact-form .gform_wrapper select:placeholder {
    color: #333 !important;         /* normal text color */
}
.pop-contact-form .gform_wrapper select{
    border: 1px solid #0000001c; /* bottom border only */
    border-radius: 7px;
    box-shadow: none;
}


.iconsSecHome > .e-con-inner > .elementor-element:hover {
    background: linear-gradient(35deg,rgba(203, 20, 25, 0.56) 0%, rgba(9, 9, 121, 0) 95%) !important;
    background-color:transparent !important;
}

#LOGO img {
    max-width: 165px;
    height: 100px;
    object-fit: contain !important;
}
/*
.rey-stickyContent .e-con-top {
    background-color: #222 !important;
}
*/
.rey-stickyContent .e-con-top.headertop{
    display: none !important;
}
.rey-stickyContent .rey-icon.rey-icon-close {
    color: #fff;
}
.hoverSpcl h3.elementor-heading-title{
    margin-bottom: 0px !important;
}
.checkColumn li {
    background: url(/wp-content/uploads/2025/12/mark.png) !important;
    list-style: none;
    background-repeat: no-repeat !important;
    background-size: 22px !important;
    padding-left: 25px !important;
    margin-bottom: 5px;
}
.crossColumn li {
    background: url(/wp-content/uploads/2025/12/close.png) !important;
    list-style: none;
    background-repeat: no-repeat !important;
    background-size: 15px !important;
    padding-left: 25px !important;
    margin-bottom: 10px;
    background-position: left center !important;
}
.checkColumn ul, .crossColumn ul {
    padding-left:0px !important;
}

.InneeHeroSection h1.elementor-heading-title {
    margin-bottom: 5px !important;
}
#iconSix h3.elementor-heading-title {
    margin-bottom: 0px !important;
}
h2.elementor-heading-title.elementor-size-default {
    margin-bottom: 0px !important;
}
h6 {
    margin-bottom: 5px !important;
}
#iconSix .elementor-element h6 {
    margin-bottom: 15px !important;
}
.extraCont h2.elementor-heading-title {
    margin-bottom: 0px !important;
}
#iconSix .market-card .e-con-inner {
    gap: 15px !important;
}
.profileTxt h2 {
    margin-bottom: 5px !important;
}
.footerMain h2.elementor-heading-title.elementor-size-default {
    margin-bottom: 5px !important;
}
.lastWithicon h3.elementor-icon-box-title {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}
.lastWithicon .elementor-icon-box-wrapper {
    margin-bottom: 5px !important;
}




.rey-mainNavigation.rey-mainNavigation--desktop .depth--0.--is-mega.--mega-custom > .rey-mega-gs, .rey-mainNavigation.rey-mainNavigation--desktop .depth--0.--is-mega.--mega-custom > .sub-menu {
    transform: translate(-40%, 8%) !important;
    top: 0px;
    left: auto !important;
    position: absolute;
}
.megaMenu .e-con-inner .e-con-inner .elementor-element {
    padding: 5px !important;
}

.logoMobile img.__media {
    min-height: 80px;
    object-fit: contain;
}
.logoMobile .splide__pagination.rey-sliderDots {
    margin-top: 2rem !important;
}
/*------------------------------------------List style-----------------------------------------------*/

.InneeHeroSection ul, .listDesignCommin ul, .listDesignCommin ul  {
    padding-left: 0px !important;
    margin-top: 10px !important;
}
.InneeHeroSection ul li, .listDesignCommin ul li {
  background: url(https://2026.inyourfacemedia.nl/wp-content/uploads/2026/03/check-1.png);
  background-repeat: no-repeat;
  background-size: 18px;
  margin-bottom: 8px;
  padding-left: 30px !important;
  background-position: 0px 5px;
  list-style: none;
}
.InneeHeroSection ul li, .listDesignCommin ul li {
    padding-left: 22px;
}
.iconSpacialist li.elementor-icon-list-item, .tableDesignSection li.elementor-icon-list-item{
  background: url(https://2026.inyourfacemedia.nl/wp-content/uploads/2026/03/light-red-check.png);
  background-repeat: no-repeat;
  background-size: 20px;
  margin-bottom: 8px;
  padding-left: 30px !important;
  background-position: 0px 5px;
  list-style: none;
}

.tableDesignSection .elementor-icon-list-item , .InneeHeroSection .elementor-icon-list-item {
    padding-bottom: 0px !important;
}
.iconSpacialist  .elementor-icon-list-icon, .tableDesignSection .elementor-icon-list-icon {
    display: none !important;
}
.InneeHeroSection ul li, .listDesignCommin ul li {
    list-style:none;
}

/*------------------------------------------List style END-----------------------------------------------*/

.port-Top-Banner {
    padding-top: 5rem;
} 
.contactoffCanvas .gform-body input{
    background-color: #3c3c3c !important;
    border: 1px solid #222 !important;
    box-shadow: none !important;
    color: #fff !important;
    min-height: 3.2rem !important;
    border-radius: 99px !important;
}
.contactoffCanvas .gform-theme--foundation .gform_fields {
    row-gap:15px;
}
/* Remove blue outline on focus for Gravity Forms fields */
body .gform_wrapper input:focus,
body .gform_wrapper select:focus,
body .gform_wrapper textarea:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: inherit !important; /* keeps normal border */
}
.contactoffCanvas .gform-body textarea {
    background-color: #3c3c3c;
    border: 1px solid #222;
    box-shadow: none;
    color: #fff;
    min-height: 3.2rem;
    border-radius:15px;
}
.contactColumn .gfield_label {
    color: #b5b5b5 !important;
    font-weight: 400 !important;
}
.contactoffCanvas .gfield_label {
    color: #b5b5b5 !important;
    font-weight: 400 !important;
}
.contactoffCanvas .gform_button.button {
    background-color: #cc151a !important;
    border: 1px solid #cb1419 !important;
    border-radius: 99px !important;
    color: #fff !important;
    width: 100% !important;
    min-height: 3.2rem !important;
}
.contactoffCanvas .gform_button.button:hover {
    background-color: #fff !important;
    border: 1px solid #fff !important;
    box-shadow: none;
    color: #cb1419 !important;
}


#portfolioTop {
    background: linear-gradient(38deg, #EA528E -10%, #000 50%, #000 70%, #EA528E 116%) !important;
}

.contentPart {
    background: linear-gradient(210deg, #000 0%, #EA528E 400%) !important;
}
.contentPart .contentIcon .elementor-image-box-img img {
    width: 100px;
    height: 100px;
    padding: 10px;
    background: linear-gradient(210deg, #1e1e1e 0%, #EA528E 200%) !important;
    border-radius: 25px;
}
.contentNewDesign .elementor-image-box-wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('/wp-content/uploads/2025/10/dot.png');
    background-size: 110px;
    background-position: right;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    background-repeat: no-repeat;
    margin-right: 33px;
}
.rightContPart {
    border-bottom: 1px solid #444;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#lastCont{
    border-bottom: none !important;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.contentNewDesign .elementor-image-box-wrapper {
    margin-right: 110px;
}


.serviceMobile {
    margin-bottom: 15px;
}
.serviceMobile a {
    font-size: 14px;
    padding-left: 0px;
    display: block;
    font-weight: 300;
}
.serviceMobile br {
    display: none;
}
.serviceMobile a::before {
    content: "\f061";
    font-family: fontawesome;
    padding-right:10px;
}
.serviceMobile p {
    margin-bottom: 5px;
}


@media (max-width:1024px){
    .hideMob{
        display:none;
    }
.iconSpacialistHeading .elementor-element {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
#iconSix {
    padding-left: 0px;
    padding-right: 0px;
}
.contentPart .contentIcon .elementor-image-box-img img {
    width: 100px;
    height: auto;
    padding: 0px;
    background: linear-gradient(210deg, #1e1e1e 0%, #EA528E 200%) !important;
    border-radius: 15px;
}
.contentNewDesign .elementor-image-box-wrapper::after{
    display:none;
}
.contentNewDesign .elementor-image-box-wrapper {
    margin-right: 0px;
    gap: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px;
}
.contentNewDesign .elementor-element {
    padding-left: 0px;
    padding-right: 0px;
}
.contentNewDesign .elementor-image-box-wrapper .elementor-image-box-img {
    max-width: 60px;
}
.contentNewDesign h3 {
    margin-bottom:0px;
}
}
.elementor-button-underline-2#whitetoRed .elementor-button .elementor-button-icon {
    fill: #181818;
}
.elementor-button-underline-2#whitetoRed .elementor-button {
    background-color: #fff !important;
    padding: 15px 25px !important;
    border-radius: 99px !important;
    overflow: hidden;
    font-weight: 400;
    border: none !important;
    color: #181818 !important;
    font-size: 18px !important;
}

.elementor-button-underline-2#whitetoRed .elementor-button:hover .elementor-button-icon{
    fill: #fff;
}
.elementor-button-underline-2#redToWhite .elementor-button:hover .elementor-button-icon{
    fill: #181818 !important;
}
.elementor-button-underline-2#whitetoRed .elementor-button:hover {
    background-color: #e62828 !important;
    padding: 15px 25px !important;
    border-radius: 99px !important;
    overflow: hidden;
    font-weight: 400;
    border: none !important;
    color: #fff !important;
    font-size: 18px !important;
}
.elementor-button-underline-2#whitetoRed .elementor-button:hover::after {
    content: "";
  position: absolute;
  display: block;
  opacity: 1;
  width: 100%;
  height: 100%;
  bottom: auto;
  top: auto;
  background-color: #e62828;
  transition: .4s var(--easeoutcubic,ease-out);
  transition-property: transform,opacity;
  transform: var(--btn-line-tr,scaleX(0));
  transform-origin: center var(--btn-line-to-x,right);
  right: var(--btn-line-r,initial);
  inset-inline-start: initial;
  z-index: 1;
  padding: 20px 30px;
  border-radius: 99px;
}
/*.e-con-top.elementor-element.teamSingleSection{
    background-color: #181818 !important;
    background-image: linear-gradient(200deg,rgba(214, 40, 40, 0.4) 0%, rgba(24, 24, 24, 1) 50%, rgba(214, 40, 40, 0.4) 100%) !important;
}*/
.elementor-button-underline-2#redToWhite .elementor-button:hover {
    color: #271919 !important;
    background: #fff !important;
}
.elementor-button-underline-2#redToWhite .elementor-button::after {
    content: "";
    position: absolute;
    display: block;
    opacity: 1;
    width: 100%;
    height: 100%;
    bottom: auto;
    top: auto;
    background-color: #fff;
    transition: .4s var(--easeoutcubic,ease-out);
    transition-property: transform,opacity;
    transform: var(--btn-line-tr,scaleX(0));
    transform-origin: center var(--btn-line-to-x,right);
    right: var(--btn-line-r,initial);
    inset-inline-start: initial;
    z-index: 1;
    padding: 20px 30px;
    border-radius: 99px;
}
.profileIconBox .serviceIconsBox {
    border: 1px solid #ffffff30;
    border-radius: 20px;
    padding: 20px 20px 5px 20px;
}
.profileIconBox .serviceIconsBox img {
    margin: 0 auto;
}
.btnChange .custom-Buton .elementor-button {
    background-color: #000 !important;
    padding: 12px 20px !important;
    border-radius: 99px !important;
    overflow: hidden;
    font-weight: 400;
    border: none !important;
    color: #fff !important;
}
.elementor-button-underline-2#whitetoRed .elementor-button, #redToWhite .elementor-button {
    padding: 15px 25px !important;
    font-size: 18px !important;
}
.btnChange .custom-Buton .elementor-button .elementor-button-icon {
    fill: #fff;
}
.profileIconBox .serviceIconsBox .elementor-image-box-title {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500 !important;
}
.contactSecNew h5 {
    margin-bottom: 0px !important;
}
.serviceIconsBox .elementor-widget-html ul {
    margin-left: 0px !important;
    padding-left: 0px;
    margin-top: 0px;
}
.serviceIconsBox ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.serviceIconsBox ul li {
    white-space: nowrap;
    margin: 0px 10px 5px 0px !important;
    list-style: none;
    /* width: 33%; */
}
.serviceIconsBox ul a {
    border-radius: 15px;
    font-size: 12px;
    padding: 2px 10px;
    margin-right: 0px;
    /* background: linear-gradient(138.03deg, rgba(228, 228, 228, 0) 1.68%, rgba(228, 228, 228, 0.09) 49.77%, rgba(228, 228, 228, 0) 97.86%); */
    /* background-color: #222; */
    background: linear-gradient( 138.03deg, rgba(34, 39, 79, 0) 1.68%, rgba(34, 39, 79, 0.09) 49.77%, rgba(34, 39, 79, 0) 97.86%);
    background-color: #222;
    color: #c6c6c6;
    margin-bottom: 0px;
}


.teamsTwoMen  .elementor-flip-box__layer.elementor-flip-box__back {
    opacity: 0.2 !important;
}
.teamsTwoMen  .elementor-flip-box:hover .elementor-flip-box__layer.elementor-flip-box__back {
    opacity: 1 !important;
}
.teamsTwoMen .elementor-flip-box__layer__inner:not(.elementor-flip-box__back .elementor-flip-box__layer__inner) {
    background-color: transparent;
    text-align: left;
    padding: 15px 20px;
    bottom: -110px;
    position: absolute;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 15px;
    color: #181817;
}
.teamsTwoMen .elementor-flip-box__layer__inner .elementor-flip-box__layer__title {
    margin-bottom: 10px !important;
}
.projectCarousel .e-con-inner .featuredImage::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,rgb(0, 0, 0) 30%, rgba(255, 176, 65, 0) 70%);
    pointer-events: none;
    opacity: 0.8;
}


.PriceTable .red-con-hover img, .PriceTable .red-con-hover svg, .PriceTable .white-con-hover img, .PriceTable .white-con-hover svg {
    min-width: 50px !important;
    min-width: 50px !important;
    width: 50px !important;
}
.menu-item.--mega-custom .elementor-widget.elementor-widget-spacer {
    height: 200px;
}

ul {
    margin-left: 0px !important;
    padding-left: 15px;
}
.fourborderbox .elementor-widget-text-editor ul {
    margin: 0;
}
.fourborderbox .elementor-widget-text-editor ul li a {
    color: #fff;
}
.fourborderbox .elementor-widget-text-editor ul li a:hover {
    color: #EA528E;
}
.teamsTwoMen .teamPersonCont .elementor-flip-box .elementor-flip-box__back {
  z-index: 1;
}
.teamsTwoMen  .teamPersonCont .elementor-flip-box .elementor-flip-box__front {
    z-index: 10;
    opacity: 1;
}

.teamsTwoMen .teamPersonCont:hover .elementor-flip-box__front {
    z-index: 10;
    opacity: 1;
    background-color: transparent !important;
}
.teamsTwoMen .teamPersonCont:hover .elementor-flip-box__back {
  z-index: 1;
}




/*.teamsTwoMen .elementor-flip-box .elementor-flip-box__back {
  z-index: 1;
}
.teamsTwoMen  .elementor-flip-box .elementor-flip-box__front {
    z-index: 10;
    opacity: 1;
}

.teamsTwoMen .elementor-flip-box:hover .elementor-flip-box__front {
    z-index: 10;
    opacity: 1;
    background-color: transparent !important;
}
.teamsTwoMen .elementor-flip-box:hover .elementor-flip-box__back {
  z-index: 1;
}
*/

.gfield-choice-input:focus {
    border-color: #fff !important;
    --gf-local-outline-color: transparent !important;
}
.gform_required_legend {
    display: none;
}

.price-button {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.contactColumn #gform_submit_button_3 { 
    background-color: #cc151a !important; 
    border: 1px solid #cb1419 !important; 
    border-radius: 99px;    
    color: #fff !important; 
}
.contactColumn #gform_submit_button_3:hover { 
    background-color: #fff !important; 
    border: 1px solid #fff !important; 
    box-shadow: none;   
    color: #cb1419 !important; 
}
.gchoice .gform-field-label {
    color: #b5b5b5;
}

.contactColumn #gform_3 input, .contactColumn #gform_3 textarea {
    background-color: #3c3c3c;
    border: 1px solid #5a5a5a;
    box-shadow: none;
    color:#fff;
}
.contactColumn .gfield_label {
    color: #b5b5b5 !important;
    font-weight: 400 !important;
}

.price-table-gradient#first, .price-table-gradient#last {
    background-color: #ededed !important;
    background: #ededed !important;
}


.elementor-button-underline-2 .elementor-button-content-wrapper {
    z-index: 10 !important;
}

.elementor-button-underline-2 .elementor-button:hover .elementor-button-icon{
    fill: #fff !important;
}
.elementor-button-underline-2 .elementor-button{
    background-color: #EA528E !important;
    padding: 12px 20px !important;
    border-radius: 99px !important;
    overflow: hidden;
    font-weight: 400;
    border: none !important;
    color:#fff !important;
}
.elementor-button-underline-2 .elementor-button::after{
    content: "";
    position: absolute;
    display: block;
    opacity: 1;
    width: 100%;
    height: 100%;
    bottom: auto;
    top: auto;
    background-color: #000;
    transition: .4s var(--easeoutcubic,ease-out);
    transition-property: transform,opacity;
    transform: var(--btn-line-tr,scaleX(0));
    transform-origin: center var(--btn-line-to-x,right);
    right: var(--btn-line-r,initial);
    inset-inline-start: initial;
    z-index: 1;
    padding: 20px 30px;
    border-radius: 99px;
}
.custom-Buton .elementor-button{
    background-color: #fff !important;
    padding: 12px 20px !important;
    border-radius: 99px !important;
    overflow: hidden;
    font-weight: 400;
    border: none !important;
    color:#000 !important;
    line-height: 1.4;
}

.custom-Buton .elementor-button::after{
    content: "";
    position: absolute;
    display: block;
    opacity: 1;
    width: 100%;
    height: 100%;
    bottom: auto;
    top: auto;
    background-color: #cc3324;
    transition: .4s var(--easeoutcubic,ease-out);
    transition-property: transform,opacity;
    transform: var(--btn-line-tr,scaleX(0));
    transform-origin: center var(--btn-line-to-x,right);
    right: var(--btn-line-r,initial);
    inset-inline-start: initial;
    z-index: 1;
    padding: 20px 30px;
    border-radius: 99px;
}
.custom-Buton .elementor-button:hover .elementor-button-icon{
    fill: #fff !important;
}
.custom-Buton .elementor-button:hover, .elementor-button-underline-2 .elementor-button:hover{
    color: #fff !important;
    background: transparent !important;
}
.custom-Buton .elementor-button  .elementor-button-icon{
    fill: #000;
}
.custom-Buton .elementor-button-content-wrapper{
    z-index: 10;
}


/*.e-n-tab-title {
    border: 1px solid #ddd !important;
}*/
.e-n-tab-title p {
    position: absolute;
    top: 0px;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 0px 10px;
    border-radius: 15px;
    left: 50%;
    transform: translate(-50%, -50%);
}

span.elementor-counter-number-suffix {
    font-size: 37px;
    color: #CB1419;
}
.elementor-counter-title {
    text-align: center;
}
span.table-price-icon {
    font-size: 20px;
    position: absolute;
    top: -8px;
    bottom: 0;
    left: 78px;
    color: #EA528E;
}
.table-price2-icon {
    font-size: 20px;
    position: absolute;
    top: -6px;
    bottom: 0px;
    left: 158px;
    color: #EA528E;
}
.table-price3-icon {
    font-size: 20px;
    position: absolute;
    top: -6px;
    bottom: 0px;
    left: 149px;
    color: #EA528E;
}
.price-table-gradient
{
    background: linear-gradient(180deg, #181818 0%, #500608 50%, #181818 100%);
}

.market-card:hover {
  background:linear-gradient(180deg,#85080C 0%,#EA528E 50%,#85080C 100%) !important;
    border:transparent;
}
.priceHeading h3 {
    font-size: 28px;
    padding-bottom: 10px;
}
.market-card:hover li,
.market-card:hover li a {
  color: #fff !important;
}
.market-card:hover svg {
  fill: #fff !important;
  stroke: #fff !important;
}
.market-card .elementor-button {
  transition: all 0.35s ease-in-out;
}

.market-card:hover .elementor-button {
  background: transparent !important;
  color: #fff !important;
  border-color: #fff !important;
}
.market-card:hover h3 {
    color: #fff !important;
}
.market-card:hover span {
    color: #fff !important;
}
.white-con-hover{
    display:none;
}
.market-card:hover .white-con-hover{
    display:block;
}
.market-card:hover .red-con-hover{
    display:none;
}
/*.e-n-tabs-heading {
    border: 1px solid #D1D1D1;
    padding: 10px 20px;
    border-radius: 99px;
    /* background-color: #EA528E08; */
}*/
#tableDesignID .e-n-tabs-heading {
    border: 1px solid #D1D1D1;
    padding: 10px 20px;
    border-radius: 99px;
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
}
/*.logoInner .swiper-slide-inner img {
    filter: grayscale(100%);
    opacity: 0.5;
}*/
.logoInner .swiper-slide-inner img {
    filter: brightness(0) invert(1);
    opacity: 0.8;
}
.logoInner .swiper-slide-inner img:hover {
    filter: brightness(0) invert(1);
    opacity: 1;
}
.priceEuro .elementor-heading-title.elementor-size-default::before {
    content: '€';
}
.step-section {
    height: 40px;
    width: 41px;
    text-align: center;
    padding-top: 8px;
}
#logoInnerSpec {
    background: transparent !important;
}
@media only screen and (max-width: 1450px){
.e-con-top.elementor-element .e-con-inner > .elementor-element:not(.elementor-button-underline-2) {
    padding-left: 15px;
    padding-right: 15px;
}
}


@media only screen and (max-width: 768px){
    .step-section{
            height: 31px;
           font-size: 12px;
    }
    span.table-price-icon {
    left: 46px;
}
    .table-price2-icon {
    left: 89px;

}
.table-price3-icon {
    left: 34px;

}
}


.iyfm_imageBox h3, .alltypeContent h3{
    font-size: 24px;
}

#counterBorder .elementor-element.elementor-widget.elementor-widget-counter {
    border-style: none;
    border-width: 0px;
    border-color: transparent;
    border-radius: 0px;
    padding: 0px;
}
h6 {
    color: #EA528E;
}
.stepsDeaign h3 {
    font-size: 24px;
}
.fourdesignBoxes h3 {
    border-top: 1px solid #EA528E;
    padding-top: 15px;
    padding-left: 10px;
    font-size: 24px;
}

.megaMenu h3 {
    border-top: 1px solid #EA528E;
    padding-top: 15px;
    font-size: 18px;
    color: #222;
}


/* New btton */
.button .red_btn:last-child {
    padding: 10px 13px;
}

.button {
    display: inline-block;
    position: relative;
}
.red_btn {
    background: #cc3324;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 50px;
    text-decoration: none;
    color: #fff;

}

.button svg {
    width: 37px;
    position: absolute;
    right: 14px;
    top: 8px;
    fill: #cc3324;
    
}

/* Hover Effects */
.button:hover .red_btn{
    background-color: #1ebe5b; /* Darker green */
  
}
.button:hover svg{
    fill: #1ebe5b; /* Darker green */
 
}


/*--------------------------------Portfolio design --------------------------*/
.foutIconsSinglePort .elementor-icon-box-wrapper {
    box-shadow: 0px 8px 34px 0px rgba(0, 0, 0, 0.07);
    border-radius: 30px;
    padding: 50px;
}
.foutIconsSinglePort .elementor-icon-box-wrapper:hover{
    box-shadow: 0px 8px 34px 0px rgba(0, 0, 0, 0.07);
    border-radius: 30px;
    padding: 50px;
    background-color:#D2E7D6 !important;
}

.foutIconsSinglePort .elementor-icon-box-wrapper h3 {
    font-size: 20px;
    padding-top: 20px;
}
.foutIconsSinglePort .elementor-icon-box-wrapper .elementor-icon {
    font-size: 4rem;
}
















.interlinkingSection .btn.btn-minimal {
    margin-top: 30px;
    text-decoration: none;
}
.interlinkingSection .btn.btn-minimal span::before {
    content: "\f061";
    font-family: "Fontawesome";
    font-weight: 500;
    position: absolute;
    right: -20px;
    text-align: center;
    font-size: 14px;
    color: #222222;
    border-radius: 50%;
    background: #fff;
    z-index: 2;
    opacity: 1;
    transition: all 0.3s ease;
    bottom: -2px;
}
.port-Top-Banner > .e-con-inner {
    padding-top: 0px !important;
}
.port-Top-Banner {
    padding-top: 0px !important;
}
.InneeHeroSection {
    padding-top: 3rem;
}

.wa__btn_popup_icon {
    background: #e62828 !important;
}
.wa__popup_chat_box .wa__stt {
    border-left: 3px solid #e62828 !important;
}
.wa__popup_intro {
    color: #fff !important;
}
#manualReviewDesign .elementor-element.reviewsBlock > .elementor-element {
    background: transparent;
    border: 1px solid rgba(42, 42, 42, 0.1);
    border-radius: 20px;
    padding: 40px 30px;
    color: #fff;
}
#logoReview img {
    background-color: #ffffffe0;
    padding: 10px;
    border-radius: 999px;
    width: 60px;
}
#manualReviewDesign p {
    font-weight: 500;
}
#manualReviewDesign h4 {
    font-size: 18px;
    font-style: italic;
    color: #eeeeeec7;
}


.contactSecNew .contactForm {
    background: linear-gradient(138.03deg, rgba(228, 228, 228, 0) 1.68%, rgba(228, 228, 228, 0.09) 49.77%, rgba(228, 228, 228, 0) 97.86%) !important;
}

.logoInner .elementor-element img {
    filter: brightness(0) invert(1);
    opacity: 0.8;
    min-width: 180px;
    height: 100px;
    object-fit: contain;
    max-width: 180px;
}
.logoInner .elementor-element img:hover {
    filter: invert(0);
    opacity: 1;
}

.fourdesignBoxes h3 a {
    color: #000;
}
.fourdesignBoxes .elementor-element:hover a {
    color: #EA528E;
}
.elementor-location-single.post.type-post .wp-block-reycore-container-v1 {
    display: none;
}

.chalanges .elementor-element.e-con-full.e-flex.e-con:hover .elementor-element.e-con-full.e-flex.e-con img {
    z-index: 1;
}

.notBG .logoInner {
    background: none !important;
}
.notBG .logoInner .swiper-slide-inner img {
    filter: brightness(0) invert(1);
    opacity: 0.8;
}
.notBG .logoInner .swiper-slide-inner img:hover {
    filter: brightness(0) invert(1);
    opacity: 1;
}

.chalanges .elementor-element.e-con-full.e-flex.e-con:not(.elementor-element.e-con-full.e-flex.e-con .elementor-element.e-con-full.e-flex.e-con){
    border-bottom: 1px solid #ddd;
}
.chalanges .elementor-element.e-con-full.e-flex.e-con:last-child:not(.elementor-element.e-con-full.e-flex.e-con .elementor-element.e-con-full.e-flex.e-con:last-child){
    border-bottom:none;
}
.chalanges .elementor-element.e-con-full.e-flex.e-con img {
    display: none;
    transition: opacity 2.5s ease-in-out;
}
.fourborderbox .elementor-element:not(.fourborderbox .elementor-element .elementor-element) {
    background: linear-gradient(138.03deg, rgba(228, 228, 228, 0) 1.68%, rgba(228, 228, 228, 0.09) 49.77%, rgba(228, 228, 228, 0) 97.86%);
    border: 1px solid rgba(208, 213, 221, 0.4) !important;
    border-radius: 10px;
    padding: 30px;
}
.fourborderbox .elementor-element p {
    margin-bottom: 0px;
}
/*.fourborderbox .elementor-element .elementor-element.e-con-full {
    background: linear-gradient(138.03deg, rgba(228, 228, 228, 0) 1.68%, rgba(228, 228, 228, 0.09) 49.77%, rgba(228, 228, 228, 0) 97.86%);
    border: 1px solid rgba(208, 213, 221, 0.4) !important;
}*/
.chalanges .elementor-element.e-con-full.e-flex.e-con:hover .elementor-element.e-con-full.e-flex.e-con img {
    display: block;
    position: absolute;
    top: -100px;
    min-width: 400px !important;
    rotate: -20deg;
    border-radius: 10px;
    left: -130px;
}
.projectCarousel .splide__slide {
    border-radius: 0px;
    overflow: hidden;
}
.chalanges .elementor-element.elementor-widget {
    padding: 0px 30px !important;
}
.chalanges .e-con-inner {
    border: 1px solid #ddd;
    border-radius: 15px;
}
.projectCarousel .e-con-inner .featuredImage::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,rgb(0, 0, 0) 30%, rgba(255, 176, 65, 0) 70%);
    pointer-events: none;
    opacity: 0.8;
}

.elementor-testimonial__title {
    color: #fff !important;
    font-size: 12px;
}

.contactForm input:not(input[type="submit"]), .contactForm textarea, .contactForm select, .contactForm a{
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #797979 !important;
    border-radius: 0px !important;
    color: #fff !important;
}
.contactForm #gform_submit_button_1 {
    background-color: #e62828;
    width: 100%;
    border-radius: 99px;
    min-height: 3.5rem !important;
}
.contactForm #gform_submit_button_1:hover {
    background-color: #222;
}
/*.InneeHeroSection h6 {
    margin-bottom: 0px;
}*/
.contactForm input:focus:not(input[type="submit"]), .contactForm textarea:focus, .contactForm select:focus, .contactForm a:focus {
    box-shadow: none;
    border-bottom: 1px solid #ed2828 !important;
}
.contactForm input:not(input[type="submit"]), .contactForm select, .contactForm a {
    min-height: 3.5rem;
    margin-top:10px;
}
.InneeHeroSection ul li {
    line-height: 1.8;
}
.InneeHeroSection p{
    line-height: 1.6;
}
.InneeHeroSection h1 {
    line-height: 1.2;
    font-size: 44px;
    color:#fff;
}
.price-table-gradient#first, .price-table-gradient#last {
    background: #ededed !important;
}
.logoSlider img {
    will-change: transform;
    border-style: solid;
    border-width: 0;
    transition-duration: .5s;
    transition-property: border,background,transform;
    overflow: hidden;
    background-color: #202024;
    border-radius: 15px;
    padding: 10px;
    object-fit: contain;
    max-height: 100px;
    filter: grayscale(100%);
}
.iyfm_counterstyle .elementor-counter-number-wrapper {
    -webkit-text-fill-color: transparent !important;
}
.iyfm_counterstyle .elementor-element .elementor-counter-title {
    color: #D4D4D4;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2em;
    text-align: center;
}
.iyfm_counterstyle .elementor-counter-number {
  font-size: 94px;
  font-weight: 800;
  line-height: 0.8em;
}
.iyfm_counterstyle .elementor-element .elementor-counter-number-wrapper {
    font-size: 94px;
    font-weight: 800;
    line-height: 0.8em;
}
.iyfm_counterstyle .elementor-counter-number-wrapper, .imageCounter .elementor-counter-number-wrapper {
    background: linear-gradient(180deg, #FFF 0%, rgb(255 255 255 / 17%) 100%) !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
.imageCounter{
    overflow:hidden !important;
}
.iyfm_counterstyle span.elementor-counter-number-suffix, .imageCounter span.elementor-counter-number-suffix {
    font-size: 0.55em;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
    line-height: 0.9;
}
.iyfm_counterstyle .elementor-counter-number-prefix, .imageCounter .elementor-counter-number-prefix{
    font-weight: 600;
    font-size: 0.7em;
    margin-right: 10px;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
}
.iyfm_counterstyle .elementor-element.elementor-widget.elementor-widget-counter {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #575757;
    border-radius: 12px 12px 12px 12px;
    padding: 80px 30px 0px 30px;
}
.iyfm_counterstyle .imageCounter .elementor-element.elementor-widget.elementor-widget-counter {
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    border-radius: 0px;
    padding: 0px;
}
.iyfm_imageBox .elementor-widget-image-box {
    border-radius: 30px;
    background-color: #ffffff10;
    overflow: hidden;
}
.iyfm_imageBox .elementor-image-box-content {
    padding: 5px 30px 30px 30px;
}
.stickyImageBox .elementor-element.e-con-full.e-con {
    background: linear-gradient(197.8deg, rgba(255, 163, 172, 0.1) -14.63%, rgba(255, 218, 221, 0.635059) 9.79%, #FFFFFF 46.81%);
    border-radius: 15px;
    padding: 30px 30px 30px 50px;
}
.iyfm-faq .e-n-accordion-item-title, .iyfm-faq .elementor-element.e-con-full {
    background-color: #FFFFFF0D !important;
    border: none !important;
    padding: 18px 30px;
}
.iyfm-faq .e-n-accordion-item {
    border-radius: 8px !important;
    overflow: hidden;
}
.iyfm-faq .elementor-widget-n-accordion .e-n-accordion-item-title-icon {
    position: absolute;
    right: 30px;
}

.logoSliderMain {
    overflow: hidden;
}
#port-four-animation h3 {
    margin-bottom: 0px !important;
    font-size: 18px;
}
.chalanges .elementor-element.e-con-full.e-flex.e-con:hover .elementor-element.e-con-full.e-flex.e-con img {
    display: block;
    position: relative;
    top: auto;
    min-width: 300px !important;
    rotate: 0deg;
}

@media (max-width:1024px){
.related-Port-Txt .e-con-inner > .elementor-element, #related-Port .e-con-inner > .elementor-element {
    padding: 0px !important;
}
.iconSpacialist .market-card .elementor-element img {
    width: 50px;
}
.iconSpacialist .market-card .elementor-element {
    padding: 0px;
}
/*.related-Cases .elementor-element:not(.related-Cases .elementor-element .elementor-element) {
    padding: 10px 15px;
}*/

.contactForm input:not(input[type="submit"]), .contactForm select, .contactForm a {
    max-height: 2.5rem;
    margin-top: 0px;
}
.projectCarousel {
    padding-bottom: 00px;
}
.fourborderbox .elementor-element:not(.fourborderbox .elementor-element .elementor-element) {
    padding: 20px 10px;
}
.fourborderbox .elementor-element h4{
    margin-bottom:0px;
}
.fourborderbox .e-con > .e-con-inner {
    gap: 10px;
}
.port-Content-Part .e-con-inner .elementor-element {
    padding: 0px !important;
}
.chalanges .elementor-element.elementor-widget {
    padding: 0px 0px !important;
}
.chalanges .e-con-inner .elementor-element .elementor-element {
    padding-bottom: 0px !important;
}
}
@media screen and  (max-width: 1024px) 
.related-Cases .e-con-inner .elementor-element, .interlinkingInner .e-con-inner .elementor-element, .topLeftInner .e-con-inner .elementor-element, .listDesignCommin .e-con-inner .elementor-element, .faqInnerText .e-con-inner .elementor-element, .faqInnerAcc .e-con-inner .elementor-element, .peterInnerSectionTxt .e-con-inner .elementor-element{
    padding: 0px !important;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
  .logos .e-grid .elementor-widget-image img {
    padding: 10px 20px !important;
  }
.chalanges .elementor-element.elementor-widget {
    padding: 0px 0px !important;
}
.chalanges h3{
    font-size: 22px;
    font-weight: 500;
}
}
@media (max-width:768px){
.portInnerCTA .e-con-inner .elementor-element .e-con-inner > .elementor-element {
    padding: 0px 5px;
}
.CTA-Port {
    padding: 15px !important;
}
.related-Port-Txt .elementor-element .elementor-element {
    padding: 0px !important;
}
#related-Port .extraCont {
    padding: 0px;
}
#related-Port #blogBtn {
    right: 20px !important;
}
#port-four-animation h3 {
    font-size: 18px;
    font-weight: 600;
}
.chalanges .elementor-element.e-con-full.e-flex.e-con:hover .elementor-element.e-con-full.e-flex.e-con img {
    display: block;
    position: absolute;
    top: -100px;
    min-width: auto !important;
    rotate: 0deg;
    border-radius: 10px;
    left: 0;
    z-index: 1;
}
.InneeHeroSection h1 {
    line-height: 1.2 !important;
    font-size:32px !important;
    margin-bottom: 0px !important;
}
/*.e-con-top.elementor-element.InneeHeroSection::before {
    background: linear-gradient(0deg,rgb(0, 0, 0) 70%, rgba(252, 176, 69, 0) 82%) !important;
}*/
.e-con-top.elementor-element.InneeHeroSection::before {
    background: transparent !important;
}
/*.e-con-top.elementor-element.InneeHeroSection {
    background-position: top center !important;
    background-repeat: no-repeat !important;
}
.chalanges .elementor-element.elementor-widget {
    padding: 0px 0px !important;
}*/
}
/*@media (max-width:500px){
.e-con-top.elementor-element.InneeHeroSection {
    background-size: 600px !important;
}
}*/

.chalanges .elementor-element.e-con-full.e-flex.e-con:hover img {
  transform: scale(0.8);
  opacity: 1;
  animation: zoomIn 0.6s ease forwards;
}

@keyframes zoomIn {
  to {
    transform: scale(1);
    opacity: 1;
  }
}


.megaMenuNewLeftIcons .elementor-widget-image-box{
    cursor: pointer;
}

.megaMenuNewRightForm  legend {
    background-color: transparent !important;
    color: #fff !important;
    text-transform: none!important;
}
.megaMenuNewRightForm  fieldset {
    padding: 0px !important;
    margin: 0px !important;
    border: none !important;
}
#menu-mobile-menu li a {
    width: 100%;
}
#menu-mobile-menu li a::after {
    content: "\f105";
    position: absolute;
    right: 0;
    font-family: fontawesome;
    font-weight: 400;
}
#menu-mobile-menu li .--submenu-indicator {
    opacity: 0;
}

.megaMenuNewLeftIcons .elementor-image-box-img {
    transition: transform 0.6s ease, filter 0.6s ease;
}

.megaMenuNewLeftIcons .elementor-image-box-wrapper:hover .elementor-image-box-img {
    transform: scale(1.5) rotate(-8deg) !important;
    transition: transform 0.3s ease;
}


.megaMenuNewLeftIcons .elementor-image-box-wrapper {
    border: 1px solid #ffffff20;
    padding: 20px;
    border-radius: 15px;
    background: #1e244a;
}
.megaMenuNewLeftIcons .elementor-image-box-wrapper:hover {
    border: 1px solid #f00;
}
.megaMenuNewLeftIcons {
    padding:30px;
}
.megaMenuNewRightForm .elementor-widget-text-editor{
    padding: 20px;
}
.megaMenuNewRightForm .elementor-widget-text-editor {
    color: #FFFFFF;
    padding: 15px 30px 30px 30px;
    background-color: #161a32;
    border-radius: 15px 15px 15px 15px;
    border: 1px solid #ffffff20;
}
.megaMenuNewLeftIcons .elementor-image-box-wrapper h4 a, .megaMenuNewLeftIcons .elementor-image-box-wrapper p {
    color: #fff !important;
}
.megaMenuNewRightForm .gform-body input {
    background-color: #21263b !important;
    border: 1px solid #2c354e !important;
    box-shadow: none !important;
    color: #fff !important;
    min-height: 3.2rem !important;
    border-radius: 99px !important;
}
.megaMenuNewRightForm .gform_button.button {
    background-color: #cc151a !important;
    border: 1px solid #cb1419 !important;
    border-radius: 99px !important;
    color: #fff !important;
    width: 100% !important;
    min-height: 3.2rem !important;
}
.megaMenuNewRightForm .gform-body textarea {
    background-color: #21263b;
    border: 1px solid #2c354e;
    box-shadow: none;
    color: #fff;
    border-radius: 15px;
    margin-bottom: 0px;
}
.megaMenuNewLeftIcons .elementor-image-box-wrapper p {
    font-size: 14px;
}
.megaMenuNewLeftIcons .elementor-image-box-wrapper h4 {
    font-size: 18px;
    margin-bottom: 2px !important;
}
.reviewsSection  .elementor-testimonial__text img {
    margin-bottom: 20px;
    width: 150px;
}
#reviews .elementor-testimonial__footer img {
    background: linear-gradient(180deg, #222222 46%, #EA528E 176%);
    padding: 5px;
    border-radius: 50%;
    height: 40px;
    width: 40px;
}

.teamMember .elementor-flip-box__layer__inner {
    margin-bottom: -65px !important;
}
.teamMember .elementor-flip-box {
    margin-bottom: 70px;
}
.teamMember .elementor-flip-box .elementor-flip-box__layer {
    border-radius: 15px;
}
.teamMember .elementor-flip-box {
    background: #F4F5F7;
    border-radius: 15px;
}
.teamMember .elementor-flip-box__layer.elementor-flip-box__front, .teamMember .elementor-flip-box__layer.elementor-flip-box__back {
    z-index: 10;
}
.teamMember .elementor-flip-box__layer.elementor-flip-box__front{
    background-color:transparent !important;
}
.teamMember .elementor-flip-box::after {
    background: url(https://2026.inyourfacemedia.nl/wp-content/uploads/2025/08/IYFM-Den-Haag-Logo-ICON.png) !important;
    background-blend-mode: overlay !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: top center;
    background-position-y: 10px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.05;
}
/*.teamMember .elementor-image-box-img {
    background-color: #f4f5f7;
}
.teamMember .elementor-image-box-content h3 {
    font-size: 20px;
    padding-bottom: 5px;
    margin-bottom: 0px !important;
}
.teamMember .elementor-image-box-img {
    background: url(https://2026.inyourfacemedia.nl/wp-content/uploads/2025/08/IYFM-Den-Haag-Logo-ICON.png);
    background-color: #f4f5f7;
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    background-position-y: 10px;
    margin-bottom: 5px !important;
    border-radius: 20px;
}
.teamMember .elementor-image-box-wrapper:hover .elementor-image-box-img{
    background-blend-mode: normal;
}*/
.contactDetail .elementor-icon-box-content p {
    margin-bottom: 0px !important;
}
.teamMember .elementor-flip-box h4 {
    font-weight: 500 !important;
    margin-bottom: 5px !important;
}
@media (min-width:1025px){
.teamMember .elementor-flip-box {
    height: 450px;
}
}
@media (min-width:601px)  and (max-width:1024px){
.teamMember .elementor-flip-box {
    height: 340px !important;
}
}
@media (min-width:201px)  and (max-width:450px){
.teamMember .elementor-flip-box__layer__inner {
    margin-bottom: -80px !important;
    min-height: 70px;
}
}
@media (min-width:451px)  and (max-width:600px){
.teamMember .elementor-flip-box__layer__inner {
    margin-bottom: -50px !important;
}
}
@media (max-width:600px){
.teamMember .elementor-flip-box h4 {
    font-size: 16px !important;
    margin-bottom: 0px !important;
}
.teamMember .elementor-flip-box {
    height: 210px !important;
}
.teamMember .elementor-flip-box {
    margin-bottom: 70px;
}
}
/*@media (min-width:1024px) and (max-width:1600px){
.headerSPacer{
    height: 20vh !important;
}
}
@media (min-width:601px) and (max-width:1023px){
.headerSPacer{
    height: 15vh !important;
    display:block !important;
}
}
@media screen and (max-width:600px){
.headerSPacer{
    height: 10vh !important;
    display:block !important;
}
}

.homeBannerTxt {
    opacity: 0;
    display:none;
    transition: opacity 1.5s ease-in-out;
}

.homeBannerTxt.show {
    opacity: 1;
    display:block;
}*/

@media screen and (max-width:1200px){
.absoluteText {
    position: relative !important;
    letter-spacing: 0px !important;
    left: 0px !important;
    top: 0px !important;
}
    .absoluteText p{
        letter-spacing: 0px;
    }
}
#siteScanDesign h5 {
    position: absolute;
    top: -30px;
    right: -30px;
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg,#ff3b3b,#c40000);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
    box-shadow: 0 10px 25px rgba(0,0,0,0.35);
}
#siteScanDesign h5::before{
  content:"";
  position:absolute;
  inset:-6px;
  border:2px solid rgba(255,255,255,0.6);
  border-radius:50%;
}
#siteScanDesign.megaMenuNewRightForm .elementor-widget-text-editor {
    padding: 50px 40px;
}
#siteScanDesign.megaMenuNewRightForm #gform_wrapper_6 {
    margin-bottom: 15px;
}
#siteScanDesign.megaMenuNewRightForm .gform-theme--foundation .gform_fields {
    row-gap: 20px !important;
}
.reviewTop .elementor-button-text {
    color: #010101;
    font-weight: 400;
}
.reviewTop:hover .elementor-button-text {
    color: #EA528E;
}
.homeMain h1 {
    font-size: 60px;
    font-weight: 600;
    line-height: 1.2;
}

#iconSix img {
    width: 60px !important;
}

.port-Top-Banner ul {
    margin: 0px;
    padding-left: 15px;
}

.hoverSpcl .e-con-inner .elementor-element:hover::before, .blogGrid .e-con-inner:hover .featuredImage::before, .projectCarousel .splide__slide .rey-card.--manhattan:hover .__overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    /* width: 100%; */
    height: 100%;
    background: url(/wp-content/uploads/2025/08/iyfm-face.png) !important;
    background-color:#222 !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    background-position: center !important;
    opacity:0.95 !important;
}
.blogCustomCont {
    padding-top: 0px;
    padding-bottom: 10px;
}
.projectCarousel .splide__slide .rey-card.--manhattan:hover .__overlay::before{
    width: 100% !important;
    opacity:1;
    z-index:10;
}
.elementor-element.reviewsBlock > .elementor-element {
    background: #FFFFFF;
    border: 1px solid rgba(42, 42, 42, 0.1);
    border-radius: 20px;
    padding: 40px 30px;
}

.gform-theme--foundation .gform_fields {
    row-gap: 20px;
}
.InneeHeroSection:before{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgb(203, 21, 26) 100%), linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 70%), linear-gradient(0deg, rgb(0, 0, 0), rgba(0, 0, 0, 0)) !important;
}
/*.logoInner {
    background: linear-gradient(170deg,rgba(217, 217, 217, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(217, 217, 217, 1) 100%) !important;
}*/
.logoInner {
    background: #222 !important/*linear-gradient( 170deg, #000 0%, #3c3b3b 50%, #000 100% ) !important*/;
}
.iconSpacialist .elementor-element.market-card:hover {
    background: linear-gradient(120.34deg, #85080C 1.76%, #EA528E 50.33%, #85080C 98.9%) !important;
    border: transparent;
    border: 1px solid rgba(208, 213, 221, 0.4) !important;
}

.splide__slide.__slide.type-portfolio{
    overflow: hidden !important;
}
.blogContent p{
    margin-bottom:5px;
}
.__captionEl.__captionBtn {
    margin-top: 15px !important;
}
.rey-card.--manhattan:hover .__spacer {
    display: none;
}
.__captionEl.__captionSubtitle {
    padding-top: 10px;
}
.rey-card.--manhattan:hover {
    clip-path: initial !important;
}
.reviewsSection .elementor-main-swiper.swiper {
    width: 100% !important;
}
.reviewsSection .elementor-testimonial__content {
    min-height: 120px;
}
.reviewsSection .elementor-swiper-button.elementor-swiper-button-prev {
    background-color: #373636;
    border-radius: 50px;
    padding: 5px;
    margin-left: -50px;
}
.reviewsSection .elementor-swiper-button.elementor-swiper-button-next{
    background-color: #373636;
    border-radius: 50px;
    padding: 5px;
    margin-right: -50px;
}
.reviewsSection .elementor-swiper-button.elementor-swiper-button-prev:hover, .reviewsSection .elementor-swiper-button.elementor-swiper-button-next:hover {
    background-color: #ed2828;
}

.fourImageBox p {
    margin-bottom: 0px;
}

.logos img {
    background-color: #F9F9F912;
    height: 99px;
    object-fit: contain;
    border-radius: 3px;
    width: 100%;
    padding: 20px 60px;
}
/*#faq .elementor-element {
    padding: 0px;
}*/
#faq .e-n-accordion-item > .elementor-element {
    background-color: transparent !important;
    margin-top: 0px;
    border-radius: 0px 0px 10px 10px;
    padding: 0px 20px;
}
#faq .e-n-accordion-item-title-text{
    font-weight:500;
}
#faq .e-n-accordion-item-title {
    background-color: transparent !important;
    padding: 20px 30px;
    border: none;
}
#faq .e-n-accordion-item {
    padding:0px;
    background: linear-gradient(126.1deg, rgba(249, 249, 249, 0) 1.12%, #F9F9F9 49.46%, rgba(249, 249, 249, 0) 97.79%);
    border: 1px solid rgba(42, 42, 42, 0.1);
    border-radius: 10px;
}

.serviceIconsBox .elementor-element .elementor-element.e-con-full {
    background: linear-gradient(138.03deg, rgba(228, 228, 228, 0) 1.68%, rgba(228, 228, 228, 0.09) 49.77%, rgba(228, 228, 228, 0) 97.86%);
    border: 1px solid rgba(208, 213, 221, 0.4) !important;
}
.serviceIconsBox .elementor-element .elementor-element.e-con-full:hover {
    background-color: transparent;
    background-image: linear-gradient(210deg, #000 0%, #F9050B9C 100%);
}
.serviceIconsBox .elementor-image-box-title {
    font-size: 22px;
    line-height: 1.2;
    font-weight: 400 !important;
}
.rey-siteFooter ul li a {
    color: #fff;
    background: url(/wp-content/uploads/2025/08/Icon-arrow.png);
    background-repeat: no-repeat;
    background-size: 16px;
    padding-left: 25px;
    background-position-y: 8px;
    padding-bottom: 0px;
}
.rey-siteFooter ul li a:hover{
    color:#c8170f;
}
.elementor-divider {
    padding: 10px 0px !important;
    border-radius: 6px !important;
    overflow: hidden;
}

#blogBtn {
    padding: 0px;
    background-color: transparent;
    font-size: 36px;
    position: absolute;
    bottom: -20px;
    right: 0px;
}
/*.elementor-widget-theme-post-excerpt, #blogBtn {
    display: none;
}*/
.blogGrid:hover .elementor-widget-theme-post-excerpt, .blogGrid:hover #blogBtn {
    display: block !important;
}
.testimonialSec h4 {
    font-weight: 700;
    margin-bottom: 5px;
}
.flipThreeD .elementor-flip-box__image img {
    width: 70px !important;
}
.testimonialSec .elementor-image-box-title {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 0px;
}
b, strong {
    font-weight: 700;
}
.rightSecFooter .elementor-icon-box-icon span {
    font-size: 14px !important;
}
.rightSecFooter .elementor-icon-box-icon {
    border-radius: 50px;
    padding: 10px;
    background-color: #5b5b5b91;
    font-size: 12px !important;
}
.blogGrid .elementor-page-title {
    display: block;
}
.elementor-divider {
    background-color: transparent !important;
}
/*---------------------------InstaGram----------------------------------*/
/*.rey-carouselEl .__slide {
    overflow: hidden;
}*/
.insta img:hover {
    transform: rotate(5deg) scale(1.05);
    overflow: hidden;
}
.insta img {
  transition: transform 3s ease;
}
.insta img:hover {
    transform: scale(1.25) rotate(10deg);
}
.insta .rey-carouselEl .__slide {
    overflow: hidden;
    border-radius: 10px;
}
.insta .rey-card.--basic img {
    min-height: 350px !important;
    object-fit: cover;
    border-radius: 8px !important;
    overflow: hidden;
}
.insta .rey-card.--basic {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.insta .rey-card.--basic img {
  display: block;
  width: 100%;
  height: auto;
}
.insta .rey-card.--basic::before {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background: url('/wp-content/uploads/2025/07/instagram2.png') no-repeat center/cover;
    z-index: 2;
    opacity: 0.7;
}

.testCarousal .e-con-inner h3.elementor-heading-title a {
    /* color: #222; */
    font-size: 24px;
    font-weight: 500;
}
.testCarousal .e-con-inner .featuredImage::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*  background: #000; */
    background: #222;
    pointer-events: none;
    opacity: 0.5;
}
.projectCarousel .e-con-inner .featuredImage::before {
    background: linear-gradient(0deg, #222 20%, rgba(34, 39, 79, 0) 70%) !important;

}
/*.testCarousal .e-con-inner:hover .featuredImage::before {
    background: linear-gradient(0deg,rgba(203, 20, 25, 1) 25%, rgba(0, 212, 255, 0) 100%) !important;
}*/

.authorDesign .elementor-author-box__name {
    background-color: #1b1f36;
    padding: 5px 15px;
    border-radius: 5px;
    color: #fff;
}
.blogGrid:hover .authorDesign .elementor-author-box__name {
    background-color: #EA528E;
}
/*.testCarousal .e-con-inner:hover .featuredImage::before {
    background: linear-gradient(0deg,#22222261 100%, rgba(0, 0, 0, 0) 100%);
}*/
.testCarousal .e-con-inner:hover h3.elementor-heading-title a{
    color: #fff !important;
}

.elementor-divider {
    background-color: #00000025;
    padding: 10px 10px !important;
}
.e-n-accordion .e-n-accordion-item-title .e-n-accordion-item-title-icon {
    position: absolute;
    right: 15px;
}
.BlogSection .elementor-button:hover {
    background-color: #1b1f36;
    color: #fff;
}
h1, h3, h4, h5{
    margin-top: 0;
    margin-bottom: 12px !important;
}
.authorDesign .elementor-author-box .elementor-author-box__avatar {
    margin-right: 10px;
}
.authorDesign .elementor-author-box img {
    background-color: #ddd;
    padding: 10px;
    box-shadow: 0px 0px 15px 0px #9f9f9f;
}
.elementor-testimonial__header {
    background: url(/wp-content/uploads/2025/07/google-icon.svg);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 29px;
}
.elementor-button-primary .elementor-button.elementor-button-link {
    background-color: #EA528E;
    border-radius: 8px;
}
.elementor-button-primary .elementor-button.elementor-button-link:hover {
    background-color: #fff;
    color:#EA528E;
}

h2 strong, h3 strong {
    font-weight: 700;
}
.digital h2 {
    color: rgba(255, 255, 255, 0.12) !important;
    font-weight: 900;
    font-size: 10rem;
    position: absolute;
    top: -200px;
    left: -150px !important;
}
.branding h2 {
    color: rgba(255, 255, 255, 0.12) !important;
    font-weight: 900;
    font-size: 10rem;
    position: absolute;
    bottom: -300px;
    right: -200px !important;
}
.digital h2 {
  animation: slideRight 1.8s ease-out forwards;
  opacity: 0;
}

@keyframes slideRight {
  0% {
    left: -150px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
.branding h2  {
  animation: slideLeft 1.8s ease-out forwards;
  opacity: 0;
}

@keyframes slideLeft {
  0% {
    right: -150px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
/*-------------------------------Logo Section-----------------------------------*/
.elementor-image-gallery .gallery-item {
    padding: 0 !important;
    max-width: none !important;
}
.elementor-image-gallery .gallery-item img{
  width: 150px;
  height: 100px;
  object-fit: contain;
  display: block;
  filter: grayscale(100%) brightness(80%);
}
.rey-mega-gs.--ready {
    border-radius: 10px !important;
}
.--mega-custom .elementor-heading-title {
    padding-top: 20px;
    margin-top: 15px;
    border-top: 1px solid red;
    font-weight: 600;
}
.serviceIcon .elementor-element {
    background-color: #1e1e1e !important;
    padding: 40px;
    border-radius: 8px;
}
.serviceIcon .elementor-element:hover {
    background-color: #ca1419 !important;
}
.serviceIcon .elementor-icon-box-icon {
    display: block;
    margin-left: 0px;
}
.serviceIcon .elementor-icon {
    font-size: 70px;
    margin-left: 0px;
    opacity: 0.5;
}
.serviceIcon .elementor-element:hover .elementor-icon {
    opacity: 1;
}
.uspIconsFour .elementor-image-box-img {
    padding: 25px;
    background-color: #fff;
    box-shadow: 0px 0px 15px 8px #ddd;
    border-radius: 50%;
    width: 100px !important;
    height: 100px auto;
}
.uspIconsFour .elementor-image-box-title {
    font-weight: 900;
    font-size: 48px;
    margin-bottom: 0px;
}

@media (max-width:768px){
.iyfm_counterstyle .elementor-element .elementor-counter-number-wrapper {
    font-size: 54px !important;
    font-weight: 800;
    line-height: 0.8em;
}
.iyfm_counterstyle .elementor-counter-number {
    font-size: 54px;
}
.iyfm_counterstyle  .elementor-counter {
    margin-bottom: 30px;
}
.iyfm_counterstyle .elementor-element .elementor-counter-title {
    font-size: 20px !important;
}
#innerPortGrid .e-con-inner .elementor-element {
    padding: 0px;
}
.homeMain h1 {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
}
.digital h2 {
    font-size: 3rem;
    top: -30px;
    left: 0px !important;
}
.branding h2 {
    color: rgba(255, 255, 255, 0.12) !important;
    font-weight: 900;
    font-size: 4rem;
    position: absolute;
    bottom: -280px;
    right: 0px !important;
}
}


.stepsDeaign .elementor-widget-text-editor {
    background-color: #E9E9E9;
    padding: 30px;
    border-radius: 10px;
}
.stepsDeaign .elementor-widget-text-editor h5 {
    background-color: #EA528E;
    display: inline-block;
    padding: 15px;
    color: #fff;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    line-height: 15px;
    border: 3px solid #fff;
    position: absolute;
    bottom: -5.3rem;
    font-weight: 700;
    z-index: 10;
}

.stepsDeaign .elementor-widget-text-editor::after {
    border-color: hsla(0,0%,87%,0) hsla(0,0%,87%,0) #fff;
    border-width: 8px;
    margin-left: -8px;
}
.stepsDeaign .elementor-widget-text-editor::before {
    border: solid transparent;
    bottom: -2px;
    content: "";
    height: 0;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 0;
    z-index: 10;
}

.buttondesignTxt ul {
    padding: 0px;
    margin: 0px;
}
.buttondesignTxt ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.buttondesignTxt li a::after {
    content: "\f105";
    font-family: fontawesome;
    padding-left: 10px;
}
.buttondesignTxt ul li {
    white-space: nowrap;
    margin: 0px 10px 5px 0px !important;
    list-style: none;
    /* width: 33%; */
}
.buttondesignTxt ul a {
    border-radius: 15px;
    font-size: 12px;
    padding: 2px 10px;
    margin-right: 0px;
/*  background: linear-gradient(138.03deg, rgba(228, 228, 228, 0) 1.68%, rgba(228, 228, 228, 0.09) 49.77%, rgba(228, 228, 228, 0) 97.86%);
    background-color: #222; */
    background: linear-gradient( 138.03deg, rgba(34, 39, 79, 0) 1.68%, rgba(34, 39, 79, 0.09) 49.77%, rgba(34, 39, 79, 0) 97.86%);
    background-color: #222;
    color: #c6c6c6;
    margin-bottom:0px;
}
.buttondesignTxt ul a:hover {
    background-color: #EA528E;
    color: #fff;
}
@media (max-width:768px){
.innerCTAinner {
    margin-top: 2rem;
    border-radius: 15px;
}
.PriceTable {
    padding-left: 0px;
    padding-right: 0px;
}
.e-con.rey-section-stretched.contactSecNew {
    --width: 100% !important;
}
.elementor-widget-reycore-global-section {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
}
@media (min-width:1921px){
.contactSecNew .elementor-element.elementor-widget-heading {
    right: auto !important;
}
}


.RotateRow img {
    margin-left: -15px;
}

.RotateRow svg textPath {
    font-size: 8px;
}
.rotateRow > div {
    z-index: 2;
}
.rotatingTextOne {
    margin-top: -60rem;
    z-index: 1 !important;
}
.rey-siteFooter {
    overflow: hidden;
}
.rotatingText {
    fill: #fff;
}
.rotatingText {
    width: 1200px;
    height: 1200px;
    animation: rotateText 40s linear infinite;
    transform-origin: center;
}

@keyframes rotateText {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}


@media (min-width:1200px){
.RotateRow {
    width: 1200px;
    height: 1200px;
    margin: auto;
}
}

@media (max-width:1199px){
.RotateRow {
    width: 100vw;
    height: 100vw;
    margin: auto;
}
}
@media (min-width:900px) and (max-width:1199px){

    .rotatingTextOne {
    margin-top: -48rem;
}
}
@media  (max-width:899px){
    .RotateRow img {
    margin-left: -25px;
}
    .rotatingTextOne {
    margin-top: -80vw;
}
}
@media screen and (max-width:600px){
.rotateRow .elementor-element h2 {
    font-size: 22px !important;
    margin-bottom: 5px !important;
}
.rotateRow .elementor-element h4 {
    font-size: 16px;
}
}


/*.footerLogoTXt .face-media {
  -webkit-text-stroke: 1px #EA528E;
}*/
.footerLogoTXt h2 {
    font-size: 42px;
    line-height: 1.2;
}

.footerLogoTXt span {
  color: transparent; /* NO fill */
  animation: neonStrokeBlink 1.6s infinite alternate;
}

/* IN YOUR - white stroke */
.stroke-white {
  -webkit-text-stroke: 1.5px #ffffff;
  text-shadow:
    0 0 4px #ffffff,
    0 0 10px #ffffff,
    0 0 20px #ffffff;
}

/* FACE MEDIA - red stroke */
.stroke-red {
  -webkit-text-stroke: 2px #ff2d2d;
  text-shadow:
    0 0 6px #ff2d2d,
    0 0 15px #ff2d2d,
    0 0 30px #ff2d2d;
}
@keyframes neonStrokeBlink {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
.neon-stroke.blue { color: #00e5ff; }
.neon-stroke {
  animation: neonFlicker 2.2s infinite;
}
.neon-stroke {
  animation: none;
}
.neon-stroke:hover {
  animation: neonStrokeBlink 1.6s infinite alternate;
}


.port-Top-Banner h1 {
    line-height: 1.2;
    margin-bottom: 5px !important;
    margin-top: 10px;
}
#contentPartInner {
    position: relative;
    display: block;
}
#contentPartInner  .elementor-widget.elementor-widget-text-editor {
    padding-left: 20rem;
}
#contentPartInner h3::before {
    content: "";
    background: url(/wp-content/uploads/2025/12/inyourfacemedia-icon1.png);
    width: 275px;
    height: 150px;
    position: relative;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    position: absolute;
    left: 0px;
    margin-top: -30px;
}
#contentPartInner h3:not(h3:first-child)  {
    padding-top: 30px;
    border-top: 1px solid #dddddd4a;
    margin-top: 40px !important;
}

.interlinkingSection ul {
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 0 !important;
    padding: 0;
    align-items: stretch;
    list-style: none;
}
.interlinkingSection ul a {
    padding: 20px 40px 20px 30px;
    display: block;
    color: #222222;
    font-weight: 400;
    position: relative;
    background: linear-gradient(126.1deg, rgba(249, 249, 249, 0) 1.12%, #F9F9F9 49.46%, rgba(249, 249, 249, 0) 97.79%);
    border: 1px solid rgba(42, 42, 42, 0.1);
    border-radius: 10px;
}
.interlinkingSection ul a::after {
    content: "\f105";
    padding-left: 100px;
    position: absolute;
    right: 25px;
    font-family: Fontawesome;
}
.newiConBoxCol {
    background: linear-gradient(94.99deg, #FEF2F2 4.8%, rgba(255, 255, 255, 0.94994) 90.1%, rgba(255, 255, 255, 0.8) 190.68%);
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.01);
    border-radius: 50px;
    padding: 50px;
}
.newiConBoxCol h3.elementor-image-box-title {
    font-size: 24px;
}
.editorialDesign .iyfm_imageBox .elementor-widget-image-box {
    background-color: #f9f9f9;
}
.newContactSec .elementor-icon-box-icon {
    background-color: #fff;
    border-radius: 99px;
    padding: 15px;
}
.newContactSec h5.elementor-icon-box-title {
    font-size: 15px;
    margin-bottom: 0px !important;
    font-weight: 300;
}
.newContactSec .elementor-icon-box-description {
    margin-bottom: 0px !important;
    font-size: 18px;
}
.contBgRow h6 {
    background: rgba(9, 9, 9, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.3);
    border-radius: 50px;
    padding: 10px 20px;
    display: inline;
}
.contBgRow h2{
    padding-top:30px;
}
#graphicTop.InneeHeroSection::before {
    background: none !important;
}
.newContactSec {
    overflow: hidden;
}
.newContactSec input:not(.newContactSec .gform-footer.gform_footer input), .newContactSec textarea {
    border: 0px !important;
    box-shadow: none !important;
    background-color: transparent !important;
    border-bottom: 1px solid #222 !important;
    border-radius: 0px !important;
    min-height: 4.5rem !important;
}
.newContactSec .gform-footer.gform_footer input#gform_submit_button_1 {
    background-color: #d83028 !important;
    border-radius: 99px !important;
    width: 100% !important;
    border: 0px !important;
    padding: 10px 2rem !important;
    min-height: 3.5rem !important;
}
.newContactSec input::placeholder, .newContactSec textarea::placeholder {
    color: #000 !important;
    opacity: 1 !important;
}
.newDesignPortfolio .projectCarousel .featuredImage img {
    overflow: hidden !important;
    border-radius: 30px !important;
}
.newDesignPortfolio#NewPortDesignParv .blogGrid  .featuredImage {
    border-radius: 30px !important;
    overflow: hidden !important;
}
.newDesignPortfolio .rey-sliderArrows.--hide-on-idle {
    opacity: 1 !important;
}

.newDesignPortfolio .elementor-element.blogCustomCont {
    padding: 0px;
}
.newReviewDesign .swiper-slide {
    border-radius: 25px;
    padding: 40px 40px 20px 40px !important;
}
.newReviewDesign .swiper-slide:nth-child(4n+1) {
  background-color: #FFF6ED !important;
}

.newReviewDesign .swiper-slide:nth-child(4n+2){
  background-color: #FEF2F2;
}

.newReviewDesign .swiper-slide:nth-child(4n+3) {
  background-color: #EEF2FE;
}

.newReviewDesign .swiper-slide:nth-child(4n+4) {
  background-color: #FFF6ED;
}
.newReviewDesign .swiper-slide .elementor-testimonial__image img {
    background-color: #fff;
    padding: 5px;
    width: 35px;
    height: 35px;
}
.newReviewDesign .swiper-slide .elementor-testimonial__content img {
    width: 140px;
    margin-left: -10px;
    margin-bottom: 10px;
}

@media screen and (min-width:769px) {
.hideBig{
    display:none;
}
/*#graphicTop ul, #graphicTop h1, #graphicTop p {
    margin-bottom: 25px !important;
}*/
.InneeHeroSection ul, .InneeHeroSection h1, .InneeHeroSection p {
    margin-bottom: 15px !important;
}
}
/*.homeMain {
    margin-top: 135px;
}*/
@media screen and (max-width:1025px){

.interlinkingSection ul {
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 20px;
    margin: 0 !important;
    padding: 0;
    align-items: stretch;
    list-style: none;
}
/*.homeMain {
    margin-top: 105px;
}*/
.hideMob{
    display:none !important;
}
.ss-content .elementor {
    height: 100% !important;
}
.ss-content .elementor .mobileMenuCont {
    height: 100% !important;
}
.logoInner .elementor-element img {
    filter: brightness(0) invert(1);
    opacity: 0.8;
    min-width: 115px !important;
    height: auto !important;
    object-fit: contain;
    max-width: 100% !important;
}
}
@media (min-width:601px) and (max-width:1024px){
.leftContentDesign .elementor-element.elementor-widget-text-editor {
    padding: 30px !important;
}
.textContent h3 {
    font-size: 24px;
    font-weight: 500;
    padding: 30px !important;
}
#contentPartInner h3::before {
    content: "";
    background: url(/wp-content/uploads/2025/12/inyourfacemedia-icon1.png);
    width: 125px !important;
    height: 125px !important;
    position: relative;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    position: absolute;
    left: 0px;
    margin-top: 0px !important;
}
#contentPartInner .elementor-widget.elementor-widget-text-editor {
    padding-left: 140px !important;
}
}

@media (min-width:769px) (max-width:1025px){
.leftFormTxt {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.contactForm input:not(input[type="submit"]), .contactForm select, .contactForm a {
    min-height: 3rem;
    margin-top: 0px;
}
.elementor-widget-video {
    padding: 0px !important;
}
#featuredPort .elementor-element .e-con-inner .elementor-element {
    padding: 0px;
}
#featuredPort .elementor-element .e-con-inner .elementor-element h3 {
    font-size: 20px;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    line-height: 1.2;
}
#featuredPort .elementor-element .e-con-inner .elementor-element img {
    margin-bottom: 15px;
}
#featuredPort ul {
    margin-top: 8px !important;
}
}


@media screen and (max-width:768px){
.liDesign li {
    background-position-y: 2px !important;
}
.InneeHeroSection ul li {
    line-height: 1.4;
}
.heroSectionPort .headingRow .elementor-element {
    padding: 0px !important;
}
.interlinkingSection .interlinkingInner .e-con-inner .interlinkingInner {
    padding: 0px !important;
}
.hideMob{
    display:none !important;
}
.leftFormTxt, .profileTxt {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.elementor-element.featuredImage {
    border-radius: 0px !important;
    overflow: hidden;
}
.fourdesignBoxes .elementor-element.animated-slow {
    padding: 0px;
}
.rey-offcanvas-wrapper .rey-offcanvas-close {
    color: #fff;
}
.rey-offcanvas-wrapper .mobileMenuCont .megaMenu h3 {
    font-size: 14px !important;
    color: #222;
}
.mobileMenuCont h5 {
    margin-bottom: 0px !important;
}
.footerMain .elementor-divider {
    padding: 10px 0px 15px 0px !important;
}
.blogGrid .blogCustomCont {
    left: 15px !important;
}
.BlogSection  .splide .elementor-element {
    padding: 0px !important;
}
/*#faq .e-n-accordion-item {
    padding: 15px 15px !important;
}*/
#faq .e-n-accordion-item-title-text {
    font-weight: 500;
    font-size: 16px !important;
}
#faq .e-n-accordion .e-n-accordion-item-title .e-n-accordion-item-title-icon {
    position: absolute;
    right: 15px !important;
}
.logos img {
    height: 50px !important;
    padding: 0px 20px !important;
}
/*h2:not(.projectCarousel h2), .h2 {
    font-size: 32px !important;
}*/
.uspIconsFour .elementor-image-box-title {
    font-size: 24px !important;
}
/*.splide  .elementor-element {
    padding: 10px !important;
}*/
.flipBoxdesign .elementor-flip-box__layer__overlay {
    padding: 15px 15px 20px 15px;
}
.flipBoxdesign .elementor-flip-box {
    height: 300px !important;
}
.faq-Inner .elementor-element.elementor-widget.elementor-widget-text-editor p {
    line-height: 1.4;
}
}

/* Hidden by default */
.homeBannerTxt {
    opacity: 0;
    display:none;
    transition: opacity 1.5s ease-in-out;
}

/* When visible */
.homeBannerTxt.show {
    opacity: 1;
    display:block;
}

.spacerHide {
    transition: opacity 0.5s ease, height 0.5s ease;
}

.spacerHide.hide {
    opacity: 0;
    height: 0;
    overflow: hidden;
}
.proNewGrid #NewPortDesignParv .rey-sliderArrows .rey-arrowSvg {
    border-radius: 50px;
    color: #161414 !important;
    border-color: #161414 !important;
}
.proNewGrid #NewPortDesignParv .rey-sliderArrows {
    border: 1px solid #161414 !important;
    margin-right: 85px;
    margin-bottom: -8px;
    margin-top: 30px !important;
}
.newLogoSection .elementor-element.elementor-widget-image {
    border: 1px solid #d9d9d924;
}
.newLogoSection .elementor-element.elementor-widget-image {
    border: 1px solid #d9d9d91f !important;
    padding: 20px 30px !important;
    width: 100% !important;
    box-shadow: 0px 10px 30px 0px #00000005 !important;
    background: rgba(217, 217, 217, 0.1);
    border-radius: 15px !important;
}
.newLogoSection .elementor-element.elementor-widget-image img {
    filter: brightness(0.7);
}
.liDesign li::before {
    display: none;
}
.liDesign li {
    background: url(https://2026.inyourfacemedia.nl/wp-content/uploads/2026/03/check-1.png);
    background-repeat: no-repeat;
    background-size: 20px;
    margin-bottom: 8px;
    padding-left: 30px !important;
    background-position: 0px 5px;
    list-style: none;
}
.secondContentSection li::before {
    display: none;
}
.secondContentSection li {
    background: url(https://2026.inyourfacemedia.nl/wp-content/uploads/2026/03/light-red-check.png);
    background-repeat: no-repeat;
    background-size: 20px;
    margin-bottom: 8px;
    padding-left: 30px !important;
    background-position: 0px 5px;
    list-style: none;
}
.secondContentSection ul{
    padding-left:0px !important;
}
#my-popup h3 {
    font-size: 28px;
}
.footerMain {
  position: relative;
  overflow: hidden;
  background: #222; /* your normal background */
}

.footerMain::before {
  content: "";
  position: absolute;
  inset: 0;
  background:linear-gradient(45deg, rgba(79, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(87, 0, 0, 1) 100%) !important;
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
  z-index: 0;
}

.footerMain > * {
  position: relative;
  z-index: 1;
}

.footerMain:has(.elementor-button:hover)::before {
  opacity: 1;
}
.footerMain .footerContTop h2 {
    font-size: 4rem;
}
.footerMain .footerContTop .elementor-button {
    font-size: 2.3rem;
    font-weight: 400;
}
.footerMain .footerContTop .elementor-button  .elementor-button-text {
    border-bottom: 1px solid #151112;
    padding-bottom: 10px;
}
.footerMain .footerContTop .elementor-button  .elementor-button-text:hover {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.newiConBoxCol .elementor-image-box-img {
    max-width: 60px;
}
.elementor-element.teamInnerCol {
    background: linear-gradient(0deg, #FEF2F2, #FEF2F2), #FFFFFF;
    border-radius: 20px;
    padding: 20px 30px;
    min-height: 360px;
    --align-items: top !important;
}
.elementor-element.teamInnerCol#teamInnerColSecond {
    background: #E6F1FF !important;
}
#uniqueTeam .elementor-element.teamInnerCol {
    min-height: 320px !important;
}
@media screen and (max-width:600px) {
        .lottie-wrapper {
        overflow: hidden;
        top: -30px;
        position: relative;
    }
    .lottie {
        transform: scale(1.3);
        transform-origin: right;
        text-align: left;
            width: 500px !important;
        height: auto !important;
    }
.textContent h3 {
    font-size: 24px !important;
    font-weight: 500;
    padding: 20px !important;
}
.leftContentDesign .elementor-element.elementor-widget-text-editor {
    padding: 20px !important;
}
.rightIconContentDesign .elementor-widget-icon-box {
    padding: 20px 20px !important;
}
.footerMain .footerContTop h2 {
    font-size: 2.5rem;
}
.newiConBoxCol {
    padding: 30px 30px !important;
    margin: 0px 15px;
    border-radius: 25px;
}
.newiConBoxCol  .elementor-image-box-img {
    max-width: 40px;
}

#contentPartInner h3::before {
    content: "";
    background: url(/wp-content/uploads/2025/12/iyfm-icon.png) !important;
    width: 40px !important;
    height: 40px !important;
    position: relative;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    position: absolute;
    left: 0px;
    margin-top: 5px !important;
}
#contentPartInner .elementor-widget.elementor-widget-text-editor {
    padding-left: 50px !important;
}
.videoSpacer.spacerHide {
    --spacer-size: 50px !important;
}
}