/*Fonts*/
.degular{font-family: "degular", sans-serif;}   
.playfairdisplay{font-family: "Playfair Display", serif;}
.bakbak-one-regular {font-family: "Bakbak One", sans-serif;}


/*Common*/
body {font-family: "Inter", serif;font-optical-sizing: auto;font-size: 14px;line-height: 1.42857143;color: #050003;background-color: #fff; overflow-x: hidden;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
p{margin-bottom:0px;}
ul{padding:0px;list-style:none;margin:0px;}
h1, h2, h3, h4, h5, h6{margin-bottom:0;}
 
.ls1{letter-spacing:1px;}
.ls2{letter-spacing:2px;}
.ls4{letter-spacing:4px;} 
.ls-15{letter-spacing:-0.24px;}
.ls-17{letter-spacing:-0.255px;}
.ls-01{letter-spacing:-0.4px;}
.ls-05{letter-spacing:-0.595px;}
.ls-1{letter-spacing:-1px;}
.ls-2{letter-spacing:-2px;}
.ls-3{letter-spacing:-3px;}
.ls-4{letter-spacing:-4px;}

img { 
  height: auto; /* maintain aspect ratio */
  object-fit: contain; /* avoid distortion */
  image-rendering: auto;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;

 
}
.color_121c42{
  color: #121c42;  
}
.color_859fa2{
    color: #859fa2; 
}
.color_6f7381{
    color: #6f7381;
}
.color_79859d{
    color: #79859d;
}
.cmt{
  color: #979AA5;
  margin-top: 8px;
}
.mt_3_5{
    margin-top: 3.5%;
}
.ls_21{
   letter-spacing:-2.1px
}
.ls_05_mt_6{
    letter-spacing:-0.5px;margin-top: 6px;
}
.w-180{
    width: 180px;
}
.ls_0625{
    letter-spacing: -0.625px;
}
.ls_019{
    letter-spacing: -0.19px;
}
.ls_04{
    letter-spacing: -0.4px;
}
.ls_m05{
    letter-spacing:-0.5px
}
.ls_m273{
    letter-spacing:-2.73px
}
.ls_m0315{
    letter-spacing: -0.315px
}
.c_l_mt{
    color: #656565;letter-spacing: -0.425px;margin-top: 18px;
}
.m_three{
    margin: 3% 0 0 0 ;
}
.top_ml{
    top: -5px;margin-left: -1px;
}
@media (min-width:240px) { 
.xs8 {font-size: 8px;}.xs9 {font-size: 9px;}.xs10 {font-size: 10px;}.xs11 {font-size: 11px;}.xs12 {font-size: 12px;}.xs13 {font-size: 13px;}.xs14 {font-size: 14px;}.xs15 {font-size: 15px;}.xs16 {font-size: 16px;}.xs17 {font-size: 17px;}.xs18 {font-size: 18px;}.xs19 {font-size: 19px;}.xs20 {font-size: 20px;}.xs21 {font-size: 21px;}.xs22 {font-size: 22px;}.xs23 {font-size: 23px;}.xs24 {font-size: 24px;}.xs25 {font-size: 25px;}.xs26 {font-size: 26px;}.xs27 {font-size: 27px;}.xs28 {font-size: 28px;}.xs29 {font-size: 29px;}.xs30 {font-size: 30px;}.xs31 {font-size: 31px;}.xs32 {font-size: 32px;}.xs33 {font-size: 33px;}.xs35 {font-size: 35px;}.xs37 {font-size: 37px;}.xs39 {font-size: 39px;}.xs40 {font-size: 40px;}.xs41 {font-size: 41px;}.xs42 {font-size: 42px;}.xs43 {font-size: 43px;}.xs45 {font-size: 45px;}.xs47 {font-size: 47px;}.xs49 {font-size: 49px;}.xs51 {font-size: 51px;}.xs52 {font-size: 52px;}.xs56{font-size: 56px;}.xs60 {font-size: 60px;}.xs70 {font-size: 70px;}.xs85 {font-size: 85px;}
 
.mycontainer{width:100%;}
.mycontainer2{width:100%;margin:auto;}
.mycontainer,.mycontainer2,.mycontainer3{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
}

@media (min-width:768px) {
.sm8 {font-size: 8px;}.sm9 {font-size: 9px;}.sm10 {font-size: 10px;}.sm11 {font-size: 11px;}.sm12 {font-size: 12px;}.sm13 {font-size: 13px;}.sm14 {font-size: 14px;}.sm15 {font-size: 15px;}.sm16 {font-size: 16px;}.sm17 {font-size: 17px;}.sm18 {font-size: 18px;}.sm19 {font-size: 19px;}.sm20 {font-size: 20px;}.sm21 {font-size: 21px;}.sm22 {font-size: 22px;}.sm23 {font-size: 23px;}.sm24 {font-size: 24px;}.sm25 {font-size: 25px;}.sm27 {font-size: 27px;}.sm28 {font-size: 28px;}.sm29 {font-size: 29px;}.sm30 {font-size: 30px;}.sm31 {font-size: 31px;}.sm32 {font-size: 32px;}.sm33 {font-size: 33px;}.sm34 {font-size: 34px;}.sm35 {font-size: 35px;}.sm36 {font-size: 36px;}.sm37 {font-size: 37px;}.sm38 {font-size: 38px;}.sm39 {font-size: 39px;}.sm40 {font-size: 40px;}.sm41 {font-size: 41px;}.sm42 {font-size: 42px;}.sm43 {font-size: 43px;}.sm44 {font-size: 44px;}.sm45 {font-size: 45px;}.sm46 {font-size: 46px;}.sm47 {font-size: 47px;}.sm49 {font-size: 49px;}.sm51 {font-size: 51px;}.sm55 {font-size: 55px;}.sm60 {font-size: 60px;}.sm70 {font-size: 70px;}.sm80 {font-size: 80px;}.sm100 {font-size: 100px;}.sm130 {font-size: 130px;}
.mycontainer{width:750px;}
.mycontainer2{width:750px;}
}

@media (min-width:992px) {
.md8 {font-size: 8px;}.md9 {font-size: 9px;}.md10 {font-size: 10px;}.md11 {font-size: 11px;}.md12 {font-size: 12px;}.md13 {font-size: 13px;}.md14 {font-size: 14px;}.md15 {font-size: 15px;}.md16 {font-size: 16px;}.md17 {font-size: 17px;}.md18 {font-size: 18px;}.md19 {font-size: 19px;}.md20 {font-size: 20px;}.md21 {font-size: 21px;}.md22 {font-size: 22px;}.md23 {font-size: 23px;}.md24 {font-size: 24px;}.md25 {font-size: 25px;}.md26 {font-size: 26px;}.md27 {font-size: 27px;}.md28{font-size: 28px;}.md29 {font-size: 29px;}.md30 {font-size: 30px;}.md31 {font-size: 31px;}.md32 {font-size: 32px;}.md33 {font-size: 33px;}.md34 {font-size: 34px;}.md35 {font-size: 35px;}.md36 {font-size: 36px;}.md37 {font-size: 37px;}.md38 {font-size: 38px;}.md39 {font-size: 39px;}.md40{font-size: 40px;}.md41 {font-size: 41px;}.md42 {font-size: 42px;}.md44 {font-size: 44px;}.md45 {font-size: 45px;}.md46 {font-size: 46px;}.md47 {font-size: 47px;}.md48 {font-size: 48px;}.md49 {font-size: 49px;}.md50 {font-size: 50px;}.md51 {font-size: 51px;}.md52 {font-size: 52px;}.md53 {font-size: 53px;}.md54 {font-size: 54px;}.md55 {font-size: 55px;}.md56 {font-size: 56px;}.md58 {font-size: 58px;}.md65 {font-size: 65px;}.md60{font-size: 60px;}.md75 {font-size: 75px;}.md70 {font-size: 70px;}.md80 {font-size: 80px;}.md84 {font-size: 84px;}.md90{font-size: 90px;}.md120{font-size: 120px;}.md170 {font-size: 170px;}.md210 {font-size: 240px;}
}

@media (min-width:1200px){
.lg8 {font-size: 8px;}.lg9 {font-size: 9px;}.lg10 {font-size: 10px;}.lg11 {font-size: 11px;}.lg12 {font-size: 12px;}.lg13 {font-size: 13px;}.lg14 {font-size: 14px;}.lg15 {font-size: 15px;}.lg16 {font-size: 16px;}.lg17 {font-size: 17px;}.lg18 {font-size: 18px;}.lg19 {font-size: 19px;}.lg20 {font-size: 20px;}.lg21 {font-size: 21px;}.lg22 {font-size: 22px;}.lg23 {font-size: 23px;}.lg24 {font-size: 24px;}.lg25 {font-size: 25px;}.lg26 {font-size: 26px;}.lg27 {font-size: 27px;}.lg29 {font-size: 29px;}.lg30 {font-size: 30px;}.lg31 {font-size: 31px;}.lg32 {font-size: 32px;}.lg33 {font-size: 33px;}.lg34 {font-size: 34px;}.lg35 {font-size: 35px;}.lg36 {font-size: 36px;}.lg37 {font-size: 37px;}.lg38 {font-size: 38px;}.lg39 {font-size: 39px;}.lg40{font-size: 40px;}.lg41 {font-size: 41px;}.lg42 {font-size: 42px;}.lg44 {font-size: 43px;}.lg45 {font-size: 45px;}.lg46 {font-size: 46px;}.lg47 {font-size: 47px;}.lg48 {font-size: 48px;}.lg49 {font-size: 49px;}.lg50 {font-size: 50px;}.lg51 {font-size: 51px;}.lg52 {font-size: 52px;}.lg53 {font-size: 53px;}.lg55 {font-size: 55px;}.lg56 {font-size: 56px;}.lg58 {font-size: 58px;}.lg59 {font-size: 59px;}.lg60{font-size: 60px;}.lg64 {font-size: 64px;}.lg65 {font-size: 65px;}.lg66 {font-size: 66px;}.lg67 {font-size: 67px;}.lg71 {font-size: 71px;}.lg70 {font-size: 70px;}.lg80 {font-size: 80px;}.lg84 {font-size: 84px;}.lg95 {font-size: 95px;}.lg100 {font-size: 100px;}.lg101 {font-size: 101px;}.lg150 {font-size: 150px;}.lg210 {font-size: 240px;}
}

@media (min-width:1500px){
.xl8 {font-size: 8px;}.xl9 {font-size: 9px;}.xl10 {font-size: 10px;}.xl11 {font-size: 11px;}.xl12 {font-size: 12px;}.xl13 {font-size: 13px;}.xl14 {font-size: 14px;}.xl15 {font-size: 15px;}.xl16 {font-size: 16px;}.xl17 {font-size: 17px;}.xl18 {font-size: 18px;}.xl19 {font-size: 19px;}.xl20 {font-size: 20px;}.xl21 {font-size: 21px;}.xl22 {font-size: 22px;}.xl23 {font-size: 23px;}.xl24 {font-size: 24px;}.xl25 {font-size: 25px;}.xl26 {font-size: 26px;}.xl27 {font-size: 27px;}.xl28 {font-size: 28px;}.xl29 {font-size: 29px;}.xl30 {font-size: 30px;}.xl31 {font-size: 31px;}.xl32 {font-size: 32px;}.xl33 {font-size: 33px;}.xl34 {font-size: 34px;}.xl35 {font-size: 35px;}.xl36 {font-size: 36px;}.xl37 {font-size: 37px;}.xl38 {font-size: 38px;}.xl39 {font-size: 39px;}.xl40{font-size: 40px;}.xl41 {font-size: 41px;}.xl42 {font-size: 42px;}.xl44 {font-size: 43px;}.xl45 {font-size: 45px;}.xl46 {font-size: 46px;}.xl47 {font-size: 47px;}.xl48 {font-size: 48px;}.xl49 {font-size: 49px;}.xl50 {font-size: 50px;}.xl51 {font-size: 51px;}.xl52 {font-size: 52px;}.xl53 {font-size: 53px;}.xl55 {font-size: 55px;}.xl56 {font-size: 56px;}.xl58 {font-size: 58px;}.xl65 {font-size: 65px;}.xl60{font-size: 60px;}.xl75 {font-size: 75px;}.xl70 {font-size: 70px;}.xl80 {font-size: 80px;}.xl87 {font-size: 87px;}.xl170 {font-size: 170px;}.xl210 {font-size: 240px;} 
}

.responsive-video {padding-bottom: 54.21%;overflow: hidden;position: relative;border-radius: 20px;background-color: #ffffff;}
.responsive-video iframe, .responsive-video object, .responsive-video embed, .responsive-video1 iframe, .responsive-video1 object, .responsive-video1 embed, .responsive-demo-video embed, .responsive-demo-video object, .responsive-demo-video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
 
.mycontainer{margin:auto;}

.italic {font-style: italic;}
.upper{text-transform:uppercase}
  
/*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%;}
  
/*top*/
.mybutton{}
.mybutton a {background-color: rgb(5, 0, 3);color: #fff;padding: 7.21px 21.77px;display: table;border-radius: 50px;transition: all 0.5s;position: relative;margin-left: auto;transition: transform .2s;}
.mybutton a:hover {transform: scale(1.05);transition: all 0.5s;box-shadow: 0px 7px 12px #3030303d;}
.mybutton1{margin-top: 4%;}
.mybutton1 a.mybutton1-1 {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);text-transform: uppercase;letter-spacing: -0.342px;display: inline-block;}
.mybutton1 a.mybutton1-1:hover {transform: scale(1.05);transition: all 0.5s;box-shadow: 0px 7px 12px #5050508c;}

.arrow-img{margin-left: 7px;position: relative;top: -2.5px;transition: 0.1s ease-in;}
.vid-img{margin-left: 7px;position: relative;top: -0.5px;transition: 0.1s ease-in;}
.mybutton2{margin-top: 1.5%;}
.mybutton2 a {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);text-transform: uppercase;letter-spacing: -0.342px;display: inline-block;}
.mybutton2 a:hover {transform: scale(1.05);transition: all 0.5s;box-shadow: 0px 7px 12px #5050508c;}

.mybutton3{margin-top: 1.2%;}
.mybutton3 a {background-color: rgb(255 255 255);color: #000000;padding: 16.3px 3.03% 14.3px 3.03%;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;}
.mybutton3 a:hover {transform: scale(1.05);transition: all 0.5s;box-shadow: 0px 7px 12px #1d1d1d91;}

.mybutton4{margin-top: 2.5%;}
.mybutton4 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 a:hover {transform: scale(1.05);transition: all 0.5s;box-shadow: 0px 7px 12px #1d1d1d91;}
 
.arrow-img{}
.mybutton1 a:hover .arrow-img, .mybutton2 a:hover .arrow-img, .mybutton3 a:hover .arrow-img, .mybutton4 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 */
  }
}

/**/ 
.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;
  }
}



.top .navbar{padding: 0;}


/*header*/
@media only screen and (min-width:768px){.dropdown:hover .dropdown-menu{display:block;margin-top:0}}
.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;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}
.partition {position: absolute;right: -2px;color: #c1c1c1;}

/*banner*/  
.top-left{}

.logo-img{width: 175px;}

.banner-headline{letter-spacing: -2.73px;}
.banner-subheadline{margin-top: 1.5%;}
.checklist-1 {display: inline-flex;justify-content: center;margin-top: 3%;width: 100%;} 
.checklist-1 li {background: url(https://cd-new.b-cdn.net/new-corp/check1.webp) no-repeat left 8.5px;padding-left: 25px;list-style: none;margin-left: 0px;padding-top: 0;padding-bottom: 0;margin: 0;text-align: left;margin: 0 11px;padding-top: 5.5px;padding-bottom: 5.5px;padding-right: 1.5%;color: #121c42;border-right: 1px solid  rgb(5, 0, 3);}
.checklist-1 li:last-child{border: 0;}

.typed-text{color: #2962ff;}
span.cursor {display: inline-block;background-color: #ccc;margin-left: 0.1rem;width: 3px;animation: blink 1s infinite;}
p span.cursor.typing {animation: none;}
@keyframes blink {
  0% {background-color: #050505;}
  49% {background-color: #050505;}
  50% {background-color: transparent;}
  99% {background-color: transparent;}
  100% {background-color: #050505;}
}

 
.message-wrapper{display: inline-grid; position: relative;}
.message {  
  min-width: 0;  
  color: #2962ff;
  border-right: 4px solid #000;
  display: inline-block; overflow: hidden; padding: 0 0; min-width: 0; box-sizing: content-box; transition: width 0.5s ease;    margin: 0 10px;
}

.word {
  display: inline-block;
  opacity: 0;
  transition: opacity 0.3s ease;
}

@media (max-width: 768px) {
 .message-wrapper {
        max-width: 100%;
        margin-right: 10px;
    }

  .message {
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%; display: contents;
  }

  .word {
    max-width: 100%;
    display: inline-block;
  }

  body {
    overflow-x: hidden; /* Stop horizontal scrolling */
  }
}


 
.bannerimg-img{cursor: pointer;}

.bannerimg-pc{}
.bannerimg-mob{display: none;}

.video-play-button {
  position: absolute;
  z-index: 10;
  top: 52%;
  left: 51.5%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px; 
  border-radius: 50%;
  padding: 30px 20px 18px 31px;cursor: pointer;transition: all 0.5s;
}
.video-play-button:hover {
  transform: translateX(-50%) translateY(-50%) scale(1.08);transition: all 0.5s;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 90px;
  height: 90px;
  background: rgb(193 78 13 / 84%);
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 90px;
  height: 90px;
  background: rgb(193 78 13 / 80%);
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: darken(#fa183d, 10%);
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

 
.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 26px solid #ffffff;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
}

@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;
  }
}

.click-img {position: absolute;z-index: 10; cursor: pointer;}
  
/**/
.carousel {overflow-x: clip;}
.swiper1 {padding: 4% 0;overflow: visible;}
.swiper1 .swiper-slide {width: 400px;transform: scale(0.9);}
.single {
  position: relative;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; 
}
.single img {width: 100%;height: auto;vertical-align: top;border-radius: 0px;pointer-events: none;}
.swiper1 .swiper-slide.swiper-slide-active {opacity: 1;z-index: 1;width: 100%; /* Ensure the image fills its container */
  height: auto; /* Maintain aspect ratio */
  transform: scale(1.1);
  image-rendering: crisp-edges; /* Try for sharper edges */
  will-change: transform; /* Helps with performance */}

.swiper1-button-next, .swiper1-button-prev{height: 100%;top: 9%;box-shadow: 0px 0 56px 60px #ffffff;background-color: #fff;padding: 0 1.5%;background-image: none;}
.swiper1-button-next .fa, .swiper1-button-prev .fa{font-size: 50px;color: #000000;font-weight: 400;position: relative;top: 46%;}
.swiper1-button-next{right: 0; }
.swiper1-button-prev{left: 0; }
 

/*section2*/
.section2-1{background-color: rgb(245, 245, 245);border-top: 1px solid #000;border-bottom: 1px solid #000;padding: 26px 0;margin-top: 16px;}
.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(255 255 255);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}

/*section3*/
.collage-img{}
.faded2{position:relative;color: #09282c;margin-top: 5%;height: 100vh;overflow: hidden;}
.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 67px 25px -24px rgb(8 40 43), inset 0 -77px 19px -21px rgb(7 28 31);
  }
 
.section3-heighlight{border-radius: 12px;background-color: rgb(179, 247, 53);color: #09292d;display: inline-block;padding: 0px 11px;position: relative;margin-left: -12px;}
.element{position: absolute;left: 96%;bottom: 96%;}

.slider1-1{position:relative;width: 100%;top:0;overflow:hidden;}
.slider1-1 .slider-row-1{width:341px;height:2272px;background-image:url(https://cd-new.b-cdn.net/new-corp/sell1full.webp);background-size:341px 2272px;animation:15s linear infinite slide1-1;background-repeat:repeat-Y;margin:auto}
@keyframes slide1-1{from{background-position-y:0}to{background-position-y:-2272px}}

.slider1-2{position:relative;width:100%;top:0;overflow:hidden}
.slider1-2 .slider-row-2{width: 341px;height: 2563px;background-image: url(https://cd-new.b-cdn.net/new-corp/sell2full.webp);background-size: 341px 2563px;animation: slide1-2 25s linear infinite;background-repeat: repeat-y;margin: auto;}
@keyframes slide1-2{from {background-position-y: -2563px;}to {background-position-y: 0;}}

.slider1-3{position:relative;width:100%;top:0;overflow:hidden}
.slider1-3 .slider-row-3{width:341px;height:2475px;background-image:url(https://cd-new.b-cdn.net/new-corp/sell3full.webp);background-size:341px 2475px;animation:20s linear infinite slide1-1;background-repeat:repeat-Y;margin:auto}
@keyframes slide1-3{from{background-position-y:0}to{background-position-y:-2475px}}

.shadow{position: absolute;bottom: 0;left: 0;} 

.section3-slider-box{}
.marquee-main{display: none;}
 
/*section4*/
.section4-div-out{padding: 0;}
.section4-div{border-radius: 36px;background-color: #f5f5f5;padding: 0;overflow: hidden;margin-top: 8%;}

.accordion{}
#accordion ul.nav-tabs{border: 0;}
#accordion-2 ul.nav-tabs{border: 0;}
#accordion-3 ul.nav-tabs{border: 0;}

.section4 li.nav-item{width: 100%;border-bottom: 1px solid #c7c7c7;margin: 0 !important;}
.section4 li.nav-item:last-child{border:0;}
.section4 .card.nav-link{border: 0 !important;padding: 0;background-color: transparent;}
.section4 .card-header{border: 0;background-color: transparent;padding: 0;}
.section4 .card-body{background-color: transparent;}
.section4 .card.nav-link .collapse{} 
.section4 .card.nav-link.active{background-color: transparent;}
.section4 .card-body{padding: 0;font-weight: 400;color: #6f7381;line-height: 140%;margin-top: 4px;}
.section4 .card-header a{padding: 0;width: 100%;text-align: left;font-weight: 700;color: #050003;line-height: 140%;text-decoration: none !important;position: relative;}
.section4 .card-header a:hover{color: #050003;text-decoration: none;}

.section4 .card-header a svg{
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: clip-path 250ms ease-out;
  transition: clip-path 250ms ease-out;
}
.section4 .card.nav-link span{
    font-optical-sizing: auto;
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: calc(100% - 35px);
    -webkit-transition: -webkit-transform 250ms ease-out;
    transition: transform 250ms ease-out;
}

.section4 .card.nav-link:hover svg, .section4 .card.nav-link.active svg{-webkit-clip-path: inset(0);clip-path: inset(0);} 

.section4 .card.nav-link:hover span, .section4 .card.nav-link:focus-visible span, .section4 .card.nav-link.active span{-webkit-transform: translateX(3rem);-moz-transform: translateX(3rem);-ms-transform: translateX(3rem);transform: translateX(35px);}

.svg-1{width: 23px;height: 23px;}
.svg-2{width: 24px;height: 24px;}
.svg-3{width: 22px;height: 24px;}

.svg-1-2{width: 22px;height: 23px;}
.svg-2-2{width: 23px;height: 24px;}
.svg-3-2{width: 25px;height: 25px;}

.svg-1-3{width: 22px;height: 23px;}
.svg-2-3{width: 23px;height: 24px;}
.svg-3-3{width: 23px;height: 24px;}
 
.slide-img-mob{display: none;}

.steps-title{/* width: 116%; */line-height: 115%;}
.steps-subtitle{
    line-height: 150%;
} 

/**/
.swiper-div{padding: 4% 0 0 0;position: relative;}
.swiper-div .swiper-container{padding: 40px 0 65px 0;}

.swiper4-button-prev, .swiper4-button-next, 
.swiper5-button-prev, .swiper5-button-next, 
.swiper6-button-prev, .swiper6-button-next{background-image: none;height: 70%;top: 27%;z-index: 1;background-color: #fff;width: auto;}
.swiper4-button-prev, .swiper5-button-prev, .swiper6-button-prev{left: -20px;box-shadow: 30px 0 70px 70px #ffffff;}
.swiper4-button-next, .swiper5-button-next, .swiper6-button-next{right: -20px;box-shadow: -30px 0 70px 70px #ffffff;}

.swiper4-button-prev .arrow3-img, .swiper4-button-next .arrow3-img, 
.swiper5-button-prev .arrow3-img, .swiper5-button-next .arrow3-img, 
.swiper6-button-prev .arrow3-img, .swiper6-button-next .arrow3-img{position: relative;top: 50%;}

.swiper4-button-prev .arrow3-img, .swiper5-button-prev .arrow3-img, .swiper6-button-prev .arrow3-img{transform: rotateY(180deg);} 
.swiper4-button-next .arrow3-img, .swiper5-button-next .arrow3-img, .swiper6-button-next .arrow3-img{}

.slider-box{background-color: #f5f5f5;box-shadow: 0px 4px 70px 0px rgba(0, 0, 0, 0.11);}
.slider-text{font-weight: 400;line-height: 120%;letter-spacing: -0.5px;padding: 4.5% 0;}

.swiper4-pagination, .swiper5-pagination, .swiper6-pagination{width: 100%;margin-top: -50px;}
.swiper4-pagination .swiper-pagination-bullet, 
.swiper5-pagination .swiper-pagination-bullet, 
.swiper6-pagination .swiper-pagination-bullet{margin: 0 4px;width: 10px;height: 10px;}
.swiper4-pagination .swiper-pagination-bullet-active, 
.swiper5-pagination .swiper-pagination-bullet-active, 
.swiper6-pagination .swiper-pagination-bullet-active{background: #000000;}

/*section5*/
.section5-main-box{padding: 0 1.8%;margin-top: 4%;}


.section5-box{padding: 30px 21px 21px 21px;border-radius: 28px;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.section5-box1{background:url(https://cd-new.b-cdn.net/new-corp/boxbg1.webp) no-repeat center top;background-size: cover;background-color: #e6f2f0;}
.section5-box2{background-color: rgb(240, 229, 255);}
.section5-box3{background-color: rgb(255, 241, 233);}
.section5-box4{background-color: rgb(255, 231, 231);}
.section5-box5{background-color: rgb(226, 243, 249);}
.section5-box6{background-color: rgb(226, 243, 249);}
.section5-box7{background-color: rgb(255, 248, 192);} 
.section5-box8{background-color: rgb(255, 238, 248);}
.section5-box9 {background-color: #cfe9ff;}

.section5-box3 .create-img, .section5-box4 .create-img, .section5-box5 .create-img{margin-top: -7%;}
.section5-detail{position: relative;}


.section5-box h2{letter-spacing: -0.48px;}
.section5-box p{margin-top: 8px;margin-bottom: 18px;letter-spacing: -0.27px;}
.section5-img{padding: 0;}
.section5-img-right{text-align: right;}

/*section6*/ 
.section6-box-out{padding:10px;}
.section6-box{background-color: #1c383c;margin-top: 18px;}
.section6-box h2{padding: 0 10px;letter-spacing: -0.42px;margin-bottom: 20px;}
.section6-box p{margin-top: 8px;margin-bottom: 20px;padding: 0 10px;color: #859fa2;letter-spacing: -0.27px}

.section6-box3{display: flex;flex-direction: column-reverse; }
.section6-box3 h2{margin-top: 16px;margin-bottom: 0;}
.section6-box3 p{margin-top: 8px;margin-bottom: 0;}
 
.section6-box4{ }
.section6-box4 h2 {
    /* margin-top: 0; */
    /* margin-bottom: 0; */
    /* padding: 0 5px 0 0; */
}
.section6-box4 p{margin-top: 8px;margin-bottom: 0;padding: 0;}


.for4-img-mob{display: none !important;}
.for4-img-pc{ }

/*section7*/ 
.user-div{padding: 12px;width: 456px;}
.user-div-inn{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{}

.swiper-row{position: relative;padding: 0 5%;}

.swiper-container.swiper--top, .swiper-container.swiper--bottom {
  width: 100%;
  height: 100%;
  position: relative;
}
.swiper-container.swiper--top:after {
  content: "";
  display: block;
  width: 200%;
  height: 1px;
   
  background-size: 10% 1px;
  background-position: -50px;
  background-repeat: repeat-x;
  position: absolute;
  left: -10%;
  top: 40%;
  -webkit-animation: line-slide 60s forwards infinite linear;
          animation: line-slide 60s forwards infinite linear;
  z-index: 1;
}
.swiper-container.swiper--bottom:after {
  animation-direction: reverse;
}

.swiper--top .swiper-wrapper, .swiper--bottom .swiper-wrapper {
  transition-timing-function: linear !important;
  position: relative;
}

.swiper--top .swiper-slide, .swiper--bottom .swiper-slide {
   
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  position: relative;
  overflow: hidden;
  padding: 0 10px;    height: auto;
}

@-webkit-keyframes line-slide {
  0% {
    background-position: -5% 0;
  }
  100% {
    background-position: 100% 0;
  }
}

@keyframes line-slide {
  0% {
    background-position: -5% 0;
  }
  100% {
    background-position: 100% 0;
  }
}

.fadeleft, .faderight{position: absolute;z-index: 2;height: 100%;}
.fadeleft{left: 4.5%;} 
.faderight{right: 4.5%;} 
 
/*Marquee stile*/
 

/**/
.section7 .marquee-main2{--space: 9px;display: grid;align-content: center;overflow: hidden;gap: 18px;width: 100%;padding: 0;}
.section7 .marquee {width:100%;margin:auto;--duration: 20s;--gap: var(--space); display: flex;overflow: hidden;user-select: none;gap: var(--gap);  }
.section7 .marquee__group {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 {animation-play-state: paused;}}
 
.section7 .marquee--borders {border-block: 3px solid dodgerblue;padding-block: 0.75rem;}
.section7 .marquee--reverse .marquee__group {animation-direction: reverse;animation-delay: calc(var(--duration) / -2);}
@keyframes scroll {
  0% {transform: translateX(0);}
  100% {transform: translateX(calc(-100% - var(--gap)));}
}

.section7 .marquee-main2-opp{--space: 9px;display: grid;align-content: center;overflow: hidden;gap: 18px;width: 100%;padding: 0;}
.section7 .marquee-opp {width:100%;margin:auto;--duration: 20s;--gap: 9px;display: flex;overflow: hidden;user-select: none;gap: var(--gap);}
.section7 .marquee__group-opp {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 {animation-play-state: paused;}}
 
.section7 .marquee--borders-opp {border-block: 3px solid dodgerblue;padding-block: 0.75rem;}
.section7 .marquee--reverse-opp .marquee__group-opp {animation-direction: reverse;animation-delay: calc(var(--duration) / -2);}
@keyframes scroll-opp {
  0% { transform: translateX(calc(-100% - var(--gap))); }
  100% { transform: translateX(0); }
}

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

.section7 .marquee:hover .marquee__group, .section7 .marquee-opp:hover .marquee__group-opp{animation-play-state: paused;}


/*section8*/ 
.section8-box-out{padding: 0;}
.section8-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;}
.section8-detail{margin-bottom: 15px;}
.section8-detail h2{}
.section8-detail p{margin-top: 18px;letter-spacing: -0.5px;}
.brand-img{}
  
.pricing-right{padding: 0 15px;}


.pricing-left{
  background: url(https://cd-new.b-cdn.net/new-corp/tableimg.webp) no-repeat left top;
  background-size: cover;
  border-radius: 36px 0 0 36px;
  border: 1px solid rgb(5, 0, 3);
  background-color: #072a35;
  display: flex;
  align-items: flex-end;
  padding: 5% 4% 4.5% 6.5%;
  position: relative;
  margin-right: -3.5%;
  }

  .pricing-testi{}
.pricing-testi p{}
.pricing-testi h4{
    margin-top: 11px;
    margin-bottom: 5px;
}

.pricing-box{
  padding: 48px 37px;
  border-radius: 36px;
  border: 1px solid rgb(5, 0, 3);
  position: relative;
  overflow: hidden;
  background:url(https://cd-new.b-cdn.net/new-corp/tabelbg.webp) no-repeat center top;
  background-size: cover;
  box-shadow: -10px 0px 18px 0px rgba(0, 0, 0, 0.18);
  background-color: #fff;
  }
  
 .list-title{    margin-top: 30px;}
  
 .pricing-box a.btn-link{
    background-color: rgb(5, 0, 3);
    color: #ffffff;
    padding: 15.1px 15px 15.3px 15px;
    border-radius: 50px;
    transition: all 0.5s;
    position: relative;
    transition: all .3s ease-in-out;
    letter-spacing: -0.375px;
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    margin-top: 32px;
    text-decoration: none !important;
    text-align: center;
    margin-bottom: 2px;
}
 .pricing-box a.btn-link:hover{
    transition: all .3s ease-in-out;
    background-color: #201c1f;
}

.pricing-table a.btn-link span{transition: all 0.5s;    display: inline-block;}
.pricing-table a.btn-link:hover span{    transform: scale(1.05);
  transition: all 0.5s;}

.pricing-table a.btn-link .fa{
    font-size: 22px;
    font-weight: 100;
    position: relative;
    top: 2px;
    left: 7px;transition: 0.1s ease-in;
}

 .pricing-table a.btn-link:hover .fa{-moz-animation: bounce 0.6s ease;
  -webkit-animation: bounce 0.6s ease;
  animation: bounce 0.6s ease;
}


 .pricing-box ul{
    position: relative;
    margin-top: 20px;
}
 .pricing-box ul li{
    font-size: 16px;
    padding: 0 0 0 26px;
    position: relative;
    line-height: 130%;
    margin-top: 22px;
    font-weight: 400;
    letter-spacing: -0.4px;
}
 
.check2-img{
    position: absolute;
    left: 0;
    top: 2.5px;
}
 
/* Tooltip */
.fa-info{}

/**/
.seamlessly-img{margin-top: 3%;margin-bottom: 2%;}

/*section9*/
.section9-row{margin-top: 4%;}
.ai-detail-div{ padding: 0 15px;}
.tool-tip{position: relative;top: 3px;left: 3px;}
 .tool-tip svg{ position: relative;left: -1px;}


#accordion-4 ul.nav-tabs{border: 0;}

.section9 li.nav-item{width: 100%;border-bottom: 0;margin: 6px 0;}
.section9 li.nav-item:last-child{border:0;}
.section9 .card.nav-link{border: 0 !important;border-radius: 30px;background-color: rgb(22 61 68 / 17%);overflow: hidden;}
.section9 .card-header{border: 0;background-color: transparent;padding: 0;}
.section9 .card-body{background-color: transparent;}
.section9 .card.nav-link .collapse{} 
.section9 .card.nav-link.active{
    background-image: -moz-linear-gradient( -87deg, rgba(59,111,58,0.07843) 0%, rgba(112,188,76,0.54902) 100%);
    background-image: -webkit-linear-gradient(-87deg, rgba(59, 111, 58, 0.07843) 0%, rgb(112 188 76 / 39%) 100%);
    background-image: -ms-linear-gradient( -87deg, rgba(59,111,58,0.07843) 0%, rgba(112,188,76,0.54902) 100%); 
}

.section9 .card.nav-link.active  .gradient-fill path {
      fill: url(#gradient);
    }

.section9 .card-body{ font-weight: 400;color: #afafaf;line-height: 140%;margin-top: 7px;}
.section9 .card-header a{ padding: 0;width: 100%;text-align: left;font-weight: 700;color: #ffffff !important;line-height: 140%;text-decoration: none !important;position: relative;border: 0;letter-spacing: -0.58px;}
.section9 .card-header a:hover{color: #050003;text-decoration: none;}
.section9 .card-header svg{
    width: 32px;
    position: relative;
    top: 5px;
    margin-right: 6px;
    fill: rgb(22, 61, 68);
}

.aislide-img-mob{display: none;}
.aisteps-title{line-height: 115%;}
.aisteps-subtitle{line-height: 150%;}


.section9 .card-header a:after {
  content: "\f107"; /* same unicode for chevron-down in FA 4.6.3 */
  font-family: 'FontAwesome';
  font-weight: normal; /* optional in FA 4 */
  float: right;
  transition: transform 0.3s ease;
  transform: rotate(0deg);
  position: relative;
  font-size: 24px;
  font-weight: 400;
} 
 
.section9 .card.nav-link.active a:after{transform: rotate(180deg);}

/*deal-seamlessly-section-section10*/
.section10 .tab-left{ 
  padding: 0 15px;
}
.section10 .tab-right{
    padding: 0 15px; 
    margin-left: 1%;
}
.section10 .nav-tabs{
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  width: 100%;
  border: 0;
}
.section10 .nav-item{
  width: 100%;
}
.section10 .nav-link{
    border-width: 1px;
    border-color: transparent;
    border-style: solid;
    border-radius: 15px;
    background-color: transparent;
    font-weight: 700;
    color: #9099a9;
    cursor: pointer;
}
.section10 .nav-link .active{}
.section10 .tab-content{}
.section10 .tab-pane{}
 
.section10 .nav-tabs .nav-item.show .nav-link{} 
.section10 .nav-tabs .nav-link.active{
    background-color: transparent;
    color: rgb(3 3 3 / 80%);
    border-color: rgb(3 3 3 / 80%);
}
.section10 .nav-tabs .nav-link:hover{color: rgb(3 3 3 / 80%);border-color: rgb(3 3 3 / 80%);}
.section10 .nav-tabs .nav-link:hover svg{fill: rgb(3 3 3 / 80%);}

.section10 .nav-link svg{fill: #9099a9;margin-right: 6px;position: relative;}
.section10 .nav-tabs .nav-link.active svg{fill: rgb(3 3 3 / 80%);}

.work-svg1{width: 20px;top: 3.5px;}
.work-svg2{width: 20px;top: 2.5px;}
.work-svg3{width: 20px;top: 3px;}
.work-svg4{width: 20px;top: 4px;}

.with-mob{display: none;margin-top: 14px;}

/*section11*/  
.section11-box{width: 32%;}
.section11-box-inn{padding: 0;overflow: hidden;width: 100%;height: 100%;}
.section11-box-inn img{width: 100%;}

.section11-box1-inn{ }
.section11-box2-inn{ }
.section11-box3-inn{text-align: right;}

.section11-box .swiper-slide-box{overflow: hidden;position: relative;background-color: #000;}

.video-card {position: absolute;border: 0;left: 0;opacity: 0;transition: opacity 0.3s ease-in-out;margin-top: 0;width: 100%;}
 
.section11-box1-inn video{width: 231%;left: -62%;    top: 0;}
.section11-box2-inn video {width: 134%;height: 140%;left: -18%;top: -15%;}
.section11-box3-inn video {left: -14%;width: 127%;height: 138%;top: -9%;}
 


.swiper-slide-box {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.video-card {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 1;
}

.swiper-slide-box.active .video-card {
  opacity: 1;
  pointer-events: auto;
}

.talent-img {
  width: 100%;
  display: block;
  transition: opacity 0.3s ease;
  z-index: 2;
  position: relative;
}

.swiper-slide-box.active .talent-img {
  opacity: 0;
}


 
/*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;} 
#testi2-tab svg{width: 94px;height: 26px;position: relative;top: 5px;}
#testi3-tab svg{width: 69px;height: 33px;position: relative;top: 8px;}
#testi4-tab svg{width: 123px;height: 28px;position: relative;top: 6px;}
#testi5-tab svg{width: 130px;height: 25px;position: relative;top: 5px;} 
#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;}

/*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: 16px;font-weight: 400;}
.btn:focus,.btn:hover{text-decoration:none!important}
.faq-section .card-body p{padding:0}

.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;}

/*built-section*/
.built_box1{padding: 8px;width: 22%;}
.built_box2{padding: 8px;width: 34%;}
.built_box_inn{border: 1px solid rgb(0, 0, 0);border-radius: 20px;background-color: rgb(255, 255, 255);height: 253px;}
.built_box1_1{background: url(https://cd-new.b-cdn.net/new-corp/builtboxbg1.png) no-repeat center bottom;background-size: cover;}
.built_box1_2{background: url(https://cd-new.b-cdn.net/new-corp/builtboxbg2.png) no-repeat center bottom;background-size: cover;}
.built_box1_3{background: url(https://cd-new.b-cdn.net/new-corp/builtboxbg3.png) no-repeat center bottom;background-size: cover;}
.built_box1_5{background: url(https://cd-new.b-cdn.net/new-corp/builtboxbg5.png) no-repeat center bottom;background-size: cover;}
.built_box1_6{background: url(https://cd-new.b-cdn.net/new-corp/builtboxbg6.png) no-repeat center bottom;background-size: cover;}
.built_box1_7{background: url(https://cd-new.b-cdn.net/new-corp/builtboxbg7.png) no-repeat center bottom;background-size: cover;}
.built_box1_8{background: url(https://cd-new.b-cdn.net/new-corp/builtboxbg8.png) no-repeat center bottom;background-size: cover;}
.built_box1_9{background: url(https://cd-new.b-cdn.net/new-corp/builtboxbg9.png) no-repeat center bottom;background-size: cover;}
.built_box1_10{background: url(https://cd-new.b-cdn.net/new-corp/builtboxbg10.png) no-repeat center bottom;background-size: cover;}

.built_box2_4{
    background: url(https://cd-new.b-cdn.net/new-corp/builttestibg.png) no-repeat center bottom;
    background-size: cover;
    border-radius: 20px;
    background-color: rgb(9, 44, 48);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 253px;
}
.built_box1 p{color: #000;margin-top: 12px;}
.built_testi_text{}
.built_testi_img{}
.built_box1 h2{letter-spacing: -1.04px;}
.built_box1 h2 span{line-height: 31px;}
.built_testi_text p{color: #b9ced0;} 
.built_testi_img{margin-top: 22px;}
.built_testi_img img{width: 35px;margin-right: 8px;}
.built_testi_img span{position: relative;top: 2px;}

/**/
.built_row{}
.built_div_1{width: 21.4%;padding: 0 9px;}
.built_div_1_box_1{background: url(https://cd-new.b-cdn.net/new-corp/roibg1.webp) no-repeat center top;background-size: cover;border-radius: 20px;background-color: rgb(9, 44, 48);padding: 0;overflow: hidden;height: 474px;display: flex;flex-direction: column;justify-content: space-between;}
.built_div_1_box_2{border-radius: 20px;background-color: rgb(230, 242, 240);margin-top: 15px;padding: 0;overflow: hidden;height: 451px;display: flex;flex-direction: column;justify-content: space-between;}
.built_div_2_main{width: 67.37%;}
.built_div_2{width: 68.1%;}
 
.built_div_2_box_1{padding: 0 9px;}
.built_div_2_box_2{padding: 0 9px;}
.built_div_2_box_1inn{border-radius: 20px;background-color: rgb(230, 242, 240);padding: 0;overflow: hidden;height: 263px;display: flex;flex-direction: column;justify-content: space-between;}
.built_div_2_box_2inn{border-radius: 20px;background-color: rgb(230, 242, 240);padding: 0;overflow: hidden;height: 263px;display: flex;flex-direction: column;justify-content: space-between;}

.built_div_2_box_3{padding: 0 9px;margin-top: 15px;}
.built_div_2_box_3inn{background: url(https://cd-new.b-cdn.net/new-corp/ravingtestibg.webp) no-repeat center bottom;background-size: cover;border-radius: 20px;background-color: rgb(9, 44, 48);display: flex;flex-direction: column;align-items: center;height: 423px;justify-content: space-between;}
.built_div_3{width: 31.8%;padding: 0 9px;}
.built_div_3_box_1{background: url(https://cd-new.b-cdn.net/new-corp/roibg2.webp) no-repeat center top;background-size: cover;border-radius: 20px;background-color: rgb(230, 242, 240);padding: 0;overflow: hidden;height: 488px;display: flex;flex-direction: column;justify-content: space-between;}
.built_div_3_box_2{border-radius: 20px;background-color: rgb(230, 242, 240);padding: 0;overflow: hidden;height: 194px;display: flex;flex-direction: column;justify-content: space-between;position: relative;margin-top: 15px;}
.built_div_4{padding: 0 9px;margin-top: 15px;  width: 35.3%;}
.built_div_5{padding: 0 9px;margin-top: 15px;width: 64.7%;}

.built_div_4_inn{border-radius: 20px;background-color: rgb(230, 242, 240);height: 225px;padding: 0;overflow: hidden;display: flex;flex-direction: column;justify-content: space-between;}
.built_div_5_inn{background: url(https://cd-new.b-cdn.net/new-corp/roibg3.webp) no-repeat center top;background-size: cover;border-radius: 20px;background-color: rgb(9, 44, 48);height: 224px;padding: 32px 0 0 32px;}

.globally-img{width: 100%;max-width: 100%;position: relative;}

.built_div_1_box_1_text, .built_div_1_box_2_text{padding: 36px 0 0 26px;}
.built_div_1_box_1_text h2{}
.built_row p{margin-top: 10px;color: #000000;}

.built_div_2_box_1inn_text, .built_div_2_box_2inn_text{padding: 36px 0 0 32px;}
.built_div_3_box_1_text{padding: 36px 0 0 26px;}
.built_div_3_box_2_text{padding: 30px 0 0 26px;}
.built_div_4_inn_text{padding: 36px 0 0 32px;}

.built_div_2_box_2inn_text h2 span {line-height: 10%;margin-left: 5px;}

.satisfactionrate-img{width: 100%;}
.reduction-img{}
.saved-img{}
.ravingtesti-img{ }
.engagement-img{}
.productivity-img{position: absolute;bottom: 0;right: 0;}
.sales-img{margin-top: -10px;}

.ravingtesti-div-top{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.ravingtesti_count{width: 43%;}
.ravingtesti_count_img{width: 67%;text-align: right;    margin-left: 15px;}

.ravingtesti_count h2{}
.ravingtesti_count h6{margin-top: 11px;}

.ravingtesti-div-bottom p{margin-top: 0;line-height: 145%;}
.ravingtesti-div-bottom h6{margin-top: 15px;position: absolute;bottom: 0;}

.ravingtesti-div-bottom{position: relative;}
#testimonial-content{height: 100%;position: relative;}

/*built_div_for_mobile*/
.built_div_for_mobile{padding: 0 15px;}
.built_div_1_mob, .built_div_5_mob, .built_div_9_mob{border-radius: 20px;background-color: rgb(9, 44, 48);padding: 0;overflow: hidden;margin-top: 20px;}
.built_div_2_mob, .built_div_3_mob, .built_div_4_mob, .built_div_6_mob, .built_div_7_mob, .built_div_8_mob{border-radius: 20px;background-color: rgb(230, 242, 240);padding: 0;overflow: hidden;margin-top: 20px;}

.built_div_1_mob{background: url(https://cd-new.b-cdn.net/new-corp/mobbg1.webp) no-repeat center top;background-size: cover;}
.built_div_2_mob{padding: 41px 0px 41px 25px;}
.built_div_3_mob{padding: 0px 0px 0px 25px;}
.built_div_4_mob{padding: 0px 0px 0px 25px;}
.built_div_5_mob{background: url(https://cd-new.b-cdn.net/new-corp/mobbg3.webp) no-repeat center bottom;background-size: cover;padding: 38px 30px 38px 30px;}
.built_div_6_mob{background: url(https://cd-new.b-cdn.net/new-corp/mobbg2.webp) no-repeat center top;background-size: cover;padding: 0px 21px 0px 25px;}
.built_div_7_mob{padding: 27px 16px 27px 25px;}
.built_div_8_mob{padding: 38px 15px 0px 25px;}
.built_div_9_mob{padding: 0;}

.built_div_mob_detail{padding: 38px 0px 0px 25px;}

.built_div_2_mob_left{padding-left: 0;}
.built_div_2_mob_right{padding: 0;text-align: right;}

.built_div_5_mob h2{}
.built_div_5_mob h5{margin-top: 10px;}

.build1mob-img{margin-top: 18px;}
.build2mob-img{}
.build3mob-img{margin-top: 35px;}
.build4mob-img{margin-right: 25px;margin-top: 17px;}
.mobravingtesti-img{margin-top: 30px;margin-bottom: 32px;}
.build5mob-img{margin-top: 21px;}
.build6mob-img{max-width: 112%;position: relative;left: -12%;top: 14px;}
.build7mob-img{}
.build8mob-img{margin-top: 24px;}

.built_div_for_mobile{display: none;}
.built_div_2, .built_div_3{}

 /*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; }

/*graphics-section*/
.graphics-section{padding: 4% 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;}

/*section14*/
.highlight3{display: inline-block;border: 1px solid #000;border-radius: 50px;padding: 6px 30px 11px 30px;margin-top: 8px;} 
.section14 .highlight3{display: inline-block;background-color: #fff;border: 1px solid #000;border-radius: 50px;padding: 6px 30px 11px 30px;margin-top: 8px;} 
 
.section11-box{padding:1% 0;overflow:hidden;margin-top: 1.5%;}
.slider2{position:relative;width:100%;top:0;overflow:hidden}
.slider2 .slider-row{width:3595px;height:868px;background-image:url(../cd_home_images/collage1new.webp);background-size:3595px 868px;animation:50s linear infinite slide1;background-repeat:repeat-x;margin:auto; }
@keyframes slide1{from{background-position-x:0}to{background-position-x:-3595px}}
.graphics-img {position: absolute;top: 51%;left: 51%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);box-shadow: 0px 0px 100px 55px #000;border-radius: 24px;}
.section14-box{padding: 0;margin-top: 2.5%;}
 
 



.top{background-color: rgb(255, 255, 255);border-bottom: 1px solid #050003;position: fixed;top: 40px;width: 100%;z-index: 11;}
.banner{background:url(https://cd-new.b-cdn.net/new-corp/banner.webp) no-repeat center top;background-size: cover;padding: 7.4% 0 4% 0;overflow: hidden;}
.section2{padding: 43px 0 35px 0;border-bottom: 1px solid rgb(229, 229, 229);} 
.section3{background-color: #ffffff;padding: 1% 0 0 0;}
.section3-main-box{background:url(https://cd-new.b-cdn.net/new-corp/section3.webp) no-repeat center top;background-size: cover;border-radius: 35px;padding: 4% 2% 4.5% 1%;position: relative;overflow: hidden;background-color: #08292d;}
.section9{background-color: #ffffff;padding: 0% 0 5% 0;}
.section9-main-box{background:url(https://cd-new.b-cdn.net/new-corp/section9.webp) no-repeat center top;background-size: cover;border-radius: 35px;padding: 5% 2% 6.8% 1%;position: relative;overflow: hidden;background-color: #08292d;}
.section4{background:url(https://cd-new.b-cdn.net/new-corp/section4.webp) no-repeat center top;background-size: cover; padding: 4% 0 5% 0;} 
.section5{padding: 4.5% 0 5.5% 0;}
.section6{background-color: #ffffff;padding: 0;}
.section6-main-box{background:url(https://cd-new.b-cdn.net/new-corp/section6.webp) no-repeat center top;background-size: cover;border-radius: 35px;padding: 4% 2% 5% 1%;background-color: #07191c;}
.section7{padding: 4% 0 5% 0;}
.section8{background:url(https://cd-new.b-cdn.net/new-corp/section8.webp) no-repeat center top;background-size: cover;padding: 3% 0 4% 0;}
.section11{background:url(https://cd-new.b-cdn.net/new-corp/section11.webp) no-repeat center bottom;background-size: cover;background-color: #ffffff;padding: 1.5% 0 5.3% 0;}
.section14{background-image: linear-gradient(#ffffff, #f6f6f6);padding: 5% 0 4% 0;} 
.built-section{background:url(https://cd-new.b-cdn.net/new-corp/builtbg.png) no-repeat center top;background-size: cover;padding: 4% 0 5% 0;}
.faq-section{padding: 2% 0 2% 0;overflow: hidden;}
.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;}
.footer{overflow: hidden;position: relative;padding: 4% 2% 2%;background-color: #f7f7f7;}
.deal-seamlessly-section {background: url(https://cd-new.b-cdn.net/new-corp/dealseamlesslybg.webp) no-repeat center top;background-size: cover;padding: 0% 0 6% 0;}

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

.section3-main-box {padding: 4% 0% 6% 0;}
.section9-main-box {padding: 4% 0% 6% 0;}
	
  .video-play-button {left: 50%; }
  .section4-box-out {padding: 10px;}
  .section4-box{border-radius: 15px;height: 90%;}
  .section5-box-out {padding: 0;}
  .section6-main-box {border-radius: 30px;width: 96%;}
  .section6-box-out{padding: 6px;}
  .section6-box {padding: 15px 15px 25px 15px;border-radius: 15px; }
  .section6-box h2, .section6-box p{padding: 0;}
  .section8-box {border-radius: 20px;}
  .mybutton3 a {padding: 14px 25px;margin: auto;}
	 .mybutton4 a {padding: 14px 18px;margin: auto;}
  .arrow-img {margin-left: 5px;width: 12px;}
  .mybutton1 a.mybutton1-1{padding: 12px 15px;margin-right: 5px;}
  .mybutton2 a {padding: 12px 26px;}
  .section4-box p {margin-bottom: 2%;}
  .step1-img, .step2-img, .step3-img {max-width: 90%;}
   
  .footer {padding: 3.5% 2% 2%;} 
  .footer-title {margin-top: 16px;margin-bottom: 1px}
  .footer-link li {display: inline-block;margin: 6px 15px 6px 0}
  .footer-box1 ul li {margin: 9px 13px 9px 0;display: inline-block}

	.checklist-1{padding: 12px 10px 15px 10px;border-radius: 10px;}
  .checklist-1 li {margin: 0 5px 0 10px;}	  

	.section6-box4-img{text-align: center;margin-bottom: 12px;}

  .section3-slider-box{display: none !important;}
  .section3 .marquee-main{display: block !important;}

  .section3 .marquee-main{--space: 9px;display: grid;align-content: center;overflow: hidden;gap: 18px;width: 100%;padding: 0;}
  .section3 .marquee {width:100%;margin:auto;--duration: 45s;--gap: var(--space); display: flex;overflow: hidden;user-select: none;gap: var(--gap);  }
  .section3 .marquee__group {flex-shrink: 0;display: flex;align-items: center;justify-content: space-around;gap: var(--gap);min-width: 100%;animation: scroll var(--duration) linear infinite;}
  @media (prefers-reduced-motion: reduce) {.marquee__group {animation-play-state: paused;}}
  .section3 .marquee__group img { aspect-ratio: 1;object-fit: cover;border-radius: 15px;width: 200px;height: 200px;} 
  .section3 .marquee--borders {border-block: 3px solid dodgerblue;padding-block: 0.75rem;}
  .section3 .marquee--reverse .marquee__group {animation-direction: reverse;animation-delay: calc(var(--duration) / -2);}
  @keyframes scroll {
    0% {transform: translateX(0);}
    100% {transform: translateX(calc(-100% - var(--gap)));}
  }

  .faded2{position:relative;color: #09282c;margin-top: 5%;height: auto;overflow: hidden;}
  .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 67px 0 25px -24px rgb(9 38 42), inset -67px 0 19px -21px rgb(8 36 39);}
	.shadow{ }

  .leaders-section .nav-tabs .nav-link {padding: 11px 12px 8px 12px;}
    .leaders-section .nav-tabs .nav-item {margin: 0 5px !important;}
    .tab-coma-img, .tab-coma2-img, .tab-coma3-img, .tab-coma4-img {max-width: 36px;}
    .francis-testi p, .mike-testi p, .laura-testi p, .varun-testi p {margin-top: 13px;}
    .francis-testi h2 {margin-top: 25px;}
    .mike-testi h2 {margin-top: 19px;}
    .laura-testi p {margin-top: 13px;}
    .laura-testi h2 {margin-top: 20px;}
    .varun-testi h2 {margin-top: 25px;}

    .steps-details-div {margin-top: 0;}
    .steps-details-div-2{margin-top: 0;}

    .slide-img-mob{display: block;margin-top: 28px;overflow: hidden;border-radius: 20px 20px 0 0;}
    .slide-div{display: none;}

    .aislide-img-mob{display: block;margin-top: 28px;margin-bottom: -25px;overflow: hidden;border-radius: 20px 20px 0 0;}
    .ai-detail-img, .tab-right{display: none;}  

	.section4-div-out {padding: 0 15px;}

  .section10 .nav-tabs .nav-link.active .with-mob{display: block;} 

  .faq-section .card-header button{font-size: 18px;padding: 0 0 0 30px;}
  .faq-section .card{padding: 20px 0;}
  .faq-section .card-body{padding: 15px 15px 12px 31px;font-size: 14px;}
  .material-symbols-outlined.icon-toggle{margin-top: 2px;font-size: 20px;}

  .pricing-box{padding: 36px 30px;border-radius: 30px;}
  .pricing-left{padding: 5% 5% 5.5% 4.5%;border-radius: 30px 0 0 30px;}
  
  
  .header .navbar {padding: 28px 25px}
  .navbar-expand-lg .u-header__navbar-nav .u-header__nav-link {padding-top: .8rem;padding-bottom: .8rem}

  .banner {padding: 13% 0 4% 0;}
  .steps-title {font-size: 35px;text-align: center;}
  .steps-subtitle {text-align: center;}

  .footer-box1 ul {display: flex;flex-direction: row;align-items: center;justify-content: center;flex-wrap: wrap;}

  .swiper4-button-next, .swiper5-button-next, .swiper6-button-next {box-shadow: 0px 0 30px 30px #ffffff;}
  .swiper4-button-prev, .swiper5-button-prev, .swiper6-button-prev {box-shadow: 0px 0 30px 30px #ffffff;}

  .built_div_1, .built_div_2_box_1, .built_div_2_box_2, .built_div_2_box_3, .built_div_3, .built_div_4, .built_div_5{padding: 0 5px;}

  .ravingtesti-img{}
}
@media only screen and (max-width: 767px){
  .top{padding: 0;position: relative; top: 0;}
  .banner{padding: 25px 0 30px 0;text-align: center;}
  .section2{padding: 30px 0 22px 0;} 
  .section2-1{padding: 16px 0;}
  .section3{padding: 5px 0 0 0;} 
  .section3-main-box {padding: 35px 0 45px 0;border-radius: 20px;}

  .section9{padding: 5px 0 0 0;} 
  .section9-main-box {padding: 30px 0 40px 0;border-radius: 20px;}

  .deal-seamlessly-section{padding: 40px 0 30px 0;}
  .section14{padding: 40px 0 44px 0;} 
	
  .section4{padding: 40px 0 44px 0;} 
  .section5{padding: 40px 0 30px 0;}
  .section6{padding: 0;}
	.section6-main-box{padding: 40px 0 50px 0;}
	.section6-main-box{border-radius: 28px;width: 94%;}
  .section7{padding: 40px 0 30px 0;}
  .section8{padding: 40px 0 45px 0;}
  .section11{padding: 10px 0 45px 0;}
  .leaders-section {padding: 7% 0 7% 0;}
  .built-section{padding: 40px 0 45px 0;background-color: #ffffff;background-image: none;}
  .faq-section {padding: 0 0 30px 0;}

  .faq-section-box {padding: 30px 0 20px 0;border-radius: 20px;}
  
  
  .section4-box {height: auto;padding: 25px 15px 0px 15px;}
  .section4-box-out {padding: 15px;margin-bottom: 10px;}
  .connection-img{display: none;}
  .section5-box{text-align: center;padding: 25px 15px 15px 15px;border-radius: 15px;}
  .section5-box p{margin-bottom: 20px;margin-top: 5px;}
  .section6-box-out {padding: 0px 15px;}
  .section6-box h2 { }
	.section6-box4-detail h2{margin-top: 0px;}
	.section6-box4-detail{}
	.section6-box3{flex-direction: column;}
	.section6-box h2{margin-top: 0;}
	.section6-box p {margin-top: 3px;margin-bottom: 20px;padding: 0 0;}

  .for4-img-mob{display: block !important;}
  .for4-img-pc{display: none !important;}

  .mybutton1 a { margin: auto;}
	.mybutton1 a{margin-right: 0 !important;margin-bottom: 10px;}
	.mybutton1 a.mybutton1-1{padding: 13px 25px;}
	.mybutton3{margin-top: 15px;}
	
  .top-left {text-align: center;}
  .mybutton a {margin: auto;margin-top: 10px;}
  .video-play-button {padding: 50px 20px 25px 42px;}
  .video-play-button:after { width: 60px;height: 60px; }
  .video-play-button:before {width: 65px;height: 65px;}
  .video-play-button span {border-left: 14px solid #fff;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}

  .video-play-button img.click-img {left: -7px;top: 9px;max-width: 92%;}

	.faded.faded-left.faded-right:after{box-shadow: inset 70px 0 20px -30px,inset -70px 0 20px -30px;}
   
  .section8-box {text-align: center;padding: 30px 15px 0px 15px;margin: auto;}
  .brand-img{}
  .step1-img, .step2-img, .step3-img{margin-top: 15px;} 
  .footer-section-left,.tutorials-banner-box-left,.tutorials-banner-box-right {width: 100%;text-align: center} 

  .footer-title {margin-top: 16px;margin-bottom: 1px}
  .footer-link li {}
  .footer-link li:last-child {margin: 0 !important;}
  .footer-box1 ul li {margin: 5px 15px;display: inline-block}

.banner-subheadline {margin-top: 18px;padding: 0 20px;}
	
	.checklist-1{flex-direction: column;padding: 12px 20px;margin-top: 6px;margin-bottom: 0;}
	.checklist-1 li {margin: 4px 0;padding-bottom: 4px;padding-top: 2px;background: url(https://cd-new.b-cdn.net/new-corp/check1.webp) no-repeat left 3.5px;}

  .content { padding: 0 15px;}

	.swiper-pagination-1 .swiper-pagination-bullet{height: 80px;}

  .fadeleft, .faderight{display:none;}
 

	.swiper-row{padding: 0px 0 20px 0;margin-top: 0;}

  .swiper-pagination.swiper-pagination-1{position: relative;padding: 0;margin-top: 20px;}

	.section5-box3 .create-img, .section5-box4 .create-img, .section5-box5 .create-img {margin-top: -20px;}

  .slider1-1{position:relative;width: 100%;top:0;overflow:hidden;}
  .slider1-1 .slider-row-1{width:255px;height:1530px;background-image:url(https://cd-new.b-cdn.net/new-corp/sell1fullmob.webp);background-size:255px 1530px;animation:15s linear infinite slide1-1;background-repeat:repeat-Y;margin:auto}
  @keyframes slide1-1{from{background-position-y:0}to{background-position-y:-1530px}}

	.faded2.faded2-left.faded2-right:after {
        box-shadow: inset 60px 0 30px -25px rgb(7 34 38), inset -60px 0 30px -25px rgb(8 36 39);
    }

    .section3-heighlight {border-radius: 6px;margin-left: -4px;padding: 0px 8px;}
    .section3-subheadline-text{margin-top: 6px;margin-bottom: 6px;}
    .checklist-1 li{border: 0;}

  .bannerimg-pc{display: none;}
  .bannerimg-mob{display: block;}

 
  .seamlessly-img {margin-top: 4%;margin-bottom: 0;}

  .leaders-section .nav-tabs {margin-top: 10px;margin-bottom: 15px;}
    .leaders-section .nav-tabs .nav-link {padding: 0px 9px;border-radius: 50px;height: 27px;}
    .home-page .banner-pra {padding: 0 10px;}
    .tab-testi-img-mob {display: block !important;}
    .tab-slide-inn {display: none;}
    .leaders-section {padding: 40px 0 40px 0;}
    .team-card-bottom {width: 100%;}
    .revingicon-Box ul li p {left: -2px;line-height: 1.1;}
    .usedby-section {padding: 12% 0 13% 0;}
    .leaders-section .nav-tabs .nav-item {margin: 5px 3px !important;text-align: center;display: inline-flex;}

    #testi1-tab svg{width: 92px;height: 25px;top: 0;} 
    #testi2-tab svg{width: 76px;height: 25px;top: 0;}
    #testi3-tab svg{width: 55px;height: 24px;top: 0px;}
    #testi4-tab svg{width: 85px;height: 25px;top: 0;}	
    #testi5-tab svg{width: 92px;height: 25px;top: 0;}	

	.user-detail {margin-top: 15px;}

  .section7 .marquee-main2-opp{padding-bottom: 5px;height: 300px;}
	.section7 .marquee-main2{height: 300px;}

    .section4 ul.nav-tabs{}
    .section4 li.nav-item{padding: 18px 0;}
    .section4 .card-header{}

    .section4 .card-body{font-size: 16px;}
    .section4 .card-header a{font-size: 21px;}

  .section4 .card.nav-link:hover span, .section4 .card.nav-link:focus-visible span, .section4 .card.nav-link.active span {
      -webkit-transform: translateX(32px);
      -moz-transform: translateX(32px);
      -ms-transform: translateX(32px);
      transform: translateX(32px);
  }
	
  .slide-img-mob{margin-top: 25px;}

	.section4-div{border-radius: 20px;margin-top: 0px;}


	.section9 .card-header svg{margin-right: 1px;width: 26px;top: 8px;}

	.section8-detail {margin-bottom: 25px;}
  .mybutton4{margin-top: 20px;}
  .mybutton4 a{padding: 12px 10%;}

  .section11-box {width: 95%;}

	.swiper4-button-prev, .swiper4-button-next, 
  .swiper5-button-prev, .swiper5-button-next, 
  .swiper6-button-prev, .swiper6-button-next{height: 60%;top: 31%;}
  .swiper4-button-prev, .swiper5-button-prev, .swiper6-button-prev{left: 0;box-shadow: 0 0 20px 20px #ffffff;}
  .swiper4-button-next, .swiper5-button-next, .swiper6-button-next{right: 0;box-shadow: 0 0 20px 20px #ffffff;}	
  .swiper4-button-prev .arrow3-img, .swiper4-button-next .arrow3-img, .swiper5-button-prev .arrow3-img, .swiper5-button-next .arrow3-img, .swiper6-button-prev .arrow3-img, .swiper6-button-next .arrow3-img {top: 38%;}
  .swiper1 .swiper-slide.swiper-slide-active{transform: scale(0.9);}
  .swiper1-button-next .fa, .swiper1-button-prev .fa {font-size: 30px;color: #000000;top: 32%;}
  .swiper1-button-next, .swiper1-button-prev {height: 100%;top: 20%;box-shadow: none;background-color: transparent;padding: 0;width: 10px; }
  .swiper1-button-next .fa, .swiper1-button-prev .fa {font-size: 30px; top: 32%;}

	.swiper-div{padding: 30px 0 0 0;}

  .swiper-div .swiper-container {padding: 40px 0 65px 0;}
  
  .user-div-inn {height: 270px;}

  .built_box1,.built_box2{padding: 7px 15px;width: 100%;}


  .pricing-box-out {padding: 15px;}
  .pricing-box {padding: 20px;border-radius: 20px;margin-top: 15px;}
  .pricing-table {margin-top: 25px;}
  .pricing-table h3 {margin-top: 5px;}
  .pricing-table p {margin-top: 1px; }
  .pricing-box ul { margin-top: -5px;width: 100%;}

  .pricing-table{padding: 0;}
  .faq {margin-top: 20px;margin-bottom: 10px;}
  .faq-section .card-header button {font-size: 16px;}
  .faq-section .card-body {font-size: 14px;}

  .faq-section .card-header button{}


  .pricing-box{padding: 30px 25px 40px 25px;}
  .pricing-left{padding: 25px 25px 29px 25px;margin-right: 0;background: url(https://cd-new.b-cdn.net/new-corp/tableimg.webp) no-repeat left bottom;background-size: cover;border-radius: 18px;margin-top: 20px;}
  .pricing-box a.btn-link { margin-top: 25px;  }

  .header .navbar {padding: 15px;}
  .navbar-expand-lg .u-header__mega-menu-wrapper,.navbar-expand-lg .u-header__sub-menu:not(.u-header__promo) {padding-top: 0!important}

  .slider2 .slider-row{width:1453px;height:335px;background-image:url(https://cd-new.b-cdn.net/new-corp/collage1mob.webp);background-size:1453px 335px;animation:50s linear infinite slide1;background-repeat:repeat-x;margin:auto}
  @keyframes slide1{from{background-position-x:0}to{background-position-x:-1453px}}


  .footer-mob, .accordion-header {display: block;}
  .footer-pc, .header__navbar-newUpdate, .right-menu {display: none;}


	.footer-mob .twitter svg {top: 0;}
	.footer-mob .youtube svg { top: 0;} 
	.footer-box1 ul li span .fa.fa-instagram {position: relative;top: 0.5px;}
  .footer-mob .twitter svg {top: 1px;}
  .footer-mob .tiktok svg {top: 0.5px !important;width: 12px;margin-left: 0;}
  .footer-box1 ul li span .fa.fa-pinterest-p {position: relative;left: -1px;top: 1px;}

  .built_div_2, .built_div_3, .built_div_4, .built_div_5 {width: 100%;}

  .built_div_1, .built_div_2_box_1, .built_div_2_box_2, .built_div_2_box_3, .built_div_3, .built_div_4, .built_div_5 {padding: 0 15px;}
  
.built_div_1_box_1{height: 334px;display: block;}
.built_div_1_box_2{height: 445px;display: block;}
.built_div_2_box_1inn{height: 220px;display: block;}
.built_div_2_box_2inn{height: 235px;display: block;}
.built_div_2_box_3inn{height: 320px;display: block;}
.built_div_3_box_1{height: 326px;display: block;}
.built_div_3_box_2{height: 264px;display: block;}
.built_div_4_inn{height: 190px;display: block;}
.built_div_5_inn{height: 150px;display: block;}
  .built_div_1_box_1_text, .built_div_1_box_2_text, .built_div_2_box_1inn_text, .built_div_2_box_2inn_text, .built_div_3_box_2_text, .built_div_3_box_1_text, .built_div_3_box_2_text, .built_div_4_inn_text, .built_div_5_inn{padding: 30px 0 0 30px;}

  .built_div_5_inn{padding: 26px 30px 30px 30px;}
  .built_div_2_box_2inn, .built_div_3_box_1, .built_div_2_box_1inn{margin-top:15px}.productivity-img{
    position: relative;}
  .sales-img{        margin-top: -30px;}
  .engagement-img{width: 210px;margin-top: 20px;position: relative;left: 30px;margin-bottom: -25px;}
  .reduction-img{margin-top: 20px;}
  .built_div_2_box_3inn{padding: 30px 30px 30px 30px;}
  .ravingtesti-div-top{width: 100%;display: flex;justify-content: space-between;flex-direction: column;align-items: flex-start;}
  .ravingtesti_count{width: 100%;}
  .ravingtesti_count_img{width: 80%;text-align: right;margin-left: 0;margin-top: 14px;margin-bottom: 20px;}

  .ravingtesti-div-bottom h6 { position: relative; }
  .globally-img {margin-bottom: -100px;margin-top: 20px;}
  .satisfactionrate-img {margin-top: 10px;margin-bottom: -40px;}
  .productivity-img {margin-top: 12px;}
  
  .built_div_for_mobile{display: block;}
  .built_div_1, .built_div_2_main{display: none;}
  
}
@media (min-width: 240px){
  .mycontainer{width:100%;}
  .mycontainer2{width:100%;}	

  .lappy {position: static;right: 0;bottom: 0px;}
  .videosection {position: static;right: 0;bottom: 0px;}
  .mainvideo {position: static;width: 100%;height: auto;}
  .video {width: 485px;height: 231px;top: 23px;left: 0px;margin-bottom: 8%;}


  .section4-box-out{width: 100%;}
  .footer-link {font-size: 15px;}
  .section8-detail{}
  .section5-detail-1,  .section5-detail-2{padding: 0 15px;}
	.footer-box1,.footer-box2,.footer-box3,.footer-box4,.footer-box5,.footer-box6{ padding: 0 15px;}
  .footer-box1{width: 100%;}
	.footer-box2,.footer-box5{width: 100%;}
	.footer-box3{width: 100%;}
	.footer-box4{width: 100%;}
	.footer-box6{width: 100%;}
	.footer-title{margin-bottom: 0;font-size: 18px;}
  .connection-img{}

  .swiper-pagination.swiper-pagination-1 {width: 100%;top: 100%;}
  .swiper-pagination-1 .swiper-pagination-bullet {margin: 10px 0;}
  .swiper-pagination-1 .swiper-pagination-bullet .headline {font-size: 22px;}
  .swiper-pagination-1 .swiper-pagination-bullet .subheadline {font-size: 15px;}

  .checklist-1 {}
  .section3-slider-box{width: 100%;}

  .section5-box-out{padding: 13px;}
  .section5-box1-out{width: 100%;}
  .section5-box2-out{width: 100%;}
  .section5-box3-out{width: 100%;}
  .section5-box4-out{width: 100%;}
  .section5-box5-out{width: 100%;}
  .section5-box6-out{width: 100%;}
  .section5-box7-out{width: 100%;}
  .section5-box8-out{width: 100%;}
  .section5-box9-out{width: 100%;}
 
  .section6-box-out{width: 100%;}
  .section6-box4-detail{padding: 0;}
  .section6-box4-img{padding: 0;margin-bottom: 0;}
	

  .section3-main-box, .section6-main-box, .section9-main-box, .section8-box{width: 95.6%;margin: auto;}
  .slider1-2, .slider1-3{display: none;}

  .slider1-1{width: 100%;} 

  .section6-box{padding: 22px 15px 15px 15px;border-radius: 15px;}
  .section6-box3{padding: 22px 15px 15px 15px;}
  .section6-box4{padding: 22px 15px 15px 15px;}
	.section5-detail{padding: 0 18px;}

  .user-div-inn{padding: 15px;}

  .testi-slide{width: 230px;}

  /**/
  .francis-testi p,.laura-testi p,.mike-testi p,.newbadge,.varun-testi p{font-size:20px}
	.leaders-section .nav-tabs{font-size:15px}.francis-testi{top:27.5%;left:21%}
	.mike-testi{top:25.1%;left:21%}
	.laura-testi{top:20.5%;left:21%}
	.varun-testi{top:22.5%;left:21%}
	.francis-testi h2,.laura-testi h2,.mike-testi h2,.varun-testi h2{font-size:30px}
	.francis-testi h5,.laura-testi h5,.mike-testi h5,.varun-testi h5{font-size:17px}

   /**/
  .steps-details-div{padding: 29px 20px 15px 20px;}
  .steps-details-div-2{padding: 29px 20px 15px 20px;}
  .card-body{font-size: 16px;}
  .card-header a{font-size: 19px;}

  .steps-title{font-size: 31px;}
  .steps-subtitle{font-size: 16px;margin-top: 5px;}

	#accordion ul.nav-tabs{margin-top: 10px;}
	#accordion-2 ul.nav-tabs{margin-top: 10px;}
	#accordion-3 ul.nav-tabs{margin-top: 10px;}
	.section4 li.nav-item {}

  .ai-detail-div{width: 90%;}
  .ai-detail-img{width: 56.1%;margin-left: 17px;margin-top: 21px;}

  .section9 .card.nav-link{padding: 12px 15px 17px 15px;border-radius: 15px;}
  .section9 .card.nav-link.active{padding: 20px 15px 20px 15px;}

  .section9 .card-body{padding: 0;margin-top: 7px;font-size: 14px;}
  .section9 .card-header a{font-size: 20px;}
  
  .section9 .card-header a:after{top: 11px;font-size: 19px;}

   .section10 .tab-left{width: 100%;}
  .section10 .tab-right{width: 70%;}
  .section10 .nav-link{padding: 20px;font-size: 21px;}
	.section10 .nav-item {margin: 4px 0;}

  .click-img {top: 27%;left: 37.5%;width: 70px;}

  .section11-box1-inn{padding-left: 15px;padding-right: 15px;}
  .section11-box2-inn{padding: 30px 15px;}
  .section11-box3-inn{padding-left: 15px;padding-right: 15px;}
  .section11-box .swiper-slide-box{border-radius: 28px;}

  .slider-box{border-radius: 42px;border: 10px solid #fff;}
  .slider-text{font-size: 20px;}
 
  .pricing-left{width: 95%;}
  .pricing-right{width: 95%;}
  
  .banner-left-box,.carouselExample2-left,.carouselExample2-right,.footer-box1,.footer-box2,.footer-box3,.footer-box4,.footer-box5,.footer-box6,.implement-box-left,.implement-box-right,.mycontainer,.mycontainer2,.page-features-box-last,.platforms-mega-menu .menu-list-section,.section8-left,.section8-right,.table-box1-out,.template-case-mega-menu .menu-list-section,.use-case-mega-menu .menu-list-section,.webpages-banner-left-box {width: 100%}
  .platforms-mega-menu,.use-case-mega-menu {width: 51.5%}
  .template-case-mega-menu {width: 68%}
  .platforms-mega-menu::before, .template-case-mega-menu::before, .use-case-mega-menu::before {left: 7%}
  .platforms-mega-menu .menu-title-section,.use-case-mega-menu .menu-title-section {width: 43%}
  .template-case-mega-menu .menu-title-section {width: 32.6%}
  .u-header__sub-menu-nav-link {font-size: 14px;margin: 0}
  .dg-step-row2,.dg-step-row3 {margin-top: 12%}
  .menu-title-section {padding: 0 30px}
  .navbar-expand-lg .u-header__mega-menu-wrapper,.tutorials-pages-box-link,.tutorials-pages-box-title,.tutorials-pages-icon {padding: 0 0 0 30px}

  .built_div_1 {width: 100%;}
  .built_div_2_main {width: 100%;} 

  .productivity-img{right: 0;width: 149px;}

}
@media (min-width: 480px){
  .mainvideo {position: static;width: 100%;height: 0px;}
  .video {width: 485px;height: 273px;top: 23px;left: 28px;margin-bottom: 8%;}
}
@media only screen and (min-width: 768px) { 
  .lappy {position: relative;right: 0;bottom: -50px;}
  .videosection {position: relative;right: 0;bottom: 0px;}
  .mainvideo {position: absolute;width: 402px;height: 227px;top: 40px;left: 24px;}
  .video {width: 315px;height: 117px;top: 15px;left: 7px;margin-bottom: 12%;} 

  .section4-box-out{width: 33%;padding: 18px 8px;}
  .section8-detail{}

  .section5-detail-1{padding: 0 4% 0 0%;}
  .section5-detail-2{padding: 0 0% 0 5%;}
	.footer-box1,.footer-box2,.footer-box3,.footer-box4,.footer-box5,.footer-box6{ padding: 0 15px;}
  .footer-box1{width: 100%;}
	.footer-box2,.footer-box5{width: 100%;}
	.footer-box3{width: 100%;}
	.footer-box4{width: 100%;}
	.footer-box6{width: 100%;}
	.footer-title{margin-bottom: 0;font-size:20px}
  .footer-link {font-size: 15px;}
  .connection-img{width: 170px;right: 75%;}  

  .swiper-pagination.swiper-pagination-1 {width: 45%;top: 0;}
  .swiper-pagination-1 .swiper-pagination-bullet {margin: 4% 0;}
  .swiper-pagination-1 .swiper-pagination-bullet .headline {font-size: 26px;}
  .swiper-pagination-1 .swiper-pagination-bullet .subheadline {font-size: 14px;}

  .checklist-1 {}
  .section3-slider-box{width: 100%;}

  .section5-box-out{padding: 7px;}
  .section5-box1-out{width: 57%;}
  .section5-box2-out{width: 43%;}
  .section5-box3-out{width: 33.33%;}
  .section5-box4-out{width: 33.33%;}
  .section5-box5-out{width: 33.33%;}
  .section5-box6-out{width: 43%;}
  .section5-box7-out{width: 57%;}
  .section5-box8-out{width: 57%;}
  .section5-box9-out{width: 43%;}
 
  .section6-box1-out, .section6-box3-out{width: 33%;}
  .section6-box2-out{width: 33%;}
  .section6-box4-detail{padding: 0;}
  .section6-box4-img{padding: 0;}

  .section3-main-box, .section6-main-box, .section9-main-box{width: 97.6%;}
  
  .slider1-2{display: block;}
  .slider1-1{width: 50%;}
  .slider1-2{width: 50%;} 

  .section6-box{padding: 20px 15px 15px 15px;border-radius: 15px;}
  .section6-box3{padding: 15px 15px 20px 15px;}
  .section6-box4{padding: 15px;}
	.section5-detail{padding: 0 2px;}

  .user-div-inn{padding: 20px;}
 
  .testi-slide{width: 300px;}

  /**/
  .leaders-section .nav-tabs{font-size:18px}
	.francis-testi{top:27.5%;left:9%}
	.mike-testi{top:25.1%;left:9%}
	.laura-testi{top:20.5%;left:9%}
	.varun-testi{top:22.5%;left:9%}
	.francis-testi p,.laura-testi p,.mike-testi p,.varun-testi p{font-size:15px}
	.francis-testi h2,.laura-testi h2,.mike-testi h2,.varun-testi h2{font-size:20px}
	.francis-testi h5,.laura-testi h5,.mike-testi h5,.varun-testi h5{font-size:12px}
  
  /**/
  .steps-details-div{padding: 60px 60px;}
  .steps-details-div-2{padding: 60px;}
  .card-body{font-size: 17px;}
  .card-header a{font-size: 24px;}

  .steps-title{font-size: 43px;}
  .steps-subtitle{font-size: 18px;margin-top: 5px;}

	#accordion ul.nav-tabs{margin-top: 10px;}
	#accordion-2 ul.nav-tabs{margin-top: 10px;}
	#accordion-3 ul.nav-tabs{margin-top: 10px;}
	.section4 li.nav-item {padding: 25px 0;}

  .ai-detail-div{width: 80%;}
  .ai-detail-img{width: 56.1%;margin-left: 17px;margin-top: 21px;}

  .section9 .card.nav-link{padding: 22px 22px 22px 30px;border-radius: 30px;}
  .section9 .card.nav-link.active{padding: 20px 20px 30px 20px;}

  .section9 .card-body{padding: 0 60px 0 44px;margin-top: 7px;font-size: 16px;}
  .section9 .card-header a{font-size: 24px;}
  
  .section9 .card-header a:after{top: 2px;font-size: 24px;}

  .section10 .tab-left{width: 81%;}
  .section10 .tab-right{}
  .section10 .nav-link{padding: 20px 4%;font-size: 22px;}
	.section10 .nav-item {margin: 4px 0;}


  .click-img {top: 26%;left: 40%;width: 114px;}

   .section11-box1-inn{padding-right: 7px;padding-left: 7px;}
  .section11-box2-inn{padding: 0 7px;}
  .section11-box3-inn{padding-left: 7px;padding-right: 7px;}
  .section11-box .swiper-slide-box{border-radius: 20px;}

  .slider-box{border-radius: 42px;border: 10px solid #fff;}
  .slider-text{font-size: 22px;}

  .footer-section-left{width: 46%;}
  .footer-section-right{width: 52%;}
 
  .pricing-left{width: 53%;}
  .pricing-right{width: 50%;}
 
  .platforms-mega-menu,.use-case-mega-menu {width: 51.5%}
  .onlinelearner,.template-case-mega-menu {width: 68%}
  .platforms-mega-menu::before,.template-case-mega-menu::before,.use-case-mega-menu::before {left: 7%}
  .platforms-mega-menu .menu-title-section,.use-case-mega-menu .menu-title-section {width: 43%}
  #expander span,#expander-2 span,.banner-left-box,.features-main-box,.footer-box1,.footer-box2,.footer-box3,.footer-box4,.footer-box5,.footer-box6,.platforms-mega-menu .menu-list-section,.pricing-testi-box,.section8-left,.template-case-mega-menu .menu-list-section,.use-case-mega-menu .menu-list-section,.webpages-banner-left-box {width: 100%}
  .template-case-mega-menu .menu-title-section {width: 32.6%}
  .u-header__sub-menu-nav-link {font-size: 15px;margin: 8px 0}
  .menu-title-section {padding: 0 30px}
  .navbar-expand-lg .u-header__mega-menu-wrapper {padding: 0 0 0 30px}
.built_div_1 {width: 21.4%;}
  .built_div_2_main {width: 67.37%;} 

  .productivity-img{right: 0;width: 149px;}

  .built_div_1 {width: 25%;}
  .built_div_2_main {width: 75%;} 

  .productivity-img{right: -18px;width: 94px;}
  
  .built_div_1{}
  .built_div_1_box_1{height: 340px;}
  .built_div_1_box_2{height: 342px;}

  .built_div_2_box_1inn{height: 203px;}
  .built_div_2_box_2inn{height: 203px;}

  .built_div_2_box_3inn{height: 300px;}
  .built_div_3_box_1{height: 339px;}
  .built_div_3_box_2{height: 164px;}

  .built_div_4_inn{height: 164px;}
  .built_div_5_inn{height: 164px;padding: 20px 0 0 20px;}

  .built_div_1_box_1_text, .built_div_1_box_2_text {padding: 22px 0 0 20px;}
  .built_div_2_box_1inn_text, .built_div_2_box_2inn_text{padding: 20px 0 0 20px;}
  .built_div_3_box_2_text {padding: 30px 0 0 26px;}
  .built_div_3_box_1_text{padding: 20px 0 0 20px;}
  .built_div_3_box_2_text{padding: 22px 0 0 21px;}
  .built_div_4_inn_text{height: 225px;padding: 22px 0 0 20px;}
  .built_div_2_box_3inn{padding: 35px 20px 35px 25px;}
  .ravingtesti-div-bottom{height: 100px;}

  .sales-img{margin-top: 0px;}
  .reduction-img{width: 133px;}
}
@media only screen and (min-width: 992px) {
  .mycontainer{width: 920px;}
  .mycontainer2{width:920px;}	  
  .mainvideo {position: absolute;width: 551px;height: 327px;top: 40px;left: 30px;}
  .video {width: 429px;height: 162px;top: 21px;left: 11px;margin-bottom: 10%;}
  .modal-lg {max-width: 980px;}    

  .section4-box-out{width: 33%;padding: 18px 10px;}
	.footer-box1,.footer-box2,.footer-box3,.footer-box4,.footer-box5,.footer-box6{padding: 0 0px;}
  .footer-box1{width: 24%;}
	.footer-box2,.footer-box5{width: 16%;}
	.footer-box3{width: 14%;}
	.footer-box4{width:14%}
	.footer-box6{width:10%}
	.footer-title{margin-bottom: 0;font-size: 16px;}
  .footer-link {font-size: 12px;}
  .section8-detail{}

  .section5-detail-1{padding: 0 1%;}
  .section5-detail-2{padding: 0 1% 0 4%;}
  .connection-img{width: 247px;right: 70%;} 

  .swiper-pagination.swiper-pagination-1 {width: 31%;top: 8%;}
  .swiper-pagination-1 .swiper-pagination-bullet {margin: 7% 0;}
  .swiper-pagination-1 .swiper-pagination-bullet .headline {font-size: 25px;}
  .swiper-pagination-1 .swiper-pagination-bullet .subheadline {font-size: 13px;}

  .checklist-1 {}
  .section3-slider-box{width: 80%;}

  .section5-box-out{padding: 8px;}
  .section5-box1-out{width: 57%;}
  .section5-box2-out{width: 43%;}
  .section5-box3-out{width: 33.33%;}
  .section5-box4-out{width: 33.33%;}
  .section5-box5-out{width: 33.33%;}
  .section5-box6-out{width: 43%;}
  .section5-box7-out{width: 57%;}
  .section5-box8-out{width: 57%;}
  .section5-box9-out{width: 43%;}
 
  .section6-box1-out, .section6-box3-out{width: 33%;}
  .section6-box2-out{width: 33%;}
  .section6-box4-detail{padding: 0;}
  .section6-box4-img{padding: 0 20px 0 0;}

  .section3-main-box, .section6-main-box, .section9-main-box{width: 95.6%;}
  .slider1-1{width: 50%;}
  .slider1-2{width: 50%;} 

  .section6-box{padding: 20px 15px 15px 15px;border-radius: 15px;}
  .section6-box3{padding: 15px 15px 20px 15px;}
  .section6-box4{padding: 11px;}
	.section5-detail{padding: 0 8px;}

  .user-div-inn{padding: 20px;}
 
  .testi-slide{width: 340px;}
  /**/
  .leaders-section .nav-tabs{font-size:22px}
	.francis-testi{top:26.5%;left:8.5%}
	.mike-testi{top:26.1%;left:8.5%}
	.laura-testi{top:20%;left:8.5%}
	.varun-testi{top:22.5%;left:8.5%}
	.francis-testi p,.laura-testi p,.mike-testi p,.varun-testi p{font-size:18px}
	.francis-testi h2,.laura-testi h2,.mike-testi h2,.varun-testi h2{font-size:27.5px}
	.francis-testi h5,.laura-testi h5,.mike-testi h5,.varun-testi h5{font-size:14px}
  
  /**/
  .steps-details-div{padding: 0 20px 0 30px;}
  .steps-details-div-2{padding: 0 20px 0 30px;}
  .card-body{font-size: 15px;}
  .card-header a{font-size: 20px;}

  .steps-title{font-size: 31px;}
   .steps-subtitle{font-size: 15px;margin-top: 5px;} 

	#accordion ul.nav-tabs{margin-top: -2%;}
	#accordion-2 ul.nav-tabs{margin-top: -2%;}
	#accordion-3 ul.nav-tabs{margin-top: -2%;}
	.section4 li.nav-item {padding: 18px 0;}

  .ai-detail-div{width: 37.6%;}
  .ai-detail-img{width: 56.1%;margin-left: 17px;margin-top: 21px;}

  .section9 .card.nav-link{padding: 17px 22px 17px 30px;border-radius: 20px;}
  .section9 .card.nav-link.active{padding: 15px 20px 25px 20px;}

  .section9 .card-body{padding: 0 20px 0 44px;margin-top: 7px;font-size: 15px;}
  .section9 .card-header a{font-size: 22px;}
  
  .section9 .card-header a:after{top: 8px;font-size: 22px;}

  .section10 .tab-left{width: 28%;}
  .section10 .tab-right{}
  .section10 .nav-link{padding: 7% 8%;font-size: 17px;}
	.section10 .nav-item {margin: 4px 0;}

  .click-img {top: 32%;left: 43.5%;width: 120px;}

  .section11-box1-inn{padding-right: 20px;        padding-left: 0;}
  .section11-box2-inn{padding: 0 10px;}
  .section11-box3-inn{padding-left: 20px;padding-right: 0;}
  .section11-box .swiper-slide-box{border-radius: 28px;}

	
  .section8-box{width: 100%;}

  .slider-box{border-radius: 32px;border: 10px solid #fff;}
  .slider-text{font-size: 22px;}

  .footer-section-left{width: 42%;}
  .footer-section-right{width: 52%;}
 
  .pricing-left{width: 52%;}
  .pricing-right{width: 45%;}
  
	.header .navbar{padding:13px 16px}
	.dropdown-item,.footer-title1,.header .navbar-nav,.scrollToTopBtn,.tutorial-youtube-title,.tutorial-youtube-view,.tutorials-pages-box-link{font-size:12px}.header .navbar-nav .nav-link{padding-right:12px;padding-left:12px}
	.header .navbar-nav.right-menu .nav-link.right-btn{padding-right:26px;padding-left:26px}
	.use-case-mega-menu{width:73.5%}
	.pricing-withStandard #expander span,.pricing-withStandard #expander-2 span,.pricing-withStandard .features-main-box,.pricing-withStandard .pricing-testi-box,.template-case-mega-menu{width:98%}
	.navbar-expand-lg.u-header__navbar--no-space{padding-top:0!important;padding-bottom:0!important}
	.template-case-mega-menu::before{left:5%}
	.use-case-mega-menu::before{left:41%}
	.platforms-mega-menu::before{left:42%}
	.use-case-mega-menu .menu-title-section{width:41%}
	.use-case-mega-menu .menu-list-section{width:59%}
	.template-case-mega-menu .menu-title-section{width:30.6%}
	.template-case-mega-menu .menu-list-section{width:69.4%}
	.platforms-mega-menu .menu-title-section{width:51.5%}
	.platforms-mega-menu .menu-list-section{width:48.5%}
	.u-header__sub-menu-nav-link{font-size:12px;margin:10px 0}
	.menu-title-section{padding:0 20px}
	.navbar-expand-lg .u-header__mega-menu-wrapper{padding:0 0 0 18px}
	.logo{width:140px}
	.header .navbar-brand{margin-right:5px}

  .built_div_1 {width: 25%;}
  .built_div_2_main {width: 75%;} 

  .productivity-img{right: -8px;width: 114px;}
  
  .built_div_1{}
  .built_div_1_box_1{height: 425px;}
  .built_div_1_box_2{height: 401px;}

  .built_div_2_box_1inn{height: 253px;}
  .built_div_2_box_2inn{height: 253px;}

  .built_div_2_box_3inn{height: 343px;}
  .built_div_3_box_1{height: 403px;}
  .built_div_3_box_2{height: 194px;}

  .built_div_4_inn{height: 214px;}
  .built_div_5_inn{height: 214px;padding: 22px 0 0 24px;}

  .built_div_1_box_1_text, .built_div_1_box_2_text {padding: 26px 0 0 20px;}
  .built_div_2_box_1inn_text, .built_div_2_box_2inn_text{padding: 26px 0 0 27px;}
  .built_div_3_box_2_text {padding: 30px 0 0 26px;}
  .built_div_3_box_1_text{padding: 26px 0 0 21px;}
  .built_div_3_box_2_text{padding: 22px 0 0 21px;}
  .built_div_4_inn_text{height: 225px;padding: 26px 0 0 24px;}
  .built_div_2_box_3inn{padding: 35px 26px 40px 27px;}
  .ravingtesti-div-bottom{height: 120px;}

  .sales-img{margin-top: 0px;}
  .reduction-img{width: 175px;}
}
@media only screen and (min-width: 1100px) {
  .mycontainer{width: 1060px;}
  .mycontainer2{width:1060px;}	 
  .mainvideo {position: absolute;width: 551px;height: 327px;top: 40px;left: 30px;}
  .video {width: 429px;height: 162px;top: 21px;left: 11px;margin-bottom: 10%;}
  .modal-lg {max-width: 980px;}  

  .section4-box-out{width: 32%;padding: 18px 10px;}
	.footer-box1,.footer-box2,.footer-box3,.footer-box4,.footer-box5,.footer-box6{padding: 0 2px;}
  .footer-box1{width:22%}
	.footer-box2{width:19%}
	.footer-box3{width:14%}
	.footer-box4,.footer-box5{width:16%}
	.footer-box6{width: 10%;}
	.footer-title{margin-bottom: 15px;font-size:20px}
  .footer-link {font-size: 14px;}
  .section8-detail{}

  .section5-detail-1{padding: 0 4% 0 1%;}
  .section5-detail-2{padding: 0 0% 0 5%;}
  .connection-img{width: 280px;right: 70%;} 

  .swiper-pagination.swiper-pagination-1 {width: 31%;top: 11%;}
  .swiper-pagination-1 .swiper-pagination-1 .swiper-pagination-bullet { margin: 13% 0;}
  .swiper-pagination-1 .swiper-pagination-bullet .headline {font-size: 29px;}
  .swiper-pagination-1 .swiper-pagination-bullet .subheadline {font-size: 15px;}

  .checklist-1 {}
  .section3-slider-box{width: 100%;}

  .section5-box-out{padding: 13px;}
  .section5-box1-out{width: 57%;}
  .section5-box2-out{width: 43%;}
  .section5-box3-out{width: 33.33%;}
  .section5-box4-out{width: 33.33%;}
  .section5-box5-out{width: 33.33%;}
  .section5-box6-out{width: 43%;}
  .section5-box7-out{width: 57%;}
  .section5-box8-out{width: 57%;}
  .section5-box9-out{width: 43%;}
 
  .section6-box1-out, .section6-box3-out{width: 33%;}
  .section6-box2-out{width: 33%;}
  .section6-box4-detail{padding: 0;}
  .section6-box4-img{padding: 0 20px 0 0;}

  .section3-main-box, .section6-main-box, .section9-main-box{width: 97.6%;}
  .slider1-1{width: 35.5%;}
  .slider1-2{width: 35.5%;} 

  .section6-box{padding: 20px 15px 15px 15px;border-radius: 15px;}
  .section6-box3{padding: 15px 15px 20px 15px;}
  .section6-box4{padding: 15px;}
	.section5-detail{padding: 0 12px;}

  .user-div-inn{padding: 20px;}

  /**/
  .leaders-section .nav-tabs{font-size:22px}
  .francis-testi{top:27.5%;left:12%}
  .mike-testi{top:25.1%;left:12%}
  .laura-testi{top:20%;left:12%}
  .varun-testi{top:22.5%;left: 12%;}
  .francis-testi p,.laura-testi p,.mike-testi p,.varun-testi p{font-size:18px}
  .francis-testi h2,.laura-testi h2,.mike-testi h2,.varun-testi h2{font-size:27.5px}
  .francis-testi h5,.laura-testi h5,.mike-testi h5,.varun-testi h5{font-size:14px}
  
  /**/
  .steps-details-div{padding: 0 27px 0 39px;}
  .steps-details-div-2{padding: 0 51px 0 35px;}
  .card-body{font-size: 16px;}
  .card-header a{font-size: 20px;}

  .steps-title{font-size: 35px;width: 116%;}
   .steps-subtitle{font-size: 15px;    margin-top: 14px;} 

	#accordion ul.nav-tabs{margin-top: 2%;}
	#accordion-2 ul.nav-tabs{margin-top: 1%;}
	#accordion-3 ul.nav-tabs{margin-top: 0%;}
	.section4 li.nav-item {padding: 20px 0;}

  .ai-detail-div{width: 33.6%;}
  .ai-detail-img{width: 56.1%;margin-left: 17px;margin-top: 21px;}

  .section9 .card.nav-link{padding: 17px 22px 17px 30px;border-radius: 20px;}
  .section9 .card.nav-link.active{padding: 15px 20px 25px 20px;}

  .section9 .card-body{padding: 0 20px 0 44px;margin-top: 7px;font-size: 15px;}
  .section9 .card-header a{font-size: 22px;}
  
  .section9 .card-header a:after{top: 8px;font-size: 22px;}

  .section10 .tab-left{width: 27%;}
  .section10 .tab-right{width: 68%;}
  .section10 .nav-link{font-size: 18px;}
	.section10 .nav-item {}

  .click-img {top: 34%;left: 44.5%;width: 119px;}

  .section11-box1-inn{padding-right: 20px;}
  .section11-box2-inn{padding: 0 10px;}
  .section11-box3-inn{padding-left: 20px;}
  .section11-box .swiper-slide-box{border-radius: 28px;}

  .slider-box{border-radius: 32px;border: 10px solid #fff;}
  .slider-text{font-size: 22px;}
 
  .pricing-box-out{padding: 0 3.5%;}

  .footer-section-left{width: 42%;}
  .footer-section-right{width: 52%;}
 
  .pricing-left{width: 53%;}
  .pricing-right{width: 45%;}
  
	.header .navbar{padding:13px 20px}
	.all-features-month-text,.all-features-table-price span,.btn-bottom-text5,.cf-section .card-pra1,.dropdown-item,.footer-box1 .foot-name,.footer-pra,.footer-title1,.header .navbar-nav,.implement-pra,.scrollToTopBtn,.table-normally{font-size:13px}
	.header .navbar-nav .nav-link{padding-right:14px;padding-left:14px}
	.header .navbar-nav.right-menu .nav-link.right-btn{padding-right:18px;padding-left:18px}
	.use-case-mega-menu{width:64.5%}
	.template-case-mega-menu{width:86%}
	.platforms-mega-menu{width:50.5%}
	.template-case-mega-menu::before{left:5%}
	.platforms-mega-menu::before{left:30%}
	.use-case-mega-menu::before{left:41%}
	.section8-right,.use-case-mega-menu .menu-title-section{width:41%}
	.use-case-mega-menu .menu-list-section{width:59%}
	.template-case-mega-menu .menu-title-section{width:30.6%}
	.template-case-mega-menu .menu-list-section{width:69.4%}
	.platforms-mega-menu .menu-title-section{width:52%}
	.platforms-mega-menu .menu-list-section{width:48%}
	.u-header__sub-menu-nav-link{font-size:11px;margin:9px 0}
	.menu-title-section{padding:0 20px}
	.navbar-expand-lg .u-header__mega-menu-wrapper,.tutorials-pages-box-link,.tutorials-pages-box-title,.tutorials-pages-icon{padding:0 0 0 18px}

  .built_box_inn{padding: 26px 25px;height: 225px;}
  .built_box2_4 {padding: 30px 25px;height: 225px;}

  .logo{width:150px}
 
  .productivity-img{right: -14px;width: 139px;}
}
@media only screen and (min-width: 1200px) {
  .mycontainer{width: 1170px;}
  .mycontainer2{width:1180px;}	
  .mainvideo {position: absolute;width: 655px;height: 382px;top: 70px;left: 38px;}
  .video {width: 403px;height: 196px;top: 1px;left: 0px;margin-bottom: 0px;}

  .section4-box-out{width: 33%;padding: 18px 13px;}
  .footer-box1, .pricing-withStandard .table-box1-out {width: 23%;}
	.footer-box1,.footer-box2,.footer-box3,.footer-box4,.footer-box5,.footer-box6{padding: 0 2px;}
  .footer-box1,.pricing-withStandard .table-box1-out{width:23%}
	.footer-box2{width:18%}
	.footer-box3{width:14%}
	.footer-box4{width:15%}
	.footer-box5{width:16%}
	.footer-box6{width:10%}
	.footer-title{margin-bottom: 14px;font-size: 19px;}
  .footer-link {font-size: 14px;}
  .section8-detail{}

  .section5-detail-1{padding: 0 4% 0 1%;}
  .section5-detail-2{padding: 0 0% 0 5%;}
  .connection-img{width: 300px;right: 69%;} 

  .swiper-pagination.swiper-pagination-1 {width: 31%;top: 7.5%;}
  .swiper-pagination-1 .swiper-pagination-bullet { margin: 13% 0;}
  .swiper-pagination-1 .swiper-pagination-bullet .headline {font-size: 29px;}
  .swiper-pagination-1 .swiper-pagination-bullet .subheadline {font-size: 16px;}

  .checklist-1 {}
  .section3-slider-box{width: 99%;}

  .section5-box-out{padding: 13px;}
  .section5-box1-out{width: 57%;}
  .section5-box2-out{width: 43%;}
  .section5-box3-out{width: 33.33%;}
  .section5-box4-out{width: 33.33%;}
  .section5-box5-out{width: 33.33%;}
  .section5-box6-out{width: 43%;}
  .section5-box7-out{width: 57%;}
  .section5-box8-out{width: 57%;}
  .section5-box9-out{width: 43%;}
 
  .section6-box1-out, .section6-box3-out{width: 33%;}
  .section6-box2-out{width: 34%;}
  .section6-box4-detail{padding: 0;}
  .section6-box4-img{padding: 0 20px 0 0;}

  .section3-main-box, .section6-main-box, .section9-main-box{width: 95.6%;}
  .slider1-3{display: block;}
  .slider1-1{width: 33.33%;}
  .slider1-2{width: 33.33%;} 
  .slider1-3{width: 33.33%;} 

  .section6-box{padding: 35px 21px 21px 21px;border-radius: 28px;}
  .section6-box3{padding: 21px 21px 29px 21px;}
  .section6-box4{padding: 21px;}
	.section5-detail{padding: 0 4% 0 18px;}

  .user-div-inn{padding: 31px;}
 
  .testi-slide{width: 434px;}

  /**/
  .leaders-section .nav-tabs{font-size:22px}
	.francis-testi{top:27.5%;left:14%}
	.mike-testi{top:25.1%;left:14%}
	.laura-testi{top:20.5%;left: 14%;}
	.varun-testi{top:22.5%;left:14%}
	.francis-testi p,.laura-testi p,.mike-testi p,.varun-testi p{font-size:20px}
	.francis-testi h2,.laura-testi h2,.mike-testi h2,.varun-testi h2{font-size:30px}
	.francis-testi h5,.laura-testi h5,.mike-testi h5,.varun-testi h5{font-size:17px}
  
  /**/
  .steps-details-div{padding: 0 37px 0 49px;}
  .steps-details-div-2{padding: 0 51px 0 35px;}
  .card-body{font-size: 16px;}
  .card-header a{font-size: 22px;}

  .steps-title{font-size: 38px;}
   .steps-subtitle{font-size: 16px;    margin-top: 14px;} 

	#accordion ul.nav-tabs{margin-top: 2%;}
	#accordion-2 ul.nav-tabs{margin-top: 2%;}
	#accordion-3 ul.nav-tabs{margin-top: 1%;}
	
	.section4 li.nav-item {padding: 25px 0;}

   .ai-detail-div{width: 29.6%;}
  .ai-detail-img{width: 56.1%;margin-left: 17px;margin-top: 21px;}

  .section9 .card.nav-link{padding: 16px 20px 26px 20px;border-radius: 20px;}
  .section9 .card.nav-link.active{padding: 18px 20px 20px 20px;}

  .section9 .card-body{padding: 0 0px 0 44px;margin-top: 7px;font-size: 14px;}
  .section9 .card-header a{font-size: 22px;}
  
  .section9 .card-header a:after{top: 9px;font-size: 19px;}

  .section10 .tab-left{width: 25.3%;}
  .section10 .tab-right{}
  .section10 .nav-link{font-size: 19px;}
	.section10 .nav-item {
}

  .section10 .nav-link {}

  .click-img {top: 34.8%;left: 44.8%;width: 124px;}

  .section11-box1-inn{padding-right: 20px;}
  .section11-box2-inn{padding: 0 10px;}
  .section11-box3-inn{padding-left: 20px;}
  .section11-box .swiper-slide-box{border-radius: 28px;}

  .slider-box{border-radius: 32px;border: 10px solid #fff;}
  .slider-text{font-size: 22px;}

  .footer-section-left{width: 42%;}
  .footer-section-right{width: 50%;}
 
  .pricing-left{width: 50.9%;}
  .pricing-right{width: 42%;}
   
	.header .navbar{padding:13px 20px}
	.all-features-month-text,.all-features-table-price span,.dg-step-pra,.dropdown-item,.footer-box1 .foot-name,.footer-pra,.footer-section .card-body,.footer-title1,.header .navbar-nav,.implement-pra,.scrollToTopBtn,.section-nav-title,.swiper1 p,.table-list li,.tutorials-video-name h4{font-size:14px}
	.header .navbar-nav .nav-link{padding-right:15px;padding-left:15px}
	.header .navbar-nav.right-menu .nav-link.right-btn{padding-right:22px;padding-left:22px}
	.use-case-mega-menu{width:64.5%}.template-case-mega-menu{width:86%}
	.platforms-mega-menu{width:50.5%}
	.template-case-mega-menu::before{left:5%}
	.platforms-mega-menu::before{left:30%}
	.use-case-mega-menu::before{left:40%}
	.use-case-mega-menu .menu-title-section{width:41%}
	.carouselExample2-right,.use-case-mega-menu .menu-list-section{width:59%}
	.template-case-mega-menu .menu-title-section{width:30.6%}
	.template-case-mega-menu .menu-list-section{width:69.4%}
	.platforms-mega-menu .menu-title-section{width:52%}
	.platforms-mega-menu .menu-list-section{width:48%}
	.u-header__sub-menu-nav-link{font-size:12px;margin:12px 0}
	.menu-title-section{padding:0 20px}
	.navbar-expand-lg .u-header__mega-menu-wrapper{padding:0 0 0 20px}
	.footer-box1,.pricing-withStandard .table-box1-out{width:23%}
	.footer-box2{width:18%}
	.footer-box3{width:14%}
	.footer-box4{width:15%}
	.footer-box5{width:16%}
	.footer-box6{width:10%}
	.header .navbar-brand{margin-right:8px}
 
  .productivity-img{right: -14px;width: 139px;}

  .logo{width:150px}

  .built_div_1{}
  .built_div_1_box_1{height: 474px;}
  .built_div_1_box_2{height: 451px;}

  .built_div_2_box_1inn{height: 263px;}
  .built_div_2_box_2inn{height: 263px;}

  .built_div_2_box_3inn{height: 423px;}
  .built_div_3_box_1{height: 488px;}
  .built_div_3_box_2{height: 194px;}

  .built_div_4_inn{height: 224px;}
  .built_div_5_inn{height: 224px;padding: 32px 0 0 32px;}

  .built_div_1_box_1_text, .built_div_1_box_2_text {padding: 36px 0 0 26px;}
  .built_div_2_box_1inn_text, .built_div_2_box_2inn_text{padding: 36px 0 0 32px;}
  .built_div_3_box_2_text {padding: 30px 0 0 26px;}
  .built_div_3_box_1_text{padding: 36px 0 0 26px;}
  .built_div_3_box_2_text{padding: 30px 0 0 26px;}
  .built_div_4_inn_text{padding: 36px 0 0 32px;}

  .built_div_2_box_3inn{padding: 60px 47px 45px 45px;}
  .ravingtesti-div-bottom{height: 132px;}

  .sales-img{margin-top: -10px;}
  .reduction-img{width: 175px;}
 
}
@media (min-width:1300px) {
  .mycontainer{width:1219px;}
  .mycontainer2{width:1180px;}	

  .section4-box-out{width: 31%;padding: 18px 15px;}
	.footer-box1,.footer-box2,.footer-box3,.footer-box4,.footer-box5,.footer-box6{padding: 0 6px;}
  .footer-box1{width:23%}
	.footer-box2{width:18%}
	.footer-box3,.footer-box4{width:15%}
	.footer-box5{width:16%}
	.footer-box6{width:10%}

	.footer-title{margin-bottom: 10px;font-size:20px} 
  .footer-link {font-size: 14px;}
  .section8-detail{}

  .section5-detail-1{padding: 0 4% 0 1%;}
  .section5-detail-2{padding: 0 1% 0 5%;}
  .connection-img{width: 330px;right: 67.5%;}  

  .swiper-pagination.swiper-pagination-1 {width: 31%;top: 7.5%;}
  .swiper-pagination-1 .swiper-pagination-bullet { margin: 13% 0;}
  .swiper-pagination-1 .swiper-pagination-bullet .headline {font-size: 30px;}
  .swiper-pagination-1 .swiper-pagination-bullet .subheadline {font-size: 17px;}

  .checklist-1 {}
  .section3-slider-box{width: 93%;}

  .section5-box-out{padding: 13px;}
  .section5-box1-out{width: 57%;}
  .section5-box2-out{width: 43%;}
  .section5-box3-out{width: 33.33%;}
  .section5-box4-out{width: 33.33%;}
  .section5-box5-out{width: 33.33%;}
  .section5-box6-out{width: 43%;}
  .section5-box7-out{width: 57%;}
  .section5-box8-out{width: 57%;}
  .section5-box9-out{width: 43%;}
	.section5-detail{padding: 0 4% 0 18px;}
 
  .section6-box1-out, .section6-box3-out{width: 33%;}
  .section6-box2-out{width: 31%;}
  .section6-box4-detail{padding: 0;}
  .section6-box4-img{padding: 0 20px 0 0;}

  .section3-main-box, .section6-main-box, .section9-main-box{width: 95.6%;}

  .user-div-inn{padding: 31px;}

   /**/
   .leaders-section .nav-tabs{font-size:22px}
   .francis-testi{top:27.5%;left: 16%;}
   .mike-testi{top:25.1%;left:16%}
   .laura-testi{top:20.5%;left:16%}
   .varun-testi{top:22.5%;left: 16%;}
   .francis-testi p,.laura-testi p,.mike-testi p,.varun-testi p{font-size:20px}
   .francis-testi h2,.laura-testi h2,.mike-testi h2,.varun-testi h2{font-size:30px}
   .francis-testi h5,.laura-testi h5,.mike-testi h5,.varun-testi h5{font-size:17px}

   /**/
   .steps-details-div{padding: 0 47px 0 49px;}
   .steps-details-div-2{padding: 0 51px 0 35px;}

   .steps-title{font-size: 40px;}
   .steps-subtitle{font-size: 17px;} 

	#accordion ul.nav-tabs{margin-top: 4%;}
	#accordion-2 ul.nav-tabs{margin-top: 4%;}
	#accordion-3 ul.nav-tabs{margin-top: 2%;}
	
	.section4 li.nav-item {padding: 25px 0;}

   .ai-detail-div{width: 26.6%;}
  .ai-detail-img{width: 56.1%;margin-left: 17px;margin-top: 21px;}

  .section9 .card.nav-link{padding: 16px 20px 26px 20px;border-radius: 20px;}
  .section9 .card.nav-link.active{padding: 18px 20px 20px 20px;}

  .section9 .card-body{padding: 0 0px 0 44px;margin-top: 7px;font-size: 14px;}
  .section9 .card-header a{font-size: 21px;}
  
  .section9 .card-header a:after{top: 9px;font-size: 19px;}

  .section10 .tab-left{width: 24.3%;}
  .section10 .tab-right{width: 67%;}
  .section10 .nav-link{font-size: 19px;}
	.section10 .nav-item {
}

  .section10 .nav-link {}

  .click-img {top: 35.8%;left: 45%;width: 134px;}

  .section11-box1-inn{padding-right: 30px;}
  .section11-box2-inn{padding: 0 15px;}
  .section11-box3-inn{padding-left: 30px;}
  .section11-box .swiper-slide-box{border-radius: 28px;}

  .slider-box{border-radius: 42px;border: 10px solid #fff;}
  .slider-text{font-size: 24px;}

  .footer-section-left{width: 37%;}
  .footer-section-right{width: 44%;}
  
	.header .navbar{padding:13px 40px}
	.dg-step-pra,.dropdown-item,.footer-link,.footer-pra,.footer-title1,.header .navbar-nav,.implement-pra,.scrollToTopBtn,.section-nav-title,.swiper1 p,.tutorials-video-name h4{font-size:14px}
	.header .navbar-nav .nav-link{padding-right:15px;padding-left:15px}
	.header .navbar-nav.right-menu .nav-link.right-btn{padding-right:22px;padding-left:22px}
	.use-case-mega-menu{width:64.5%}.template-case-mega-menu{width:86%}
	.platforms-mega-menu,.webpages-banner-right-box{width:50%}
	.template-case-mega-menu::before{left:4.5%}
	.platforms-mega-menu::before{left:28%}
	.use-case-mega-menu::before{left:39%}
	.use-case-mega-menu .menu-title-section{width:41%}
	.use-case-mega-menu .menu-list-section{width:59%}
	.template-case-mega-menu .menu-title-section{width:30.6%}
	.template-case-mega-menu .menu-list-section{width:69.4%}
	.platforms-mega-menu .menu-title-section{width:53%}
	.platforms-mega-menu .menu-list-section{width:47%}
	.u-header__sub-menu-nav-link{font-size:12px;margin:10px 0}
	.menu-title-section{padding:0 30px}
	.navbar-expand-lg .u-header__mega-menu-wrapper{padding:0 0 0 30px}
	.header .navbar-brand{margin-right:20px}

  .productivity-img{right: -10px;width: 149px;}
}
@media (min-width:1400px) {
  .mycontainer{width:1370px;}
  .mycontainer2{width:1219px;;} 

  .section4-box-out{width: 30%;padding: 18px;}
	.footer-box1,.footer-box2,.footer-box3,.footer-box4,.footer-box5,.footer-box6{ padding: 0 15px;}
  .footer-box1{width:23%}
	.footer-box2{width:18%}
	.footer-box3,.footer-box4,.footer-box5{width:15%}
	.footer-box6{width:10%}
	.footer-box1 .foot-icon{font-size:17px}

	.footer-box1 .foot-name,.footer-link li a,.footer-pra,.footer-title1,.implement-pra,.tutorials-video-name h4{font-size:15px}
	.footer-title{margin-bottom:25px;font-size:20px}
  .footer-link {font-size: 15px;}
  .section8-detail{}
  
/**/
   .leaders-section .nav-tabs{font-size:22px}
   .francis-testi{top:27.5%;left:20%}
   .mike-testi{top:25.1%;left:20%}
   .laura-testi{top:20.5%;left:20%}
   .varun-testi{top:22.5%;left: 20%;}
   .francis-testi p,.laura-testi p,.mike-testi p,.varun-testi p{font-size:20px}
   .francis-testi h2,.laura-testi h2,.mike-testi h2,.varun-testi h2{font-size:30px}
   .francis-testi h5,.laura-testi h5,.mike-testi h5,.varun-testi h5{font-size:17px}
   
  .section5-detail-1{padding: 0 3%;}
  .section5-detail-2{padding: 0 4%;}
  .connection-img{width: 330px;right: 67.5%;}  
	.section5-detail{padding: 0 9% 0 18px;}

  .swiper-pagination.swiper-pagination-1 {width: 31%;top: 7.5%;}
  .swiper-pagination-1 .swiper-pagination-bullet { margin: 13% 0;}
  .swiper-pagination-1 .swiper-pagination-bullet .headline {font-size: 34px; }
  .swiper-pagination-1 .swiper-pagination-bullet .subheadline {font-size: 20px; }

  .checklist-1 {}
  .section3-slider-box{width: 86%;}

  .section5-box-out{padding: 13px;}
  .section5-box1-out{width: 57%;}
  .section5-box2-out{width: 43%;}
  .section5-box3-out{width: 33.33%;}
  .section5-box4-out{width: 33.33%;}
  .section5-box5-out{width: 33.33%;}
  .section5-box6-out{width: 43%;}
  .section5-box7-out{width: 57%;}
  .section5-box8-out{width: 57%;}
  .section5-box9-out{width: 43%;}
	.section5-detail{padding: 0 4% 0 18px;}
 
  .section6-box1-out, .section6-box3-out{width: 33%;}
  .section6-box2-out{width: 30%;}
  .section6-box4-detail{padding: 0;}
  .section6-box4-img{padding: 0 20px 0 0;}

  .section3-main-box, .section6-main-box, .section9-main-box{width: 95.6%;}

  .user-div-inn{padding: 31px;}
   
   /**/
   .steps-details-div{padding: 0 77px 0 59px;}
   .steps-details-div-2{padding: 0 71px 0 55px;}

   .steps-title{font-size: 47px;}
   .steps-subtitle{font-size: 18px;} 

	#accordion ul.nav-tabs{margin-top: 8%;}
	#accordion-2 ul.nav-tabs{margin-top: 8%;}
	#accordion-3 ul.nav-tabs{margin-top: 4%;}

  .ai-detail-div{width: 26.6%;}
  .ai-detail-img{width: 56.1%;margin-left: 17px;margin-top: 21px;}

  .section9 .card.nav-link{padding: 16px 20px 26px 20px;border-radius: 20px;}
  .section9 .card.nav-link.active{padding: 18px 20px 20px 20px;}

  .section9 .card-body{padding: 0 0px 0 44px;margin-top: 7px;font-size: 14px;}
  .section9 .card-header a{font-size: 21px;}
  
  .section9 .card-header a:after{top: 10px;font-size: 21px;}

  .section10 .tab-left{width: 20.1%;}
  .section10 .tab-right{}
  .section10 .nav-link{font-size: 20px;}
	.section10 .nav-item {}

  .section10 .nav-link {padding: 7% 4% 7% 7%;}

  .click-img {top: 37.1%;left: 45.5%;}

  .section11-box1-inn{}
  .section11-box2-inn{}
  .section11-box3-inn{}
  .section11-box .swiper-slide-box{border-radius: 28px;}

  .slider-box{border-radius: 42px;border: 10px solid #fff;}
  .slider-text{font-size: 24px;}

  .footer-section-left{width: 37%;}
  .footer-section-right{width: 44%;}
  
	.header .navbar{padding:13px 40px}
	.btn-bottom-text5,.dropdown-item,.header .navbar-nav,.scrollToTopBtn,.section-nav-title,.swiper1 p{font-size:14px}
	.header .navbar-nav .nav-link{padding-right:15px;padding-left:15px}
	.header .navbar-nav.right-menu .nav-link.right-btn{padding-right:22px;padding-left:22px}
	.use-case-mega-menu{width:59.5%}.template-case-mega-menu{width:80%}
	.platforms-mega-menu{width:48%}.template-case-mega-menu::before{left:4.5%}
	.platforms-mega-menu::before{left:27%}.use-case-mega-menu::before{left:38%}
	.use-case-mega-menu .menu-title-section{width:41%}
	.use-case-mega-menu .menu-list-section{width:59%}
	.template-case-mega-menu .menu-title-section{width:30.6%}
	.template-case-mega-menu .menu-list-section{width:69.4%}
	.platforms-mega-menu .menu-title-section{width:51%}
	.platforms-mega-menu .menu-list-section,.section8-right,.webpages-banner-left-box{width:49%}
	.u-header__sub-menu-nav-link{font-size:13px;margin:10px 0}
	.menu-title-section{padding:0 30px}
	.navbar-expand-lg .u-header__mega-menu-wrapper{padding:0 0 0 30px}

  .built_div_1 {width: 21.4%;}
  .built_div_2_main {width: 67.37%;} 

  .productivity-img{right: -10px;width: 149px;}
}
@media (min-width:1500px) {
  .mycontainer{width:1400px;}
  .mycontainer2{width:1219px;}
 
  .section4-box-out{width: 31%;padding: 18px;}
	.footer-box1,.footer-box2,.footer-box3,.footer-box4,.footer-box5,.footer-box6{ padding: 0 15px;}
  .footer-box1{width:23%}
	.footer-box2{width:17%}
	.footer-box3{width:12%}
	.footer-box4,.footer-box5{width:14%}
	.footer-box6{width:9%}
  .footer-link {font-size: 15px;}
  .section8-detail{}
 
  .section5-detail-1{padding: 0 5%;}
  .section5-detail-2{padding: 0 4%;}
  .connection-img{width: 358px;right: 65.5%;}
	.section5-detail{padding: 0 6% 0 18px;}

  .swiper-pagination.swiper-pagination-1 {width: 31%;top: 7.5%;}
  .swiper-pagination-1 .swiper-pagination-bullet { margin: 13% 0;}
  .swiper-pagination-1 .swiper-pagination-bullet .headline {font-size: 34px; }
  .swiper-pagination-1 .swiper-pagination-bullet .subheadline {font-size: 20px; }

  .checklist-1 {}
  .section3-slider-box{width: 81%;}

  .section5-box-out{padding: 13px;}
  .section5-box1-out{width: 57%;}
  .section5-box2-out{width: 43%;}
  .section5-box3-out{width: 33.33%;}
  .section5-box4-out{width: 33.33%;}
  .section5-box5-out{width: 33.33%;}
  .section5-box6-out{width: 43%;}
  .section5-box7-out{width: 57%;}
  .section5-box8-out{width: 57%;}
  .section5-box9-out{width: 43%;}
 
  .section6-box1-out, .section6-box3-out{width: 31.9%;}
  .section6-box2-out{width: 29%;}
  .section6-box4-detail{padding: 0;}
  .section6-box4-img{padding: 0 20px 0 0;}

  .section3-main-box, .section6-main-box, .section9-main-box{width: 95.6%;}

  .user-div-inn{padding: 31px;}
 
  .testi-slide{width: 434px;}

 /**/
 .leaders-section .nav-tabs{font-size:22px}
 .francis-testi{top:27.5%;left: 20.5%;}
 .mike-testi{top:25.1%;left: 20.5%;}
 .laura-testi{top:20.5%;left: 20.5%;}
 .varun-testi{top:22.5%;left: 20.5%;}
 .francis-testi p,.laura-testi p,.mike-testi p,.varun-testi p{font-size:20px}
 .francis-testi h2,.laura-testi h2,.mike-testi h2,.varun-testi h2{font-size:30px}
 .francis-testi h5,.laura-testi h5,.mike-testi h5,.varun-testi h5{font-size:17px}
 .leaders-section .section4-title{font-size:60px}.swiper3-main-box{width:68%}
 .newbadge{font-size:38px;top:-3px}	
   
 /**/
 .steps-details-div{padding: 0 77px 0 59px;}
 .steps-details-div-2{padding: 0 81px 0 55px;}

 .steps-title{font-size: 47px;}
 .steps-subtitle{font-size: 18px;} 

 .ai-detail-div{width: 26.6%;}
 .ai-detail-img{width: 57.1%;margin-left: 17px;margin-top: 21px;}

 .section9 .card.nav-link{padding: 22px 22px 22px 30px;border-radius: 20px;}
 .section9 .card.nav-link.active{padding: 20px 20px 30px 20px;}

 .section9 .card-body{padding: 0 30px 0 44px;margin-top: 7px;font-size: 14px;}
 .section9 .card-header a{font-size: 24px;}
  
 .section9 .card-header a:after{top: 5px;}

 .section10 .tab-left{}
 .section10 .tab-right{}
 .section10 .nav-link{}

 .section10 .nav-link {padding: 7% 5% 7% 8%;}
	.section10 .nav-item {margin: 6px 0;}

  .click-img {top: 38.5%;left: 46%;}

  .section11-box1-inn{}
  .section11-box2-inn{}
  .section11-box3-inn{}
  .section11-box .swiper-slide-box{border-radius: 28px;}

  .footer-section-left{width: 37%;}
  .footer-section-right{width: 44%;}
  
	.header .navbar{padding:13px 50px}
	.all-features-list,.dropdown-item,.footer-box1 .foot-name,.footer-link li a,.footer-pra,.footer-title1,.header .navbar-nav,.scrollToTopBtn,.tab-slider--trigger,.table-list li,.table-normally{font-size:15px}
	.header .navbar-nav .nav-link{padding-right:16px;padding-left:15px}
	.header .navbar-nav.right-menu .nav-link.right-btn{padding-right:26px;padding-left:26px}.use-case-mega-menu{width:61.5%}.template-case-mega-menu{width:82%}.platforms-mega-menu{width:49.5%}.dgstep1,.template-case-mega-menu::before{left:5%}.platforms-mega-menu::before{left:26%}
	.use-case-mega-menu::before{left:37%}
	.use-case-mega-menu .menu-title-section{width:42%}
	.use-case-mega-menu .menu-list-section{width:58%}
	.template-case-mega-menu .menu-title-section{width:31.6%}
	.template-case-mega-menu .menu-list-section{width:68.4%}
	.platforms-mega-menu .menu-title-section{width:52.5%}
	.platforms-mega-menu .menu-list-section{width:47.5%}
	.u-header__sub-menu-nav-link{font-size:15px;margin:12px 0}
	.menu-title-section{padding:0 30px}
	.navbar-expand-lg .u-header__mega-menu-wrapper{padding:0 0 0 30px}

  .built_div_1 {width: 21.4%;}
  .built_div_2_main {width: 67.37%;} 

  .productivity-img{right: 0;width: 149px;}
}
@media (min-width:1600px) { 
  .mycontainer{width:1440px;}
  .mycontainer2{width:1219px;}  

  .section4-box-out{width: 29.5%;}
	.footer-box1,.footer-box2,.footer-box3,.footer-box4,.footer-box5,.footer-box6{ padding: 0 15px;}
  .footer-box1{width:23%}
	.footer-box2{width:16%}.footer-box3{width:12%}
	.footer-box4{width:13%}.footer-box5{width:14%}
	.footer-box6{width:9%}
  .footer-link {font-size: 15px;}
  .section8-detail{}

  .section5-detail-1{padding: 0 5.2%;}
  .section5-detail-2{padding: 0 4%;}
  .connection-img{width: 358px;right: 66%;}  
	.section5-detail{padding: 0 9% 0 18px;}

  .swiper-pagination.swiper-pagination-1 {width: 31%;top: 7.5%;}
  .swiper-pagination-1 .swiper-pagination-bullet { margin: 13% 0;}
  .swiper-pagination-1 .swiper-pagination-bullet .headline {font-size: 34px; }
  .swiper-pagination-1 .swiper-pagination-bullet .subheadline {font-size: 20px; }

  .checklist-1 {}
  .section3-slider-box{width: 76.5%;}

  .section5-box-out{padding: 13px;}
  .section5-box1-out{width: 57%;}
  .section5-box2-out{width: 43%;}
  .section5-box3-out{width: 33.33%;}
  .section5-box4-out{width: 33.33%;}
  .section5-box5-out{width: 33.33%;}
  .section5-box6-out{width: 43%;}
  .section5-box7-out{width: 57%;}
  .section5-box8-out{width: 57%;}
  .section5-box9-out{width: 43%;}
 
  .section6-box1-out, .section6-box3-out{width: 29%;}
  .section6-box2-out{width: 26%;}
  .section6-box4-detail{padding: 0;}
  .section6-box4-img{padding: 0 20px 0 0;}

  .section3-main-box, .section6-main-box, .section9-main-box{width: 95.6%;}

  .user-div-inn{padding: 31px;}

  /**/
  .leaders-section .nav-tabs{font-size:22px}
	.francis-testi{top:27.5%;left: 21%;}
	.mike-testi{top:27.1%;left:21%}
	.laura-testi{top:27.5%;left:21%}
	.varun-testi{top: 27.5%;left: 21%;}
	.francis-testi p,.laura-testi p,.mike-testi p,.varun-testi p{font-size: 18px;}
	.francis-testi h2,.laura-testi h2,.mike-testi h2,.varun-testi h2{font-size:30px}
	.francis-testi h5,.laura-testi h5,.mike-testi h5,.varun-testi h5{font-size:17px}
	.leaders-section .section4-title{font-size:60px}
	.swiper3-main-box{width:65%}
	.newbadge{font-size:40px;top:-3px}

  .steps-details-div{padding: 0 77px 0 74px;}
  .steps-details-div-2{padding: 0 79px 0 72px;}

  .steps-title{font-size: 47px;}
  .steps-subtitle{font-size: 18px;} 

  .ai-detail-div{width: 25.6%;}
  .ai-detail-img{width: 56.1%;margin-left: 17px;margin-top: 21px;}

  .section9 .card.nav-link{padding: 25px 30px;border-radius: 24px;}
  .section9 .card.nav-link.active{padding: 25px 22px 35px 22px;}

  .section9 .card-body{padding: 0 10px 0 44px;margin-top: 7px;font-size: 16px;}
  .section9 .card-header a{font-size: 25px;}
  
  .section9 .card-header a:after{top: 2px;}

  .section10 .nav-link {padding: 8% 5% 8% 10%;}
	.section10 .nav-item {}

  .click-img {left: 46.3%;}

  .section11-box1-inn{}
  .section11-box2-inn{}
  .section11-box3-inn{}
  .section11-box .swiper-slide-box{border-radius: 28px;}

  .footer-section-left{width: 33%;}
  .footer-section-right{width: 45%;}
  
	.header .navbar{padding:13px 48px}
 
	.header .navbar-nav .nav-link{padding-right:16px;padding-left:16px}
	.header .navbar-nav.right-menu .nav-link.right-btn{padding-right:26px;padding-left:26px}
	.use-case-mega-menu{width:58.5%}
	.template-case-mega-menu{width:78%}
	.platforms-mega-menu{width:45%}
	.template-case-mega-menu::before{left:4.5%}
	.platforms-mega-menu::before{left:29.5%}
	.use-case-mega-menu::before{left:39%}
	.use-case-mega-menu .menu-title-section{width:41%}
	.use-case-mega-menu .menu-list-section{width:59%}
	.template-case-mega-menu .menu-title-section{width:30.6%}
	.template-case-mega-menu .menu-list-section{width:69.4%}
	.platforms-mega-menu .menu-title-section{width:53%}
	.platforms-mega-menu .menu-list-section{width:47%}
	.u-header__sub-menu-nav-link{font-size:14px;margin:13px 0}
	.menu-title-section{padding:0 30px}
	.navbar-expand-lg .u-header__mega-menu-wrapper,.tutorials-pages-box-link,.tutorials-pages-box-title,.tutorials-pages-icon{padding:0 0 0 30px}

  .built_box_inn{}
  .built_box2_4 {}
}
@media (min-width:1700px) { 
  .mycontainer{width:1440px;}
  .mycontainer2{width:1219px;}

  .section4-box-out{width: 28%;}
	.footer-box1,.footer-box2,.footer-box3,.footer-box4,.footer-box5,.footer-box6{ padding: 0 15px;}
  .footer-box1{width:23%}
  .footer-box2{width:15%}
  .footer-box3{width:12%}
  .footer-box4,.footer-box5{width:13%}
  .footer-box6{width:8%}
  .footer-link {font-size: 15px;}
  .section8-detail{}
 
  .section5-detail-1{padding: 0 5.2%;}
  .section5-detail-2{padding: 0 4%;}
  .connection-img{width: 358px;right: 65.5%;}   
	.section5-detail{padding: 0 9% 0 18px;}

  .swiper-pagination.swiper-pagination-1 {width: 31%;top: 7.5%;}
  .swiper-pagination-1 .swiper-pagination-bullet .headline {font-size: 34px; }
  .swiper-pagination-1 .swiper-pagination-bullet .subheadline {font-size: 20px; }

  .checklist-1 {}
  .section3-slider-box{width: 71%;}

  .section5-box-out{padding: 13px;}
  .section5-box1-out{width: 57%;}
  .section5-box2-out{width: 43%;}
  .section5-box3-out{width: 33.33%;}
  .section5-box4-out{width: 33.33%;}
  .section5-box5-out{width: 33.33%;}
  .section5-box6-out{width: 43%;}
  .section5-box7-out{width: 57%;}
  .section5-box8-out{width: 57%;}
  .section5-box9-out{width: 43%;}
 
  .section6-box1-out, .section6-box3-out{width: 28.5%;}
  .section6-box2-out{width: 26%;}
  .section6-box4-detail{padding: 0;}
  .section6-box4-img{padding: 0 20px 0 0;}

  .section3-main-box, .section6-main-box, .section9-main-box{width: 95.6%;}

  .user-div-inn{padding: 31px;}
  /**/
  .leaders-section .nav-tabs{font-size:22px}
	.francis-testi{top:27.5%;left:20%}
	.mike-testi{top:25.1%;left:20%}
	.laura-testi{top:20.5%;left:20%}
	.varun-testi{top:22.5%;left:20%}
	.francis-testi p,.laura-testi p,.mike-testi p,.varun-testi p{font-size:20px}
	.francis-testi h2,.laura-testi h2,.mike-testi h2,.varun-testi h2{font-size:30px}
	.francis-testi h5,.laura-testi h5,.mike-testi h5,.varun-testi h5{font-size:17px}
	.leaders-section .section4-title{font-size:60px}
  
  .steps-details-div{padding: 0 77px 0 74px;}
  .steps-details-div-2{padding: 0 79px 0 72px;}

  .steps-title{font-size: 47px;}
  .steps-subtitle{font-size: 18px;} 

  .ai-detail-div{width: 25.6%;}
  .ai-detail-img{width: 57.1%;margin-left: 17px;margin-top: 21px;}

  .section9 .card.nav-link{padding: 26px 30px;border-radius: 26px;}
  .section9 .card.nav-link.active{padding: 28px 25px 40px 28px;}

  .section9 .card-body{padding: 0 60px 0 44px;margin-top: 7px;font-size: 16px;}
  .section9 .card-header a{font-size: 27px;}
  
  .section9 .card-header a:after{top: 3px;}

  .click-img {left: 46.5%;}

  .section11-box1-inn{}
  .section11-box2-inn{}
  .section11-box3-inn{}
  .section11-box .swiper-slide-box{border-radius: 28px;}
  
  .header .navbar{padding:13px 70px}
 
  .header .navbar-nav .nav-link{padding-right:16px;padding-left:16px}
  .header .navbar-nav.right-menu .nav-link.right-btn{padding-right:26px;padding-left:26px}
  .use-case-mega-menu{width:56.5%}
  .template-case-mega-menu{width:75%}
  .platforms-mega-menu{width:44.5%}
  .template-case-mega-menu::before{left:4.5%}
  .platforms-mega-menu::before{left:28%}
  .use-case-mega-menu::before{left:37%}
  .use-case-mega-menu .menu-title-section{width:42%}
  .use-case-mega-menu .menu-list-section{width:58%}
  .template-case-mega-menu .menu-title-section{width:31.6%}
  .template-case-mega-menu .menu-list-section{width:68.4%}
  .platforms-mega-menu .menu-title-section{width:53%}
  .platforms-mega-menu .menu-list-section,.section8-right{width:46%}
  .u-header__sub-menu-nav-link{font-size:15px;margin:15px 0}
  .menu-title-section{padding:0 30px}
  .navbar-expand-lg .u-header__mega-menu-wrapper,.tutorials-pages-box-link,.tutorials-pages-box-title,.tutorials-pages-icon{padding:0 0 0 30px}
}
@media (min-width:1800px) { 
  .mycontainer{width:1440px;}
  .mycontainer2{width:1219px;}

  .section4-box-out{width: 27%;}
  .section8-detail{}
 
  .section5-detail-1{padding: 0 5.2%;}
  .section5-detail-2{padding: 0 4%;}
	.footer-box1,.footer-box2,.footer-box3,.footer-box4,.footer-box5,.footer-box6{ padding: 0 15px;}
  .connection-img{width: 358px;right: 64.5%;} 
  
  .section6-box1-out{width: 27.75%;}
  .section6-box2-out{width: 25.88%;}
  .section6-box3-out{width: 27.75%;}

  .swiper-pagination-bullet .headline {font-size: 34px; }
  .swiper-pagination-bullet .subheadline {font-size: 20px;}
  
  .section5-box-out{padding: 13px;}
  .section5-box1-out{width: 57%;}
  .section5-box2-out{width: 43%;}
  .section5-box3-out{width: 33.33%;}
  .section5-box4-out{width: 33.33%;}
  .section5-box5-out{width: 33.33%;}
  .section5-box6-out{width: 43%;}
  .section5-box7-out{width: 57%;}
  .section5-box8-out{width: 57%;}
  .section5-box9-out{width: 43%;}
	.section5-detail{padding: 0 9% 0 18px;}
 
  .section6-box1-out, .section6-box3-out{width: 27.9%;}
  .section6-box2-out{width: 25.88%;}
  .section6-box4-detail{padding: 0;}
  .section6-box4-img{padding: 0 20px 0 0;}

  
  .section3-slider-box{width: 67.5%;}

  .section3-main-box, .section6-main-box{width: 95.6%;}

  .user-div-inn{padding: 31px;}

  .leaders-section .nav-tabs{font-size:22px}
	.francis-testi,.varun-testi{top:27.5%;left:21%}
	.mike-testi{top:25.1%;left:21%}
	.laura-testi{top:20.5%;left:21%}
	.francis-testi p,.laura-testi p,.mike-testi p,.varun-testi p{font-size:20px}
	.francis-testi h2,.laura-testi h2,.mike-testi h2,.varun-testi h2{font-size:30px}
	.francis-testi h5,.laura-testi h5,.mike-testi h5,.varun-testi h5{font-size:17px}
	.leaders-section .section4-title{font-size:60px}
  
  .steps-details-div{padding: 0 77px 0 74px;}
  .steps-details-div-2{padding: 0 79px 0 72px;}

  .steps-title{font-size: 46px;}
  .steps-subtitle{font-size: 18px;} 

  .ai-detail-div{width: 24.6%;}
  .ai-detail-img{width: 56.1%;margin-left: 17px;margin-top: 21px;}

  .section9 .card.nav-link{padding: 31px 30px;}
  .section9 .card.nav-link.active{padding: 31px 30px 40px 30px;}

  .section9 .card-body{padding: 0 60px 0 44px;margin-top: 7px;font-size: 16px;}
  .section9 .card-header a{font-size: 27px;}
  
  .section9 .card-header a:after{top: 3px;}

  .click-img {left: 46.8%;}

  .section11-box1-inn{}
  .section11-box2-inn{}
  .section11-box3-inn{}
  .section11-box .swiper-slide-box{border-radius: 28px;}
  
	.header .navbar{padding:13px 75px}
	 
	.header .navbar-nav .nav-link{padding-right:16px;padding-left:16px}
	.header .navbar-nav.right-menu .nav-link.right-btn{padding-right:26px;padding-left:26px}
	.use-case-mega-menu{width:51.5%}
	.template-case-mega-menu{width:70%}
	.platforms-mega-menu{width:42%}
	.dgstep1,.template-case-mega-menu::before{left:5%}
	.platforms-mega-menu::before{left:28%}
	.use-case-mega-menu::before{left:39%}
	.page-features-box-last,.use-case-mega-menu .menu-title-section{width:43%}
	.use-case-mega-menu .menu-list-section{width:57%}
	.template-case-mega-menu .menu-title-section{width:31.6%}
	.template-case-mega-menu .menu-list-section{width:68.4%}
	.platforms-mega-menu .menu-title-section{width:53%}
	.platforms-mega-menu .menu-list-section{width:47%}
	.u-header__sub-menu-nav-link{font-size:15px;margin:16px 0}
	.menu-title-section{padding:0 30px}
	.navbar-expand-lg .u-header__mega-menu-wrapper,.tutorials-pages-box-link,.tutorials-pages-box-title,.tutorials-pages-icon{padding:0 0 0 30px}
}
@media (min-width:1900px) { 
  .mycontainer{width:1440px;}
  .mycontainer2{width:1219px;}
  
  .swiper-pagination-bullet .headline {font-size: 34px; }
  .swiper-pagination-bullet .subheadline {font-size: 20px; }

  .checklist-1 {}
  .section3-slider-box{width: 64%;} 

  .section5-box-out{padding: 13px;}
  .section5-box1-out{width: 57%;}
  .section5-box2-out{width: 43%;}
  .section5-box3-out{width: 33.33%;}
  .section5-box4-out{width: 33.33%;}
  .section5-box5-out{width: 33.33%;}
  .section5-box6-out{width: 43%;}
  .section5-box7-out{width: 57%;}
  .section5-box8-out{width: 57%;}
  .section5-box9-out{width: 43%;}
 
  .section6-box1-out, .section6-box3-out{width: 27.8%;}
  .section6-box2-out{width: 25.95%;}
  .section6-box4-detail{padding: 0;}
  .section6-box4-img{padding: 0 20px 0 0;}

  .section3-main-box, .section6-main-box{width: 95.6%;}

  .user-div-inn{padding: 31px;}

  /**/
  .leaders-section .section4-title{font-size:60px}
	.leaders-section .nav-tabs{font-size:22px}
	.francis-testi{top:27.5%;left:21%}
	.mike-testi{top:25.1%;left:21%}
	.laura-testi{top:20.5%;left:21%}
	.varun-testi{top:22.5%;left:21%}
	.francis-testi p,.laura-testi p,.mike-testi p,.varun-testi p{font-size:20px}
	.francis-testi h2,.laura-testi h2,.mike-testi h2,.varun-testi h2{font-size:30px}
	.francis-testi h5,.laura-testi h5,.mike-testi h5,.varun-testi h5{font-size:17px}
  
  .steps-details-div{padding: 0 77px 0 74px;}
  .steps-details-div-2{padding: 0 79px 0 72px;}

  .ai-detail-div{width: 24.6%;}
  .ai-detail-img{width: 56.1%;margin-left: 17px;margin-top: 21px;}

  .section9 .card.nav-link{padding: 31px 30px;}
  .section9 .card.nav-link.active{padding: 35px 30px 49px 30px;}

  .section9 .card-body{padding: 0 60px 0 44px;margin-top: 7px;font-size: 16px;}
  .section9 .card-header a{font-size: 28px;}

  .section9 .card-header a:after{top: 3px;}

  .click-img {left: 47%;}

  .section11-box1-inn{}
  .section11-box2-inn{}
  .section11-box3-inn{}
  .section11-box .swiper-slide-box{border-radius: 28px;}
  
	.header .navbar{padding:13px 120px}
 
	.header .navbar-nav .nav-link{padding-right:16px;padding-left:16px}
	.header .navbar-nav.right-menu .nav-link.right-btn{padding-right:26px;padding-left:26px}
	.use-case-mega-menu{width:51.5%}.template-case-mega-menu{width:69%}
	.platforms-mega-menu{width:42.5%}.dgstep1{left:7%}
	.template-case-mega-menu::before{left:5%}
	.platforms-mega-menu::before{left:26%}
	.use-case-mega-menu::before{left:37%}
	.page-features-box-last,.use-case-mega-menu .menu-title-section{width:43%}
	.implement-box-left,.use-case-mega-menu .menu-list-section{width:57%}
	.template-case-mega-menu .menu-title-section{width:31.6%}
	.template-case-mega-menu .menu-list-section{width:68.4%}
	.platforms-mega-menu .menu-title-section{width:52%}
	.platforms-mega-menu .menu-list-section{width:48%}
	.u-header__sub-menu-nav-link{font-size:15px;margin:18px 0}
	.menu-title-section{padding:0 30px}
	.navbar-expand-lg .u-header__mega-menu-wrapper,.tutorials-pages-box-link,.tutorials-pages-box-title,.tutorials-pages-icon{padding:0 0 0 30px}
}

@media (min-width:2000px) { .mycontainer { width: 1600px; } .mycontainer2 { width: 1800px; } }

.mt0{margin-top:0%;}.mt1{margin-top:1%;}.mt2{margin-top:2%;}.mt3{margin-top:3%;}.mt4{margin-top:4%;}.mt5{margin-top:5%;}.mt6{margin-top:6%;}.mt7{margin-top:7%;}
.mt8{margin-top:8%;}.mt9{margin-top:9%;}.mt10{margin-top:10%;}.mt11{margin-top:11%;}.mt12{margin-top:12%;}.mt13{margin-top:13%;}.mt14{margin-top:14%;}.mt15{margin-top:15%;}.mt17{margin-top:17%;}.mt20{margin-top:20%;}.mt22{margin-top:22%;}.mt26{margin-top:26%;}.mt28{margin-top:28%;} 


.cd_top_bar{
    background-color: #e41313;
    padding: 8px;
    position: sticky;
    top: 0;
    z-index: 1111;
    text-align: center;
    color: #FFFFFF !important;
    font-size: 16px;
    min-height: 40px;
    font-weight: 700;
    display: block;
}
.cd_top_bar > span{
  color: #FFEB3B;
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: 900;
}
.cd_top_bar_close{
  position: absolute;
  right: 12px;
  top: 12px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 11;
}
.cd_top_bar_close > svg{
  width: 10px;
  height: auto;
  color: #FFFFFF;
}