.mt_15{margin-top:15px;} .mt_m4{margin-top:-4px;} 
.overflow-hidden{overflow:hidden;} .underline{text-decoration: underline;} .d-none{display:none;} .visibility-hidden{visibility:hidden;}
.demo,.responsive-video{position:relative;overflow:hidden}
.responsive-video{padding-bottom:56.21%;border-radius:32px;background-color:#111}
.video-box{padding:0 3%}
.autoplayer-subarea-16-by-9{padding-bottom:56.25%!important;border-radius:0}
.demo{padding-bottom:55.21%;border:0 solid #ffffff42}
.demo-video{overflow:hidden;border-radius:15px;box-shadow:0 17px 40px 0 rgba(0,0,0,.2);background-color:#fff;margin-top:0}
.responsive-demo-video embed,.responsive-demo-video iframe,.responsive-demo-video object,.responsive-video embed,.responsive-video iframe,.responsive-video object,.responsive-video1 embed,.responsive-video1 iframe,.responsive-video1 object{position:absolute;top:0;left:0;width:100%;height:100%}
.autoplayer-area{z-index:2}
/*font-weight*/
.w100{font-weight:100;} .w200{font-weight:200;} .w300{font-weight:300;} .w400{font-weight:400;} .w500{font-weight:500;} .w600{font-weight:600;} .w700{font-weight:700;}
.w800{font-weight:800;} .w900{font-weight:900;}
.lh0 {line-height: 0%;}.lh50 {line-height: 50%;}.lh60 {line-height: 60%;}.lh70 {line-height: 70%;}.lh80 {line-height: 80%;}.lh90 {line-height: 90%;}.lh100 {line-height: 100%;}.lh110 {line-height: 110%;}.lh120 {line-height: 120%;}.lh130 {line-height: 130%;}.lh140 {line-height: 140%;}.lh145 {line-height: 145%;}.lh150 {line-height: 150%;}.lh160 {line-height: 160%;}.lh170 {line-height: 170%;}.lh180 {line-height: 180%;}.lh190 {line-height: 190%;}.lh200 {line-height: 200%;}.lh210 {line-height: 210%;}.lh230 {line-height: 230%;}.lh127 {line-height: 127%;}
.black{color:#000;}
.black3{color:#4c4e58;}
.gray{color:#546878;}
.mycontainer, .mycontainer2 {margin:auto;}
.italic{font-style: italic;}
.upper{text-transform:uppercase}
a.getlink:focus::after,a.getlink:focus::before,a.getlink:hover::after,a.getlink:hover::before{color:transparent;text-shadow:10px 0 transparent,-10px 0 transparent;opacity:0}
.headline-box{padding:0 18px;}
/*header*/
@media only screen and (min-width:768px){.dropdown:hover .dropdown-menu{display:block;margin-top:0}}
.header{background-color: rgb(255, 255, 255);border-bottom: 1px solid #050003;position: fixed;top: 0;width: 100%;z-index: 11;}
.header .navbar{padding: 13px 60px;}
.header .navbar-nav, .scrollToTopBtn, .dropdown-item {font-weight: 400;font-size: 14px;}
.header .navbar-nav .nav-link {color: #000 !important;padding-right: 30px;padding-left: 30px;}
.header .navbar-nav .nav-link:hover, .nav-item.active .nav-link, .nav-link.u-header__nav-link.active{color: rgb(0, 105, 255) !important;}
.header .navbar-brand {margin-right: 32px;}
.header .navbar-nav .nav-link.free-btn{border-radius: 50px;background-color: rgb(5, 0, 3);color:#fff!important;padding: 7.8px 16px;position:relative;margin-top: 0px;margin-bottom:-2px;text-align:center;transition:transform .2s;font-weight: 500;}
.header .navbar-nav .nav-link.free-btn:hover{    transform: translateY(-2px);
  text-decoration: none;
  transform: scale(1.05);
  transition: all 0.5s;
  box-shadow: 0px 7px 12px #50505054;}
.header .navbar-nav .nav-link.dropdown-toggle{-webkit-appearance:none;-moz-appearance:window;border:none}
.header .navbar-nav .nav-link.dropdown-toggle::after{font-family:FontAwesome;display:inline-block;padding-right:0;vertical-align:text-top;content:"\f107";border:0;margin:0}
.logo{width: 160px;}
/* Add your custom styles here */
.menu-subtitle,.menu-title{line-height:150%;font-style:inherit;margin-bottom:5%}
.navbar .nav-item:hover .dropdown-menu{display:block}.navbar .nav-item .dropdown-menu{animation:.3s ease-in-out slideUp;display:none}
@keyframes slideUp{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}
.menu-title-section{border-right:1px solid #dddfe5}
.menu-title{font-size:20px;font-weight:700;color:#0069ff}
.menu-subtitle{font-size:12px;font-weight:300;color:#000;margin-top:0}
.mega-menu-list{padding:0}.platforms-mega-menu::before,.template-case-mega-menu::before,.use-case-mega-menu::before{content:'';position:absolute;bottom:100%;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #fff;clear:both}
/*--------------------
 Back to Top Button
---------------------*/
.scrollToTopBtn{border:none;cursor:pointer;width:auto;position:fixed;top:30px;right:30px;z-index:4;opacity:0;transform:translateY(-100px);transition:.5s;border-radius:12px;background-color:#0069ff;color:#fff!important;padding:13px 27px;transition:transform .2s,background .2s}
.showBtn{opacity:1;transform:translateY(0)}
.scrollToTopBtn:hover{background-color:rgb(4 94 223);box-shadow:0 20px 51px 0 rgb(0 83 235 / 17%);transform:translateY(-2px);text-decoration:none}
/*banner*/
.banner-pra,.banner-title{color:#000;font-style:inherit}
a.banner-link1:hover,a.banner-link2:hover{transform:translateY(-2px);text-decoration:none}
.faded,a.banner-link1,a.banner-link2{display:inline-block}
.banner-main-box{padding-bottom:6%}
.banner-left-box{padding:0 15px}
.banner-title{line-height:110%;font-family:"Bakbak One", sans-serif;letter-spacing:-2.1px;font-display:swap}
.banner-pra{font-weight:400;line-height:150%;margin-top:2%;padding-right:1%}
.banner-pra span{font-weight:600;font-style:normal}
a.banner-link1,a.banner-link2{font-weight:400;position:relative}
.btn-bottom-text,.btn-bottom-text2{font-weight:400;line-height:150%;color:#65636d;font-style:inherit;margin-top:1%;position:relative;padding-left:12%}
 
a.banner-link1 {background-color: rgb(5, 0, 3);color: #ffffff;padding: 19px 3.74%;border-radius: 50px;transition: all 0.5s;position: relative;transition: transform .2s;border: 1px solid rgb(0, 0, 0);letter-spacing: -0.342px;display: inline-block;margin-top:7%;}
a.banner-link1:hover {transform: scale(1.05);transition: all 0.5s;box-shadow: 0px 7px 12px #5050508c;}

a.banner-link1-b{margin-top:2%;}

a.banner-link1 .arrow-btn .arrow-btn{margin-left: 7px;position: relative;top: -2.5px;transition: 0.1s ease-in;}
a.banner-link1:hover .arrow-btn, .banner-link4:hover.arrow-btn {
  -moz-animation: bounce 0.6s ease;
  -webkit-animation: bounce 0.6s ease;
  animation: bounce 0.6s ease;
} 
@keyframes bounce {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(14px); /* Move right */
  }
  100% {
    transform: translateX(0); /* Back to original */
  }
}

a.banner-link2{color:rgb(0 0 0);padding:2.2% 5.4%;border-radius:12px;border:1px solid #000;margin-top:6%;transition:transform .2s,background .2s}
.bannerimg{max-width:116%}
.swiper-container1New .swiper-slide{opacity:0!important}
.swiper-container1New .swiper-slide.swiper-slide-active{opacity:1!important}
.banner-title2{text-align:center;font-size:18px;color:#767676;line-height:150%}
.banner-title .typed-text{color:#0069ff}
.banner-title .cursor{display:inline-block;background-color:#000;margin-left:.1rem;width:5px;animation:1s infinite blink}
.banner-title .cursor.typing{animation:none}@keyframes blink{0%,100%,49%{background-color:#ccc}50%,99%{background-color:transparent}}
.banner-main-box2{width:100%;margin-top:.5%}
.banner-box2{padding:1% 0;overflow:hidden}
.slider1{position:relative;width:100%;top:0;overflow:hidden}
.slider1 .slider-row{width:5144px;height:39px;background-image:url(https://clickdesigns.b-cdn.net/cd_images/slider1.webp);background-size:5144px 39px;animation:60s linear infinite slide1;background-repeat:repeat-x;margin:auto}
@keyframes slide1{from{background-position-x:0}to{background-position-x:-5144px}}
.faded{position:relative;color: rgb(247 247 246);margin-top: 1.8%;}
.faded:after{content:"";position:absolute;display:block;top:0;left:0;width:100%;height:100%;border-collapse:separate}
.faded.faded-left.faded-right:after{box-shadow:inset 110px 0 40px -16px,inset -110px 0 40px -16px}
.slider-img{visibility:hidden}
.partition {position: absolute;right: -2px;color: #c1c1c1;}
/*section1*/
.section1-title{font-weight:500;line-height:101%;font-family:owners,sans-serif;color:#000;font-style:inherit;letter-spacing:1.5px;font-display:swap}
/*carousel*/
.carousel {position: relative;}
.carousel-inner {position: relative;width: 100%;overflow: hidden;}
.carousel-item {position: relative;display: none;align-items: center;width: 100%;
  @include transition($carousel-transition);
  backface-visibility: hidden;
  perspective: 1000px;
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev{display: block;}
.carousel-item-next,
.carousel-item-prev{position: absolute;top: 0;}
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  transform: translateX(0);
  @supports (transform-style: preserve-3d) {
    transform: translate3d(0, 0, 0);
  }
}
.carousel-item-next,
.active.carousel-item-right {
  transform: translateX(100%);
  @supports (transform-style: preserve-3d) {
    transform: translate3d(100%, 0, 0);
  }
}
.carousel-item-prev,
.active.carousel-item-left {
  transform: translateX(-100%);
  @supports (transform-style: preserve-3d) {
    transform: translate3d(-100%, 0, 0);
  }
}
.carousel-control-prev,
.carousel-control-next {position: absolute;top: 0;bottom: 0;display: flex; align-items: center; justify-content: center; width: $carousel-control-width;color: $carousel-control-color;text-align: center;opacity: $carousel-control-opacity;
  @include hover-focus {
    color: $carousel-control-color;
    text-decoration: none;
    outline: 0;
    opacity: .9;
  }
}
.carousel-control-prev {
  left: 0;
  @if $enable-gradients {
    background: linear-gradient(90deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));
  }
}
.carousel-control-next {
  right: 0;
  @if $enable-gradients {
    background: linear-gradient(270deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));
  }
}
.carousel-control-prev-icon,
.carousel-control-next-icon {display: inline-block;width: $carousel-control-icon-width;height: $carousel-control-icon-width;background: transparent no-repeat center center;background-size: 100% 100%;}
.carousel-control-prev-icon {background-image: $carousel-control-prev-icon-bg;}
.carousel-control-next-icon {background-image: $carousel-control-next-icon-bg;}
.carousel-indicators {position: absolute;right: 0;bottom: 10px;left: 0;z-index: 15;display: flex;justify-content: center;padding-left: 0; margin-right: $carousel-control-width;margin-left: $carousel-control-width;list-style: none;
  li {
    position: relative;
    flex: 0 1 auto;
    width: $carousel-indicator-width;
    height: $carousel-indicator-height;
    margin-right: $carousel-indicator-spacer;
    margin-left: $carousel-indicator-spacer;
    text-indent: -999px;
    background-color: rgba($carousel-indicator-active-bg, .5);  
    &::before {
      position: absolute;
      top: -10px;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 10px;
      content: "";
    }
    &::after {
      position: absolute;
      bottom: -10px;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 10px;
      content: "";
    }
  }
  .active {
    background-color: $carousel-indicator-active-bg;
  }
}
.carousel-caption {position: absolute;right: ((100% - $carousel-caption-width) / 2);bottom: 20px;left: ((100% - $carousel-caption-width) / 2);z-index: 10;padding-top: 20px;padding-bottom: 20px;color: $carousel-caption-color;text-align: center;}  
/*carouselExample2*/
.step-pra,.step-title{line-height:150%;font-style:inherit}
.carouselExample2-left{margin-left:0}
.carouselExample2-right{text-align:center;position:relative}
#carouselExample2 .carousel-inner{padding:0;overflow:visible}
#carouselExample2{position:relative;width:100%;margin:auto;padding:0}
#carouselExample2 .carousel-indicators{position:relative;bottom:0;height:auto;margin:0;display:inline-block;text-align:left;z-index:1;overflow:visible}
#carouselExample2 .carousel-indicators li{height:auto;text-indent:0;background-color:transparent;flex-direction:column;display:inline-block;border:0;margin:2px 0;width:100%;cursor:pointer;padding:10% 0 10% 80px;overflow:visible;border-bottom:1px solid #e6e6e6}
#carouselExample2 .carousel-indicators li:nth-child(3){border-bottom:0}
#carouselExample2 .carousel-indicators li svg{fill:#e6e6e6;position:absolute;left:-75px;top:0}
#carouselExample2 .carousel-indicators li.active svg{fill:rgb(0,105,255)}
#carouselExample2 .carousel-indicators li div{position:relative}
.step-title{font-weight:700;color:#000}.step-pra{font-weight:400;color:#767676}
#carouselExample2 .carousel-indicators li.active .step-title,#feature-text{color:#0069ff}
.logo-mobile-box,.mobile-carousel{display:none!important}
.input-cursor{display:inline-block;width:5px;background-color:#000;animation:.6s linear infinite alternate blink}
@keyframes blink{0%,40%{opacity:1}100%,60%{opacity:0}}
/*section2*/
.section2-subtitle,.section2-title,.section2-title2{font-family:owners,sans-serif;color:#000;font-style:inherit;text-align:center;font-display:swap}
.section2-title{font-weight:500;line-height:97%;letter-spacing:1.5px}
.section2-subtitle{font-weight:500;line-height:140%;margin-top:22px}
.section2-title2{font-weight:600;line-height:105%;letter-spacing:1.5px}
.section2-box{padding:0 3%}.forever-box{padding:0 18px;margin-top:6%}
.forever-box-inn{border-radius:50px;background-color:#000;padding:7% 2% 15%;height:100%}
.forever-box1-inn{background: url(https://clickdesigns.b-cdn.net/cd_images/foreverbg1.webp) no-repeat center top;background-size: cover;}
.forever-box2-inn{background: url(https://clickdesigns.b-cdn.net/cd_images/foreverbg2.webp) no-repeat center top;background-size: cover;}
.forever-box3-inn{background: url(https://clickdesigns.b-cdn.net/cd_images/foreverbg3.webp) no-repeat center top;background-size: cover;}
.forever-pra,.forever-title{font-style:inherit;text-align:center}
.forever-title{font-weight:500;line-height:100%;font-family:owners,sans-serif;color:#fff;margin-top:12%;font-display:swap}
.forever-pra{font-weight:400;line-height:150%;color:#8c8c8c;margin-top:3%}
/*section3*/
.section3-title{font-weight:500;line-height:100%;font-family:owners,sans-serif;color:#000;font-style:inherit;text-align:center;letter-spacing:1.5px;font-display:swap}
.everything{margin-top:3%}
/*deal-everything-section*/
.deal-everything-inner{margin-top:2%!important;} .deal-everything-section{background: url(https://clickdesigns.b-cdn.net/cd_special_deal/dealeverythingbg.webp) no-repeat center bottom;background-size: cover;padding: 1% 0 6% 0;position: relative;background-color: #fff;overflow: hidden;text-align: center;} 
.everything-img {margin-top: 0;opacity: 0;}
.palce1{max-width:100%;position: absolute;top: 3%;left: 14.1%;transform: rotate(10);}
.palce2a{max-width:100%;position: absolute;top: 22%;left: 14.1%;transform: rotate(10);}
.palce2{max-width:100%;position: absolute;top: 22%;left: 14.1%;transform: rotate(10);}
.palce3{max-width:100%;position: absolute;left: 14.1%;top: 52.7%;transform: rotate(-10);}
.palce4{max-width:100%;position: absolute;top: 3%;left: 26.5%;transform: rotate(-10);}
.palce5{max-width:100%;position: absolute;top: 35.5%;left: 26.5%;transform: rotate(0);}
.palce6{max-width:100%;position: absolute;top: 71%;left: 26%;transform: rotate(0);}
.palce7{max-width:100%;position: absolute;top: 3%;left: 36.3%;transform: rotate(0);}
.palce8{max-width:100%;position: absolute;top: 64.5%;left: 36.3%;transform: rotate(0);}
.palce9{max-width:100%;position: absolute;top: 3%;left: 49.3%;transform: rotate(0);}
.palce10{max-width:100%;position: absolute;top: 64.5%;left: 45%;transform: rotate(0);}
.palce11{max-width:100%;position: absolute;top: 64.5%;left: 53.5%;transform: rotate(0);}
.palce12{max-width:100%;position: absolute;top: 3%;left: 62.5%;transform: rotate(0);}
.palce13a{max-width:100%;position: absolute;top: 26%;left: 62.5%;transform: rotate(0);}
.palce13{max-width:100%;position: absolute;top: 26%;left: 62.5%;transform: rotate(0);}
.palce14{max-width:100%;position: absolute;top: 64.5%;left: 66.3%;transform: rotate(0);}
.palce15{max-width:100%;position: absolute;top: 3%;left: 74%;transform: rotate(0);}
.palce16{max-width:100%;position: absolute;top: 18%;left: 74%;transform: rotate(0);}
.palce17a{max-width:100%;position: absolute;top: 43%;left: 74%;transform: rotate(0);}
.palce17{max-width:100%;position: absolute;top: 43%;left: 74%;transform: rotate(0);}
.palce18{max-width:100%;position: absolute;top: 71%;left: 74%;transform: rotate(0);}
.placecenter{position: absolute;top: 18.5%;left: 34%;max-width: 100%;box-shadow: 0px 11px 59px 0px rgba(0, 0, 0, 0.49);border-radius: 16px;}
/*section4*/
.section4-title{font-weight:500;line-height:100%;font-family:owners,sans-serif;color:#000;font-style:inherit;margin-bottom:4%;letter-spacing:1.5px;position:relative;font-display:swap}
.for-box{padding:0 18px}
.for-box-inn{border-radius:40px;text-align:center;padding-top:3.6%;margin-top:7%}
.for-box1-inn{background-image: -webkit-linear-gradient( 90deg, rgb(245,181,150) 0%, rgb(255,255,255) 100%);color: #ee782d;}
.for-box2-inn{background-image: -webkit-linear-gradient( 90deg, rgb(147,157,255) 0%, rgb(255,255,255) 100%);color: #4c4097;}
.for-box3-inn{background-image: -webkit-linear-gradient( 90deg, rgb(147,218,133) 0%, rgb(255,255,255) 100%);color: #567c4e;}
.for-box4-inn{background-image: -webkit-linear-gradient( 90deg, rgb(238,183,58) 0%, rgb(255,255,255) 100%);color: #f39e0a;}
.for-box5-inn{background-image: -webkit-linear-gradient( 90deg, rgb(107,177,176) 0%, rgb(255,255,255) 100%);color: #224953;}
.for-box6-inn{background-image: -webkit-linear-gradient( 90deg, #ffe0e0 0%, rgb(255,255,255) 100%);color: #224953;}
.for-title1,.for-title2{font-weight:700;font-display:swap}
.for-title1{font-family:Caveat,cursive;line-height:160%;text-transform:capitalize}
.for-title2{line-height:100%;font-family:owners,sans-serif;font-style:inherit;margin-bottom:13%}
.for-box1-inn .for-title2{background: url(https://clickdesigns.b-cdn.net/cd_images/fortitle1.webp) no-repeat center center;background-size: contain;padding: 3.5% 2% 2.5% 2%;} 
.for-box2-inn .for-title2{background: url(https://clickdesigns.b-cdn.net/cd_images/fortitle2.webp) no-repeat center center;background-size: contain;padding: 3.5% 2% 2.5% 2%;} 
.for-box3-inn .for-title2{background: url(https://clickdesigns.b-cdn.net/cd_images/fortitle3.webp) no-repeat center center;background-size: contain;padding: 3.5% 2% 2.5% 2%;} 
.for-box4-inn .for-title2{background: url(https://clickdesigns.b-cdn.net/cd_images/fortitle4.webp) no-repeat center center;background-size: contain;padding: 2.6% 2% 1.6% 2%;margin-bottom: -1%;} 
.for-box5-inn .for-title2{background: url(https://clickdesigns.b-cdn.net/cd_images/fortitle5.webp) no-repeat center center;background-size: contain;padding: 2.6% 2% 1.6% 2%;margin-bottom: -1%;} 
.forwebsites{max-width: 102%;position: relative;left: -3%;}
.forsales{max-width: 105%;position: relative;left: -2%;}
.forlead{max-width: 103.5%;position: relative;left: -2%;}
.forwebinar{max-width: 100%;position: relative;left: 0%;}
.forfunnel{max-width: 100%;position: relative;left: 0%;} 
/*section5*/
.section5-pra,.section5-title{font-family:owners,sans-serif;font-display:swap;color:#fff}
.section5-title{font-weight:500;line-height:100%;font-style:inherit;text-align:center;margin-bottom:3%;letter-spacing:1.5px}
.faster-pra,.faster-title,.section5-pra{line-height:150%;font-style:inherit;text-align:center}
.section5-pra{font-weight:400;margin-top:0;letter-spacing:.5px}
.faster-box-inn{border-radius:40px;background-color:#1b1c27;padding:7% 2% 9%;height:100%;text-align:center}
.faster-title{font-weight:700;color:#fff;margin-top:6%;padding:0;text-transform:uppercase;}
.faster-pra {font-weight: 400;color: #b3b3b3;margin-top: 1%;padding: 0 8%;}
/*deal-seamlessly-section*/
.deal-seamlessly-section{background: url(https://clickdesigns.b-cdn.net/cd_images/dealseamlesslybg.webp) no-repeat center top;background-size: cover;padding: 6% 0 2% 0;margin-top: -1%;}
.seamlessly-img{margin-top: -1%;margin-bottom: -2%;}
.bw-bussinesslogo{margin-top:2.5%;}
.bussinesslogo-box, .seamlesslyimg-box {padding: 0;}
.bussinesslogo-box-mob, .seamlesslyimg-box-mob {display: none;padding: 0;}
.seamlessly-img{margin-top: -4%;margin-bottom: 2%;}
/*deal-unlock-section*/
.deal-unlock-section {padding: 4% 0 2.5% 0;position: relative;overflow: hidden;background-color: #f4f9ff;}
.bgelement1{position: absolute;left: 0;}
.bgelement2{position: absolute;right: 0;}
.deal-unlock-row{margin-top: 3%;}
.unlock-box{padding: 1.3%;}
.unlock-box-inn{border-radius: 16px;background-color: rgb(255, 255, 255);box-shadow: 0px 12px 27px 0px rgba(118, 137, 167, 0.14);height: 100%;padding: 0% 0% 4% 0%;overflow: hidden;}
.unlock-title{font-weight: 700;line-height: 130%;color: #000000;font-style: inherit;margin-top: 4%;padding: 0 5%;-webkit-font-smoothing: antialiased;	}
.deal-unlock-section #expander {cursor: pointer;margin-bottom: 10px;}
.deal-unlock-section #unlock-content {  display: none;}
.deal-unlock-section #expander p {text-align: center;font-weight: 400;line-height: 130%;color: #8E8BAA;display: table;margin: auto;padding: 0;margin-top: 2%;text-decoration: underline;-webkit-font-smoothing: antialiased;	}
.deal-unlock-section #expander p:hover{color: #73708b;}
#myDIV {border: 1px solid;width: 25px;height: 25px;border-radius: 50%;background-color: transparent !important;padding: 6px 1px;top: 0 !important;}
.usedby-section{padding: 4% 0 5% 0;}
/**/ 
.scroll-left{width:30%;padding:0 15px;}
.scroll-center{width:25%;padding:0 15px;}
.scroll-right{width:30%;padding:0 15px;}
.vh {height: 100vh;} 
section.scroll-trigger {min-height: 100vh;display: flex;justify-content: center;} 
.scroll-trigger .slide-container {display: grid;grid-template-rows: 1fr;grid-template-columns: 1fr;margin-left: 0;width: 100%;}
.scroll-trigger .slide-container .slide {width: 100%;margin-left: auto;position: relative;height: auto;grid-row: 1;grid-column: 1; text-align: center;transition: all 0.4s ease-out;}  
.scroll-trigger img {width: 100%;transition: opacity .3s ease-in;}
.scroll-trigger .slide-container img{filter: drop-shadow(4px 15px 18px #7689a724);}
.seamlesslylogos-img{display:none !important;}  
/*deal-faster2-section*/
.deal-ai-title,.deal-faster2-headline{line-height:120%;color:#000;font-style:inherit;text-align:center;-webkit-font-smoothing:antialiased}
.ai-img,.ai3-img{position:relative}
.deal-faster2-section{padding:5% 0 5% 0;}
.deal-faster2-headline{font-weight:600;font-family:owners,sans-serif;font-display:swap}
.deal-ai-main-box{padding:0 2%;margin-top:2.5%}
.deal-ai-box{padding:0}
.deal-ai-box-inn{border:1px solid #dadada;border-radius:18px;padding:0 0 20px;overflow:hidden}
.deal-ai-title{font-weight:700;margin-top:20px}
.ai3-img{top:-2px}
.ai-img{top:-4px}
/**/
.swiper-container.swiper6{width: 100%;height: 100%; padding: 20px 0;}
.swiper6 .swiper-slide {text-align: center;font-size: 18px;background: #fff;transition: all 200ms linear;  /* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: all 200ms linear;transform: scale(0.98);} 
.swiper6 .swiper-slide.swiper-slide-next {transform: scale(1.1);}
.swiper6-button-next, .swiper6-button-prev {color: rgb(94 94 94);font-size: 20px;height: 32px !important;line-height: 32px;width: 32px !important;border: 1px solid rgb(206 206 206);border-radius: 50%;padding: 0;background-image: none !important;}
.swiper6-button-next{right: -22px !important;} 
.swiper6-button-prev{left: -22px !important;}
.swiper6-button-next .fa, .swiper6-button-prev .fa {width: 100%; text-align: center;position: relative;top: 5px;}
/**/
.swiperNew {width: 90%;height: auto;padding:20px 0 0 0 !important;}
.swiperNew .swiper-slide{-webkit-filter: blur(3px);-moz-filter: blur(3px);-o-filter: blur(3px);-ms-filter: blur(3px);filter: blur(3px);border-radius:10px}
.swiperNew .swiper-slide video{border:4px solid #fff;background-color: #fff;}
.swiperNew .swiper-slide.swiper-slide-active{-webkit-filter: blur(0px);-moz-filter: blur(0px);-o-filter: blur(0px);-ms-filter: blur(0px);filter: blur(0px); box-shadow: 0px 15px 54px 0px rgba(6, 6, 6, 0.77);}
.swiperNew .swiper-slide{opacity:0;}
.swiperNew .swiper-slide-prev, .swiperNew .swiper-slide-next, .swiperNew .swiper-slide-active{opacity:1;}
.swiperNew-pagination {position: relative !important;width: 100%;top: 21px;}
.swiperNew-pagination .swiper-pagination-bullet{opacity: 1 !important;background-color: #2b2d35;margin: 0 3px;}
.swiperNew-pagination .swiper-pagination-bullet-active{background: #ffffff;}
/*leaders-section*/
.leaders-section{background:url(https://cd-new.b-cdn.net/new-corp/leadersbg.webp) no-repeat center bottom;background-size:cover;padding: 5% 0 4% 0;position: relative;overflow: hidden;}
.leaders-section .nav-tabs {border: 0;font-weight: 400;margin-top: 45px;line-height: 100%;font-family: owners, sans-serif;font-style: inherit;margin-bottom: 3.5%;position: relative;height: auto;}
.leaders-section .nav-tabs .nav-item {margin: 0 6px !important;width: auto;}
.leaders-section .nav-tabs .nav-link {border: 0;color: rgb(115, 120, 125);padding: 7px 19px;border-width: 1px;border-color: rgb(172 181 191);border-style: solid;border-radius: 50px;letter-spacing: 1px;display: ruby-text;height: auto;}
.leaders-section .nav-tabs .nav-item.show .nav-link, .leaders-section .nav-tabs .nav-link.active{font-weight: 700;color: rgb(0, 0, 0);border-color: rgb(0, 0, 0);letter-spacing: 0px;}
.leaders-section .tab-content{}
.leaders-section .tab-pane{}
.tab-slide-inn{position:relative}
.francis-testi{position:absolute;top: 27.5%;left: 21%;} 
.mike-testi{position:absolute;top: 25.1%;left: 21%;} 
.laura-testi{position:absolute;top: 20.5%;left: 21%;} 
.varun-testi{position:absolute;top: 27.5%;left: 21%;} 
.tab-coma-img{}
.tab-coma2-img{}
.tab-coma3-img{}
.tab-coma4-img{}
#testi1-tab svg{width: 139px;height: 25px;position: relative;top: 4px;margin-bottom: 0;} 
#testi2-tab svg{width: 94px;height: 26px;position: relative;top: 5px;margin-bottom: 0;}
#testi3-tab svg{width: 69px;height: 33px;position: relative;top: 8px;margin-bottom: 0;}
#testi4-tab svg{width: 123px;height: 28px;position: relative;top: 6px;margin-bottom: 0;}
#testi5-tab svg{width: 130px;height: 25px;position: relative;top: 5px;margin-bottom: 0;} 
#testi1-tab svg .cls-a{fill:rgb(115, 120, 125);}
#testi2-tab svg .cls-b{fill:rgb(115, 120, 125);}
#testi2-tab svg .cls-c{fill:rgb(115, 120, 125);}
#testi3-tab svg .cls-d{fill: #c3c3c3;}
#testi3-tab svg .cls-e{fill: #c3c3c3;}
#testi3-tab svg .cls-f{fill: #c3c3c3;}
#testi4-tab svg .cls-1{fill:rgb(115, 120, 125);}
#testi4-tab svg .cls-2{fill:rgb(115, 120, 125);}
#testi4-tab svg .cls-3{fill:rgb(115, 120, 125);}
#testi4-tab svg .cls-4{fill:rgb(115, 120, 125);}
#testi4-tab svg .cls-5{fill:rgb(115, 120, 125);}
#testi4-tab svg .cls-6{fill:rgb(115, 120, 125);}

#testi5-tab svg .st0, #testi5-tab svg .st01{fill: #73787d;}
#testi5-tab svg .st1{fill: #c3c3c3;}
#testi5-tab svg .st2{fill:#868686;}
#testi5-tab svg .st02{fill:#c3c3c3;}
 

#myTab .nav-link .cls-name{fill: #c3c3c3;}
#myTab .nav-link .cls-name2{fill: #7c7c7c;}
.nav-link.active#testi1-tab svg .cls-a{fill:url(#linear-gradient);}
.nav-link.active#testi2-tab svg .cls-b{fill:#384c57;}
.nav-link.active#testi2-tab svg .cls-c{fill:#fc6480;}
.nav-link.active#testi3-tab svg .cls-d{fill:#fe3c21;}
.nav-link.active#testi3-tab svg .cls-e{fill:#fe7813;}
.nav-link.active#testi3-tab svg .cls-f{fill:#fe7713;}
.nav-link.active#testi4-tab svg .cls-1{fill:#fcc300;}
.nav-link.active#testi4-tab svg .cls-2{fill:#4ace27;}
.nav-link.active#testi4-tab svg .cls-3{fill:#2895fa;}
.nav-link.active#testi4-tab svg .cls-4{fill:#51b246;}
.nav-link.active#testi4-tab svg .cls-5{fill:#d9a800;}
.nav-link.active#testi4-tab svg .cls-6{fill:#1f81da;}

.nav-link.active#testi5-tab svg .st0, .nav-link.active#testi5-tab svg .st02{fill:#666666;}
.nav-link.active#testi5-tab svg .st1, .nav-link.active#testi5-tab svg .st01{fill:#6699FF;}
.nav-link.active#testi5-tab svg .st2{fill:#868686;} 

#myTab .nav-link.active .cls-name{fill: #000;}
#myTab .nav-link.active .cls-name2{fill: #000;}
.nav-link.active{}
.francis-testi p, .mike-testi p, .laura-testi p, .varun-testi p{font-family: "Merriweather", serif;font-weight: 400;font-style: italic;margin-top: 18px;}
.francis-testi h2, .mike-testi h2, .laura-testi h2, .varun-testi h2{font-family:"owners",sans-serif;font-style:inherit;font-display:swap;font-weight: 700;}
.francis-testi h5, .mike-testi h5, .laura-testi h5, .varun-testi h5{font-family:"owners",sans-serif;font-style:inherit;font-display:swap;font-weight: 400;letter-spacing: 1px;}
.francis-testi p{color: #fff;line-height: 140%;}
.francis-testi h2{color: #1e86d8;margin-top: 36px;}
.francis-testi h5{color: #fff;margin-top: 0px;letter-spacing: 1px;margin-left: 1px;}
.mike-testi p{color: #000000;margin-top: 18px;line-height: 150%;}
.mike-testi h2{color: #ff3361;margin-top: 33px;}
.mike-testi h5{color: #000000;margin-top: 0px;letter-spacing: 1px;margin-left: 1px;}
.laura-testi p{color: #fff;margin-top: 18px;line-height: 140%;}
.laura-testi h2{color: #ff8828;margin-top: 36px;}
.laura-testi h5{color: #fff;margin-top: 0px;letter-spacing: 1px;margin-left: 1px;}
.varun-testi p{color: #fff;margin-top: 18px;line-height: 140%;}
.varun-testi h2{color: #faca01;margin-top: 36px;}
.varun-testi h5{color: #fff;margin-top: 0px;letter-spacing: 1px;margin-left: 1px;}
.francis-testi p, .mike-testi p, .laura-testi p, .varun-testi p{font-size:20px;}
.francis-testi h2, .mike-testi h2, .laura-testi h2, .varun-testi h2{font-size: 30px;}
.francis-testi h5, .mike-testi h5, .laura-testi h5, .varun-testi h5{font-size: 17px;}
.tab-testi-img-mob{display:none !important;}
 
.tony-testi h2{color: #fff600;}
/*section6*/
.section6-pra,.section6-title{font-family:owners,sans-serif;color:#000;font-style:inherit;font-display:swap;text-align:center}
.section6-title{font-weight:500;line-height:100%;letter-spacing:1.5px}
.section6-pra{font-weight:400;line-height:150%;margin-top:1%;letter-spacing:.5px}
.swiper1-slider{padding:0;margin-top:2.3%;max-width:86%}
.swiper1{text-align:center;padding:2% 0!important}
.tablinks{border:1px solid #f0f3f9;border-radius:6px;padding:25px 0;cursor:pointer;transition-duration:.3s}
.tablinks:hover{background-color:#f1f5fb;transition-duration:.3s}
.tablinks.active:after{border-right:11px solid transparent;border-left:11px solid transparent;border-top:12px solid #346afd;transform:translateX(-50%);position:absolute;z-index:-1;content:'';top:100%;left:50%;height:0;width:0}.svg-icon{fill:#12152f;height:35px}
#filter,.packaging-svg{fill:none!important;stroke:#12152f}
.swiper1 p{font-weight:400;color:#12152f;margin-top:15px}
.tab .active{border:2px solid #346afd;background-color:#346afd}
.tab .active .svg-icon{fill:#fff}
.tab .active #filter,.tab .active .packaging-svg{stroke:#fff}
.tab .active p{color:#fff}
.swiper1-button-next,.swiper1-button-prev{background-image:none!important;color:#bdc9e0;border-radius:50px;background-color:#f0f3f9;width:23px!important;height:23px!important;margin-top:-12px!important;padding:1px 0}
.swiper1-button-next{right:-1%!important}
.swiper1-button-prev{left:-.8%!important}
/*section7*/
.section7-title{font-weight:500;line-height:100%;font-family:owners,sans-serif;color:#000;font-style:inherit;text-align:center;letter-spacing:1.5px;font-display:swap}
.section7-main-box{background-color:#fcfcfc;margin-top:5%}.section7-box-out{padding:.9%}
.section7-box{padding:6% 8% 7%;border-radius:15px;background-color:#fff;box-shadow:0 8px 62px 0 rgb(27 28 27 / 9%)}
.section7-box2{background-color:#f6f6fd;border-color:#f6f6fd}
.section7-box h4{color:#10184f}.section7-box h5{color:#9ca3af}
.section7-box svg{width:81px;height:20px}
.section7-box p{color:#525778;margin-top:5%}
.section7-box p span,.testimonial3imgBox p span,.testimonialBox-inner2 p span{background-color:#fff4aa}
/**/
.marquee-block2,.marquee-block3,.marquee-item{text-align:left}
.marquee-wrapper{width:100%;overflow:hidden;padding:0 2.4%}
.marquee-wrapper .container{overflow:hidden;margin:0 auto!important;text-align:center}
.marquee-inner span{height:50%}
.marquee-wrapper .marquee-block{height:100vh;box-sizing:border-box;position:relative;margin:0;padding:30px 0;display:inline-block}
.marquee-block1,.marquee-block2,.marquee-block3{width:33%}
.marquee-inner{display:block;height:100%;width:100%;position:absolute;margin:0}
.marquee-inner.to-left{animation:50s linear infinite marqueeTop}
.marquee-inner.to-right{animation:50s linear infinite marqueeBottom}
.marquee-item{width:100%;display:block;padding:2%;transition:.2s ease-out}@keyframes marqueeTop{0%{top:0}100%{top:-100%}}@keyframes marqueeBottom{0%{top:-100%}100%{top:0}}
.faded2{position:relative;display:inline-block;color:#fff}
.faded2:after{content:"";position:absolute;display:block;top:0;left:0;width:100%;height:100%;border-collapse:separate}
.faded2.faded2-left.faded2-right:after{box-shadow:inset 0 70px 40px -16px,inset 0 -70px 40px -16px}
.marquee-pc{display:block!important}
.marquee-mobile{display:none!important}
/*section8*/
.section8-left,.section8-right{padding:0 15px}
.section8-left{position:relative;margin-top:-1%}
.section8-title{font-weight:500;line-height:110%;font-family:owners,sans-serif;color:#fff;font-style:inherit;letter-spacing:1.5px;font-display:swap}
.section8-subtitle{font-weight:400;line-height:150%;color:#fff;font-style:inherit;margin-top:4%}
a.banner-link3{color: rgb(5, 0, 3);padding:2.4% 5.5%;display:inline-block;transition:.5s;position:relative;border-radius: 50px;background-color: rgb(255 255 255);font-weight:400;border: 1px solid rgb(5, 0, 3);margin-right:0;margin-top:7%;transition:transform .2s,background .2s}
a.banner-link3:hover {transform: translateY(-2px);text-decoration: none;}
/*deal-raving-section*/
.raving-box{padding:0;}
.raving-box-mob{display:none;padding:0;}
.deal-raving-section { padding:0% 0 3.5% 0;overflow:hidden;}   
.slider2 {position: relative;width: 100%;top: 0;overflow: hidden;}
.slider2 .slider-row {width: 4430px;height: 768px;background-image: url(https://clickdesigns.b-cdn.net/cd_images/slider2.png);background-size: 4430px 768px;animation: slider2 50s linear infinite;background-repeat: repeat-x;margin:auto;}
@keyframes slider2 {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: -4430px;
  }
}
/*social-tab*/
/*.social-tab{background: url(https://clickdesigns.b-cdn.net/cd_images/socialtabbg2.png) no-repeat center top;*/
.social-tab{background: url(../cd_images/socialtabbg2.webp) no-repeat center top;background-size: cover;padding: 4.5% 0 6% 0;position:relative;z-index: 1;overflow: hidden;background-color: #abd5fe;}
.social-tab ul.nav {display: inline-flex;text-align: center;justify-content: center;}
.social-tab li.nav-item{margin: 8px 7px !important;!i;!;}
.social-tab a.nav-link {font-size: 18px;color: #fff;font-weight: 700;display: flex;padding: 14px 32px;background-color: rgb(126 189 255 / 38%);border-radius: 50px;align-items: center;}
.social-tab a.nav-link.active{background-color: #ffffff;color: #000;}
.social-tab a.nav-link svg{fill: #fff;position: relative;margin-right: 14px;margin-bottom: 0;}
.social-tab a.facebook-nav-link.active svg{fill: #1877f2;}
.social-tab a.instagram-nav-link.active svg{fill: url(#rg);}
.social-tab a.pinterest-nav-link.active svg{fill: #E60023;}
.social-tab a.twitter-nav-link.active svg{fill: #000000;}
.social-tab a.linkedin-nav-link.active svg{fill: #0283C7;}
.social-tab .tab-content{ }
.twittersize-box{padding: 0 15px;width: 33%;} 
.linkedinsize-box{padding: 0 0px 0 15px;width: 60%;} 
.newbadge {background: url(https://clickdesigns.b-cdn.net/cd_images/badgebg.svg) no-repeat center center;background-size: contain;padding: 15px 30px 3px 14px;position: relative;color: #000; }
.social-pc, .everything-img-pc{}
.social-mob, .everything-img-mob{display:none !important;}
.social-tab a.youtube-nav-link svg{width: 24px;}
.social-tab a.youtube-nav-link svg .y1{fill:#fff;}
.social-tab a.youtube-nav-link svg .y2{fill:#a3d5fe;}
.social-tab a.youtube-nav-link.active svg .y1{fill:#f00;}
.social-tab a.youtube-nav-link.active svg .y2{fill:#fff;}
/*graphics-section*/
.graphics-section{background:url(https://clickdesigns.b-cdn.net/cd_images/section7.webp) no-repeat center top;background-size:cover;padding: 3% 0 2% 0;position: relative;}
.slider3 {position: relative;width: 100%;top: 0;overflow: hidden;}
.slider3 .slider-row {width: 3370px;height: 728px;background-image: url(https://clickdesigns.b-cdn.net/cd_images/slider3.png);background-size: 3370px 728px;animation: slide3 60s linear infinite;background-repeat: repeat-x;}
@keyframes slide3 {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: -3370px;
  }
}	
.slider3:hover .slider-row {animation-play-state: paused;} 
.title-bg3 {padding: 0px 30px;display: inline-block;border-radius: 50px;background-color: rgb(255, 218, 6);color: #10184f;}
/*faq*/
.faq-subtitle,.faq-title{color:#000;font-style:inherit}
.footer-section-left{width:55%;padding:0 15px}
.footer-section-right{width:45%;padding:0 15px}
.faq-title{font-weight:500;line-height:110%;font-family:owners,sans-serif;letter-spacing:1.5px;font-display:swap}
.faq-subtitle{font-weight:400;line-height:150%;margin-top:4%}
 
/*faq*/ 
 
.footer-section-left{padding: 0.5% 15px;}
.footer-section-right{padding:0 15px}
 
.faq{max-width: 72%;margin-top: 45px;}
.accordion .fa{float:left;margin-top:3px;color:#346afd;font-size:22px;position:absolute;top: 2px;left: 6px;}
.faq-section .card{margin:0;padding: 25px 0;border-width:0;overflow:hidden;border-radius:0;background-color:transparent;border-bottom: 1px solid #000000;}
.faq-section .card:last-child{border:0}
.faq-section .card-header{padding:0;border:0;box-shadow:none;background-color:transparent;position:relative;}
.faq-section .card-header button{width:100%;text-align:left;color: #000000;padding: 0 0 0 40px;border:0!important;box-shadow:none;white-space:break-spaces;background-color:transparent;font-size: 20px;font-weight: 700;}
.faq-section .card-body {padding: 15px 2% 12px 41px;color: #000000;margin-bottom: 0;font-size: 14px !important;font-weight: 400;}
.btn:focus,.btn:hover{text-decoration:none!important}
.faq-section .card-body p {padding: 0;color: #050003;}

.material-symbols-outlined.icon-toggle {
  transition: all 0.3s ease;
  float: left;
  margin-top:3px;
  font-size:22px;position:absolute;top: 2px;left: 0px;}
/*footer-mob*/
.footer-mob{padding: 0 0 30px 0;display:none;}
.accordion-header{display:none;}
.footer-mob .accordion-footer {padding: 0;margin-bottom: 25px;}
.footer-mob .footer-features-row{padding: 0px 16px;}
.accordion-header .footer-features-row, .accordion-header{padding:0;}
.footer-mob .footer-features-title{}
.footer-mob .footer-features-title a.btn, .accordion-header .footer-features-title a.btn{width: 100%;text-align: left;color: #000;font-size: 16px;font-weight: 600;padding: 12px 0;}
.footer-mob .footer-features-title a.btn.collapsed{}
.footer-mob .footer-features-title a.btn .fa, .accordion-header .footer-features-title a.btn .fa{transform: rotate(0deg);float: right;height: 100%;font-size: 22px;}
.footer-mob .footer-features-title a.btn.collapsed .fa, .accordion-header .footer-features-title a.btn.collapsed .fa{transform: rotate(180deg);}
.footer-mob .collapse, .accordion-header .collapse{padding: 0;}
.footer-mob .collapse .footer-link, .accordion-header .collapse .footer-link{padding: 0 0px 8px 0px !important;}
.footer-mob .collapse .footer-link li{} 
.footer-mob .collapse .footer-link li .foot-name{}
.footer-mob .footer-box1, .accordion-header .footer-box1{padding:0;} .footer-box1 .logo2{max-width:180px;width:100%} .footer-mob .youtube svg.tiktokIcon{top: -5px;margin-left: -1px;}
.footer-mob .footer-box1 .footer-title1 {margin-top: 12px;}
.footer-box1 .youtube svg{width: 17px;fill:#43444a;}
.footer-box1 .youtube svg path{fill:#43444a;}
.footer-mob .youtube svg{width: 17px;position: relative;top: -3px;}
.footer-mob .twitter svg{position: relative;top: -5px;}
.footer-mob .link {margin-top: 7px;}
.footer-mob .privacypolicy-links{font-size: 12px;}
.footer-mob .footer-pra {margin-top: 6px;}
.footer-mob  a.facebook:hover .fa{color: #1877f2;}	
.footer-mob  a.twitter:hover .fa{color: #1da1f2;}	
.footer-mob  a.instagram:hover .fa{background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);-webkit-background-clip: text;/* Also define standard property for compatibility */background-clip: text;
-webkit-text-fill-color: transparent;}	
.footer-mob  a.youtube svg{fill: #43444a;}	
.footer-mob  a.youtube:hover svg{fill: #FF0000;}	
.footer-mob a.twitter:hover svg{fill: #000;}
.footer-mob  a.linkedin:hover .fa{color: #0077B5;}
.footer-mob .footer-box1 ul {margin-top: 12px;}	
.footer-mob .privacypolicy-links {font-size: 14px;margin: 1px 0;}
.accordion-header .free-btn {border-radius: 50px;background-color: #050003;color: #fff !important;padding: 9px 17px;position: relative;margin-top: -2px;margin-bottom: -2px;text-align: center;transition: transform .2s;}
.accordion-header .free-btn:hover {box-shadow: 0 20px 51px 0 rgb(59 59 59 / 17%);transform: translateY(-2px);text-decoration: none;}
.header .navbar-nav.right-menu .nav-link.right-btn.active{color: rgb(0, 105, 255) !important;}
 /*footer*/
.footer-box1{ padding: 0 15px;}
.footer-box2{ padding: 0 15px;}
.footer-box3{ padding: 0 15px;}
.footer-box4{ padding: 0 15px;}
.footer-box5{ padding: 0 15px;}
.footer-box6{ padding: 0 15px;}
.footer-pra,.footer-title1,.link a{font-weight:400;color:#43444a}
.footer-title1{line-height:150%;font-style:inherit;margin-top:20px}
.footer-pra{line-height:170%;font-style:inherit;margin-top:20px}
.footer-link li a,.footer-title,.link a{line-height:150%;font-style:inherit}
.footer-title{font-weight:700;color:#000;margin-bottom:25px}
.footer-title-extra{margin-top:30px;margin-bottom:25px}
.footer-link{font-size:16px}.footer-link li{margin:12px 0;transition:1s;position:relative;transform:translateX(-9px);display:flex}
.footer-link li a{font-weight:400;color:#43444a!important}
.footer-link li:hover{transform:translateX(4px)}
.footer-link li:hover a{color:#000!important}
.footer-link .foot-icon{opacity:0;transition:1s}
.footer-link li:hover .foot-icon{opacity:1}
.link{margin-top:5%}
.link a:hover{color:#000}
/**/
.footer-box1 ul{margin-top: 20px;}
.footer-box1 ul li{transition: 1s;margin: 9px 0;}
.footer-box1 ul li a{position: relative;width: auto;height: auto;list-style: none;display: flex;transition: 1s;color: #43444a;}
.footer-box1 ul li:hover{/* transform: translateX(4px); */}
.footer-box1 ul li:hover a{color:#000;}
.footer-box1 ul li span{position: relative;display: inline-block;text-align: center;}
.footer-box1 ul li span .fa {transform: rotateY(0deg);transition: 1s;width: 15px;}
.footer-box1 ul li:hover span .fa{/* transform: rotateY(360deg); */}
.footer-box1 .foot-name {top: -2px;margin-left:10px; }
/*elements*/
.tool{position:absolute;}
.banner-title span{ } 
.section4-title span{position:relative;}
.element1{position: relative;left: -4%;}
.section1-title span{position:relative;}
.element2{ position:absolute;}
.element3{ position:absolute}
.element4{position:absolute;z-index: -1;}
/****************/
.bannerimg1{position:relative;}
.bannerimgele {position:absolute; }
.discovergele { position:absolute;}
.bannerimgelefeatures{position:absolute;bottom: -10%;left: 13%;}
/****************/
/*features-page*/ 
.features-page-subtitle,.features-page-title{color:#000;font-style:inherit;text-align:center}.features-page-title{font-weight:600;line-height:110%;font-family:owners,sans-serif;letter-spacing:1.5px;font-display:swap}
.features-page-subtitle{font-weight:400;line-height:140%;margin-top:2%}
.features-box1-out{padding: 2% 2% 2% 1.6%;}
.features-box2-out{padding: 2% 1.6% 2% 2%;}
.features-box-out{padding: 1.8%;}
.features-box{background:url(https://clickdesigns.b-cdn.net/cd_images/featuresBg.webp) no-repeat center bottom;background-size:cover;background-color:#fff;border:1px solid #c8d4f6;border-radius:15px;box-shadow:0 11px 54px 0 rgb(21 22 48 / 13%);padding:0 2% 8.5%;overflow:hidden;text-align:left;transition:transform .2s,background .2s;height:100%}
.features-box:hover{transform:translateY(-5px);text-decoration:none}
.features-details{padding: 0 6%;}
.features-details h2{text-transform:uppercase;font-weight:500;line-height:97%;font-family: "Bakbak One", sans-serif;color:#000;font-style:inherit;letter-spacing: -0.5px;font-display:swap;margin-top:6%}
.features-details p{margin-top:3%;font-weight:400;line-height:140%;color:#6f7381;font-style:inherit}
.feature-mybutton{margin-top:6%}
 
.feature-mybutton a{background-color: rgb(5, 0, 3);color: #ffffff;padding: 12px 5%;border-radius: 50px;transition: all 0.5s;position: relative;transition: transform .2s;border: 1px solid rgb(0, 0, 0);letter-spacing: -0.342px;display: inline-block;}
.feature-mybutton a:hover {transform: scale(1.05);transition: all 0.5s;box-shadow: 0px 7px 12px #5050508c;}
/*webpages-page*/ 
.webpages-banner-left-box{padding: 0 15px;}
.webpages-banner-title,.webpages-section3-title{font-family: "Bakbak One", sans-serif;color:#000;font-style:inherit;letter-spacing: -2.1px;font-display:swap}
.webpages-banner-title{line-height:110%}
.webpages-banner-pra{font-weight:400;line-height:150%;color:#000;font-style:inherit;margin-top:2%;padding-right:5%}
.webpages-section3-title{font-weight:600;line-height:100%;text-align:center}
.step-row{margin-top:11%;} 
.step-row2{margin-top:12%;} 
.step-detail-box{padding:0 3%;} 
.num{width: 72px;height: 72px;display: block;text-align: center;padding: 13px 0 10px 0;font-weight: 500;font-family: "owners", sans-serif;color: #000000;font-style: inherit;font-display: swap;} 
.num1{background-color:#ffcf25;} 
.num2{background-color:#4cd081;} 
.num3{background-color:#fe9a73;} 
.step-detail-box h2{margin-top: 6%;line-height: 97%;font-family: "Bakbak One", sans-serif;color: #000000;font-style: inherit;letter-spacing: -2.1px;font-display: swap;} 
.step-detail-box p {margin-top: 2%;font-weight: 400;line-height: 150%;color: #6f7381;font-style: inherit;}
.step1-img{max-width: 108%;} 
.step2-img{max-width: 114%;position: relative;left: -16%;} 
.step3-img{max-width: 102%;} 
/*features-page*/ 
.features-section5 .section5-title{margin-bottom: 1%;}
.features-section5 .section5-pra {margin-bottom: 3%;}
.page-features-box-inn,.page-features-box-last .page-features-box-inn{padding:20px 20px 30px}
.page-features-box-inn{border-radius:30px;background-color:#1b1c27;text-align:center;height:100%;overflow:hidden}
.page-features-title{font-weight:700;line-height:120%;color:#fff;font-style:inherit;text-align:center;padding:0;margin-top:8%}
.page-features-box:nth-child(10) .page-features-title{margin-top: 5%;}
.page-features-box:nth-child(11) .page-features-title{margin-top: 5%;}
.page-features-box:nth-child(10) video, .page-features-box:nth-child(11) video {width: 62%;height: auto;}
.features-img{position: relative;}
.features1-img{left: -2%;}
.features2-img{left: -1%;}
.features3-img{max-width:initial;left: -3%;}
.features4-img{left: -2%;}
.features5-img{left: -1%;}
.features6-img{left: -1%;}
.features7-img{}
.features8-img{}
.features9-img{left: -1%;}
.features10-img{}
.ideas-box{padding: 15px;}
.ideas-box-inn {border-radius: 22px;padding: 6% 4% 6% 4%;height: 100%;}
.ideas-title{font-weight:700;line-height:140%;font-style:inherit;text-align:center;padding:0;text-transform:capitalize}
.ideas-box:nth-child(1) .ideas-box-inn{background-color: #e8e2f2;}
.ideas-box:nth-child(2) .ideas-box-inn{background-color: #d7ffba;}
.ideas-box:nth-child(3) .ideas-box-inn{background-color: #ffb3ca;}
.ideas-box:nth-child(4) .ideas-box-inn{background-color: #c8adff;}
.ideas-box:nth-child(5) .ideas-box-inn{background-color: #fff0c8;}
.ideas-box:nth-child(6) .ideas-box-inn{background-color: #ffd6b0;}
.ideas-box:nth-child(7) .ideas-box-inn{background-color: #cdebff;}
.ideas-box:nth-child(8) .ideas-box-inn{background-color: #d7dfff;}
.ideas-box:nth-child(9) .ideas-box-inn{background-color: #bdeafe;}
.ideas-box:nth-child(10) .ideas-box-inn{background-color: #ffe8a5;}
.ideas-box:nth-child(11) .ideas-box-inn{background-color: #22445d;}
.ideas-box:nth-child(12) .ideas-box-inn{background-color: #c8a5e1;}
.ideas-box:nth-child(13) .ideas-box-inn{background-color: #ddff9c;}
.ideas-box:nth-child(14) .ideas-box-inn{background-color: #ffb3f7;}
.ideas-box:nth-child(15) .ideas-box-inn{background-color: #ff8d8e;}
.ideas-box:nth-child(16) .ideas-box-inn{background-color: #aaeae5;}
.ideas-box:nth-child(17) .ideas-box-inn{background-color: #fff2b8;}
.ideas-box:nth-child(18) .ideas-box-inn{background-color: #d1b5ff;}
.ideas-box:nth-child(19) .ideas-box-inn{background-color: #ffc49c;}
.ideas-box:nth-child(20) .ideas-box-inn{background-color: #a1d8ff;}
.ideas-box:nth-child(21) .ideas-box-inn{background-color: #d5f3ff;}
.ideas-box:nth-child(22) .ideas-box-inn{background-color: #c5ffac;}
.ideas-box:nth-child(1) .ideas-title{color: #000;margin-top: 4%;}
.ideas-box:nth-child(2) .ideas-title{color: #000;margin-top: 6%;}
.ideas-box:nth-child(3) .ideas-title{color: #000;margin-top: 9%;}
.ideas-box:nth-child(4) .ideas-title{color: #000;margin-top: 9%;}
.ideas-box:nth-child(5) .ideas-title{color: #000;margin-top: 4%;}
.ideas-box:nth-child(6) .ideas-title{color: #000;margin-top: 7%;}
.ideas-box:nth-child(7) .ideas-title{color: #000;margin-top: 4%;}
.ideas-box:nth-child(8) .ideas-title{color: #000;margin-top: 2%;}
.ideas-box:nth-child(9) .ideas-title{color: #000;margin-top: 0%;}
.ideas-box:nth-child(10) .ideas-title{color: #000;margin-top: 4%;}
.ideas-box:nth-child(11) .ideas-title{color: #fff;margin-top: 9%;}
.ideas-box:nth-child(12) .ideas-title{color: #000;margin-top: 7%;}
.ideas-box:nth-child(13) .ideas-title{color: #000;margin-top: 3%;}
.ideas-box:nth-child(14) .ideas-title{color: #000;margin-top: 0%;}
.ideas-box:nth-child(15) .ideas-title{color: #000;margin-top: 1%;}
.ideas-box:nth-child(16) .ideas-title{color: #000;margin-top: 2%;}
.ideas-box:nth-child(17) .ideas-title{color: #000;margin-top: -2%;}
.ideas-box:nth-child(18) .ideas-title{color: #000;margin-top: 7%;}
.ideas-box:nth-child(19) .ideas-title{color: #000;margin-top: 4%;}
.ideas-box:nth-child(20) .ideas-title{color: #000;margin-top: 7%;}
.ideas-box:nth-child(21) .ideas-title{color: #000;margin-top: 4%;}
.ideas-box:nth-child(22) .ideas-title{color: #000;margin-top: 7%;}
.idea1-img{visibility: hidden;}
.idea2-img{max-width: 95%;}
.idea3-img{margin-top: auto;max-width: 90%;}
.idea4-img{max-width: 93%;}
.idea7-img{position: relative;left: 0%;margin-top: 3%;}
.idea10-img{margin-top: -3%;}
.idea11-img{margin-top: 2%;}
.idea12-img{max-width: 92%;}
.idea13-img{margin-top: 5%;}
.idea14-img{margin-top: 0%;position: relative;right: -1%;max-width: 97%;}
.idea16-img{margin-top: -4%;}
.idea17-img{margin-top: 1%;max-width: 96%;}
.idea18-img{margin-top: 2%;max-width: 96%;}
.idea19-img{margin-top: 3%;}
.idea20-img{margin-top: 3%;}
.idea21-img{margin-top: 2%;}
.idea22-img{margin-top: 0;max-width: 97%;}
/*raving-pag*/
/*raving-page*/  
/*----------------raving-section2*/
.raving-section2{padding:3% 0 0;background-image:linear-gradient(#ffffff00,#e5e7f7 99%,#ffffff00 100%)}
.arrowLeft,.arrowRight{position:relative;margin-top:1%}
.arrowLeft{right:4px}
.arrowRight{left:4px}
.category-box .nav-tabs{text-align:center;display:block;border-bottom:0}
#nav-category4 .raving-section9 .faded2{color:#eef0f9}
.category-btn{font-size:20px;font-weight:500;color:#12152f;border:1px solid!important;border-radius:50px!important;display:inline-block;width:12.1%;padding:.9% 0;margin:0 .2%;cursor:pointer;transition:.5s}.category-btn.active,.category-btn:hover{background-color:#346afd!important;box-shadow:0 10px 29px 0 rgba(52,106,253,.27);color:#fff!important;border:1px solid rgb(52 106 253)}
.categoryBox ul .categoryBg{display:inline-block;padding:11px 28.5px;background-color:#346afd;border-radius:40px}
.categoryBox ul .categoryBg a{color:#fff}
.categoryBox ul .categoryBg:hover{background-color:rgb(44 92 224);color:#fff!important;transition:.3s;box-shadow:0 13px 29px 0 rgb(52 106 253 / 14%);-webkit-transition:.3s linear;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transform:scale(1.1);transition-duration:.3s}
.testimonialBox{border-radius:15px;background-color:#fff;box-shadow:0 0 44.62px 1.38px rgb(16 24 79 / 8%);padding:8%}
.testimonialBox-inner::before {content: " ";}
.testimonialBox-inner{padding:0 1% 0 0;margin-top:6%}
.ts-row{padding:0 24px}
.tSpg,.tSpg2{padding:0 24px}

.tSpg {margin-top: 0;margin-bottom: 25px;}
.videoTsimg{width:100%}.stariCons{margin-top:2px}
.stariCons i{color:#fdd835;font-size:12px;padding:0 2px 0 0}
.tsSc{margin-top:2%}.vdiconbox,.vdiconbox2{padding:0}
.johnbx{padding:0 0 0 8px}
.testimonialBox-inner {padding: 0 0 0 0;margin-top: 24px;}
.raving-section2-testimonials{padding:3% 0 5%} 
.johnbx2, .vdiconbox, .johnBox-sp{padding: 0 5px;}
/**/
#buttonGroup {margin-top: 1%;text-align: center;}
#buttonGroup li{display: inline-block;width: 12.2%;margin: 1% 0.4%;}
#buttonGroup li a{display: inline-block;border: 1px solid rgb(18 21 47 / 30%);outline: none;color: #12152f;background: transparent;cursor: pointer;font-weight: 500;border-radius: 50px;transition: 0.5s;width: 100%;}
.grid-item img,.grid:after{display:block}
#buttonGroup li.is-active a,#buttonGroup li:hover a{background-color:#346afd;box-shadow:0 10px 29px 0 rgb(52 106 253 / 27%);color:#fff;border:1px solid rgb(52 106 253)}
.grid:after{content:"";clear:both}
.grid-item,.grid-sizer{width:33.33%;}
.grid-item{float:left}
@media screen and (max-width:576px){.grid-item,.grid-sizer{width:100%}.grid-item, .grid-sizer {position: relative !important;top: 0 !important;}}.grid-item:hover{cursor:pointer}
@media screen and (max-width:414px){.grid-item img{border:5px solid #fff}}.wrapper-outer{max-width:1540px;padding-left:15px;padding-right:15px;margin:0 auto}
/*-------------------raving-section3*/
.revingicon-Box ul li{display:inline-block;padding:0 10px;position:relative;text-align:center;top:0;transition:.3s ease-out}
.raving-section3{background-color:#fff;padding:5% 0}
.testimonial3imgBox{border-radius:8px;background-color:#fff;padding:24px 0 0;overflow:hidden;text-align:left;box-shadow:11px -11px 80px #0509171a;}
.text-testimonial{padding:24px 0;}
.other-testimonial{padding:2%}
.other-testimonial img{border-radius:8px}
.tsSc4{margin-top:0}.tSpg2{margin-top:5%}
.stariCons3{margin-top: 5px;margin-bottom: 4px;}
.stariCons3 i{color:#fff;font-size:10px;padding:2px 2px 2px;background-color:#00b67a;margin:0 0 0 1px}
.raving-section3-box-out{padding:0 14px}
.raving-section9 .faded2{color:#f9faff}
.team-card-bottom{display:flex;flex-direction:column;text-align:center;justify-content:center;width:130%;position:absolute;bottom:-36px;opacity:0;transition:.3s ease-out}
.revingicon-Box ul li:hover{top:-15px}
.revingicon-Box ul li:hover .team-card-bottom{bottom:-25px;opacity:1}
.revingicon-Box ul li p{position:relative;left:-17px;font-weight:600;color:#12152f}
.video-box-section .responsive-video{box-shadow:none;border-radius:0}
.customers-line{color:#9798a7}
/*clickdesigns-vs-canva*/
.clickdesignsvscanva-page-subtitle{font-weight:400;line-height:140%;color:#000;font-style:inherit;text-align:center;margin-top:1.5%}
.clickdesignsvscanva-page-title{line-height:110%;font-family: "Bakbak One", sans-serif;color:#46af4a;font-style:inherit;text-align:center;letter-spacing: -1px;font-display:swap;margin-top:4%}
/**/
.vs-section2 {background-color: #fff;background-image: linear-gradient(white, #f9fbff);padding: 6% 0 4.5% 0;}
.easypeasy{margin-bottom:-2%;margin-top: 5%;}
/*section9*/
.section9-main-box{padding:0 1.8%;margin-top:3%}
.section9-box-out{padding:.9%}
.section9-box{padding:6% 8% 7%;border-radius:15px;background-color:#fff;box-shadow:0 8px 62px 0 rgb(27 28 27 / 9%)}
.section9-box2{background-color:#f6f6fd;border-color:#f6f6fd}
.section9-box h4{color:#10184f;margin-bottom: 5px;}.section9-box h5{color:#9ca3af}
.section9-box svg{width:81px;height:20px;margin-bottom: 1px;}
.section9-box p{color:#525778;margin-top:7%}
.section9-box p span{background-color:#fff4aa;}
.testimonialBox-inner2 p span, .testimonial3imgBox p span{background-color:#fff4aa;}
.vs-section2 .section9-box-out {padding: 1.5%;}
.vs-section2 .section9-box{padding: 24px;border-radius: 10px;background-color: #fff;box-shadow: 11px -11px 80px #0509171a;}
.vs-section2 .section9-box .profile-img{width: 54px;height: 54px;}
.vs-section2 .section9-box-2nd{margin-top: 10%;}
/**/
/*pricing-page*/ 
.pricing-pra,.pricing-title{color:#000;font-style:inherit;text-align:center}
.pricing-title{font-weight:600;line-height:105%;font-family:owners,sans-serif;letter-spacing:1.5px;font-display:swap}
.pricing-pra{font-weight:400;line-height:150%;margin-top:1.3%}
.top-rating-div{padding:0}
.top-rating{text-align:left;font-size:18px;position:relative;left:-.5%}
.top-rating .fa{color:#ffbb03;margin:0 4px}
.top-rating-text{text-align:left;padding:0 0 0 3%}
.top-rating-profile{text-align:center;padding:0;margin-top:.5%}
.pricing-testi-box{background-color:#fff;box-shadow:0 10px 40px 0 rgb(2 30 70 / 10%);border-radius:14px;padding:2% 3%}
.top-rating-text p{margin-top:1%}
.try-text{color:#767e90}
/*pricing-page2*/  
.tab-slider--nav{display:flex;justify-content:center;width:100%;margin-bottom:42px;margin-top:0;}
.tab-slider--tabs{display:block;float:left;margin:0;padding: 3px;list-style:none;position:relative;overflow:hidden;background:#fff;height:51px;user-select:none;border: 1px solid rgb(5, 0, 3);border-radius: 10px;}.tab-slider--tabs:after{content:"";width:48%;background: rgb(5, 0, 3);height: 89%;position:absolute;top: 6%;left:50%;right:0;transition:250ms ease-in-out;border-radius: 7px;}
.tab-slider--tabs.slide:after{left:2%}
.tab-slider--trigger{line-height:1;font-weight:400;color:#000;padding:13px 28px;position:relative;z-index:2;cursor:pointer;display:inline-block;transition:color 250ms ease-in-out;user-select:none;text-align:center;left:4%}
.tab-slider--trigger span {
    color: rgb(5, 0, 3);
    border-radius: 2px;
    background-color: rgb(179, 247, 53);
    padding: 0.5px 3.2px 1.2px 3.2px;
    position: relative;
    margin-left: 4px;
    font-weight: 700;
    top: -1.5px;
}
.trigger-yearly.active span{color: rgb(5, 0, 3);font-weight: 700;border-radius: 2px;background-color: rgb(179, 247, 53);}
.tab-slider--trigger.active{color:#fff}
.new-tab-box,.tab-slider--body{margin-bottom:20px;padding:0;text-align:left}
.triggerIcon{position:absolute;top:-65%;right:37%}
.tab-slider--container{width:100%}
.table-box1-out{padding:0 1.3%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:40%}
.pricing-standard-withoutfree .table-box1-out,.pricing-withfree .table-box1-out{padding:0 .8%}
.pricing-withStandard .table-box1-out{padding:0 .5%}
.table-box1 {
    padding: 38px 40px 55px;
    height: 100%;
    overflow: hidden;
    border-radius: 18px;
    background-color: #fff;
    border-top: 0;
    position: relative;
    border-width: 1px;
    border-color: #e0e4eb;
    border-style: solid;
    border-radius: 20px ! IMPORTANT;
    background-color: rgb(255, 255, 255);
}
 
.table-box1-top{padding:0;}
.final-price{} 
.save-tag,.save-tag-bottom,.save-tag-top{border-radius:3px;background-color:#cdf9d3}
.all-features-list-title,.all-features-table-title,.all-features-title,.try-box-title{font-family:owners,sans-serif;font-display:swap}
.save-tag{color:#0c7a52;padding:.3% 5.1%;position:relative;line-height:160%;margin-left:0;display:inline-block;margin-top:2%}
.save-tag-bottom{color:#0c7a52;padding:.3% 2%}
.save-tag-top{color:#0c7a52!important;padding:1px 0 0;position:relative!important;font-size:10px!important;top:-19px!important;display:inline-block;width:188%;text-transform:uppercase;font-weight:700;line-height:181%;left:117%!important}
.all-features-table-title,.table-title{font-weight:700;line-height:105%;color:#000;font-style:inherit;letter-spacing:1px;}
.table-title{letter-spacing: 0.32px;}
.table-normally{font-weight:300;line-height:105%;color:#6b6b6b;font-style:inherit;text-align:center;margin-top:30px}
.table-price{font-weight:800;line-height:105%;color:#000;font-style:inherit;margin-top:10px}
.table-month-text,.table-price span,.table-save-text{font-weight:400;font-style:inherit;line-height:105%}
.table-month-text,.table-price span{color:#000;margin-top:10px}
.features-table .features-table-col1 .all-features-list,.table-list li{text-align:left}
.table-save-text{color:#0069ff;margin-top:25px}
.table-save-text span{border:1px solid #0069ff;background-color:#ddebff;border-radius:50px;display:inline-block;padding:3px 18px}
.table-link1 a,.table-link2 a{padding:15px;margin-right:0;margin-top:30px;font-weight:600;color:#fff;position:relative;width:100%;display:inline-block}
.table-link1 a{transition:.5s;border-radius:12px;background-color:#0fa958;border:1px solid #0fa958;transition:transform .2s,background .2s}
.features-mybutton1 a:hover,.table-link1 a:hover{background-color:#0c9f52;box-shadow:0 20px 51px 0 rgb(12 159 82 / 17%);transform:translateY(-2px);text-decoration:none}
.table-link2 a{transition:.5s;border-radius:12px;background-color:#0069ff;border:1px solid #0069ff;transition:transform .2s,background .2s}
.all-features-title,.table-list li{font-weight:500;font-style:inherit}
.features-mybutton2 a:hover,.table-link2 a:hover,a.banner-link5:hover{transform:translateY(-2px);text-decoration:none}.features-mybutton1-standard a,.table-link1-standard a{background-color:#989898;border-color:#989898}
.features-mybutton1-standard a:hover,.table-link1-standard a:hover{background-color:#6c6c6c;border-color:#6c6c6c}
.features-check{color:#00b090}.table-list{margin-top:8%;padding:0 14% 0 2px}.table-list li{padding:0 0 10px 20px;background:url(../pricing/tablechecknew.png) left 6px no-repeat;list-style:none;margin-left:0;margin-bottom:0;color:#000;display:block;line-height:150%;margin-top:7px}
.table-list li.uncheck{background:url(https://clickdesigns.b-cdn.net/cd_images/tableuncheck.webp) left 6px no-repeat}
.tag{position:absolute;top:0;right:0}#expander,#expander-2{cursor:pointer;display:inline;margin:auto}
#expander1,#expander2,#expander3,#expander4,#expander5{cursor:pointer}#ex-content,#ex-content-2,#ex-content1,#ex-content2,#ex-content3,#ex-content4,#ex-content5{width:100%;margin:6% 0 0;padding:0;text-align:left}

.pricing-april-2025 #ex-content, .pricing-april-2025 #ex-content-2, .pricing-april-2025 #ex-content1, .pricing-april-2025 #ex-content2, .pricing-april-2025 #ex-content3, .pricing-april-2025 #ex-content4, .pricing-april-2025  #ex-content5{margin: auto;}

#ex-content1,#ex-content2,#ex-content3,#ex-content4,#ex-content5{margin-top:0;padding:0}#ex-content,#ex-content-2,#ex-content2,#ex-content3,#ex-content4,#ex-content5{display:none}
#expander span,#expander-2 span{border-radius:8px;display:inline-block;padding:8px 0;transition:.5s;font-weight:600;border:1px solid #d6dadf;background-color:#f2f3f5;line-height:150%}
#expander .fa,#expander-2 .fa{font-size:inherit;position:relative;top:2px;margin-left:1px;transition:.5s}
#expander span:hover,#expander-2 span:hover{background-color: #050003;border-color: #050003;color:#fff;transition:.5s}
#expander1 .fa{transform:rotate(180deg)}#expander1 .fa,#expander2 .fa,#expander3 .fa,#expander4 .fa,#expander5 .fa{font-size:inherit;position:relative;top:3px;transition:.5s;right:0;margin-right:auto;float:right}
#expander1 span,#expander2 span,#expander3 span,#expander4 span,#expander5 span{display:block;width:100%}
.highlight,.highlight-2,.highlight2,.highlight3,.highlight4,.highlight5{transform:rotate(180deg);transition:.5s;top:1px!important}
.highlight1{transform:rotate(0)!important;transition:.5s;top:0!important}
.features-main-box{padding:0;border:1px solid #e1e4e7;border-radius:0 0 18px 18px;background-color:#fff;overflow:hidden;margin:auto;width:80%;border-top:0}
.section__headline.features-main-box{border-radius:0;background-color:#fff;z-index:1;border:0}
.features-table,.features-table-title{padding:0}
.features-table-title .features-table-col4{border-top: 5px solid rgb(5, 0, 3);border-top-right-radius:15px}
.features-table-title .features-table-col2{border-top:5px solid #f2f3f5}
.features-table-title .features-table-col3{border-top:5px solid #0fa958}
.features-table-title .features-table-col42{border-top:5px solid #0069ff}
.features-table-col3-standard{border-top:5px solid #989898!important}
.section__headline .features-table-title{border-radius:18px 18px 0 0;background-color:#fff;z-index:1;border:1px solid #e1e4e7}
.features-table-col1{width:40%;padding:0 6% 0 34px}
.features-table-col2,.features-table-col3,.features-table-col4{width:30%;padding:0;border-left:1px solid #e1e4e7;position:relative;text-align:center}

.pricing-april-2025.pricing-withStandard .features-table-col2, 
.pricing-april-2025.pricing-withStandard .features-table-col3, 
.pricing-april-2025.pricing-withStandard .features-table-col4 {width: 24.66%;}

.features-table-col2,.features-table-col3{height:100%}.pricing-withfree .features-table-col1{width:31%;padding:0 6% 0 34px}
.pricing-withStandard .features-table-col1{width:26%}
.pricing-withfree .features-table-col2,.pricing-withfree .features-table-col3,.pricing-withfree .features-table-col4{width:23%}
.pricing-withStandard .features-table-col2,.pricing-withStandard .features-table-col3,.pricing-withStandard .features-table-col4{width:18.5%}
.pricing-standard-withoutfree .features-table-col2,.pricing-standard-withoutfree .features-table-col3,.pricing-standard-withoutfree .features-table-col4{width:23%}
.pricing-standard-withoutfree .features-table-col1{width:31%}
.features-table-col-inn{padding:40px 1px}
.all-features-title{line-height:105%;color:#000;letter-spacing:1px}
.all-features-table-price{font-weight:800;line-height:105%;color:#000;font-style:inherit;text-align:left;margin-top:20px}.all-features-month-text,.all-features-table-price span{font-weight:400;color:#6b6b6b;font-style:inherit;line-height:105%}
.all-features-month-text{text-align:left;margin-top:6px}
.features-mybutton1 a,.features-mybutton2 a{color:#fff;padding:11px 15px;border-radius:12px;font-weight:600;margin-right:0;margin-top:16px;width:74%;position:relative}
.features-mybutton1 a{display:inline-block;transition:.5s;background-color:#0fa958;border:1px solid #0fa958;transition:transform .2s,background .2s}
.ai-span,.features-mybutton2 a{background-color:#0069ff;display:inline-block}
.features-mybutton2 a{transition:.5s;border: 1px solid rgb(5, 0, 3);transition:transform .2s,background .2s;border-radius: 50px !important;background-color: rgb(5, 0, 3);}
.all-features-list-title{font-weight:500;line-height:105%;color:#000;font-style:inherit;letter-spacing:1px;padding:26px 34px}
.all-features-list,.try-box-title{line-height:130%;font-style:inherit}.all-features-list{font-weight:400;color:#000;text-align:center;padding:21px 4px}
.features-table-row{border-top:1px solid #e1e4e7}
.features-table-row#features-table-row{border-top:0}
.features-table .features-table-col4{background-color:#f3f5f9}
.features-table-row .row{display:table;width:100%}
.features-table-row .features-table-col1{display:table-cell}
.features-table-row .features-table-col2,.features-table-row .features-table-col3{display:table-cell;padding:0 2%}
.features-table-row .features-table-col4{display:table-cell;padding:0 3%}.features-table-row .features-table-col2 .all-features-list,.features-table-row .features-table-col3 .all-features-list,.features-table-row .features-table-col4 .all-features-list{text-align:center;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0 8%}
.ai-span{color:#fff;border-radius:3px;padding:3px 1px 3px 3px}
.all-features-list-title .ai-span{padding:6px 0 4px 2px}
.ai1{position:relative;top:-1.5px}
.ai2{position:relative;top:-1px}
.circle1-bg1{background:url(https://clickdesigns.b-cdn.net/cd_images/circle1.webp) center center/contain no-repeat;padding:3% 1% 2%;margin:0 2px;position:relative}
.features-mybutton1-free a, .table-link1-free a {
    background-color: #ffffff;
    border-color: #f2f3f5;
    color: #0069ff;
}
.features-mybutton1-free a:hover,.table-link1-free a:hover{background-color:#fff;box-shadow:0 20px 51px 0 rgb(80 80 80 / 16%)}
.try-box-pricing{background:url(../pricing/tryboxbg.png) no-repeat center top;background-size:cover;background-color:#111;border-radius:20px;padding:6% 0 5%;overflow:hidden}
.try-box-title{font-weight:600;color:#fff;letter-spacing:1.5px;text-align:center}
.btn-bottom-text5,a.banner-link5{font-weight:400;position:relative}
a.banner-link5{color: rgb(5, 0, 3);padding:1.7% 3.9%;display:table;border-radius: 50px;background-color: rgb(255 255 255);border: 1px solid rgb(255 255 255);margin:3% auto auto;transition:transform .2s}
.btn-bottom-text5{line-height:150%;color:#65636d;font-style:inherit;margin-top:1%}
/**/
.section__headline{position: sticky;align-self: start;}
.logo-list{display: inline-flex;} 
.logo-list1{margin-top: 2%;}
.logo-list2{padding: 0 8.5%;} 
.logo-list li {padding: 1.2% 2.5%;align-self: center!important;}
.logo-list img{} 
/*dg-page*/
.use-cases-pra1 {line-height: 120%;color: #000000;font-style: inherit;margin-top: 3%;font-family: "Bakbak One", sans-serif;margin-bottom: 3%;}
.use-cases-pra2 {font-weight: 400;line-height: 140%;color: #000000;font-style: inherit;margin-top: 3%;margin-bottom: 2%;}
.es-banner .use-cases-pra2 {margin-top: 1%;margin-bottom: 2%;}
.dg-step-row1{position:relative;}
.dg-step-row2{position:relative; }
.dg-step-row3{position:relative; }
.dg-step-detail1-box{z-index: 1;}
.dg-step-image1-box{padding: 0;z-index: 1;text-align: left;}
.dg-step-detail2-box{z-index: 1;}
.dg-step-image2-box{padding:0;z-index: 1;text-align: right;}
.dg-step-title{line-height: 110%;font-family: "Bakbak One", sans-serif;font-display: swap;color: #000000;font-style: inherit;letter-spacing: -2.1px; }
.dg-step-pra{font-weight: 400;line-height: 160%;color: #6f7381;font-style: inherit;margin-top: 4%;}	
.dgstep1{position:relative;}
.dgstep2{position:relative;}
.dgstep3{position:relative;}
.connector1-box{position: absolute; }
.connector2-box{position: absolute; }
/*Stack*/
.dg-section2{heigth: 100%;}
.dg-section2 .card {position: sticky;top: 0;transform-origin: center top;margin: 0;height: auto;overflow: hidden;border-radius: 30px;}
.dg-section2 .card:nth-child(0) {transform: translateY(0px);}
.dg-section2 .card:nth-child(1) {transform: translateY(80px);}
.dg-section2 .card:nth-child(2) {transform: translateY(80px);}
.dg-section2 .card:nth-child(3) {transform: translateY(80px);}
.dg-section2 .card:nth-child(4) {transform: translateY(80px);}
.dg-section2 .card:nth-child(5) {transform: translateY(80px);}
.dg-section2 .card:nth-child(6) {transform: translateY(80px);}
.dg-section2 .card:nth-child(7) {transform: translateY(80px);}
.card1{background: linear-gradient(to left, #cbe4ff 50%, #ffffff 50%);border-width: 2px;border-color: rgb(203, 228, 255);border-style: solid;}
.card2{background: linear-gradient(to left, #ffddcb 50%, #ffffff 50%);border-width: 2px;border-color: #ffddcb;border-style: solid;}
.card3{background: linear-gradient(to left, #cbffe7 50%, #ffffff 50%);border-width: 2px;border-color: #cbffe7;border-style: solid;}
.card4{background: linear-gradient(to left, #dccbff 50%, #ffffff 50%);border-width: 2px;border-color: #dccbff;border-style: solid;}
.card5{background: linear-gradient(to left, #ffcbdc 50%, #ffffff 50%);border-width: 2px;border-color: #ffcbdc;border-style: solid;}
.card6{background: linear-gradient(to left, #feefc8 50%, #ffffff 50%);border-width: 2px;border-color: #feefc8;border-style: solid;}
.card7{background: linear-gradient(to left, #b8eee9 50%, #ffffff 50%);border-width: 2px;border-color: #b8eee9;border-style: solid;}
.card-subtitle,.card-title{font-family:"Bakbak One", sans-serif;font-display:swap;}
.card-title{line-height:100%;color:#000;font-style:inherit;letter-spacing: -2.1px;}
.card-pra,.card-subtitle{font-style:inherit}
.card-subtitle{line-height:110%;margin-top:1%;letter-spacing: -1px;}.card-pra{line-height:180%;margin-top:5%;color: #6f7381;}
.card1-img, .card2-img, .card3-img, .card4-img, .card5-img, .card6-img, .card7-img,
.es-card1-img, .es-card2-img, .es-card3-img, .es-card4-img, .es-card5-img, .es-card6-img,
.bloggercard1, .bloggercard2, .bloggercard3, .bloggercard4, .bloggercard5,
.ap-card1-img, .ap-card2-img, .ap-card3-img, .ap-card4-img, .ap-card5-img, .ap-card6-img,
.fd-card1-img, .fd-card2-img, .fd-card3-img, .fd-card4-img, .fd-card5-img, .fd-card6-img,
.am-card1-img, .am-card2-img, .am-card3-img, .am-card4-img, .am-card5-img, .am-card6-img, .am-card7-img{position: relative;} 
.use-case-btn-title{font-weight:500;line-height:130%;font-family:owners,sans-serif;font-display:swap;color:#000;font-style:inherit;letter-spacing:1px;text-align:center}
.use-case-btn-subtitle{font-weight:400;line-height:170%;color:#000;text-align:center;margin-top:1%}
 
a.banner-link4{background-color: rgb(5, 0, 3);color: #ffffff;padding: 16.3px 3.28% 14.3px 3.28%;border-radius: 50px;transition: all 0.5s;position: relative;transition: transform .2s;border: 1px solid rgb(0, 0, 0);letter-spacing: -0.342px;display: inline-block;margin: auto;margin-top: 2%;}
a.banner-link4:hover {transform: scale(1.05);transition: all 0.5s;box-shadow: 0px 7px 12px #5050508c;}
  
/*End stack*/ 

/*pricing-april-2025*/  
.features-free-updated.pricing-april-2025 .table-box1-out:nth-child(3) .table-box1{background: url(../pricing/pricingbanner25tableboxbg.png) no-repeat center top;background-size: cover;border-color: rgb(5, 0, 3);}

.features-free-updated.pricing-april-2025 .table-box1-out:nth-child(1) .table-link1.table-link1-standard a, 
.features-free-updated.pricing-april-2025 .table-box1-out:nth-child(2) .table-link1.table-link1-update a{
    border-color: rgb(224, 228, 235);
    background-color: rgb(255, 255, 255);
    color: #050003; 
}
.features-free-updated.pricing-april-2025 .table-box1-out:nth-child(3) .table-link1.table-link1-update a{}

.features-free-updated.pricing-april-2025 .table-box1-out:nth-child(1) .table-link1.table-link1-standard a:hover, 
.features-free-updated.pricing-april-2025 .table-box1-out:nth-child(2) .table-link1.table-link1-update a:hover{ 
  background-color: rgb(240, 242, 245);box-shadow: none;
} 
.features-free-updated.pricing-april-2025 .table-box1-out:nth-child(3) .table-link1.table-link1-update a:hover{background-color: #201c1f;box-shadow: none !important;}
 
.features-free-updated.pricing-april-2025 .features-table-title div:nth-child(2) .features-mybutton2 a,
.features-free-updated.pricing-april-2025 .features-table-title div:nth-child(3) .features-mybutton1.features-mybutton1-updated a{ 
  border-color: rgb(224, 228, 235);
    background-color: rgb(255, 255, 255);
    color: #050003; 
}
.features-free-updated.pricing-april-2025 .features-table-title div:nth-child(4) .features-mybutton2 a{ }

.features-free-updated.pricing-april-2025 .features-table-title div:nth-child(2) .features-mybutton2 a:hover,
.features-free-updated.pricing-april-2025 .features-table-title div:nth-child(3) .features-mybutton1.features-mybutton1-updated a:hover{background-color: rgb(240, 242, 245);box-shadow: none;}
.features-free-updated.pricing-april-2025 .features-table-title div:nth-child(4) .features-mybutton2 a:hover{background-color: #201c1f;box-shadow: none;}

.mybutton4-new{margin-top: 2.5%;}
.mybutton4-new a {background-color: rgb(255 255 255);color: #000000;padding: 20.11px 3.73% 18.11px 3.73%;border-radius: 50px;transition: all 0.5s;position: relative;transition: transform .2s;border: 1px solid rgb(255 255 255);text-transform: uppercase;letter-spacing: -0.342px;display: inline-block;}
.mybutton4-new a:hover {transform: scale(1.05);transition: all 0.5s;box-shadow: 0px 7px 12px #1d1d1d91;}
 
.arrow-img{}
.mybutton4-new a:hover .arrow-img {
  -moz-animation: bounce 0.6s ease;
  -webkit-animation: bounce 0.6s ease;
  animation: bounce 0.6s ease;
} 
@keyframes bounce {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(14px); /* Move right */
  }
  100% {
    transform: translateX(0); /* Back to original */
  }
}

.pricing-april-2025-section-2 .try-box-pricing {
  background: url(../pricing/tryboxbg.png) no-repeat center top;
  background-size: cover;
  border-radius: 36px;
  padding: 5.5% 0px 0% 0px;
  background-color: #08282b;
  xt-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

.pricing-april-2025-section-2{background:url(../pricing/pricingaprisection2bg.png) no-repeat center top;background-size:cover;padding: 4.5% 0;}

/*pricing-50*/ 
.features-free-updated.pricing-april-2025.pricing-50 .table-box1-out:nth-child(3) .table-box1{background-image: none;border-color: #e0e4eb;}
.features-free-updated.pricing-april-2025.pricing-50 .table-box1-out:nth-child(2) .table-box1{background: url(../pricing/pricingbanner25tableboxbg.png) no-repeat center top;background-size: cover;border-color: rgb(5, 0, 3); } 
.features-free-updated.pricing-april-2025.pricing-50 .table-box1-out:nth-child(2) .table-link1.table-link1-update a {color: #fff;border-radius: 50px;background-color: rgb(5, 0, 3);border-color: rgb(5, 0, 3);}
.features-free-updated.pricing-april-2025.pricing-50 .table-box1-out:nth-child(2) .table-link1.table-link1-update a:hover {background-color: #201c1f;box-shadow: none !important;} 
.features-free-updated.pricing-april-2025.pricing-50 .table-box1-out:nth-child(3) .table-link1.table-link1-update a{border-color: rgb(224, 228, 235);background-color: rgb(255, 255, 255);color: #050003;}
.features-free-updated.pricing-april-2025.pricing-50 .table-box1-out:nth-child(3) .table-link1.table-link1-update a:hover{background-color: rgb(240, 242, 245);box-shadow: none;}
.features-free-updated.pricing-april-2025.pricing-50 .features-table-title div:nth-child(3) .features-mybutton1.features-mybutton1-updated a {border: 1px solid rgb(5, 0, 3);background-color: rgb(5, 0, 3);color: #fff;}
.features-free-updated.pricing-april-2025.pricing-50 .features-table-title div:nth-child(3) .features-mybutton1.features-mybutton1-updated a:hover { background-color: #201c1f;box-shadow: none;}
.features-free-updated.pricing-april-2025.pricing-50 .features-table-title div:nth-child(4) .features-mybutton2 a{border-color: rgb(224, 228, 235);background-color: rgb(255, 255, 255);color: #050003;}
.features-free-updated.pricing-april-2025.pricing-50 .features-table-title div:nth-child(4) .features-mybutton2 a:hover{    background-color: rgb(240, 242, 245);box-shadow: none;}

.features-free-updated.pricing-april-2025.pricing-50 .features-table-title div:nth-child(2){border-top-color: #e0e4eb !important;}
.features-free-updated.pricing-april-2025.pricing-50 .features-table-title div:nth-child(4){border-top-color: #e0e4eb !important;}

.features-free-updated.pricing-april-2025.pricing-50 .table-box1-out{padding: 0 12px;}

.features-free-updated.pricing-april-2025.pricing-50 .features-free-tag {position: absolute;top: 27px;right: -28px;background-color: #050003;color: #fff;text-align: center;width: 131px;transform: rotate(45deg);font-size: 15px;font-weight: 600;padding: 4px 59px;z-index: 1;letter-spacing: 0.5px;right: -41px;top: 29px;width: 188px;z-index: 1;}
 
.features-free-updated.pricing-april-2025.pricing-50 .table-box1-out:nth-child(2) .table-box1 {padding: 0 0 20px 0;}
.features-free-updated.pricing-april-2025.pricing-50 .table-box1-out:nth-child(2) .table-box1 .table-box1-top{overflow: hidden;}
.features-free-updated.pricing-april-2025.pricing-50 .table-box1-out:nth-child(2) .table-list{
    position: relative;
    border-top: 0;
}
.features-free-updated.pricing-april-2025.pricing-50 .table-box1-out:nth-child(2) .table-box1 .table-list hr{
    margin: 0;
    position: absolute;
    top: 3px;
    width: 88%;
    margin: auto;
}

.svg-wrapper svg { 
    height: auto;
    position: absolute; 
}
  
.svg-wrapper svg path {
    fill: none; /* remove fill */
    stroke: #606060; /* stroke color */
    stroke-width: 2;
    stroke-linejoin: round;
    stroke-linecap: round;

    /* Stroke dash setup for animation */
    stroke-dasharray: 1000; /* will override with JS */
    stroke-dashoffset: 1000;
    animation: draw 4s linear forwards;
  }

  @keyframes draw {
    to {
      stroke-dashoffset: 0;
    }
  }

.features-free-updated.pricing-april-2025 .section__headline.features-main-box { 
    margin-top: 90px;
}
.features-free-updated.pricing-april-2025 .section__headline {top: 67px;}

/*updated-cd-testimonial-section*/ 
.user-div{padding: 12px;width: 456px;}
.user-div-inn-updated{border: 1px solid rgb(0, 0, 0);border-radius: 17px;background-color: rgb(255, 255, 255);height: 100%;display: flex;width: 100%;flex-direction: column;justify-content: space-between;height: 100%;}
.stars-icon{margin-bottom: 16px;}
.user-detail{margin-top: 30px;}
.user-detail img{width: 54px;margin-right: 8px;}
.user-detail span{}
 

.updated-cd-testimonial-section .fadeleft, .updated-cd-testimonial-section .faderight{position: absolute;z-index: 2;height: 100%;}
.updated-cd-testimonial-section .fadeleft{left: 0;} 
.updated-cd-testimonial-section .faderight{right: 0;} 

 
/*Marquee stile*/
  
/**/
.updated-cd-testimonial-section {padding: 2% 0 5% 0;position: relative;overflow: hidden;}
.updated-cd-testimonial-section-for-tutorial {padding: 5% 0 5% 0;background-image: linear-gradient(#f3f7ee 5%, #ffffff 14%);}
.updated-cd-testimonial-section .marquee-main2-updated-cd{--space: 9px;display: grid;align-content: center;overflow: hidden;gap: 18px;width: 100%;padding: 0;}
.updated-cd-testimonial-section .marquee-updated-cd {width:100%;margin:auto;--duration: 20s;--gap: var(--space); display: flex;overflow: hidden;user-select: none;gap: var(--gap);  }
.updated-cd-testimonial-section .marquee__group-updated-cd {flex-shrink: 0;display: flex;align-items: center;justify-content: space-around;gap: 9px;min-width: 100%;animation: scroll var(--duration) linear infinite;}
@media (prefers-reduced-motion: reduce) {.marquee__group-updated-cd {animation-play-state: paused;}}
 
.updated-cd-testimonial-section .marquee--borders-updated-cd {border-block: 3px solid dodgerblue;padding-block: 0.75rem;}
.updated-cd-testimonial-section .marquee--reverse .marquee__group-updated-cd {animation-direction: reverse;animation-delay: calc(var(--duration) / -2);}
@keyframes scroll {
  0% {transform: translateX(0);}
  100% {transform: translateX(calc(-100% - var(--gap)));}
}

.updated-cd-testimonial-section .marquee-main2-opp-updated-cd{--space: 9px;display: grid;align-content: center;overflow: hidden;gap: 18px;width: 100%;padding: 0;}
.updated-cd-testimonial-section .marquee-opp-updated-cd {width:100%;margin:auto;--duration: 20s;--gap: 9px;display: flex;overflow: hidden;user-select: none;gap: var(--gap);}
.updated-cd-testimonial-section .marquee__group-opp-updated-cd {flex-shrink: 0;display: flex;align-items: center;justify-content: space-around;gap: 9px;min-width: 100%;animation: scroll-opp var(--duration) linear infinite;}
@media (prefers-reduced-motion: reduce) {.marquee__group-opp-updated-cd {animation-play-state: paused;}}
 
.updated-cd-testimonial-section .marquee--borders-opp-updated-cd {border-block: 3px solid dodgerblue;padding-block: 0.75rem;}
.updated-cd-testimonial-section .marquee--reverse-opp .marquee__group-opp-updated-cd {animation-direction: reverse;animation-delay: calc(var(--duration) / -2);}
@keyframes scroll-opp {
  0% { transform: translateX(calc(-100% - var(--gap))); }
  100% { transform: translateX(0); }
}

.updated-cd-testimonial-section .testi-slide-updated{margin: 0 5px;height: -webkit-fill-available;margin-top: 20px;}

.updated-cd-testimonial-section .marquee-updated-cd:hover .marquee__group-updated-cd, 
.updated-cd-testimonial-section .marquee-opp-updated-cd:hover .marquee__group-opp-updated-cd{animation-play-state: paused;}

@media (min-width: 240px){.testi-slide-updated{width: 230px;}.user-div-inn-updated {padding: 15px;}}
@media only screen and (min-width: 768px) { .testi-slide-updated{width: 300px;}.user-div-inn-updated {padding: 20px;}}
@media only screen and (min-width: 992px) {.testi-slide-updated{width: 340px;}}
@media only screen and (min-width: 1200px) {.testi-slide-updated{width: 434px;}.user-div-inn-updated {padding: 31px;}}

/*faq-section-cd-updated*/
 
.faq-section.faq-section-cd-updated{padding: 2% 0 2% 0;overflow: hidden;}
.faq-section.faq-section-cd-updated .faq-section-box{background:url(https://cd-new.b-cdn.net/new-corp/faqbg.webp) no-repeat center top;background-size: cover;width: 96%;padding: 5% 0 3% 0;border-radius: 36px;}
  
.faq {max-width: 58%;margin-top: 25px;}

@media (min-width: 240px){.faq-section-cd-updated .footer-section-left, .faq-section-cd-updated .footer-section-right {width: 100%;}}
@media only screen and (min-width: 768px) {.faq-section-cd-updated .footer-section-left {width:100%;}.faq-section-cd-updated .footer-section-right {width: 90%;}}
@media only screen and (min-width: 992px) {.faq-section-cd-updated .footer-section-left {width: 42%;}}
@media only screen and (min-width: 1100px) {}
@media only screen and (min-width: 1200px) {.faq-section-cd-updated .footer-section-right {width: 50%;}}
@media only screen and (min-width: 1300px) {.faq-section-cd-updated .footer-section-left {width: 37%;}.faq-section-cd-updated .footer-section-right {width: 44%;}}
@media only screen and (min-width: 1400px) {}
@media only screen and (min-width: 1500px) {}
@media only screen and (min-width: 1600px) {.faq-section-cd-updated .footer-section-left {width: 33%;}.faq-section-cd-updated .footer-section-right {width: 45%;}}

/*updated-cd-cta-section*/ 
.updated-cd-cta-section{background:url(https://cd-new.b-cdn.net/new-corp/section8.webp) no-repeat center top;background-size: cover;padding: 3% 0 4% 0;}
.updated-cd-cta-box-out{padding: 0;}
.updated-cd-cta-box{background:url(https://cd-new.b-cdn.net/new-corp/section8bg.webp) no-repeat center top;background-size: cover;border-radius: 36px;padding: 4% 15px 0% 15px;background-color: #08282b;text-align: center;display: flex;flex-direction: column;justify-content: space-between;overflow: hidden;margin: auto;}
.updated-cd-cta-detail{margin-bottom: 15px;}
.updated-cd-cta-detail h1{}
.updated-cd-cta-detail p{margin-top: 18px;letter-spacing: -0.5px;}
.brand-img{}

/*es-page*/
/*demo-page*/
.demoBoxi-Main {padding: 0px 10px;}
.demoBoxi-Main1{padding: 0 1.1% 0 6%;}
.demoBoxi-Main1{padding: 0 3.55%;}
.demoBoxi-Main2{padding: 0 6% 0 1.1%;}
.mybuttonDm button,.mybuttonDm2 a{padding: 18px 8% 18px 8%;display:table;border-radius: 50px;margin-top:8%;position:relative;z-index:2;border-color: rgb(224, 228, 235) !important;background-color: rgb(255, 255, 255) !important;color: #050003 !important;}.demoBox{border-radius:20px;background-color:#fff;box-shadow:0 13px 32px 0 rgb(27 21 92 / 9%);padding:10% 11%;height:100%;text-align:left;border: 1px solid #e0e4eb;}
.demoBox2{background: url(https://cd-new.b-cdn.net/new-corp/section8bg.webp) no-repeat center top;
    background-size: cover;background-color:#0a2b30;box-shadow:0 19px 36.48px 1.52px rgb(27 21 92 / 40%);border: 0;}
    .demoBox-title{font-weight:500;line-height:110%;font-family:owners,sans-serif;font-display:swap;color:#000;font-style:inherit;letter-spacing:1px;margin-top:3%;}.mybuttonDm button{color:#fff;background-color:rgb(0 105 255);box-shadow: none;transition:.5s;transition:transform .2s,background .2s}
.mybuttonDm button:focus{box-shadow:none!important}
.mybuttonDm button:hover,.mybuttonDm2 a:hover{box-shadow: none !important;z-index:1;text-decoration:none!important;transform:translateY(-2px);background-color: rgb(240, 242, 245) !important;}
.mybuttonDm2 a{color:#12152f;background-color:#fff;transition:.5s;transition:transform .2s,background .2s}
.mybuttonDm button:hover{background-color:rgb(4 94 223);-webkit-transition:.3s linear;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.mybuttonDm2 a:hover{background-color:#fff;-webkit-transition:.3s linear;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;color:#12152f!important}
.watchiCon {margin: 0 5px 2px 0px;}
.calliCon {margin: 0 5px 2px 0px;}
.modal-dialog {max-width: 800px;margin: 30px auto;}
.modal-body {position:relative;padding:0px;}
.close {position: absolute;right: -30px;top: -10px;z-index: 999;font-size: 2rem;font-weight: normal;color: #fff;opacity: 1;}
.close:focus-visible, .close span:focus-visible {outline: -webkit-focus-ring-color auto 0px !important;}
button.close:focus {outline: 0px auto -webkit-focus-ring-color !important;}  
#videoModal .embed-responsive-16by9::before {padding-top: 63.25%;}

.demoBoxi-Main-new{}
.demoBoxi-Main-new .demoBox{padding: 0px 30px 30px 30px;margin: auto;}
.video-container{margin: auto;margin-top: 20px;position: relative;width: 100%;max-width: 100%;aspect-ratio: 16 / 9;border-radius: 20px;overflow: hidden;}
.video-container iframe {width: 100%;height: 100%;}
.demoBoxi-Main-new .demoBox-title {margin-top: 30px;}

.walkthrough-title{background-color: #c7e5e3;color: #000;border-radius: 50px;display: inline-block;padding: 2px 16px 0px 16px;margin-top: -14px;}

.demo-download-vid-box{padding: 0;margin-top: 30px;}
.demo-download-vid-box .demoBox{padding: 30px 28px;}
.demoBoxi-Main-new2{margin-top: 30px;}
 
a.demo-download-vid-link {background-color: rgb(5, 0, 3);color: #ffffff;padding: 11px 20px 14px 22px;border-radius: 50px;transition: all 0.5s;position: relative;transition: transform .2s;border: 1px solid rgb(0, 0, 0);letter-spacing: -0.342px;display: inline-block;font-size: 18px;margin-top: 20px;color: #fff !important;}
a.demo-download-vid-link:hover {transform: scale(1.05);transition: all 0.5s;box-shadow: 0px 7px 12px #5050508c;}
a.demo-download-vid-link:hover .arrow-img {
  -moz-animation: bounce 0.6s ease;
  -webkit-animation: bounce 0.6s ease;
  animation: bounce 0.6s ease;
} 
.demo-download-vid-box .demoBox-title{margin-top: 0;}


.demo-download-vid-box .video-container {box-shadow: 0px 9px 51px 0px rgba(0, 0, 0, 0.19);border-radius: 15px;position: relative;}

.demoBoxi-Main-new .video-thumbnail,
.demoBoxi-Main-new .video-iframe,
.demo-download-vid-box .video-thumbnail,
.demo-download-vid-box .video-iframe,
.training-section-div-inn .video-thumbnail,
.training-section-div-inn .video-iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%; }

.demo-download-vid-box .video-thumbnail{border: 6px solid #fff;}

.demo-download-vid-box .video-thumbnail img.demothumb,
.demoBoxi-Main-new .video-thumbnail img.demothumb,
.training-section-div-inn .video-thumbnail img.demothumb {width: 100%;height: 100%;object-fit: cover;cursor: pointer;display: block;border-radius: 15px;}


.demoBoxi-Main-new .video-thumbnail span,
.training-section-div-inn .video-thumbnail span,
.swiperTraining .video-thumbnail span{ 
  position: absolute;
  z-index: 3;
  width: 0;
  height: 0;
  transform: scale(0.8); 
  transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); 
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
   width: 164px;
  height: 164px; 
  border-radius: 50%;  
} 
.demoBoxi-Main-new .video-thumbnail span,
.training-section-div-inn .video-thumbnail span,
.swiperTraining .video-thumbnail span {cursor: pointer;}
.demoBoxi-Main-new .video-thumbnail span:before,
.training-section-div-inn .video-thumbnail span:before,
.swiperTraining .video-thumbnail span:before  {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 163px;
  height: 163px;
  background: transparent;
  border-radius: 50%; 
}
.demoBoxi-Main-new .demoBox:hover .video-thumbnail span:before,
.training-section-div-inn .video-thumbnail:hover span:before,
.swiperTraining .video-thumbnail:hover span:before{animation: pulse-border 1500ms ease-out infinite;background: rgb(148 255 1 / 41%);}
.demoBoxi-Main-new .video-thumbnail span:after,
.training-section-div-inn .video-thumbnail span:after,
.swiperTraining .video-thumbnail span:after{
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 163px;
  height: 163px;
  background: rgb(148 255 1 / 41%);
  border-radius: 50%;
  transition: all 200ms;
  transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
}  
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.demoBoxi-Main-new .video-thumbnail .playicon,
.training-section-div-inn .video-thumbnail .playicon,
.swiperTraining .video-thumbnail .playicon{
    position: relative;
    z-index: 2;
    top: 53%;
    left: 23%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

/**/
.demo-download-vid-box .video-thumbnail span{ 
  position: absolute;
  z-index: 3;
  width: 0;
  height: 0;
  transform: scale(0.8); 
  transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); 
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
   width: 84px;
  height: 84px; 
  border-radius: 50%;  
} 
.demo-download-vid-box .video-thumbnail span {cursor: pointer;}
.demo-download-vid-box .video-thumbnail span:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 84px;
  height: 84px;
  background: transparent;
  border-radius: 50%; 
}
.demo-download-vid-box .demoBox:hover .video-thumbnail span:before{animation: pulse-border 1500ms ease-out infinite;background: rgb(148 255 1 / 41%);}
.demo-download-vid-box .video-thumbnail span:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 84px;
  height: 84px;
  background: rgb(148 255 1 / 41%);
  border-radius: 50%;
  transition: all 200ms;
  transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
}   
.demo-download-vid-box .video-thumbnail .playicon2{
    position: relative;
    z-index: 2;
    top: 53%;
    left: 23%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}


.training-video-div .video-thumbnail .overlay,
.swiperTraining .video-thumbnail .overlay{  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: .5s ease;
  background-color: #00000099;}

.swiperTraining-video-title{margin-top: 10px;} 
/**/
.video-section-new{margin-top:1%;}
.swiper3-main-box {border-radius: 16px;margin: auto;width: 62%;margin-top: 5%;overflow: hidden;}
.swiper-slide-inn{overflow:hidden;} 
.swiper-pagination3 {position: relative !important;color: #9da0b3;margin: auto;margin-bottom: 1%;bottom: 0 !important;margin-top: 0;}
.swiper-pagination3 .swiper-pagination-bullet {padding: 14px 0;border-radius: 0;width: auto;height: auto;text-align: center;font-size: 15px;opacity: 1;background: #121213;color: #5a5a5b;margin: 0 !important;border-right: 1px solid #302f33;width: 25%;}
.swiper-pagination3 .swiper-pagination-bullet .fa {font-size: 17px;position: relative;left: 2px;top: 1px;}
.swiper-pagination3 .swiper-pagination-bullet:first-child{}
.swiper-pagination3 .swiper-pagination-bullet:last-child{border: 0;}
.swiper-pagination3 .swiper-pagination-bullet-active {color: rgb(255 255 255);background-color: rgb(4 94 223);}
.swiper-slide-inn video {border-width: 0;background-color: rgb(255 255 255);}
.swiper3{width: 100%;}
.swiper3 .swiper-slide{padding: 0% 0 0% 0;}
.swiper3 .swiper-slide.swiper-slide-active{ }
.swiper-container.swiper4 {width: 100%;height: 300px;}
.hand-img {position: relative;margin-top: -5px;left: 3px;}
/* Add any styles for your individual slides here */
.swiper4 .swiper-slide {background-color: #ccc;display: flex;justify-content: center;align-items: center;font-size: 24px;}
.swiper-pagination1{bottom: 0px !important;}
.swiper-pagination-bullet{} 
.swiper-pagination-bullet-active{background-color:rgb(0, 105, 255);}
/* Add any styles for your individual slides here */
.swiper4 .swiper-slide {background-color: #ccc;display: flex;justify-content: center;align-items: center;font-size: 24px;}
.swiper-pagination1New{bottom: 0px !important;}
.swiper-pagination-bullet{} 
.swiper-pagination-bullet-active{background-color:rgb(0, 105, 255);}
/** platforms **/
/*---------only for now-----------*/
.template-case-mega-menu::before{ }
.platforms-banner{background: url(https://clickdesigns.b-cdn.net/cd_images/platformsbanner.webp) no-repeat center top;background-size: cover;padding: 3% 0 0 0;position:relative;background-color: #00457c;overflow: hidden;} 
.platforms-title {line-height: 110%;font-family: "Bakbak One", sans-serif;font-display: swap;color: #fff;font-style: inherit;letter-spacing: -0.5px;font-size: 56px;}
.platforms-title span{color:#0ef8f5;} 
/** page layout **/
.platforms-sections{background-color: #f6f9ff;}
.main-section-side {position: relative;background-color: rgb(255, 255, 255);margin-top: 0;border-radius: 0;}
div.section-div { padding-left: 0;padding-right: 0;}  
.section-nav-title{font-weight: 800;line-height: 116%;color: #032d60;font-style: inherit;font-size: 14px;padding: 0px 0 0px 30px;} 
.platforms-section-title1{font-display:swap;color:#032d60;font-style:inherit;font-size:36px;letter-spacing: -1px;padding:0 56px}
.platforms-section-title2{font-weight:600;line-height:120%;color:#000;font-style:inherit;font-size:22px;padding:0 56px}
.platforms-section-title3,.platforms-section-title4{font-weight:700;line-height:140%;color:#032d60;font-style:inherit;font-size:22px}
.platforms-section-title3{margin-top:30px;padding:0 56px}
.platforms-section-title4{margin-top:0;padding:0 51px}
.platforms-section-title2-extra{margin-top:0}
.platforms-section-text1,.platforms-section-text10,.platforms-section-text11,.platforms-section-text2,.platforms-section-text3,.platforms-section-text4,.platforms-section-text5,.platforms-section-text6,.platforms-section-text7,.platforms-section-text8,.platforms-section-text9{font-weight:400;line-height:160%;color:#000;font-style:inherit;font-size:18px;padding:0 56px}
.platforms-section-text1{margin-top: 25px;margin-bottom: 55px;}
.platforms-section-text2 { margin-top: 13px;}
.platforms-section-text3 { margin-top: 45px;}
.platforms-section-text4 {margin-top: 20px;}
.platforms-section-text5 {margin-top: 50px;}
.platforms-section-text6 {margin-top: 30px;margin-bottom: 40px;}
.platforms-section-text7 {margin-top: 30px;margin-bottom: 0;}
.platforms-section-text8 {margin-top: 30px;margin-bottom: 35px;}
.platforms-section-text9 {margin-top: 20px;margin-bottom: 30px;}
.platforms-section-text10 {margin-top: 20px;margin-bottom: 0;}
.platforms-section-text11 {margin-top: 12px;margin-bottom: 0;padding: 0 50px;}
.platforms-section-text10-convertri{margin-top:0;}
.plug-img{margin-top: 0;position: relative;}
.power-clickfunnels-box {border-radius: 12px;background-color: rgb(233 242 255);background: url(https://clickdesigns.b-cdn.net/cd_images/powerbg1.webp) no-repeat center top;background-size: cover;margin-top: 55px;padding: 56px 50px 56px 56px;margin-bottom: 0;}
#navTab1 .power-clickfunnels-box{ margin-bottom: 70px;}
#navTab2 .power-clickfunnels-box{background: url(https://clickdesigns.b-cdn.net/cd_images/powerbg3.webp) no-repeat center top;background-size: cover;margin-bottom: 65px;}
#navTab3 .power-clickfunnels-box {background: url(https://clickdesigns.b-cdn.net/cd_images/powerbg2.webp) no-repeat center top;background-size: cover;padding: 30px 50px;margin-bottom: 0;margin-top: -20px;}
#navTab5 .power-clickfunnels-box{margin-top: 65px;}
#navTab6 .power-clickfunnels-box {background: url(https://clickdesigns.b-cdn.net/cd_images/incrediblebg1.webp) no-repeat center top;background-size: cover;padding: 56px;margin-bottom: 20px;margin-top: 60px;}
#navTab7 .power-clickfunnels-box {padding: 56px;margin-top: 40px;margin-bottom: 0;background: url(https://clickdesigns.b-cdn.net/cd_images/powerbg4.webp) no-repeat center top;background-size: cover;}
.incredible-clickfunnels-box {border-radius: 12px;background-color: rgb(233, 242, 255);background: url(https://clickdesigns.b-cdn.net/cd_images/incrediblebg1.webp) no-repeat center top;background-size: cover;margin-top: 60px;padding: 56px;margin-bottom: 50px;}
.cfmeets-title1,.power-clickfunnels-title,.power-clickfunnels-title2{font-family: "Bakbak One", sans-serif;font-display:swap;line-height:120%;color:#032d60;font-style:inherit;letter-spacing: -0.5px;}.cfmeets-title1,.power-clickfunnels-title{font-size:40px}
.power-clickfunnels-title2{font-size:46px}
.cfmeets-pra2,.power-clickfunnels-pra{font-weight:400;line-height:160%;color:#000;font-style:inherit;font-size:18px}
.power-clickfunnels-pra{margin-top:12px;margin-bottom:0}
.cfmeets-pra2{margin-top:35px;margin-bottom:35px;padding:0 56px}
.cfmeets2-box .cfmeets2-box-inn{border-width:1px;border-style:solid;border-radius:20px;padding:0}
.cfmeets-detail-box{padding:8% 51px}
.cfmeets-box1 .cfmeets2-box-inn{border-color: rgb(255, 234, 95);}
.cfmeets-box2 .cfmeets2-box-inn{border-color: rgb(224 252 176);}
.cfmeets-box3 .cfmeets2-box-inn{border-color: rgb(255 229 193); }
.cfmeets-box4 .cfmeets2-box-inn{border-color: rgb(209 198 250); }
.cfmeets-box5 .cfmeets2-box-inn{border-color: rgb(255 215 190); }
.cfmeets-box6 .cfmeets2-box-inn{border-color: rgb(250 200 219);}
.cfmeets-box7 .cfmeets2-box-inn{border-color: rgb(224 246 228); }
.cfmeets-box8 .cfmeets2-box-inn{border-color: rgb(208 197 249); }
.cfmeets-box9 .cfmeets2-box-inn{border-color: rgb(229 183 228);}
.cfmeets-box10 .cfmeets2-box-inn{border-color: rgb(207 220 255); }
.incredible-clickfunnels-title{font-family: "Bakbak One", sans-serif;font-display: swap;line-height: 110%;color: #032d60;font-style: inherit;font-size: 46px;letter-spacing: -2.1px;}
.cftool-box-main1, .cftool-box-main2, .design-box-main{width:100%;padding: 0 56px;}
.design-box-main1, .design-box-main2{border-width: 1px;border-color: rgb(188, 216, 255);border-style: solid;border-radius: 10px;background-color: rgb(255, 255, 255);text-align: center;padding: 4.08% 0;}
.design-box-main1{margin-top: 6%;}
.design-box-main2{margin-top: 3%;}
.design-box-main1-convertri{margin-top: 4%;}
.cftool-box{width: 46%;margin: 58px 0;}
.cftool-title{font-family: "owners", sans-serif;font-display: swap;font-weight: 700;line-height: 120%;color: #000;font-style: inherit;font-size: 30px;margin-top: 30px;letter-spacing: 1px;}
.cftool-pra{font-weight: 400;line-height: 150%;color: #424242;font-style: inherit;font-size: 16px;margin-top: 10px;padding-right: 12px;}
.visual-box-main {padding: 0 56px;margin: 0 0 80px 0;}
.power-box-main {padding: 0 56px;margin: 0 0 100px 0;}
.power-box-main-cfpower6{margin: 0 0 0 0;}
.power-box-right1{text-align:right;}
.visual-box2-main {padding: 0 56px;margin: 0 0 15px 0;}
.visual-box {width: 49%;margin: 0;}
.visual-title{font-family: "Bakbak One", sans-serif;font-display:swap;line-height:120%;color:#000;font-style:inherit;font-size:30px;letter-spacing: -0.5px;}
.visual-pra{font-weight:400;line-height:160%;color:#424242;font-style:inherit;font-size:16px;margin-top:8px}
.visual-box1{text-align:right;}
.cfmeets-box-left{width: 39%;padding: 0 15px;}
.cfmeets-box-right{width: 61%;padding: 0 15px;}
.cfmeets-title,.incredible-title{font-family:owners,sans-serif;font-display:swap;letter-spacing:1px;font-style:inherit}
.incrediblestep2-title,.incrediblestep3-title{position:relative;z-index:1;padding-left:84px}
.cfmeets-title{font-family: "Bakbak One", sans-serif;font-display:swap;line-height:120%;color:#000;font-style:inherit;font-size:30px;letter-spacing: -0.5px;margin-top:24px}
.cfmeets-pra{font-weight:400;line-height:160%;color:#424242;font-style:inherit;font-size:16px;margin-top:10px}
.incredible-box-main{padding:0 56px;margin:0 0 50px;position:relative}
.incredible-box1{width:40%}
.incredible-box2{width:60%}
.incredible-title{font-weight:700;line-height:120%;color:#000;font-size:22px}
.incredible-pra{font-weight:400;line-height:150%;color:#767676;font-style:inherit;font-size:20px;margin-top:8px}
.incredible-box2,.incredible-img-box1{text-align:right}
.incrediblestep1-title{background:url(https://clickdesigns.b-cdn.net/cd_images/incredibleicon1.webp) left 0 no-repeat;padding-left:84px;font-variant:ruby;z-index:1}
.incrediblestep2-title{background:url(https://clickdesigns.b-cdn.net/cd_images/incredibleicon2.webp) left 0 no-repeat}
.incrediblestep3-title{background:url(https://clickdesigns.b-cdn.net/cd_images/incredibleicon3.webp) left 0 no-repeat}
.transformation-box-main{padding:0}
.transformation-box1-main{margin: 0 0 90px 0;}
.transformation-box2-main{margin: 0 0 40px 0;}
.transformation-box3-main{margin: 0 0 70px 0;}
.transformation-box4-main{margin: 0 0 40px 0;}
.transformation-box5-main{margin: 0 0 35px 0;}
.transformation-box6-main{margin: 0 0 60px 0;}
.transformation-box7-main{margin: 0 0 70px 0;}
.transformation-box8-main{margin: 0 0 50px 0;}
.transformation-box9-main{margin: 0 0 60px 0;}
.transformation-box10-main{margin: 0;}
.transformation-box1{width: 41%;}
.transformation-box2{width: 55%;}
.transformation-title{font-family: "Bakbak One", sans-serif;font-display:swap;line-height:120%;color:#000;font-style:inherit;font-size:30px;letter-spacing: -0.5px;}
.transformation-pra{font-weight:400;line-height:160%;color:#424242;font-style:inherit;font-size:18px;margin-top:8px}
.transformation-img-box1{text-align:right}
.design-driven-left{width:44%;margin-bottom:0}
.design-driven-right{width:53%}
.design-driven-title{font-weight:800;line-height:140%;color:#032d60;font-style:inherit;font-size:22px;margin-top:0}
.design-driven-pra{font-weight:300;line-height:160%;color:#000;font-style:inherit;font-size:18px;margin-top:18px;margin-bottom:0}
.incredible-box-main:before{content:'';position:absolute;width:1px;height:100%;bottom:0;left:93px;background-image:linear-gradient(360deg,#c5ddff,#c5ddff 75%,transparent 75%,transparent 100%);background-size:20px 1px}.incredible-box1-main:before{top:49%;height:67%}
.incredible-box3-main:before{bottom:54%;height:63%}
.incredible-box1-main:after,.incredible-box2-main:after{content:"";width:16px;height:15px;background:url("https://clickdesigns.b-cdn.net/cd_images/connectionarrow.webp");bottom:-20px;left:85.5px;position:absolute;display:inline-block;z-index:2}
/*Stack*/
.cf-section{heigth: 100%;}
.cf-section .card{position:sticky;top:0;transform-origin:center top;margin:0 0 3%;height:auto;overflow:hidden;border-radius:15px}
.cf-section .card:nth-child(0) {transform: translateY(0px);}
.cf-section .card:nth-child(1) {transform: translateY(20px);}
.cf-section .card:nth-child(2) {transform: translateY(20px);}
.cf-section .card:nth-child(3) {transform: translateY(20px);}
.cf-section .card:nth-child(4) {transform: translateY(20px);}
.cf-section .card:nth-child(5) {transform: translateY(20px);}
.cf-section .card:nth-child(6) {transform: translateY(20px);}
.cf-section .card:nth-child(7) {transform: translateY(20px);}
.cf-section .card1{background: linear-gradient(to left, #ffdc76 50%, #ffffff 50%);border-width: 2px;border-color: #ffdc76;border-style: solid;}
.cf-section .card2{background: linear-gradient(to left, #bcb8ff 50%, #ffffff 50%);border-width: 2px;border-color: #bcb8ff;border-style: solid;}
.cf-section .card3{background: linear-gradient(to left, #f1c4ff 50%, #ffffff 50%);border-width: 2px;border-color: #f1c4ff;border-style: solid;}
.cf-section .card4{background: linear-gradient(to left, #f5b28e 50%, #ffffff 50%);border-width: 2px;border-color: #f5b28e;border-style: solid;}
.cf-section .card5{background: linear-gradient(to left, #a2e0fa 50%, #ffffff 50%);border-width: 2px;border-color: #a2e0fa;border-style: solid;}
.cf-section .card6{background: linear-gradient(to left, #9febbc 50%, #ffffff 50%);border-width: 2px;border-color: #9febbc;border-style: solid;}
.cf-section .card-title1{line-height:100%;font-family: "Bakbak One", sans-serif;font-display:swap;color:#000;font-style:inherit;letter-spacing: -0.5px;font-size:30px}
.cf-section .card-pra1{font-weight:400;line-height:160%;color:#000;font-style:inherit;margin-top:14px;font-size:18px}
.card1-img, .card2-img, .card3-img, .card4-img, .card5-img, .card6-img, .card7-img{position: relative;}  
.card-text1 {padding: 5.56% 56px;}
/*convertri*/
.convertri-banner{background: url(https://clickdesigns.b-cdn.net/cd_images/convertribanner.webp) no-repeat center top;background-size: cover;padding: 3% 0 0 0;position:relative;background-color: #253e95;overflow:hidden;}
.convertri-sections .main-section-side{margin-top: 0px;border-radius: 0;}
.convertri-sections .power-clickfunnels-box {margin-top: 30px;}
.conmeets-box-left{width: 46%;padding: 0 15px;}
.conmeets-box-right{width: 54%;padding: 0 15px;}
.convertri-sections #navTab3 .power-clickfunnels-box{padding: 4% 3%;}
.convertri-sections #navTab1 .power-clickfunnels-box{margin-bottom: 70px;}
/*tutorials*/ 
.tutorials-page-main-box {padding: 0;}
.tutorials-banner{background: url(https://clickdesigns.b-cdn.net/cd_images/tutorialsbanner.webp) no-repeat center top;background-size: cover;padding: 4% 0 5% 0;position:relative;background-color: #fff;overflow:hidden;}   
.tutorials-title,.tutorials-title2{font-family:owners,sans-serif;font-display:swap;color:#000;font-style:inherit;position:relative;z-index:3}
.tutorials-title{font-weight:800;line-height:120%}
.tutorials-pra{font-weight:300;line-height:150%;color:#000;font-style:inherit;margin-top:10px}
.tutorials-title2{font-weight:800;line-height:120%;margin-bottom:1.5%}
.tutorials-banner-box-out{margin-top: 4%;margin-bottom: 5%;-webkit-transition: all 250ms ease 0s;transition: all 250ms ease 0s;}
.tutorials-banner-box {background: url(https://clickdesigns.b-cdn.net/cd_images/tutorialsboxbg.webp) no-repeat center top;background-size: cover;padding: 0.5% 1% 0% 6%;position: relative;overflow: hidden;border-radius: 32px;background-color: rgb(202, 220, 255);}
.tutorials-banner-box-left{width: 35%;}
.tutorials-banner-box-right{width: 65%;}
.boxelement{max-width: 95%;} 
.tutorials-title1{font-weight:800;line-height:120%;font-family:Nunito,sans-serif;color:#303971;font-style:inherit}
.tutorials-link,.tutorials-pra1{line-height:150%;font-style:inherit}
.tutorials-pra1{font-weight:300;color:#272b45;margin-top:2px}
.tutorials-link{font-weight:600;color:#166eff;margin-top:25px}
.tutorials-link:hover{color: #166eff;}
.tutorials-banner-image{text-align:right;}
.tutorials-pages-box{padding:15px;margin:10px 0;-webkit-transition:250ms;transition:250ms;cursor:pointer}
.tutorials-pages-box-inn{border-radius:14px;background-color:#e5f2ff;position:relative;padding:25px 0 1px}
.tutorials-play-icon{display:block;width:36px;height:36px;border-radius:50%;background-color:rgb(91 167 244 / 47%);text-align:center;padding:9px 0;position:absolute;right:10px;top:10px}
.tutorials-play-icon svg{}
.tutorials-pages-icon{height: 33px;}
.getarrow,.getarrow2{position:relative;left:4px}.tutorials-pages-box-title{font-weight:700;line-height:115%;color:#3e435e;font-style:inherit;margin-top:15px;margin-bottom:10px}
.tutorials-pages-box-link{font-weight:600;line-height:125%;color:#3e435e;margin-top:15px;margin-bottom:6px}
.getarrow{top:-1.5px;-webkit-transition:left .25s;transition:left .25s}
.getarrow2{top:-.2px;-webkit-transition:left .25s;transition:left .25s}
.tutorials-banner-box-out:hover .getarrow, .tutorials-pages-box:hover .getarrow2{left: 8px;}
.tutorials-banner-box-out:hover span, .tutorials-pages-box:hover span{text-decoration:underline;}
.tutorials-pages-box-before {border-top-left-radius: 14px;border-top-right-radius: 14px;height: 10px;position: relative;top: 0px;width: 91%;margin: auto;}
.tutorials-pages-box0 .tutorials-pages-box-inn{background-color:#f2e0ff;} 
.tutorials-pages-box1 .tutorials-pages-box-inn{background-color:#e5f2ff;} 
.tutorials-pages-box2 .tutorials-pages-box-inn{background-color:#e3e5fc;} 
.tutorials-pages-box3 .tutorials-pages-box-inn{background-color:#d1f3f3;} 
.tutorials-pages-box4 .tutorials-pages-box-inn{background-color:#f9f0ec;} 
.tutorials-pages-box5 .tutorials-pages-box-inn{background-color:#fff5ce;} 
.tutorials-pages-box6 .tutorials-pages-box-inn{background-color:#dfffe3;} 
.tutorials-pages-box7 .tutorials-pages-box-inn{background-color:#ffdee7;} 
.tutorials-pages-box8 .tutorials-pages-box-inn{background-color:#e8e4ff;} 
.tutorials-pages-box9 .tutorials-pages-box-inn{background-color:#f7e6ff;} 
.tutorials-pages-box10 .tutorials-pages-box-inn{background-color:#ffe0ca;} 
.tutorials-pages-box11 .tutorials-pages-box-inn{background-color:#f7e6ff;} 
.tutorials-pages-box12 .tutorials-pages-box-inn{background-color:#e5f7ce;} 
.tutorials-pages-box13 .tutorials-pages-box-inn{background-color: #ffdfd2;} 
.tutorials-pages-box14 .tutorials-pages-box-inn{background-color: #ffdee7;} 
.tutorials-pages-box15 .tutorials-pages-box-inn{background-color: #d2f5ff;} 
.tutorials-pages-box16 .tutorials-pages-box-inn{background-color: #e5f2ff;} 
.tutorials-pages-box17 .tutorials-pages-box-inn{background-color:#e5f7ce;} 
.tutorials-pages-box18 .tutorials-pages-box-inn{background-color: #e3e5fc;} 
.tutorials-pages-box19 .tutorials-pages-box-inn{background-color: #fbdbe3;} 
.tutorials-pages-box20 .tutorials-pages-box-inn{background-color: #f7e6ff;} 
.tutorials-pages-box21 .tutorials-pages-box-inn{background-color: #c3fdff;} 
.tutorials-pages-box22 .tutorials-pages-box-inn{background-color: #fff5c7;} 
.tutorials-pages-box23 .tutorials-pages-box-inn{background-color: #e5f7ce;} 
.tutorials-pages-box0 .tutorials-pages-box-title{color:#8050a9;} 
.tutorials-pages-box1 .tutorials-pages-box-title{color:#3289e0;} 
.tutorials-pages-box2 .tutorials-pages-box-title{color:#525ddc;} 
.tutorials-pages-box3 .tutorials-pages-box-title{color:#2fa3a3;} 
.tutorials-pages-box4 .tutorials-pages-box-title{color:#dc7e54;} 
.tutorials-pages-box5 .tutorials-pages-box-title{color:#c9a000;} 
.tutorials-pages-box6 .tutorials-pages-box-title{color:#478f50;} 
.tutorials-pages-box7 .tutorials-pages-box-title{color:#ec5981;} 
.tutorials-pages-box8 .tutorials-pages-box-title{color:#7d63ff;} 
.tutorials-pages-box9 .tutorials-pages-box-title{color:#b442e5;} 
.tutorials-pages-box10 .tutorials-pages-box-title{color:#d76a19;} 
.tutorials-pages-box11 .tutorials-pages-box-title{color:#b442e5;} 
.tutorials-pages-box12 .tutorials-pages-box-title{color:#81b63b;} 
.tutorials-pages-box13 .tutorials-pages-box-title{color: #f16027;} 
.tutorials-pages-box14 .tutorials-pages-box-title{color: #ec5981;} 
.tutorials-pages-box15 .tutorials-pages-box-title{color: #17b0dd;} 
.tutorials-pages-box16 .tutorials-pages-box-title{color: #3289e0;} 
.tutorials-pages-box17 .tutorials-pages-box-title{color: #478f50;} 
.tutorials-pages-box18 .tutorials-pages-box-title{color: #525ddc;} 
.tutorials-pages-box19 .tutorials-pages-box-title{color: #ec5981;} 
.tutorials-pages-box20 .tutorials-pages-box-title{color: #b442e5;} 
.tutorials-pages-box21 .tutorials-pages-box-title{color: #35abaf;} 
.tutorials-pages-box22 .tutorials-pages-box-title{color: #c9a000;} 
.tutorials-pages-box23 .tutorials-pages-box-title{color: #81b63b;} 
.tutorials-pages-box0 .tutorials-pages-box-before{background-color:#dfcbee;} 
.tutorials-pages-box1 .tutorials-pages-box-before{background-color:#c6e1fc;} 
.tutorials-pages-box2 .tutorials-pages-box-before{background-color:#c2c6f4;} 
.tutorials-pages-box3 .tutorials-pages-box-before{background-color:#b8e7e7;} 
.tutorials-pages-box4 .tutorials-pages-box-before{background-color:#f7ddd1;} 
.tutorials-pages-box5 .tutorials-pages-box-before{background-color:#eddfaa;} 
.tutorials-pages-box6 .tutorials-pages-box-before{background-color:#c1e8c6;} 
.tutorials-pages-box7 .tutorials-pages-box-before{background-color:#f4cdd8;} 
.tutorials-pages-box8 .tutorials-pages-box-before{background-color:#c2baf6;} 
.tutorials-pages-box9 .tutorials-pages-box-before{background-color:#ecd2f8;} 
.tutorials-pages-box10 .tutorials-pages-box-before{background-color:#f8d1b5;} 
.tutorials-pages-box11 .tutorials-pages-box-before{background-color:#ecd2f8;} 
.tutorials-pages-box12 .tutorials-pages-box-before{background-color:#d4ebb7;} 
.tutorials-pages-box13 .tutorials-pages-box-before{background-color: #f8d1b5;} 
.tutorials-pages-box14 .tutorials-pages-box-before{background-color: #f396af;} 
.tutorials-pages-box15 .tutorials-pages-box-before{background-color: #6dcdea;} 
.tutorials-pages-box16 .tutorials-pages-box-before{background-color: #c6e1fc;} 
.tutorials-pages-box17 .tutorials-pages-box-before{background-color: #86c08d;} 
.tutorials-pages-box18 .tutorials-pages-box-before{background-color: #ced1f6;} 
.tutorials-pages-box19 .tutorials-pages-box-before{background-color: #f396af;} 
.tutorials-pages-box20 .tutorials-pages-box-before{background-color: #ecd2f8;} 
.tutorials-pages-box21 .tutorials-pages-box-before{background-color: #81e3e6;} 
.tutorials-pages-box22 .tutorials-pages-box-before{background-color: #ddc35e;} 
.tutorials-pages-box23 .tutorials-pages-box-before{background-color: #d4ebb7;} 
.tutorials-pages-box0 .tutorials-play-icon{background-color:#dfcbee;} 
.tutorials-pages-box1 .tutorials-play-icon{background-color:#c6e1fc;} 
.tutorials-pages-box2 .tutorials-play-icon{background-color:#c2c6f4;} 
.tutorials-pages-box3 .tutorials-play-icon{background-color:#b8e7e7;} 
.tutorials-pages-box4 .tutorials-play-icon{background-color:#f7ddd1;} 
.tutorials-pages-box5 .tutorials-play-icon{background-color:#eddfaa;} 
.tutorials-pages-box6 .tutorials-play-icon{background-color:#c1e8c6;} 
.tutorials-pages-box7 .tutorials-play-icon{background-color:#f4cdd8;} 
.tutorials-pages-box8 .tutorials-play-icon{background-color:#c2baf6;} 
.tutorials-pages-box9 .tutorials-play-icon{background-color:#ecd2f8;} 
.tutorials-pages-box10 .tutorials-play-icon{background-color:#f8d1b5;} 
.tutorials-pages-box11 .tutorials-play-icon{background-color:#ecd2f8;} 
.tutorials-pages-box12 .tutorials-play-icon{background-color:#d4ebb7;} 
.tutorials-pages-box13 .tutorials-play-icon{background-color: #f396af;} 
.tutorials-pages-box14 .tutorials-play-icon{background-color: #f396af;} 
.tutorials-pages-box15 .tutorials-play-icon{background-color: #6dcdea;} 
.tutorials-pages-box16 .tutorials-play-icon{background-color: #c6e1fc;} 
.tutorials-pages-box17 .tutorials-play-icon{background-color: #a8dfaf;} 
.tutorials-pages-box18 .tutorials-play-icon{background-color: #9fa5ed;} 
.tutorials-pages-box19 .tutorials-play-icon{background-color: #f296ad;} 
.tutorials-pages-box20 .tutorials-play-icon{background-color: #e1b8f4;} 
.tutorials-pages-box21 .tutorials-play-icon{background-color: #81e3e6;} 
.tutorials-pages-box22 .tutorials-play-icon{background-color: #e6cd69;} 
.tutorials-pages-box23 .tutorials-play-icon{background-color: #bbdf8d;} 
.tutorials-page-view-more-link{text-align:center;font-weight: 600;line-height: 125%;color: #3e435e;padding: 0 0px 0 25px;margin-top: 3%;margin-bottom: 6px;font-size: 16px;}
.tutorials-page-view-more-link a{border-radius:12px;background-color:#f2f1fc;display:inline-block;padding:15px 32px;color:#6179d4;transition:.5s}
.tutorials-page-view-more-link a:hover{background-color:rgb(231 228 255)}
.getarrow3{position:relative;left:4px;top:-1px;-webkit-transition:left .25s;transition:left .25s}
.tutorials-page-view-more-link a:hover .getarrow3{left: 8px;}
.more-tutorials-youtube-section{margin-top: 5%;}
.swiper-box2{padding:0;margin-top:1%}
.swiper-box-inn{padding:0}
.tutorial-youtube-detail-left{width:65%}
.tutorial-youtube-detail-right{width:35%}
.tutorialyoutube-img{margin-bottom: -4px;width: 100%;} 
.tutorial-youtube-title{font-weight:400;line-height:140%;color:#000;margin-bottom:6px;width:100%;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;overflow:hidden}.tutorial-youtube-view{font-weight:400;line-height:140%;color:#787878;text-align:right}
.tutorial-youtube-view svg{position:relative;top:-3px;margin-right:-2px;width:16px;height:14px;fill:#787878}
.swiper-box2 .swiper-slide{border:1px solid #d2d6ec;border-radius:14px;background-color:#fff;padding:8px 8px 10px;height:100%}
.swiper5{width:100%}.swiper2-button-next,.swiper2-button-prev,.swiper5-button-next,.swiper5-button-prev{top:0!important;background-image:none!important;width:10px!important;height:118%!important;background-color:#fff;color:#fff;z-index:2!important}
.swiper2-button-next,.swiper5-button-next{right:-10px!important;text-align:right;box-shadow:0 0 30px 30px #fff}
.swiper2-button-prev,.swiper5-button-prev{transform:rotateY(180deg);left:-20px!important;text-align:left;box-shadow:0 0 30px 30px #fff}
.swiper2-button-next span,.swiper2-button-prev span,.swiper5-button-next span,.swiper5-button-prev span{position:relative;top:44%}
.swiper2-button-next.swiper-button-next.swiper-button-disabled, 
.swiper2-button-prev.swiper-button-prev.swiper-button-disabled,
.swiper5-button-next.swiper-button-next.swiper-button-disabled, 
.swiper5-button-prev.swiper-button-prev.swiper-button-disabled {opacity: 0;}
.swiper2 .swiper-slide{-webkit-transition:250ms;transition:250ms}
.swiper2 .swiper-slide:hover,.tutorials-banner-box-out:hover,.tutorials-pages-box:hover{-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.swiper2 .swiper-slide:hover{-webkit-filter:drop-shadow(rgba(0,0,0,.08) 0 4px 8px);filter:drop-shadow(rgba(0,0,0,.08) 0 4px 8px)}
.swiper2 .swiper-wrapper{padding: 15px 0;}
/*tutorials-signle-page*/ 
ul.breadcrumb{padding:0;list-style:none;background-color:transparent;margin-bottom:10px}
ul.breadcrumb li{display:inline;font-size:14px;font-weight:400;line-height:120%;font-family:Nunito,sans-serif;color:#8e8e8e}
ul.breadcrumb li+li:before{padding:8px;color:#000;font-family:FontAwesome;content:"\f105"}
ul.breadcrumb li a{color:#000;text-decoration:none}
ul.breadcrumb li a:hover{color:#000}
.swiper-box5{padding:0;margin-top:0}
.swiper-box5 .tutorials-pages-box{padding:0;margin:0}
.swiper-box5 .swiper-wrapper{padding:10px 0;}
.tutorials-video-left-side{width: 64%;}
.tutorials-video-right-side{width: 34%;}
.tutorials-video-list{border:1px solid #dadadf;border-radius:20px;background-color:#fff;padding:9px;height:100%}
.tutorials-video-list-row{padding: 0;}
.tutorials-video-img{width: 32%;}
.tutorials-video-name{width: 62%;}
.tutorials-video-name h4{font-weight:700;line-height:120%;font-family:Nunito,sans-serif;color:#000;font-style:inherit;position:relative;text-align:left}
.tutorials-video-list a{display:block;padding:10px;margin-bottom:5px}
.tutorials-video-list a.active,.tutorials-video-list a:hover{border-radius:12px;background-color:#f6f6f6}
.tutorials-video-img{position:relative;border:1px solid #c8c8c8;border-radius:5px;background-color:#fff;overflow:hidden}
.tutorials-middle{transition:.5s;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center}
.tutorials-video-list a:hover .tutorials-middle, .tutorials-video-list a.active .tutorials-middle{opacity: 1;}
.implement-box{background:url(https://clickdesigns.b-cdn.net/cd_images/implementbg.webp) no-repeat center top;background-size:cover;background-color:#e7ecff;border-radius:20px;margin-top:0;height:100%}
.implement-title{font-weight:700;line-height:120%;font-family:owners,sans-serif;font-display:swap;color:#000;font-style:inherit;position:relative;margin-top:20px;letter-spacing:1px}
.implement-get-started-link,.implement-pra{font-weight:400;color:#000;font-style:inherit;position:relative}
.implement-pra{line-height:140%;margin-top:8px}
.implement-get-started-link{line-height:120%;margin-top:20px}
.implement-get-started-link a{border-radius:12px;background-color:#0069ff;color:#fff;display:inline-block;transition:.5s}
.implement-get-started-link a:hover{background-color:rgb(4 94 223)}
.getarrow4{position:relative;top:-1px;left:4px;-webkit-transition:left .25s;transition:left .25s}
.implement-get-started-link a:hover .getarrow4{left:8px}
.tutorials-video-section{margin-top:20px}
.tutorials-page-view-more-link2{text-align:center;font-weight: 600;line-height: 125%;color: #3e435e;padding: 0 4px 0 0px;margin-top: 10px;margin-bottom: 0;font-size: 14px;float: right;position: relative;top: 0;}
.tutorials-page-view-more-link2 a{color:#8fbdff;transition:.5s}
.tutorials-page-view-more-link2 a:hover{color:#7ba6e4}
.getarrow5{position:relative;left:4px;top:-1px;-webkit-transition:left .25s;transition:left .25s}
.tutorials-page-view-more-link2 a:hover .getarrow5{left: 8px;}
/**/
.video__poster:after,.video__poster:before{content:"";top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.video{position:relative;max-width:100%}
.video:before{content:"";display:block;padding-top:56.25%}
.video__poster{left:0;position:absolute;top:0;bottom:0;overflow:hidden;right:0;z-index:1;transition:opacity .3s,visibility 0s .3s;cursor:pointer;border-radius:20px}
.video__poster:before{width:89px;height:62px;max-height:62px;max-width:89px;background-color:rgb(28 27 28 / 89%);border-radius:15px;position:absolute;-webkit-transition:250ms;transition:250ms}
.video__poster:after{position:absolute;width:0;height:0;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fff;margin-left:2px}
.video:hover .video__poster:before{background-color: #cd1f20;}
.video__poster--hide{opacity:0;visibility:hidden}
.video__image{display:block;width:100%}
.video iframe,.video__iframe,.video__video{left:0;position:absolute;top:0;border:0;height:100%;width:100%;border-radius:22px}
.more-tutorials-pages{margin-top: 10px;}
.banner{background: url(https://clickdesigns.b-cdn.net/cd_images/banner.webp) no-repeat center bottom;background-size: cover;padding:8% 0 1% 0;position:relative;background-color: #fff;}
.section1{padding: 4.5% 0 6% 0;position:relative;background-color: #f4f9ff;overflow:hidden}
.video-section{margin-top: -5%;}
.video-section{position: relative;overflow: hidden;}
.video-section-box{background: url(https://clickdesigns.b-cdn.net/cd_images/videosectionbg.webp) no-repeat center top;background-size: cover;border-radius: 40px;background-color: rgb(17, 17, 17);padding:5.5% 0 7.5% 0;overflow: hidden;} .video-section-box .section2-title{color:#fff;}
.section2{background: url(https://clickdesigns.b-cdn.net/cd_images/section2.webp) no-repeat center top;background-size: cover;padding: 3% 0 0 0;position: relative;overflow: hidden;}
.section3{background: url(https://clickdesigns.b-cdn.net/cd_images/section3.webp) no-repeat center top;background-size: cover;padding: 0% 0 6% 0;position:relative;overflow: hidden;}
.section4{background: url(https://clickdesigns.b-cdn.net/cd_images/section4.webp) no-repeat center top;background-size: cover;padding: 6% 0 6% 0;position:relative;overflow: hidden;}
.section5 {position: relative;overflow: hidden;margin-top: -6%;}
.section5-box{background: url(https://clickdesigns.b-cdn.net/cd_images/section5.webp) no-repeat center top;background-size: cover;border-radius: 40px;background-color: rgb(17, 17, 17);padding: 6% 0;overflow: hidden;}.section5 video {border-radius: 10px;}
.section6{padding: 6% 0 7% 0;overflow: hidden;}
.section6-home{background-color: #f4f9ff;}
.section7{background: url(https://clickdesigns.b-cdn.net/cd_images/section7.webp) no-repeat center top;background-size: cover;padding: 6% 0 6% 0;position:relative;overflow: hidden;background-color: #fff;}
.section8 {position: relative;overflow: hidden;background-color: #fff;}
.section8-box{background: url(https://clickdesigns.b-cdn.net/cd_images/section8.webp) no-repeat center top;background-size: cover;border-radius: 40px;background-color: rgb(17, 17, 17);padding: 5.2% 0 5% 0;overflow: hidden;}
.faq-section{padding: 5% 0 5% 0;overflow: hidden;}
.footer{overflow: hidden;position: relative;padding: 4% 2% 2%;background-color: #f7f7f7;}
/*features-page*/
.banner-features{background: url(https://clickdesigns.b-cdn.net/cd_images/featuresbanner.webp) no-repeat center top;background-size: cover;padding: 8% 0 7% 0;} 
.features-section5 .section5-box{background: url(https://clickdesigns.b-cdn.net/cd_images/featuressection5bg.webp) no-repeat center top;background-size: cover;padding: 6% 0 4% 0;}
.features-section5{margin-top: -3%;}
/*raving-page*/
.banner-raving {background: url(https://clickdesigns.b-cdn.net/cd_images/ravingbanner.webp) no-repeat center top;background-size: cover;padding: 7.4% 0 7% 0;width: 100%;}
/*vs-page*/
.vs-banner{padding: 5.5% 0 0% 0;}
/*webpages-page*/
.webpages-banner{padding: 8.5% 0 0% 0;} 
.webpages-section4{background: url(https://clickdesigns.b-cdn.net/cd_images/webpagessection4.webp) no-repeat center top;background-size: cover;} 
/*pricing-page*/  
.pricing-banner{background: url(https://clickdesigns.b-cdn.net/cd_images/pricingbanner.webp) no-repeat center top;background-size:cover;padding:7.4% 0 6%;overflow:visible}
 
.pricing-april-2025{background: url(../pricing/pricingbanner25.png) no-repeat center top;background-size: cover;padding: 7.4% 0 0%;width: 100%;overflow: visible;}

.demo-banner{ background: url(../pricing/pricingbanner25.png) no-repeat center top;background-size: cover;padding: 7.4% 0 5% 0;}

/*pricing-page*/  
.dg-banner {background: url(https://clickdesigns.b-cdn.net/cd_images/dgbanner.webp) no-repeat center top;background-size: cover;padding: 8% 0 0% 0;}
.dg-section1{padding: 9% 0 7% 0;} 
.dg-section2{} 
.use-case-btn-section{padding: 0 0 5% 0;}
/*.features-free-row*/
.banner.pricing-banner.pricing-withfree.pricing-withStandard a.all-features-list-title {width: 100%;text-align: left;background-color: #40576d12;border: 0;}
.banner.pricing-banner.pricing-withfree.pricing-withStandard a.all-features-list-title.collapsed{}
.banner.pricing-banner.pricing-withfree.pricing-withStandard a.all-features-list-title:hover {color:#000;}
.banner.pricing-banner.pricing-withfree.pricing-withStandard a.all-features-list-title .fa{float: right;transform: rotate(0deg);font-weight: 700;	}
.banner.pricing-banner.pricing-withfree.pricing-withStandard a.all-features-list-title.collapsed .fa{transform: rotate(180deg);}
.features-free-row{} 
.features-free-updated .features-main-box{border:0;}
.features-free-updated .features-table-row{ }
.features-free-updated .features-free-row {border: 0;margin: 18px 0;border: 1px solid rgb(225, 228, 231);border-radius: 12px;}
.features-free-updated .section__headline .features-table-title {border-radius: 12px; }
.features-free-updated .section__headline.features-main-box {border-radius: 12px;z-index: 2;}
.features-free-updated .features-table .features-table-col4 {background-color: #f9f9f9;}
.features-free-updated .listicon {position: relative;}
.features-free-updated .listicon1 {width: 20px;margin-right: 5px;}
.features-free-updated .listicon2 {width: 20px;margin-right: 7px;}
.features-free-updated .listicon3 {width: 19px;margin-right: 5px;}
.features-free-updated .listicon4 {width: 21px;margin-right: 6px;}
.features-free-updated .listicon5 {width: 22px;top: -1px;margin-right: 5px;}
.features-free-updated .listicon6 {width: 24px;margin-right: 5px;}
.features-free-updated .listicon7 {width: 21px;margin-right: 5px;}
.features-free-updated .listicon8 {width: 22px;margin-right: 5px;top: -1px;}
.features-free-updated .listicon9 {width: 22px;margin-right: 5px;}
.features-free-updated .listicon10 {width: 23px;margin-right: 5px;}
.features-free-updated .listicon11 {width: 22px;margin-right: 5px;}
.features-free-tag {position: absolute;top: 27px;right: -28px;background-color: #0069ff;color: #fff;text-align: center;width: 131px;transform: rotate(46deg);font-size: 10px;font-weight: 900;padding: 5px 0px;z-index: 1;letter-spacing: 0.5px;}
.features-free-tag2 {position: absolute;top: 25px;right: -28px;background-color: #0fa958;
color: #fff;text-align: center;width: 131px;transform: rotate(46deg);font-size: 10px;font-weight: 500;padding: 5px 0px;}
.zpMpeQ {max-width: 1350px;}
.J0BMlA {margin: 0 auto;width: 100%;padding: 0 15px;}
.features-free-updated .table-box1 { border-radius: 16px; }
.features-free-updated .table-title {font-size: 20px !important;}
.features-free-updated .table-title span {
    font-size: 13px;
    display: inline-block;
    color: #ffffff;
    padding: 1px 7.3px;
    height: 23px;
    position: relative;
    top: -3px;
    font-weight: 700;
    text-transform: lowercase;
    border-radius: 5px;
    background-color: rgb(29, 29, 33);
}
.pricing-withStandard.features-free-updated .table-price {margin-top: 15px;letter-spacing: -0.96px;}

.features-free-updated .table-price span {
    font-size: 15px;
    color: #6b6b6b;
    font-weight: 400;
    letter-spacing: 0.5px;
}
.features-free-updated .table-price span ._cut_1wriv_76{color: #0069ff;}
.features-free-updated .table-month-text {font-size: 14px !important;}
.features-free-updated .table-link1 a, .features-free-updated .table-link2 a {
    font-size: 16px !important;
    padding: 12px 15px;
    margin-top: 35px !important;
    border-radius: 8px;
    background-color: #fff;
    color: #0069ff;
    font-weight: 700;
    letter-spacing: -0.4px;
}
.features-free-updated .table-link1 a, .features-free-updated .table-link2 a, .features-free-updated .features-mybutton1 a {
    border-color: rgb(0, 105, 255);
}

.pricing-april-2025 .table-box1{overflow: visible;}

.features-free-updated .table-list li {
  font-size: 15px !important;
  padding-bottom: 5px;
  margin-top: 6px;
  line-height: 160%;
  font-weight: 400;
  color: #000;
  position: relative;
  width: 100%; 
}
.features-free-updated .table-list li .tooltip-container {
position: absolute;
display: inline-block;
right: 0;
top: 4px; 
}
.features-free-updated .table-list li .tooltip-content {position: absolute;right: 0;left: 430%;transform: translateX(-99%);background-color: #2e2e2e;color: #ffffff;text-align: center;padding: 7px 10px;border-radius: 10px;box-shadow: 0 8px 16px rgb(0 0 0 / 9%);visibility: hidden;opacity: 0;transition: opacity 0.3s, visibility 0.3s;top: 150%;pointer-events: none;z-index: 1;font-size: 11px;font-weight: 500;width: max-content;line-height: 150%;}
.features-free-updated .table-list li .tooltip-container {position: relative;display: inline-block;left: 0;top: 4px;float: none;}


.features-free-updated .table-box1-top {padding: 0 1px 23px 1px;} 
.features-free-updated .table-list {margin-top: 0;padding: 23px 0px 0 0;border-top: 1px solid rgb(225, 228, 231);}
/*------*/
.features-free-updated .all-features-title {font-size: 24px !important;}

.features-free-updated .all-features-table-title {text-align: left;font-size: 17px;position: relative;}
.features-free-updated .all-features-table-title span {
    font-size: 10px;
    display: inline-block;
    background-color: #ffd023;
    color: #ffffff;
    border-radius: 50px;
    padding: 1px 5px;
    height: 15px;
    position: relative;
    top: -3px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: lowercase;
    border-radius: 5px;
    background-color: rgb(29, 29, 33);
    height: 18px;
}
.features-free-updated .all-features-table-title span.span-hide {position: absolute;visibility: hidden;}
.features-free-updated.pricing-withStandard .all-features-table-price {font-size: 24px;} 
.features-free-updated .all-features-table-price span {font-size: 12px !important;} 
.features-free-updated .all-features-month-text {font-size: 12px !important;} 
.features-free-updated .features-mybutton1 a, .features-free-updated .features-mybutton2 a {font-size: 14px !important;padding: 8px 15px !important;margin-top: 30px !important;width: 100% !important;} 
.features-free-updated .all-features-list {font-size: 14px;}	
.features-free-updated .features-table-col1 .all-features-list{font-weight: 500;}	
.features-free-updated .features-main-box, .features-free-updated .pricing-testi-box {width: 100% !important;}
.features-free-updated .features-table-col2, .features-free-updated .features-table-col3, .features-free-updated .features-table-col4{border-top-width: 4px !important;}	
.features-free-updated .features-free-updated .features-free-row .features-table-col3{border-top-color:#F44336 !important;}
.features-free-updated .features-table-title .features-table-col3{border-top-color: rgb(5, 0, 3) !important;}
.features-free-updated .features-table-col3-standard.features-table-col3{border-top-color: rgb(5, 0, 3) !important;}
.features-free-updated .table-box1-out:nth-child(2) .table-box1{    }	
.features-free-updated .table-link1-standard a {border-color: #e0e4eb;color: #fff;border-radius: 50px;background-color: rgb(5, 0, 3);}
.features-free-updated .table-link1-standard a:hover {background-color: rgb(4 94 223);box-shadow: none;text-decoration: none;background-color: rgb(5, 0, 3);box-shadow: 0px 7px 12px #50505033;text-decoration: none;border-color: rgb(5, 0, 3);}
.features-free-updated  .features-table-col3-standard {border-top: 4px solid rgb(0, 105, 255)!important;}
.features-free-updated .table-box1-out:nth-child(3) .table-box1 {}
.features-free-updated .table-link1-update a, .features-free-updated .features-mybutton1-updated a {color: #fff;border-radius: 50px;background-color: rgb(5, 0, 3);border-color: rgb(5, 0, 3);}
.features-free-updated .table-link1-update a:hover, .features-free-updated .features-mybutton1-updated a:hover {background-color: rgb(5, 0, 3);box-shadow: 0px 7px 12px #50505054;text-decoration: none;border-color: rgb(5, 0, 3);}
.features-free-updated #expander .fa, .features-free-updated #expander-2 .fa {margin-left: 2px;font-size: 19px;font-weight: 600;transition: none;}
.features-free-updated .tooltip-container {position: absolute;display: inline-block;float: right;right: 10px;}
.features-free-updated .tooltip-trigger {cursor: pointer;background: none;border: none;color: inherit;font: inherit;}
.features-free-updated .tooltip-trigger svg {}
.features-free-updated .tooltip-content {position: absolute;left: 50%;transform: translateX(-50%);background-color: #2e2e2e;color: #ffffff;text-align: center;padding: 7px 10px;border-radius: 10px;box-shadow: 0 8px 16px rgb(0 0 0 / 9%);visibility: hidden;opacity: 0;transition: opacity 0.3s, visibility 0.3s;top: 200%;pointer-events: none;z-index: 1;font-size: 11px;font-weight: 500;width: max-content;line-height: 150%; }
.features-free-updated .tooltip-content::before {content: "";position: absolute;top: -5px; /* Adjust this value to match the height of the triangle */left: 50%;transform: translateX(-50%);border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #2e2e2e; /* Triangle pointing up */}
.features-free-updated .tooltip-trigger:focus + .tooltip-content,
.features-free-updated .tooltip-trigger.active + .tooltip-content {opacity: 1;visibility: visible;pointer-events: auto; /* Allow the tooltip to be interacted with */}
.features-free-updated .features-table-row .features-table-col1 {position:relative;} 
.features-table .features-table-col4 {border-bottom-right-radius: 12px;}
.J0BMlA .tab-slider--trigger {padding: 13px 0;left: 0;width: 146px;letter-spacing: -0.375px;}
.J0BMlA .tab-slider--tabs:after {width: 147px;left: 50%;}
.J0BMlA .tab-slider--tabs.slide:after {left: 1%;}
.features-free-updated .table-price span ._cut_1wriv_76 {
    display: inline-block;
    padding: 2px 8.5px;
    height: 19px;
    color: rgb(5, 0, 3);
    border-radius: 9px;
    background: rgb(179 247 53 / 50%);
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    position: absolute;
    left: -1px;
    bottom: 100%;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.35px;
}
span ._cut_1wriv_77 {
  display: inline-block;
  padding: 2px 9px;
  height: 19px;
  color: rgb(5, 0, 3);
  border-radius: 9px;
  background: rgb(179 247 53 / 50%);
  font-weight: 400;
  line-height: 16px;
  text-align: center;
  position: absolute;
  left: -1px;
  bottom: 100%;
  font-size: 14.63px;
  font-weight: 700;
  letter-spacing: -0.35px;
}
.features-free-updated .delete-line {
    position: absolute;
    left: 5px;
    width: 85%;
    transform: rotate(1deg);
    top: 4px;
}
.pricing-banner .leaders-section{padding-bottom:0;margin-top: 4%;}
.officon {margin-right: 6px;position: relative;top: -1px;}
 .features-mybutton1.features-mybutton1-free {margin-top: 2px;}
 
@media only screen and (max-width: 767px) {
.features-free-updated .all-features-table-title span.span-hide {position: relative;visibility: hidden;margin-top: 16px;}	
.features-free-updated .all-features-table-title span { padding: 2px 8px;height: 15px; top: 4px; }
.J0BMlA .tab-slider--trigger { width: 145px;}
.J0BMlA .tab-slider--tabs:after {width: 145px; }
#ex-content span.span-hide {margin-top: 4px;}
.features-free-updated .all-features-table-price span._cut_1wriv_76._cut_1wriv_77 {font-size: 10px !important;display: inline-block;margin-left: 0;margin-top: 2px;}
span ._cut_1wriv_77 {position: relative;width: auto;}
span._cut_1wriv_76._cut_1wriv_77 .delete-line {width: auto;top: 6px;left: 2px;height: auto;}	
.features-table-col3 {border-left: 1px solid #e1e4e7 !important;}.collapse1list .features-table-col3:first-child {border-left: 0 !important;}}

/*black-friday-banner*/
.black-friday-banner {background: url(../images/bfbanner.png) no-repeat center top;background-size: cover;background-color: #180a29 !important; text-align: center;color: hsl(var(--hue) 50% 70%);min-height: 100vh;padding: 2em;background-color: hsl(var(--hue) 50% 25%);display: flex;align-items: center;justify-content: center;}
a.banner-link-bf{color:#fff;padding: 14px 27px;transition:.5s;border-radius: 10px;background-color:#0069ff;box-shadow:0 20px 51px 0 rgba(0,83,235,.2);border:1px solid #0069ff;transition:transform .2s;font-size:18px;margin-top: 47px;display: inline-block;}
a.banner-link-bf:hover{background-color:rgb(4 94 223);box-shadow:0 20px 51px 0 rgb(0 83 235 / 17%)} 
.bf-title1{font-size:123px;font-family: owners, sans-serif;font-weight: 700;color: #fff;margin-top: 70px;line-height: 100%;}
.bf-title2 {font-size: 133px;font-family: owners, sans-serif;line-height: 90%;font-weight: 600;margin-top: -13px;color: #180a29;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #cfcfcf;}
.bf-title3{font-size:133px;font-family: owners, sans-serif;color: #fff;font-weight: 700;line-height: 100%;margin-top: -4px;}
.bf-title3 span {font-size: 58px;display: inline-block;line-height: 85%;font-weight: 500;margin-left: 9px;}
.bf-subtitle{font-size:27px;font-weight: 500;color: #cc8736;margin-top: 16px;}
.bf-timer-title{font-size:15px;color: #ffffff;font-weight: 400;margin-top: 28px;margin-bottom: 0;}

.section8-bf .section8-box{background: url(../images/section8bf.png) no-repeat center top;background-size: cover;background-color: #020205;padding: 4% 0 3.5% 0;}
.section8-bf-title1{font-family: owners, sans-serif;color: #fff;line-height: 90%;}
.section8-bf-title2{font-weight: 600;line-height: 95%;font-family: owners, sans-serif;text-transform: uppercase;color: #05050d;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #f1f1f1;margin-top: 11px;}
.section8-bf-title3{font-family: owners, sans-serif;color: #fff;line-height: 90%;font-weight: 600;margin-top: 15px;}
.section8-bf-title4{font-family: owners, sans-serif;line-height: 100%;color: #fff;font-weight: 500;}
.section8-bf-subtitle{color: #cc8736;margin-top: 10px;}
a.banner-link-bf2{color:#fff;padding: 14px 27px;transition:.5s;border-radius: 10px;background-color:#0069ff;box-shadow:0 20px 51px 0 rgba(0,83,235,.2);border:1px solid #0069ff;transition:transform .2s;margin-top: 27px;display: inline-block;}
a.banner-link-bf2:hover{background-color:rgb(4 94 223);box-shadow:0 20px 51px 0 rgb(0 83 235 / 17%)} 


.footer-popup {
	background: url(../images/popbg.png) no-repeat center top;background-size: cover;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 20px; 
    background-color: #18033e;
    color: white;
    text-align: center;
    z-index: 1000; /* Ensures it stays on top of other content */
    margin: auto;
    border-radius: 15px; transform: translateY(125%); /* Initially hide the popup offscreen */
    transition: transform 0.5s ease-in-out; /* Smooth transition for sliding in */
}
.popup-content {padding: 22px 4%;width: 100%;position: relative;}
.popup-visible {transform: translateY(0); /* Slide into view */}
.footer-popup .close-btn {
    float: right;
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: -12px;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-radius: 50%;
    background-color: rgb(22 3 62);
    width: 26px;
    height: 26px;
}
.footer-popup.close-btn:hover {color: #ccc;}
.footerPopup-row{display: flex;justify-content: space-between;align-items: center;}
.footerPopup-div1{text-align: left;}
.footerPopup-div2{}
.footerPopup-div3{}
.footerPopup-bf-title1{font-family: owners, sans-serif;color: #fff;line-height: 90%;font-size: 24px;}
.footerPopup-bf-title2 {font-size: 34px;font-weight: 700;line-height: 95%;font-family: owners, sans-serif;text-transform: uppercase;color: #18033e;-webkit-text-stroke-width: 0.5px;-webkit-text-stroke-color: #ffffff;margin-top: 11px;}
.footerPopup-bf-title3{font-family: owners, sans-serif;color: #ff9d2a;line-height: 90%;font-weight: 700;font-size: 44px;}
.footerPopup-bf-title4{font-family: owners, sans-serif;line-height: 100%;color: #fff;font-weight: 500;font-size: 20px;}
a.banner-link-bf3{color:#fff;padding: 5px 31px;transition:.5s;border-radius: 5px;background-color:#0069ff;box-shadow:0 20px 51px 0 rgba(0,83,235,.2);border:1px solid #0069ff;transition:transform .2s;margin-top: 17px;display: inline-block;text-transform: uppercase;font-size: 14px;}
a.banner-link-bf3:hover{background-color:rgb(4 94 223);box-shadow:0 20px 51px 0 rgb(0 83 235 / 17%)} 

 
.black-friday-banner-pricing {background: url(../images/bfpricing.png) no-repeat center top;background-size: cover;background-color: #160626 !important;text-align: center;padding: 4% 0 2% 0;}
a.banner-link-bf{color:#fff;padding: 14px 27px;transition:.5s;border-radius: 10px;background-color:#0069ff;box-shadow:0 20px 51px 0 rgba(0,83,235,.2);border:1px solid #0069ff;transition:transform .2s;font-size:18px;margin-top: 47px;display: inline-block;}
a.banner-link-bf:hover{background-color:rgb(4 94 223);box-shadow:0 20px 51px 0 rgb(0 83 235 / 17%)} 
.bf-pricing-title1{font-size: 82px;font-family: owners, sans-serif;font-weight: 700;color: #fff;margin-top: 0;line-height: 100%;}
.bf-pricing-title2 {font-size: 92px;font-family: owners, sans-serif;line-height: 100%;font-weight: 600;margin-top: 8px;color: #130523;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #cfcfcf;text-transform: uppercase;}
.bf-pricing-title3{font-size: 95px;font-family: owners, sans-serif;color: #fff;font-weight: 700;line-height: 100%;margin-top: 4px;}
.bf-pricing-title3 span {font-size: 44px;display: inline-block;line-height: 85%;font-weight: 500;margin-left: 9px;}
.bf-pricing-timer-title{font-size:19px;color: #ffffff;font-weight: 400;margin-top: 46px;margin-bottom: -5px;}

/*contact-page*/
.contact-left-box{padding: 0 3.9% 0 3.5%;}
.contact-right-box{padding: 0 3.5% 0 0.5%;}
.contactBox {
    border-radius: 8px;
    background-color: rgb(52, 106, 253);
    text-align: center;
    justify-content: center;
    display: inline-block;
    padding: 4.9% 0;
    margin-top: 6%;
	-webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    transition: .4s;	
}
.contactBox:hover{
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transform: scale(1.1);
    transition-duration: 0.3s;		
}
.chatBox {border-width: 1px;border-color: rgb(52, 106, 253);border-style: solid;border-radius: 8px;background: #fff;margin-left: 3%;}
.contactText {margin-top: 10%;}
.socialBox .social-link {margin-top: 2%;margin-bottom: 3%;}
.contact-mike-section {background: url(../images/mikeBg.png) no-repeat right bottom;background-size: cover;}
.contact-mike-section p{font-size:16px;} 
.contact-mike-details{padding: 5% 5%;}
.contact-mike-img{padding:0;}
.mike2-img {max-width: 113%;position: relative;left: -7%;margin-top: -17%;}
.contactBox-btn {margin-top: 5%;display: -webkit-inline-box;}
.contactBox-btn a.contact-link {
  color: #fff;
  padding: 13.5% 13.3%;
  display: table;
  border-radius: 9px;
  background-color: rgb(52, 106, 253);
  box-shadow: 0px 7px 16px 0px rgb(52 106 253 / 27%);
  transition: 0.5s;
  position: relative;
  z-index: 2;
  margin-right: 3%;
}
.contactBox-btn span.email-link {color: #fff;padding: 10.5% 15px;display: table;border-radius: 9px;background-color: rgb(52, 106, 253);box-shadow: 0px 7px 16px 0px rgb(52 106 253 / 27%);transition: 0.5s;position: relative;z-index: 2; }
.contactBox-btn a:hover, .contactBox-btn span:hover {background-color: rgb(44 92 224);box-shadow: none;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;z-index: 1;color: #fff !important;text-decoration: none !important;transform: scale(1.1);transition-duration: 0.3s;}
.contactBox-btn img {position:relative;	}
.contactBox-btn a.contact-link img{margin-bottom: 20%;}
.contactBox-btn span.email-link img{margin-bottom: 9%;}
.contactBox-btn a span{}
.contact-banner .social-link{margin-top: 6%;}
.contact-banner .social-link a{margin: 0 1px;border-radius: 50%;background-color: rgb(24, 119, 242);width: 26px;height: 26px;display: inline-block;text-align: center;padding: 6px 0;color: #ffffff;}
.contact-banner .social-link a i{-webkit-transition: transform 0.3s ease-out;-moz-transition: transform 0.3s ease-out;-ms-transition: transform 0.3s ease-out;-o-transition: transform 0.3s ease-out;transition: transform 0.3s ease-out;}
.contact-banner .social-link a:hover{color: #ffffff;box-shadow: 0px 0px 9px 3px rgb(24 119 242 / 12%);	}
.contact-banner .social-link a:hover i{-webkit-transform: translateY(-4px);-moz-transform: translateY(-4px);-ms-transform: translateY(-4px);-o-transform: translateY(-4px);transform: translateY(-4px);}

.contact-banner .social-link a.facebook{background-color: rgb(24, 119, 242);}
.contact-banner .social-link a.twitter{background-color: #1da1f2;}
.contact-banner .social-link a.instagram{background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);}
.contact-banner .social-link a.youtube{background-color: #FF0000;}
.contact-banner .social-link a.linkedin{background-color: #0077b5;}

.socialBox .social-link {margin-top: 2%;margin-bottom: 3%;}

/*mike-section*/
.mike-section{padding: 6% 0 4% 0;overflow: hidden;}
.mike-section-box-out{padding: 0 1.5%;}
.mike-section-box {border-radius: 18px;background-color: rgb(52, 106, 253);box-shadow: 0px 11px 62px 0px rgb(30 38 57 / 14%);}
.mike-img-box{text-align:right;padding:0;}
.mike-img{position: relative;max-width: 105%;left: -3%;margin-top: -13%;} 
.mike-text{padding: 0 3% 0 15px;text-align: left;}

/*training-page*/
.training-headline-div{background: url(https://clickdesigns.com/new/tutorials/trainingbg.png) no-repeat center top;background-size: cover;padding: 6.1% 0 3.1% 0;width: 100%;background-color: #002d31;}

/*training-headline-div1*/
.training-headline-div1{background-color: #fff;padding: 3.55% 0 2.2% 0;border-bottom: 1px solid #D9D9D9;} 

.training-headline-div2{background-color: #fff;}
.training-main-container{width: 87%;}   

.training-title-list-div{border-right: 1px solid #D9D9D9;width: 275px;}
.training-video-div{width: 75%;padding: 0 6%;}
 

.training-headline-div2-sticky {position: sticky;top: 64px; background: #fff; display: flex;flex-direction: row;justify-content: center;}
.training-headline-div2-sticky-wrapper {margin-bottom: 30px; /* spacing below sticky block */}

.training-title-list-div #myScrollspy {position: sticky;top: 74px;height: calc(100vh - 40px);padding: 74px 0 30px 0;}
.training-section-div {min-height:calc(100vh - 80px);padding: 7% 0;position: relative;/* top: 46px; */border-bottom: 1px solid #D9D9D9;display: -webkit-flex;display: flex;justify-content: center;flex-direction: column;align-content: center;}
.training-video-div .training-section-div-inn{padding: 0 19% 0 0;}
.training-video-div .training-section-div-inn.training-section-div-inn-col{padding:0;}
.training-video-div .video-container, .commingsoonl {margin: initial;margin-top: 20px;margin-bottom: 12px;} .commingsoonl{width: 100%;}
.training-title-list-div .nav-item.dropdown > .dropdown-menu {
  max-height: calc(100vh - 400px);          /* Adjust based on your layout */
  overflow-y: auto;
  overflow-x: hidden; 
  scrollbar-width: thin;      /* For Firefox */
  scrollbar-color: #ccc transparent;    padding-right: 22px;
}
.training-title-list-div .nav-item.dropdown > .dropdown-menu::-webkit-scrollbar {
  width: 6px;
}
.training-title-list-div .nav-item.dropdown > .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
}
.training-title-list-div .nav-item.dropdown > .dropdown-menu::-webkit-scrollbar-track {
  background: transparent;
}

.training-title-list-div li.nav-item.level-0{width: 100%;display: inline-table;margin: 5px 0;} 

.training-title-list-div .nav-pills .nav-link {font-size: 18px;font-weight: 400;padding: 11.5px 25px;align-items: center;border-radius: 10px;line-height: 150%;color: #121417 !important;width: 90.1%;margin: 1px 0;}
.training-title-list-div .nav-pills .nav-link.active,
.training-title-list-div .nav-item.dropdown.active .nav-link
{background: #003A3B;font-weight: 400;color: #fff !important;}

 
.training-title-list-div .nav-pills{margin-top: 20px;display: flex;width: 100%;flex-direction: row;} 
.training-title-list-div .dropdown-item.active, 
.training-title-list-div .dropdown-item:active{background-color: transparent;color: #121417;}

.training-title-list-div .nav-item .dropdown{}
.training-title-list-div .nav-item .dropdown-toggle{}
/* You can keep dropdown-menu as relative */
.training-title-list-div .nav-item .dropdown-menu {
  display: none; /* Hide by default */
  position: relative;
  width: 100%;
  padding: 0;
  border: 0;
  box-shadow: none;    margin-top: 10px;
}
.training-title-list-div .nav-item.active .dropdown-menu {
  display: block; /* Show when parent is active */
}

.training-title-list-div .dropdown-submenu.level-1 > .dropdown-menu{ display: none;}
.training-title-list-div .dropdown-submenu.level-1.active > .dropdown-menu{ display: block;}

.training-title-list-div .dropdown-submenu.level-1.active > .dropdown-menu > .dropdown-submenu.level-2 > .dropdown-menu{display: none;}
.training-title-list-div .dropdown-submenu.level-1.active > .dropdown-menu > .dropdown-submenu.level-2.active > .dropdown-menu{display: block;}

.training-title-list-div .dropdown-item{font-size: 14px;font-weight: 400;padding: 8px 25px;align-items: center;border-radius: 7px;line-height: 150%;color: #121417; margin-top: 1px;}
.training-title-list-div .dropdown-menu > .dropdown-item.level-1-link.active{border-radius: 7px;background: #F3F3F3;color: #005E55;font-style: normal;font-weight: 600;}
 
.training-title-list-div .dropdown-submenu.level-1.active > .dropdown-item.dropdown-toggle.level-1-link.active{border-radius: 7px;background: #F3F3F3;color: #005E55;font-style: normal;font-weight: 600;}
 
.training-title-list-div .dropdown-submenu.level-1 > .dropdown-menu{padding-left: 11px;}

.training-title-list-div .dropdown-submenu.level-1.active > a.dropdown-item.level-2-link.active{}


.training-title-list-div .dropdown-submenu.level-1.active > .dropdown-menu > a.dropdown-item.level-2-link.active,
.training-title-list-div .dropdown-submenu.level-1.active > .dropdown-menu > .dropdown-submenu.level-2.active > a.dropdown-item.dropdown-toggle.level-2-link{border-radius: 7px;background: #F3F3F3;color: #005E55;font-style: normal;font-weight: 600;}

 
.training-title-list-div .dropdown-submenu.level-1.active > .dropdown-menu > .dropdown-submenu.level-2.active > .dropdown-menu > a.dropdown-item.level-3-link{color: #005E55;}

.training-title-list-div .nav .nav-item:not(:last-child){margin-right: 0 !important;}
.training-section-div.active {transition: outline 0.3s ease-in-out;}

.training-title-list-div .nav-pills .nav-link span.training-list-icon{display: inline-block;position: relative;top: 1px;margin-right: 12px;}
.training-title-list-div .nav-pills .nav-link span.training-list-icon svg path{fill-opacity:1;stroke:#121417;stroke-opacity:1;}

.training-title-list-div .nav-pills .nav-link.active span.training-list-icon svg path{stroke:#ffffff;}
.training-title-list-div .nav-pills .nav-link span.training-list-icon svg.explore-list path{fill:#121417;}
.training-title-list-div .nav-pills .nav-link.active span.training-list-icon svg.explore-list path{fill:#ffffff;}

.training-title-list-div .nav-link span.training-dropdown-icon,
.training-subdropdown-icon{display: block;transition: transform 0.3s ease;position: relative;float: right;top: 7px;}
.training-title-list-div .nav-link.active span.training-dropdown-icon, 
.training-title-list-div .nav-link.active span.training-subdropdown-icon{transform: rotate(90deg);}

.training-title-list-div .nav-link span.training-dropdown-icon svg{}
.training-title-list-div .nav-pills .nav-link.active span.training-dropdown-icon svg{}

.training-title-list-div  .nav-link span.training-dropdown-icon svg path{fill: #121417;stroke: #121417;}
.training-title-list-div  .nav-link.active span.training-dropdown-icon svg path{fill: #fff;stroke: #fff;}

.training-title-list-div .nav-item .dropdown-toggle::after{display: none;}

.training-title-list-div .nav-pills .nav-link.exploreAll-list span.training-list-icon {top: 2px;}

.training-title-list-div .dropdown-submenu {}
.training-title-list-div .dropdown-submenu .dropdown-menu{margin-top: 0;}
.training-title-list-div .dropdown-submenu .dropdown-menu .dropdown-item{}

.training-title-list-div .dropdown-submenu .dropdown-menu .dropdown-submenu{}
.training-title-list-div .dropdown-submenu .dropdown-menu .dropdown-submenu .dropdown-item{}

.training-title-list-div .dropdown-submenu.level-1.active > .dropdown-item.dropdown-toggle.level-1-link .training-subdropdown-icon,
.training-title-list-div .dropdown-submenu.level-1.active > .dropdown-menu > .dropdown-submenu.level-2.active > a.dropdown-item.dropdown-toggle.level-2-link .training-subdropdown-icon{top: 5px;}


.training-subdropdown-icon svg path{fill:#121417;stroke:#121417;}
.training-title-list-div .dropdown-submenu.level-1.active > .dropdown-item.dropdown-toggle.level-1-link.active .training-subdropdown-icon svg path,
.training-title-list-div .dropdown-submenu.level-1.active > .dropdown-menu > .dropdown-submenu.level-2.active > a.dropdown-item.dropdown-toggle.level-2-link .training-subdropdown-icon svg path{fill:#005E55;stroke:#005E55;}

.training-section-col-6{padding: 0;padding-right: 15px;margin: 0 0 12px 0;}
.training-section-col-6 .video-container{margin-bottom: 15px;}


.swiper-container.swiperTraining{padding: 29px 0;}
.swiper-button-next.swiperTraining-pagination-nav{right: -30px;}
.swiper-button-prev.swiperTraining-pagination-nav{left: -30px;}

.swiper-button-next.swiperTraining-pagination-nav,
.swiper-button-prev.swiperTraining-pagination-nav{
    background-image: none;
    display: grid;
    width: 61px;
    height: 61px;
    background-color: hwb(0deg 50% 50% / 20%);
    border-radius: 100%;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 45%;
}
.swiper-button-next.swiperTraining-pagination-nav span .trainingarrow,
.swiper-button-prev.swiperTraining-pagination-nav span .trainingarrow{filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.06));filter: drop-shadow(0px 4px 4px color(display-p3 0 0 0 / 0.06));}
.swiper-button-next.swiperTraining-pagination-nav span .trainingarrow{-webkit-transform: scaleX(-1);transform: scaleX(-1);}

.training-thumbnail{width: 100%;height: 100%;object-fit: cover;cursor: pointer;display: block;border-radius: 20px;}
.swiperTraining .video-thumbnail .playicon {left: 20%;width:20px;}
.swiperTraining .video-thumbnail span:before  {width: 55px;height: 55px;}
.swiperTraining .video-thumbnail span:after{width: 55px;height: 55px;}  
.swiperTraining .video-thumbnail span {width: 55px;height: 55px;}

.swiperTraining .video-container{margin-top: 0;background-color: #000000;}
 
.training-item-div:last-child{border: 0;padding-bottom: 120px;}

/**********/
/* fixed top navbar when scrolling */
.mySticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  /* header stays above scrolling content */
  z-index: 99
} 

/* sidebar nav -stays in same location while scrolling */ 
.sticky-column {
  position: -webkit-sticky;
  position: sticky;
  /* top alignment of sidebar nav */
  top: 65px;
  /* general appearance */ 
  /* gray outline around navbar area
  border: 1px solid DarkGray; */
  /* rounded corners of navbar area */  
  border-radius: 5px;
  padding-left: 0px;
  padding-right: 0px;
 
  /* scrollbar appears with screens not high enough to display entire sidebar nav, otherwise hidden */
    
        /* change "6rem" value height of when scrollbar appears */
        max-height: calc(100vh - 6rem);
/* scrollbar appearance (Firefox only) */  
        scrollbar-width: thin;
        scrollbar-color: LightGray white; 
     /* scrollbar on left side   direction: rtl;*/        
}
   
/* collapse columns if required */
.sticky-column .nav-button > .nav-link + nav {
/* CHANGED .nav-pills to .nav-button */
  display: none;  
}

/* sub-items opened */
.sticky-column .nav-button > .nav-link.active + nav {
     display: block;
 }

 /* -- sidebar nav styles -- */
/* main-items side-navbar text color */
.sticky-column .nav-link,
nav#mobileSidebar .nav-link {
  display: block;
  font-size: 18px;
  font-weight: 400;
  padding: 11.5px 25px;
  align-items: center;
  border-radius: 10px;
  line-height: 150%;
  color: #121417 !important;
  width: 90.1%;
  margin: 5px 0;
}
.sticky-column .nav-link, nav#mobileSidebar .nav-link { 
    font-size: 16px; 
    padding: 9px 16px; 
}

.sticky-column .collapse {}
.sticky-column .collapse {}

/* sub-items  */
.sticky-column .flex-column > .sub-item {
  font-size: 14px;
  font-weight: 300;
  color: DimGray;
  margin-left: 0 !important;
}
.sticky-column .flex-column > .sub-item.active{
      border-radius: 7px;
      background: #F3F3F3;
      color: #005E55 !important;
      font-style: normal;
      font-weight: 600;
}


/* active item (currently selected item) 
------ rectangular block background ----- */
.sticky-column .nav-link.active,
nav#mobileSidebar .nav-link.active{
    background: #003A3B;
    font-weight: 400;
    color: #fff !important;
}   

.sticky-column .nav-button-sub{ padding-left: 10px;}
.sticky-column .nav-button-sub-sub{padding-left: 20px;}
 

.sticky-column .flex-column > .sub-sub-item{
    font-size: 14px;
    background: transparent;
    color: #121417 !important;    margin: 0;
}
.sticky-column .flex-column > .sub-sub-item.active{
    border-radius: 7px;
    background: #F3F3F3;
    color: #005E55 !important;
    font-style: normal;
    font-weight: 600;
}

.sticky-column .flex-column > .nav-button-sub-sub .sub-sub-item{
    color: #005E55 !important;
}
 
.training-title-list-div.sticky-column {
  top: 65px;
}
/* Add this globally to all anchor targets */
.training-item-div {border-bottom: 1px solid #D9D9D9;}


.training-title-list-div #sidenav .nav-link span.training-list-icon{display: inline-block;position: relative;top: 1px;margin-right: 12px;}
.training-title-list-div #sidenav .nav-link span.training-list-icon svg path{fill-opacity:1;stroke:#121417;stroke-opacity:1;}

.training-title-list-div #sidenav .nav-link span.training-list-icon svg path{stroke:#ffffff;}
.training-title-list-div #sidenav .nav-link span.training-list-icon svg path{fill-opacity: 1;stroke: #121417;stroke-opacity: 1;}
.training-title-list-div #sidenav .nav-link span.training-list-icon svg.explore-list path{fill: #121417;}
 
.training-title-list-div #sidenav .nav-link.active span.training-list-icon svg path{stroke: #ffffff;}
.training-title-list-div #sidenav .nav-link.active span.training-list-icon svg.explore-list path{fill: #ffffff;}

.training-list-title{margin-bottom: 20px;}

 
.training-video-div .training-section-div-inn.training-section-div-inn-col .video-thumbnail .playicon {left: 20%;width:25px;}
.training-video-div .training-section-div-inn.training-section-div-inn-col .video-thumbnail span:before  {width: 75px;height: 75px;}
.training-video-div .training-section-div-inn.training-section-div-inn-col .video-thumbnail span:after{width: 75px;height: 75px;}  
.training-video-div .training-section-div-inn.training-section-div-inn-col .video-thumbnail span {width: 75px;height: 75px;}

#sidenav{padding: 74px 0 30px 0;padding: 21.6% 0 9% 0;} 

#sidenav .nav-sub-item-list{  max-height: calc(100vh - 320px);          /* Adjust based on your layout */
  overflow-y: auto;
  overflow-x: hidden; 
  scrollbar-width: thin;      /* For Firefox */
  scrollbar-color: #ccc transparent;    padding-right: 22px;
}
#sidenav .nav-sub-item-list::-webkit-scrollbar,
.sidebar-mobile::-webkit-scrollbar {
  width: 6px;
}
#sidenav .nav-sub-item-list::-webkit-scrollbar-thumb,
.sidebar-mobile::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
}
#sidenav .nav-sub-item-list::-webkit-scrollbar-track,
.sidebar-mobile::-webkit-scrollbar-track {
  background: transparent;
}
 

/**/

    /* Mobile Sidebar */
    .sidebar-mobile {
      position: fixed;
      top: 0;
      left: -270px;
      width: 250px;
      height: 100vh;
      background-color: #f8f9fa;
      overflow-y: auto;
      transition: left 0.3s ease-in-out;
      z-index: 1040;
      padding: 1rem;
      border-right: 1px solid #ddd;
    }

    .sidebar-mobile.open {
      left: 0;
    }

    #overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      height: 100vh;
      width: 100vw;
      background: rgba(0, 0, 0, 0.5);
      z-index: 1039;
    }

    #overlay.overlay.active {
      display: block;
    }

    .close-btn {
      font-size: 1.5rem;
      font-weight: bold;
      border: none;
      background: transparent;
      position: absolute;
      top: 10px;
      right: 15px;
    }

    @media (min-width: 768px) {
      .sidebar-mobile, #overlay {
        display: none !important;
      }
    }
   
    
    @media (max-width: 767.98px) {
  .sticky-mobile-nav {
        position: sticky;
        top: 0;
        z-index: 1040;
        box-shadow: none;
        transition: opacity 0.2s ease-in-out;
        background-color: transparent !important;
        border: 0;
    }
   .sticky-mobile-nav .navbar-toggler{background-color: #fff;}

  .sticky-mobile-nav.hidden {
    display: none !important;
  }
}





.sidebar-mobile .nav-list li a {
	text-decoration: none;
	display: block;
	padding: 10px;
	cursor: pointer;
	border-bottom: 1px solid #515151 !important;
	color: #9d9d9d;
}

.sidebar-mobile .nav-list > li > a {
	color: #C4C4C4;
	font-size: 14px;
	padding-left: 13px !important;
	border-bottom: 1px solid #585858;
}

.sidebar-mobile .nav-list > li > a:hover {
	background-color: #444444;
}

nav#mobileSidebar div.collapse .nav-link {
    font-size: 14px;
}
nav#mobileSidebar div.collapse .nav-link.active {
    background: #F3F3F3;
    color: #005E55 !important;
    font-style: normal;
    font-weight: 600;
}

nav#mobileSidebar div.collapse > div.collapse .nav-link.active {background-color: transparent;}

 

@media only screen and (max-width: 993px) {
	a.banner-link-bf{font-size: 16px;margin-top: 32px;}
	.bf-title1{font-size: 90px;margin-top: 40px;}
	.bf-title2 {font-size: 94px;margin-top: -13px;}
	.bf-title3{font-size: 99px;margin-top: -4px;}
	.bf-title3 span {font-size: 45px;}
	.bf-subtitle{font-size: 20px;margin-top: 13px;}
	.bf-timer-title{font-size:15px;margin-top: 22px;}	
	.section8-bf .section8-box {padding: 10% 0 10% 0;}
	
	.footerPopup-bf-title1{font-size: 22px;}
	.footerPopup-bf-title2{font-size: 26px;}
	.footerPopup-bf-title3{font-size: 38px;}
	.footerPopup-bf-title4{font-size: 17px;}
	a.banner-link-bf3{font-size: 12px;margin-top: 10px;}
	
	.bf-pricing-title1{font-size: 42px;}
	.bf-pricing-title2 {font-size: 46px;}
	.bf-pricing-title3{font-size: 55px;}
	.bf-pricing-title3 span {font-size: 25px;}
	.bf-pricing-timer-title{font-size:15px;margin-bottom: 10px;}

  .demoBoxi-Main-new .video-thumbnail span:before,
  .demoBoxi-Main-new .video-thumbnail span,
  .demoBoxi-Main-new.video-thumbnail span:before,
  .demoBoxi-Main-new .video-thumbnail span:after {width: 120px;height: 120px;} 
  .demo-download-vid-box .video-thumbnail span,
  .demo-download-vid-box .video-thumbnail span:before,
  .demo-download-vid-box .video-thumbnail span:after {width: 60px;height: 60px;}  
  
  .demoBoxi-Main-new .video-thumbnail .playicon {width: 50px;}
  .demo-download-vid-box .video-thumbnail .playicon2 {width: 22px;}

   
}
@media only screen and (max-width: 767px) {
	.black-friday-banner {padding: 40px 0 40px 0;min-height: auto;}
	.logobg{width: 180px;}
	a.banner-link-bf{font-size: 14px;margin-top: 20px;}
    .bf-title1{font-size: 50px;margin-top: 20px;}
	.bf-title2 {font-size: 55px;margin-top: 0px;}
	.bf-title3{font-size: 50px;margin-top: 0px;}
	.bf-title3 span {font-size: 23px;}
	.bf-subtitle{font-size: 14px;margin-top: 13px;}
	.bf-timer-title{font-size: 12px;margin-top: 15px;}	

  .footer-popup{text-align: center;}
  
	.footerPopup-div2{
		width: 100%;
		margin: 8px 0 12px 0;
	}
	.footerPopup-div3{
		width: 100%;
	}
	  .footerPopup-row{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
		text-align: center;
	}
	  .footerPopup-div1 {
		text-align: center;
		width: 100%;
	}
	.footerPopup-bf-title1{font-size: 22px;}
	.footerPopup-bf-title2{font-size: 28px;}
	.footerPopup-bf-title3{font-size: 32px;}
	.footerPopup-bf-title4{font-size: 17px;}
	a.banner-link-bf3{font-size: 12px;margin-top: 10px;}
	
	
		.black-friday-banner-pricing{
    padding: 26px 0;
}
	.bf-pricing-title1{font-size: 30px;}
	.bf-pricing-title2 {font-size: 30px;}
	.bf-pricing-title3{font-size: 36px;}
	.bf-pricing-title3 span {font-size: 16px;}
	.bf-pricing-timer-title{font-size:15px;margin-bottom: 10px;}

  .features-free-updated .table-list li .tooltip-container {top: 1px;}

  .pricing-april-2025.pricing-withStandard .features-table-col2, 
  .pricing-april-2025.pricing-withStandard .features-table-col3, 
  .pricing-april-2025.pricing-withStandard .features-table-col4 {width: 33.33%;}

  .pricing-april-2025.pricing-withStandard .features-table-title .features-table-col4 {border-top: 5px solid #0069ff;border-top-right-radius: 5px;}
  
  .demoBoxi-Main-new .video-thumbnail span:before,
  .demoBoxi-Main-new .video-thumbnail span,
  .demoBoxi-Main-new.video-thumbnail span:before,
  .demoBoxi-Main-new .video-thumbnail span:after,
  .demo-download-vid-box .video-thumbnail span,
  .demo-download-vid-box .video-thumbnail span:before,
  .demo-download-vid-box .video-thumbnail span:after {width: 60px;height: 60px;}  
  
  .demoBoxi-Main-new .video-thumbnail .playicon , .demo-download-vid-box .video-thumbnail .playicon2 {width: 22px;}
}


/**/ 
.box-animation {
  animation: animation-in-up 0.4s ease forwards;
  opacity: 0; /* hide before animation */
}
 
.delay-1 {animation-delay: 0.2s;}
.delay-2 {animation-delay: 0.4s;}
.delay-3 {animation-delay: 0.6s;}
.delay-4 {animation-delay: 0.8s;}
.delay-5 {animation-delay: 1s;}
.delay-6 {animation-delay: 1.2s;}
.delay-7 {animation-delay: 1.4s;}

.box-animation-1 {
  opacity: 0;
  transform: translateY(30px);
}

/* When in view */
.box-animation-1.animate {
  animation-name: animation-in-up;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
}

/* Delay classes */
.box-animation-1.delay-1.animate { animation-delay: 0.2s;}
.box-animation-1.delay-2.animate { animation-delay: 0.4s;}
.box-animation-1.delay-3.animate { animation-delay: 0.6s;}
.box-animation-1.delay-4.animate { animation-delay: 0.8s;}
.box-animation-1.delay-5.animate { animation-delay: 1s; }
.box-animation-1.delay-6.animate { animation-delay: 1.2s;}
.box-animation-1.delay-7.animate { animation-delay: 1.4s;}

.box-animation-1.delay-2-1.animate { animation-delay: 1.2s; }
.box-animation-1.delay-3-1.animate { animation-delay: 1.5s; }
.box-animation-1.delay-4-1.animate { animation-delay: 1.8s; }

@keyframes animation-in-up {
  0% {
    transform: translateY(30px);
    opacity: 0;
    visibility: hidden;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}