/*
Theme Name: White Web Worx
Theme URI: https://whiteweb.co.il
Author: WhiteWebWorx
Author URI: https://whiteweb.co.il/
Requires at least: 5.8.x
Requires PHP: 7.4.x
Version: 1.0
*/

@font-face {
  font-family: 'poppins';
  src: url('webfonts/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'poppins';
  src: url('webfonts/Poppins-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'poppins';
  src: url('webfonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'poppins';
  src: url('webfonts/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'open-sans';
  src: url('webfonts/OpenSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root{
	--maincolor : #202A25;
	--white : #fff;
	--black : #000;
	--limeYellow :#E0E946;
	--limeHoverYellow :#e9f166;
	--purple:#A048FE;
	--f16:16px;
	--fontweight400:400;
	--fontweight700:700;
	
}

@media (min-width: 1600px) {
    .container{
        max-width: 1420px;
    }
}

h1, h2, h3, h4, h5, h6{font-weight:var(--fontweight700);font-family: "open-sans", sans-serif;}

h2{font-size:50px;}
h2.small{font-size:40px;}
.badText{font-size:16px;font-style:normal;font-weight:400;line-height: 1.2;}
.badgeFull{font-size:16px;font-style:normal;font-weight:400;line-height: 1.2;background:#a048fe;color:#fff}
.commonSubTitle *{font-size:18px;font-style:normal;line-height:normal;}
.font16 *, .font16{font-size:16px;font-style:normal;line-height:normal;}

body{font-family: "poppins", sans-serif;font-weight:var(--fontweight400);}
img{max-width:100%;}
body{margin:0px;padding:0px;background-color:var(--maincolor); }
ul,ul li {margin:0px;padding:0px;}
.limeYellowbg{background-color:var(--limeYellow);}

.limeYellowButton{background-color:var(--limeYellow);display: inline-flex;padding: 10px 20px;justify-content: center;gap: 10px;border-radius: 100px;align-items: center;box-shadow:none;color: #222;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;text-decoration: none;}
.limeYellowButton:hover,.limeYellowButton:focus{color: #222;background-color:var(--limeHoverYellow);border-color:var(--limeHoverYellow);box-shadow:none}

.whitButton{color:#fff;background-color:transparent;border-radius: 100px; border: 1px solid #A048FE;display: flex; padding: 10px 32px; justify-content: center; align-items: center; gap: 10px; align-self: stretch;text-decoration:none}
.whitButton:hover,.whitButton:focus{background-color:transparent;border-radius: 100px; border: 1px solid #A048FE;display: flex; padding: 10px 32px; justify-content: center; align-items: center; gap: 10px; align-self: stretch;text-decoration:none}

.purpleButton.whitButton{color:#fff;background-color:#A048FE;border-radius: 100px; border: 1px solid #A048FE;display: flex; padding: 10px 32px; justify-content: center; align-items: center; gap: 10px; align-self: stretch;}
.purpleButton.whitButton:hover,.purpleButton.whitButton:focus{background-color:#A048FE;border-radius: 100px; border: 1px solid #A048FE;display: flex; padding: 10px 32px; justify-content: center; align-items: center; gap: 10px; align-self: stretch;}


.purpleBorder{border:1px solid var(--purple);}


#menu-header-menu li a{color:var(--white); font-size:var(--f16); line-height:normal;padding:10px;text-decoration:none;}
#menu-header-menu li:last-child{margin-left:18px;}
#menu-header-menu li:first-child{margin-right:30px;}
#menu-header-menu li.limeYellowBtn a{color:var(--black);background-color:var(--limeYellow);display:flex;padding:10px 20px;justify-content:center;align-items:center;gap:10px;border-radius:100px;align-items:center;}
#menu-header-menu li.limeYellowBtn:hover a{color:var(--black);background-color:var(--limeHoverYellow);}

@media only screen and (max-width: 1199px) {
	header button.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {background-image:url(images/navcross.png);background-repeat:no-repeat; background-size:100%;width:16px;height:16px;}
	header button.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon{background-image: url(images/hamburger-icon.png); background-repeat:no-repeat;background-size:100%;width:16px;height:16px; }
}




/*Banner Section*/
.banner-section .bannerRtSide:before{content:'';position:absolute;right: -200px;top: -90px;background-image:url(images/bannerbgshape.png);background-repeat:no-repeat;background-size:contain;width: 994px;height: 778px;z-index: -1;}
.banner-section .bannerTitle{font-size:60px; font-style:normal;  line-height:normal;}
.banner-section .banner-description *{font-size: 18px; font-style: normal; line-height: normal;}
.banner-section .banner-description {width: calc(100% + 80px);}

@media only screen and (min-width: 1450px) {
.banner-section .bannerRtSide img{position: relative; right: -70px;}

}

/*Card Section*/
.card-section{padding-bottom: 90px; margin-top: 70px;}
.card-section:before{background-image: url(images/wheredukisecbg.svg);background-repeat:no-repeat;display: block;background-position: top center;padding-bottom: 440px;background-size: 100%;content: '';position: absolute;width: 100%;height: 1445px;top: -130px;z-index: -1;}
.card-section .descText *{font-size:18px; font-style:normal;  line-height:normal;}
.card-section .cardListingMainBox {border-radius: 20px; border: 1px solid var(--purple); background: rgba(255, 255, 255, 0.10);padding:30px 20px 30px 30px;}
.card-section .cardListingMainBox .cardBodyTitle {padding-left:40px;color:var(--limeYellow); font-size: 30px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 21px;}
.card-section .cardListingMainBox .cardBodyTitle:before {content:'';position:absolute;left:0px;top: 50%;background-image:url(images/sparkles-duotone-solid-full.png);background-repeat:no-repeat;height:30px;width: 30px;background-size: contain;display: block;transform: translateY(-50%);}
.card-section .cardListingMainBox .cardBodyList li {padding-left:37px;font-size: 18px; font-style: normal; line-height: normal; position:relative;}
.card-section .cardListingMainBox .cardBodyList li:not(:last-child) {margin-bottom:20px;}
.card-section .cardListingMainBox .cardBodyList li:before {content:'';position:absolute;left:0px;top:2px;background-image:url(images/check-regular-full.png);background-repeat:no-repeat;height:18px;width: 18px;background-size: contain;display: block;}

@media (min-width: 1400px) {
.card-section .customWdcardbox .col-lg-4{max-width:402px;}
.card-section .customWdcardbox{gap: 14px;}	
}



/*Card with Icon Section*/

.icon-card-section {}
.icon-card-section .secTitle {line-height: normal;}
.icon-card-section .descText *{font-size:18px;font-style:normal;line-height:normal;}
.icon-card-section .cardIconMainBox .cardlistTitle{font-size:20px;font-style:normal;font-weight:700;line-height:normal;align-items:center;display:flex;justify-content:center;gap:10px;}
.icon-card-section .cardIconMainBox .cardListDesc, .icon-card-section .cardIconMainBox .cardListDesc *{font-size: 16px; font-style: normal; line-height: normal;}
.icon-card-section .iconBoxdivider:not(:last-child):after{content:'';background-image: url(images/rtcurvedarrow.png);background-repeat:no-repeat;background-size:contain;display: block;position: absolute;width:69px;height:48px;top: 65px;right:-87px;}

@media (min-width: 992px) {
.icon-card-section .mainIconBoxrow{gap: 110px;}
.icon-card-section .iconBoxdivider {max-width:424px;}
}


/*Card with Icon Section*/
.left-image-right-content .listing-group .greenTxttitle *{color: #E0E946;  font-size: 20px; font-style: normal; font-weight: 700; line-height: normal;}
.left-image-right-content .listing-group .listGpDescText *{ font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
.left-image-right-content .rgtContDiv{ position: relative; left: -160px; padding-top: 136px;}


/*company logo Section*/
.company-logo-section {position:relative; margin-top:-150px; }
.company-logo-section .borderGreen {border: 2px solid #d8eb45; border-radius: 40px; padding: 56px 180px 56px 179px; gap: 68px; display: flex ; flex-wrap: wrap; justify-content: center; }
.company-logo-section .logo-row-1 {gap:112px; } 
.company-logo-section .logo-row-2 {gap: 102px; }


/*pricing block Section*/
.pricing-section {}
.pricing-section .custompriceCont {gap:14px}
.pricing-section .custompriceCont .priceTitle {color:#e0e946; font-size:30px; font-style:normal; font-weight: 700; line-height:normal;}
.pricing-section .custompriceCont .roundpricebg {border-radius: 20px;border: 1px solid #A048FE;background: rgba(255, 255, 255, 0.10);padding:55px 30px 30px 30px;}
.pricing-section .custompriceCont .roundpricebg .absbadgebgpurple{border-radius: 100px; background: linear-gradient(87deg, #A048FE 30.59%, #CB9AFF 99.01%);position: absolute; right: 14px; top: 14px;color:#fff;font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; line-height:1;padding:4px 10px;}

.pricing-section .pricingText{color:#e0e946; font-size:30px; font-weight:700; line-height: normal;}
.pricing-section .greenPriceValue{color:#e0e946; font-size:40px; font-weight:700; line-height:1;}
.pricing-section .font14{color:#fff; font-size:14px; font-weight:300; line-height:1;}
.pricing-section .chatbotbadge{border-radius: 100px; background: rgba(224, 233, 70, 0.40);display: flex; padding: 6px 10px; justify-content: center; align-items: center; gap: 10px;}
.pricing-section .chatbotbadge *{margin:0px;color: #fff; font-size: 14px; font-style: normal; line-height: normal;}
.pricing-section .font16Itc{color: #FFF; font-size: 16px; font-style: italic; font-weight: 300; line-height: normal;}
.pricing-section .featuredTextbdr {border-top:1px dashed #fff;padding-top: 15px;margin-top: 20px;margin-bottom: 15px;}
.pricing-section .priceFeaturedList li {padding-left:30px;color:#fff; font-size: 16px;line-height: normal;position:relative;margin-bottom:20px;}
.pricing-section .priceFeaturedList li:before {content:'';position:absolute;left:0px;top:2px;background-image:url(images/check-regular-full.png);background-repeat:no-repeat;height:18px;width: 18px;background-size: contain;display: block;}


@media (min-width: 992px) {
.pricing-section .custompriceCont .col-lg-4{max-width:424px;}
.pricing-section .mostPopdiv{top: -34px; height: calc(100% + 34px) !important;}
}

/*testimonial block Section*/
.acf-testimonial-section .testimonial-box { border-left: 2px solid #d8eb45; background: transparent; padding-left:30px; }
.acf-testimonial-section .quoteText{color: #FFF;  font-size: 20px; font-style: italic; font-weight: 600; line-height: normal;}

@media (max-width: 768px) {
.acf-testimonial-section .owl-stage-outer { padding-right: 30px; }
}
.acf-testimonial-section .owl-dots {margin-top: 25px;text-align: center;gap: 7px;display: flex;justify-content: center;}
.acf-testimonial-section .owl-dot span { background: #fff; width:8px; height:8px; display: inline-block; border-radius: 50%; }
.acf-testimonial-section .owl-dot.active span { background: #d8eb45; }
.acf-testimonial-section .slider-wrapper { position: relative; width:100%; padding-left: 13%; padding-right: 0;}
.acf-testimonial-section .item.px-3 , .acf-testimonial-section .testimonial-box{ padding-right:0px !important; }

 
@media (max-width: 992px) {
.acf-testimonial-section .slider-wrapper { padding-left: 0rem; }
}




/*CTA block Section*/
.cta-section .bg-purple { background-color: #9b47ff; border-radius:30px; }
.cta-section .btn-filled {background-color:var(--limeYellow);display: inline-flex;padding: 10px 20px;justify-content: center;gap: 10px;border-radius: 100px;align-items: center;box-shadow:none;color: #222;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;text-decoration: none;}
.cta-section .btn-filled:hover,.cta-section .btn-filled:focus{color:#222;background-color:var(--limeHoverYellow);border-color:var(--limeHoverYellow);box-shadow:none}

.cta-section .btn-outline {background-color:transparent;border:1px solid #e4f42b;display: inline-flex;padding: 10px 20px;justify-content: center;gap: 10px;border-radius: 100px;align-items: center;box-shadow:none;color: #fff;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;text-decoration: none;transition: all 0.3s ease; }
.cta-section .btn-outline:hover,.cta-section .btn-outline:focus{color:#222;background-color:var(--limeHoverYellow);border-color:var(--limeHoverYellow);box-shadow:none}




/*footer*/
.site-footer {background-color:#1f2823; padding-top:30px;}
.site-footer .footerMenuLink, .site-footer .copyRgtTxt {transition:color 0.3s ease;font-size: 16px; font-style: normal; font-weight: 400; color: #fff;text-decoration:none}
.site-footer .footerMenuLink:hover {color:#d8eb45;}
.site-footer .footer-right .divider {color:#fff; margin:0 8px;}
.btn-footer-filled {background-color: var(--limeYellow); display: inline-flex; padding: 10px 20px; justify-content: center; gap: 10px; border-radius: 100px; align-items: center; box-shadow: none; color: #222; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; text-decoration: none;}
.btn-footer-filled:hover {color: #222; background-color: var(--limeHoverYellow); border-color: var(--limeHoverYellow); box-shadow: none;}


@media (max-width: 767px) {
  .site-footer {
    text-align: center;padding-bottom: 80px !important;
  }
  .site-footer .footer-right {
    justify-content: center;
  }
  .site-footer .footerMenuLink, .site-footer .copyRgtTxt {transition:color 0.3s ease;font-size: 14px; font-style: normal; font-weight: 400; color: #fff;text-decoration:none}
  .site-footer .mobDireColRev{    flex-direction: column-reverse !important;}
}



@media (max-width:992px) {
	.pricing-section .featuredTextbdr .expclpIcon{display:none}
}

.footerQuickBtn{display:none}

@media (max-width:991px) {
h2, .banner-section .bannerTitle, h2.small{font-size:30px !important;}
.custompdLftRgt30{padding-left:30px;padding-right:30px;}

/*Banner Section*/
.banner-section .banner-description *{font-size:16px;}
.banner-section .banner-description {width: calc(100%);} 

/*Card Section*/
.card-section .customWdcardbox{gap:20px;}
.card-section .cardListingMainBox .cardBodyTitle{font-size:26px;}
.card-section { padding-bottom: 30px; margin-top: 30px; }

.icon-card-section .iconBoxdivider:not(:last-child){ padding-bottom:91px;}
.icon-card-section .iconBoxdivider:not(:last-child):after{content:'';background-image: url(images/downCurArrow.png);background-repeat:no-repeat;background-size:contain;display: inline-block;position: absolute;width:34px;height:63px;top: auto;bottom: 20px;margin:0 auto;right: auto;left: auto;}

.left-image-right-content .rmpdCustom{padding-left:0px;padding-right:0px;}
.left-image-right-content .rmpdCustom img{width:100%;}
.left-image-right-content .rgtContDiv{left:0px;padding-top:0px;}

.company-logo-section {margin-top:-130px; }
.company-logo-section .borderGreen{max-width:90%;padding:43px 0 35px 0; gap:20px;}
.company-logo-section .logo-row-1 { gap: 40px 9%; }
.company-logo-section .logo-row-2 { gap: 30px 9%; }
.company-logo-section  .col-auto{width: 40%;}

.pricing-section .featuredTextbdr .expclpIcon{background-image: url(images/darrowIc.png);background-repeat:no-repeat;background-size:contain;display: inline-block;width:12px;height:7px;transition: all .5s;}
.pricing-section .featuredTextbdr.active .expclpIcon {transform: rotate(180deg);}
.pricing-section .custompriceCont { gap: 27px; }
.acf-testimonial-section .quoteText { color: #FFF; font-size: 18px; font-style: italic; font-weight: 600; line-height: normal; }
.acf-testimonial-section .item.px-3 , .acf-testimonial-section .testimonial-box{ padding-right:0px !important; }

.footerQuickBtn{display:flex;width:100%;padding:16px 10px;justify-content:center;align-items:center;gap:10px;background:#E0E946;position:fixed;bottom:0px;}
.footerQuickBtn a{color:#222;font-size:16px;font-style:normal;font-weight:500;line-height:normal;text-decoration:none}
}

@media (max-width:650px) {
.banner-section .bannerRtSide:before { content: ''; position: absolute; right:0px; bottom:00px; background-image: url(images/bannMobImgBg.png); background-repeat: no-repeat; background-size: contain;  width: 80%; height:auto; z-index: -1; }
.banner-section .bannerRtSide img{max-width:100%;}
.banner-section .bannerRtSide{    margin-top: -50px;}
.banner-section .banLftSide{z-index:3;}
.card-section:before { background-image: url(images/wheredukisecbgMob.png); background-repeat: no-repeat; display: block; background-position: top center; padding-bottom: 440px; background-size: 100%; content: ''; position: absolute; width: 100%; height:1409px; top: -130px; z-index: -1; }


.icon-card-section .secTitle {max-width: 300px; margin: 0 auto; }

}

@media (min-width:992px)and (max-width:1399px) {
.card-section .customWdcardbox .col-lg-4{max-width:402px;}
.card-section .customWdcardbox{gap: 0px;}
.banner-section .bannerRtSide:before{right:0px;}
.icon-card-section .iconBoxdivider { max-width: 424px; width: 22.333333%; }
.company-logo-section { position: relative; margin-top: -50px; }
.left-image-right-content .rgtContDiv{    left: -70px;    padding-top: 136px;}
.pricing-section .custompriceCont { gap: 0; }
}

.acf-pay-as-you-chat-section{border-radius: 60px 60px 0 0;position:relative;}
.acf-pay-as-you-chat-section .payAsChatRepSec .lh-base p{margin:7px 0 0 0;color: #fff; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;}
.acf-pay-as-you-chat-section .payAsChatRepSec .lh-base p strong{font-weight: 600;font-size: 18px;}
.acf-pay-as-you-chat-section .commonSubTitle p{color: #FFF; font-size: 20px; font-weight: 400;}
.acf-pay-as-you-chat-section .belowBtnText{color: #FFF; font-size:14px; font-weight: 400;max-width:382px;margin:0 auto;}


@media (max-width:992px) {
.acf-pay-as-you-chat-section{border-radius: 30px 30px 0 0;}
.acf-pay-as-you-chat-section .commonSubTitle p{font-size:18px;}
.acf-pay-as-you-chat-section .payAsChatRepSec .lh-base p strong {font-size: 16px; }
}


.acf-plain-content-section .contentTitle, .acf-plain-content-section h2{font-size:50px !important;} 
.acf-plain-content-section .descriptSec a{color:var(--limeYellow);} 
.acf-plain-content-section .descriptSec ul{margin-left:15px;margin-bottom:15px;} 

@media (max-width:991px) {
.acf-plain-content-section .contentTitle, .acf-plain-content-section h2{font-size:30px !important;} 

}


@media (max-width: 991px) {

  header #menu-header-menu li {
    margin: 0 0 10px 0px !important;
  }

  header button.navbar-toggler[data-bs-target="#dukiMainNav"] {
    z-index: 1051;
  }

  /* BASE STATE (hidden off screen to the RIGHT) */
  .navbar-collapse {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #202a25;
    padding-top: 150px;
    z-index: 1050;

    display: flex;
    justify-content: center !important;
    align-items: flex-start;

    /* Slide animation */
    transform: translateX(100%);
    transition: transform 0.45s ease !important;
  }

  /* While Bootstrap is toggling */
  .navbar-collapse.collapsing {
    height: 100vh !important;
    transform: translateX(100%);
  }

  /* VISIBLE STATE */
  .navbar-collapse.show {
    transform: translateX(0);
  }

  .navbar-nav {
    flex-direction: column;
    gap: 20px;
  }
  
  .site-footer .footer-right span.divider:last-of-type{display:none}
}


.acf-company-logo-section{position: sticky; top: 0px;}