body{font-family: 'Poppins', sans-serif;}


html {
    scroll-behavior: smooth;
    padding: 0; margin: 0;
    position: relative;
    -webkit-font-smoothing:antialiased;
  }
  
  body{
      padding: 0; margin: 0 auto;
      /* color: #161619; */
      color: #1a2b49;
      background: #fff;
      font-family: 'Poppins', sans-serif;
      width: 100%;
      position: relative;
      scroll-behavior: smooth;
      -webkit-font-smoothing:antialiased;
  }
  ::selection {
      color: #fff;
      background-color: #158467;
  }
  ::-moz-selection {
      color: #fff;
      background-color: #158467;
  }
  
  a{color: #158467;transition: all 0.2s ease-out;text-decoration: none;font-weight: 500;}
  a:hover{color:#158467;}
  
  h1, h2, h3, h4, h5, h6{position: relative;}
  
  img{will-change: transform, width, height;}
  
  h1{font-size: 96px; line-height: 100px; letter-spacing: -2.5px; font-weight: 700;}
  h2{ font-size: 24px; line-height: 24px; letter-spacing: 0px; font-weight: 400;}
  h3{font-size: 72px; line-height: 72px; letter-spacing: -1.6px; font-weight: 600;}
  h4{font-size: 48px; line-height: 48px; letter-spacing: -1.6px; font-weight: 600;}
  h5{  font-size: 18px; line-height: 18px; font-weight: 500; letter-spacing: 0.1px;}
  h6{  font-size: 16px; line-height: 20px; letter-spacing: 0.1px;}
  
  p{font-size: 16px; line-height: 26px; padding: 0; margin: 0;}
  
  ul{margin: 0; padding: 0; list-style-type: none;}


  
/* ==========================================================
        Navbar Styles
   ==========================================================*/
.navbar-expand-lg .navbar-collapse{flex-basis: unset;padding-top: 0;}
.navbar-collapse{flex-grow: inherit;float: right;}
.navbar {
    padding-top: 20px;
    padding-bottom: 0;
    background: none;
    color: #333;
    transition: all 0.3s;
  }
  .navbar-expand-lg .navbar-nav .nav-link{padding:24px 0;}
  .navbar li{padding: 0 20px;}
  .navbar a {
    color: #191919;
    font-weight: 600;
    position: relative;
    transition:all 0.2s ease-out;
  }
  .navbar a::after{content:"";position: absolute;width: 0;left: 0; right: 0;top:100%;margin: 0 auto;height: 1px;background: #158467; transition:all 0.2s ease-out;}
  .navbar a:hover::after, .navbar a.active_menu::after{width: 100%;}
  .navbar a:hover, .navbar a.active_menu{color: #158467 !important;}
  
  .navbar button {
    color: inherit !important;
  }
  .navbar.compressed .navbar-nav .nav-link{padding:12px 0;}
  
  .navbar.compressed {
    /* padding-top: 10px;
    padding-bottom: 10px; */
    background: #0f0e2c;
    /* color: #6dcc7c; */
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    transition:all 0.2s ease-out;
    padding-top: 0px;
  }
  .navbar.compressed a{color: #FFFFFF;}
  .navbar-brand{padding:24px 0;display: inline-block;transition:all 0.2s ease-out;}
  .navbar .navbar-brand img, .navbar-brand{transition:all 0.2s ease-out;}
  .navbar.compressed .navbar-brand{padding:6px 0;}

  .navbar-brand .navbar-brand-norm{display: block;}
  .navbar-brand .navbar-brand-scroll{display: none;}
  .navbar.compressed .navbar-brand .navbar-brand-scroll{display: block;}
  .navbar.compressed .navbar-brand-norm{display: none;}

  .navbar.compressed .navbar-brand img{height: 30px;}

  .nav-item-submenu{position: relative;}
  .navbar-submenu{display: none;position: absolute;min-width: 750px;padding: 30px;background: #FFFFFF;z-index: 10;left: -350px;top: 100%;
    box-shadow: 0 20px 60px -10px rgb(0 0 0 / 20%);-webkit-box-shadow: 0 20px 60px -10px rgb(0 0 0 / 20%);}
  .navbar-submenu a{color: #1a2b49 !important;text-decoration: none;padding: 20px;display: flex; align-items:flex-start;transition: none;}
  .navbar-submenu a::after, .navbar a.navbar-brand::after{content: none;background: none;}
  .navbar-submenu a:hover{color: #1a2b49 !important;}
  .navbar-submenu a:hover h5{color: #1a2b49 !important;}
  .navbar-submenu p{font-size: 12px;line-height: 12px;}
  .navbar-submenu a:hover p{color: #1a2b49 !important;}

  .navbar-submenu a:hover.submenu-item-ShopList{background: #e5f8f4;}
  .navbar-submenu a:hover.submenu-item-ShopReviews{background:#ffeff7;}
  .navbar-submenu a:hover.submenu-item-ShopTerms{background:#e5f7ff;}
  .navbar-submenu a:hover.submenu-item-ShopRise{background:#fffbe5;}

  .solutions__link{position: relative;margin-right: 10px !important;}
  a.solutions__link::before{
    border-bottom-style: solid;
  border-bottom-width: 2px;
  border-right-style: solid;
  border-right-width: 2px;
  content: "";
  display: inline-block;
  height: 8px;
  left: 114%;
  position: absolute;
  top: 40%;
  width: 8px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  }
  .nav-item-submenu:hover .navbar-submenu{display: block;}
  ul.navbar-submenu li{width: 46%;float: left;margin-bottom: 30px;padding: 0;}

 .nav__head_getstart{color: #FFFFFF !important;border-radius: 50px !important;padding: 0.5rem 1rem !important;}
 .nav__head_getstart::after{content: none !important;}
/* 
  .navbar-collapse.show{position: absolute;width: 100%;background: #0f0e2c;left: 0;
    height: 100vh;} */
    .navbar-nav-scroll{max-height: max-content;}
  

  .w2a__mainwrapper{margin: 0 auto;position: relative;max-width: 1440px;width: 90%;}

  /* header */
  ._w2a_hero_banner{
    margin-top: -74px;padding: 12vw 0 7vw 0;text-align: center;position: relative;background: #FFFFFF;
    /* background: rgb(22,14,58);
    background: linear-gradient(30deg, rgba(22,14,58,1) 0%, rgba(22,49,78,1) 41%, rgba(21,132,103,1) 100%); */
  }
  ._w2a_hero_banner_sm{
    margin-top: -74px;padding: 10vw 0 2vw 0;text-align: center;position: relative;background: #FFFFFF;
  }
  .waytoapps__mainwrap{position: relative;z-index: 10;}
  .hero-items-wrapper, .etsynchero-items-wrapper, .shoprisehero-items-wrapper{position: absolute;right:0;bottom:0;margin: 0 auto;display: block;z-index: 0;}
  .hero-items-wrapper svg, .etsynchero-items-wrapper svg{overflow: unset;}
  .hero-items-wrapper{top: 20%;left: 0;}
  .etsynchero-items-wrapper{top: 20%;left: -10%;}
  .shoprisehero-items-wrapper{top: 30%;left: 0%;}

  ._w2a_hero_item_circle{position: absolute; width: 1000px;height: 1000px;border-radius: 100%;z-index: 0;left: 0;right: 0;top: -50%;margin: 0 auto;
    background: rgb(118,71,223);
  background: radial-gradient(circle, rgba(118,71,223,0.2) 0%, rgba(118,71,223,0.02) 54%, rgba(118,71,223,0) 89%);
  }


  /* clients section */
  ._w2a_clients_section{display: flex;flex-wrap: wrap;width: 100%;}
  ._w2a_clients_item{width: 15%;position: relative;display: inline-block;vertical-align: top;text-align: center;margin-right: 1.2%;margin-bottom: 1.2%;}

/* Global partner */
._w2a_GP_wrap{position: relative;min-height: 450px;}
._w2a_GP_item{position: absolute;display: inline-block;text-align: center;}
._w2a_GP_item_gr{z-index: 1;left: -10%;top:-5%;right: 0;margin: 0 auto;}
._w2a_GP_item_SHL{z-index: 2;left: 0;right: 0;top:15%;margin: 0 auto;}

._w2a_GP_item_shoplist{z-index: 4;left: 30%;top:1%;animation: shoplist_loop 2s infinite; animation-direction: alternate;}
@keyframes shoplist_loop {
  0% {
    transform: translate(0, 0);    
  }
  100% {
    transform: translate(6px, 14px);
  }
}

._w2a_GP_item_shopreviews{z-index: 4;right: 20%;top:20%;animation: shopreviews_loop 1.5s infinite; animation-direction: alternate;}
@keyframes shopreviews_loop {
  0% {
    transform: translate(0, 0);    
  }
  100% {
    transform: translate(-6px, 8px);
  }
}

._w2a_GP_item_shopterms{z-index: 4;left: 20%;top:50%;animation: shopterms_loop 1.8s infinite; animation-direction: alternate;}
@keyframes shopterms_loop {
  0% {
    transform: translate(0, 0);    
  }
  100% {
    transform: translate(6px, -6px);
  }
}

._w2a_GP_item_shoprise{z-index: 4;right: 26%;top:65%;animation: shoprise_loop 2.3s infinite; animation-direction: alternate;}
@keyframes shoprise_loop {
  0% {
    transform: translate(0, 0);    
  }
  100% {
    transform: translate(-2px, 10px);
  }
}

/* shoplist -- styles */
.shoplist_dashboard_wrap{position: relative;display: inline-flex;margin: 0 auto;}
.shoplist_dashboard_wrap img{box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}

.screens__item_pop{position: absolute;background: #FFFFFF;z-index: 10;width: 220px;padding: 24px 20px;border-radius: 12px;text-align: left;
  box-shadow: rgba(17, 17, 26, 0.06) 0px 8px 24px, rgba(17, 17, 26, 0.06) 0px 14px 46px, rgba(17, 17, 26, 0.06) 0px 20px 70px;
}
.screens__item_pop_R{top: 16%;right: -18%;}
.screens__item_pop_LB{bottom: 12%;left: -18%;}

.screens__itemPopDash_wrap{width: 70%;display: inline-block;padding-right: 24px;}
.screens__itemPop_dash1, .screens__itemPop_dash2{height: 4px;border-radius: 8px;display: block;}
.screens__itemPop_dash1{width: 100%;}
.screens__itemPop_dash2{width: 80%;}

.screens__item_pop_lable{position: absolute;top: 20px;left: -20px;z-index: 20;font-size: 13px;padding: 4px 10px;border-radius: 6px;color: #FFFFFF;}

.__w2a__appUI_image img{width: 100%;}

.features__section_img{text-align: right;position: relative;display: inline-block;}
.features__section_img img{border-radius: 20px;}


/* ul types */
.__w2a__points_list li{font-size: 18px; font-weight: 600;margin-bottom: 20px; display: flex; align-items: center;}
.__w2a__points_list_sm li{font-size: 12px;margin-bottom: 10px;}

ul.__w2a__social_list li{display: inline-block;margin-right: 24px;}
.footerlinks__ul li{margin-bottom: 20px;color: #85858E;}
.footerlinks__ul li a{font-size: 16px;color: #85858E;text-decoration: none;position: relative;}
.footerlinks__ul li a::after{content:"";position: absolute;width: 0;left: 0; right: 0;top:120%;margin: 0 auto;height: 1px;background: #158467; transition:all 0.2s ease-out;}
.footerlinks__ul li a:hover::after{width: 100%;}
.footerlinks__ul li a:hover{color: #158467;}



/* buttons */
.btn-primary{border: 0;padding: 1rem 2.95rem; transition:all 0.3s ease-out;border-radius: 6px;position: relative;
  background: rgb(39,147,113);
  background: linear-gradient(160deg, rgba(39,147,113,1) 0%, rgba(21,110,103,1) 100%);
}
.btn-primary:hover{
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.hero__btn::after {content: "";display: inline-block;height: 100%;width: 100%;border-radius: 6px;position: absolute;top: 0;left: 0;z-index: -1; transition: all .3s;}
.btn-primary::after { background-color: #158467; transition:all 0.3s ease-out;}
.btn:hover::after {transform: scaleX(1.4) scaleY(1.6);opacity: 0;}

.shopReviews_h__btn{background: #F4BF1A;}
.shopReviews_h__btn:hover{background: #F4BF1A;}
.shopReviews_h__btn:after, .shopRise_h__btn:after{content: none;}

.shopRise_h__btn{background: #5B59B5;}
.shopRise_h__btn:hover{background: #5B59B5;}

.navbar a.btn-outline-success, .btn-outline-success{color: #0F0E2C !important; font-weight: 600;}
.btn-outline-success{border: 0;padding: 0.7rem 2.27rem; transition:all 0.3s ease-out;border-radius: 6px;background: #FFFFFF;font-size: 16px;}
.btn-outline-success:hover{background: #FFFFFF;color: #158467;} 

.btn-primary-sm{padding: 0.5rem 2rem;}

.btn-link{color: #158467;text-decoration: none;padding: 0;}
.btn-link:hover{color: #1d9978;}
.LearnMore_line{display: inline-block;width: 24px;height: 1px;background: #158467;}

.btn-secondary{
  border: 0;padding: 0.5rem 2rem; transition:all 0.3s ease-out;border-radius: 6px;position: relative;
  background: rgb(41,17,57);
  background: linear-gradient(160deg, rgba(41,17,57,1) 0%, rgba(15,14,44,1) 100%);
}

/* footer */
.__w2a__footer_wrap{background: #0F0E2C;color: #FFFFFF;}
.__w2a_copyright_wrap{font-size: 14px;color: #85858E;border-top: 1px solid #2E2E30;}
.__w2a_copyright_wrap a{font-size: 14px;color: #85858E;text-decoration: none;}
.__w2a_copyright_wrap a:hover{color: #158467;}

.instagram__logo_item:hover img{filter: invert(61%) sepia(23%) saturate(4240%) hue-rotate(300deg) brightness(99%) contrast(89%);}
.twitter__logo_item:hover img{filter: invert(75%) sepia(33%) saturate(809%) hue-rotate(159deg) brightness(91%) contrast(99%);}
.facebook__logo_item:hover img{filter: invert(43%) sepia(100%) saturate(337%) hue-rotate(178deg) brightness(86%) contrast(84%);}
.linkdin__logo_item:hover img{filter: invert(39%) sepia(99%) saturate(701%) hue-rotate(164deg) brightness(90%) contrast(94%);}
.youtube__logo_item:hover img{filter: invert(36%) sepia(89%) saturate(3846%) hue-rotate(344deg) brightness(105%) contrast(99%);}

/* app ui screens */
.__w2a__app_ui{position: relative;}
.__w2a__appUI_bg{display: block;position: absolute;border-radius: 12px;width: 100%;height: auto;transition:all 0.2s ease-out;}

.__w2a__appUI_shoplistBg{background: #DAD9F4;}
.__w2a__appUI_shopreviewsBg{background: #DAF2EA;}
.__w2a__appUI_shoptermsBg{background: #F2DADF;}
.__w2a__appUI_shopriseBg{background: #DFEAF7;}

.__w2a__appUI_screen{position: absolute;left: 0;right: 0;margin: 0 auto;text-align: center;padding-top: 10%;}
.__w2a__appUI_screen img{width: 90%;transition:all 0.2s ease-out;}

.__w2a__app_ui:hover .__w2a__appUI_bg{transform: scale(0.98);background: #158467;}
.__w2a__app_ui:hover .__w2a__appUI_screen img{transform: scale(1.02);}

.__w2a__appUI_screen_r{padding-left: 5%;}
.__w2a__appUI_screen_l{padding-right: 5%;position: relative;}

.__w2a__section_screen{height: 100%;}
.__w2a__section_screen img{width: 100%;bottom: 0;position: absolute;left: -10%;}

/* getstarted */
.__w2a__getStarted_wrap{color: #FFFFFF;
  /* background: rgb(178,69,224);
  background: linear-gradient(82deg, rgba(178,69,224,1) 0%, rgba(104,108,223,1) 76%, rgba(81,120,223,1) 100%); */
  background: #158467;
  background: linear-gradient(82deg, #20b18b 0%, #1e9c7b 76%, #158467 100%);
}

/* testimonials */
.__w2a__testimonials_wrap{margin: 0 1%;}
.__w2a__testimonials_item{background: #FFFFFF;color: #89868E;position:relative;padding: 8%;border-radius: 12px;display: flex;align-items: flex-start;min-height: 290px;margin: 0 4%;}
.__w2a__testimonials_item::after{position: absolute;width: 0; height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;  
  border-top: 14px solid #FFFFFF;content: ""; top: 100%;left: 0;right: 0;margin: 0 auto;}
  .owl-item.active.center .__w2a__testimonials_item::after{border-top: 14px solid #0F0E2C;}
  .__w2a__testimonials_item_logo img{filter: grayscale(100%);opacity: 0.4;}
  .owl-item h6{color:#89868E;}

.owl-item.active.center .__w2a__testimonials_item{background: #0F0E2C;color: #FFFFFF;}
.owl-item.active.center .owl-item h6{color:#158467;}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top: 40px;}
.__w2a__testimonials_item_logo{margin: 0 auto;text-align: center;margin-bottom: 12px;}
.__w2a__testimonials_item_logo img{width: auto !important;height: 40px;margin: 0 auto;}
.owl-item.active.center .__w2a__testimonials_item_logo img{filter: none;opacity: 1;}


/*.clr_o{color:#FF9900;}*/
.clearfix{clear:both;}

.clr_g{color:#158467;}
.clr_mg{color:#5F6063;}
.clr_dg{color:#353535;}
.clr_y{color:#e2f100;}
.clr_org{color:#F1641E;}
.clr_wht{color:#FFFFFF;}
.clr_y1{color:#F4BF1A;}

.bg_clr_lg{background: #F3F3F3;}

.bg_clr_g{background:#61B49A;}
.bg_clr_gl{background:#93D9AA;}
.bg-lgree{background:#E0FFB1;}
.bg_clr_o{background:#F9B86D;}
.bg_clr_ol{background:#F1D580;}
.bg_clr_p{background:#9FB1E9;}
.bg_clr_pl{background:#C4D2FC;}
.bg-dgrey{background:#242431;}
.bg_y1{background:#F4BF1A;}
.bg_clr_pp{background:#5B59B5;}
.bg_clr_lred{background:#FFCCB5;}
.bg_clr_gl1{background:#B7EFDA;}
.bg_clr_yl{background:#FFF3B5;}

.bg-gree{background:#ADE8CF;}
.bg-org{background:#FEBD80;}
.bg-lblue{background:#C8F0FF;}
.bg-lgreen{background:#82FFD5;}
.bg-lpurple{background:#ECE5FF;}

.float-left{float:left;}
.float-right{float:right;}
.t-t{text-transform:uppercase;}

.d_block{display:block !important;}
.d_inblock{display:inline-block !important;}
.d_flex{display:flex !important; align-items:center;}
.d_inflex{display:inline-flex !important; align-items:center;}
.align-center{align-items: center;}
.text-center{text-align:center !important;}
.text-right{text-align:right !important;}
.t-t{text-transform: uppercase;}

.minH__70{min-height: 70px;}

.fw-300{font-weight:300;}
.fw-400{font-weight:400;}
.fw-500{font-weight:500;}
.fw-600{font-weight:600;}
.fw-700{font-weight:700;}

.m-0{margin:0 !important;}
.m-2{margin:2% !important;}
.m-5{margin:5% !important;}
.m-10{margin:10% !important;}
.m-15{margin:15% !important;}
.m-20{margin:20% !important;}

.mb-5{margin-bottom:5px !important;}
.mb-10{margin-bottom:10px !important;}
.mb-10p{margin-bottom:10% !important;}
.mb-20{margin-bottom:20px !important;}
.mb-30{margin-bottom:30px !important;}
.mb-40{margin-bottom:40px !important;}
.mb-50{margin-bottom:50px !important;}
.mb-60{margin-bottom:60px !important;}

.mt-5{margin-top:5px !important;}
.mt-10{margin-top:10px !important;}
.mt-20{margin-top:20px !important;}
.mt-30{margin-top:30px !important;}
.mt-40{margin-top:40px !important;}
.mt-50{margin-top:50px !important;}

.mr-5{margin-right:5px !important;}
.mr-10{margin-right:10px !important;}
.mr-20{margin-right:20px !important;}
.mr-30{margin-right:30px !important;}
.mr-40{margin-right:40px !important;}

.ml-5{margin-left:5px !important;}
.ml-10{margin-left:10px !important;}
.ml-20{margin-left:20px !important;}
.ml-30{margin-left:30px !important;}
.ml-50{margin-left:40px !important;}

.plr-n{padding-left:0 !important; padding-right:0 !important;}
.p-2{padding:2% !important;}
.p-3a{padding:3% !important;}
.p-5{padding:5% !important;}
.p-10{padding:10% !important;}
.p-15{padding:15% !important;}
.p-20{padding:20% !important;}

.pl-2{padding-left:2% !important;}
.pl-5{padding-left:5% !important;}
.pl-30{padding-left:30px !important;}
.pl-40{padding-left:40px !important;}
.pl-50{padding-left:50px !important;}

.pt-2{padding-top:2% !important;}
.pt-3{padding-top:3% !important;}
.pt-5{padding-top:5% !important;}
.pt-6{padding-top:6% !important;}
.pt-30{padding-top:30px !important;}
.pt-40{padding-top:40px !important;}
.pt-50{padding-top:50px !important;}

.py-3{padding:2% 0 !important;}
.py-5{padding:5% 0 !important;}
.py-6{padding:6% 0 !important;}
.py-8{padding:8% 0 !important;}

.pb-3{padding-bottom:2% !important;}
.pb-5{padding-bottom:5% !important;}
.pb-6{padding-bottom:6% !important;}
.pb-6{padding-bottom:8% !important;}

.md-pr-10{padding-right: 10% !important;}
.md-pl-10{padding-left: 10% !important;}

.mtb-2{margin-top:2% !important; margin-bottom:2% !important;}
.mtb-5{margin-top:5% !important; margin-bottom:5% !important;}
.mtb-10{margin-top:10% !important; margin-bottom:10% !important;}
.mtb-15{margin-top:15% !important; margin-bottom:15% !important;}
.mtb-20{margin-top:20% !important; margin-bottom:20% !important;}

.ptb-2{padding-top:2% !important; padding-bottom:2% !important;}
.ptb-5{padding-top:5% !important; padding-bottom:5% !important;}
.ptb-10{padding-top:10% !important; padding-bottom:10% !important;}
.ptb-15{padding-top:15% !important; padding-bottom:15% !important;}
.ptb-20{padding-top:20% !important; padding-bottom:20% !important;}

.t-12{font-size:12px !important;}
.t-14{font-size:14px !important;}
.t-16{font-size:16px !important;}
.t-18{font-size:18px !important;}
.t-24{font-size:24px !important;}
.t-30{font-size:30px !important;}
.t-36{font-size:36px !important;}

.xs__dblock{display: none;}
.xs__dnone{display: block;}
button{outline: none;}
button:focus, button:active{outline: none;}


/* svg anims */
/* 
.herobanner_svg_anim svg {
  max-width: 80%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.herobanner_svg_anim svg path {
  stroke-width: 2;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-name: draw;
  animation-timing-function: linear;
}
.herobanner_svg_anim svg path#item1 {
  stroke: #666;
  stroke-dasharray: 2810;
  stroke-dashoffset: 2810;
  animation-duration: 3s;
}
.herobanner_svg_anim svg path#item2 {
  stroke: #ddd;
  stroke-dasharray: 300;
  stroke-dashoffset: 300;
  animation-duration: 2s;
  animation-delay: 4s;
}
.herobanner_svg_anim svg path#item3 {
  stroke: #999;
  stroke-dasharray: 680;
  stroke-dashoffset: 680;
  animation-duration: 3s;
  animation-delay: 2s;
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes show {
  to {
    opacity: 1;
  }
} */

/* add banner style */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700&display=swap');

.addimage_elements{position:relative;display:flex;border-radius: 20px;}
.addban_content{border-radius:30px; padding:3% 5% 3% 2%;}
.handimg_item, .addshape_1, .add_circle_2, .add_circle_3{position:absolute;display:block;}
.handimg_item{left:0;top:20%;z-index:2;}
.addshape_1{left:20px;bottom:0%;z-index:0;}
.add_circle_2{left:10%;bottom:0%;z-index:1;}
.add_circle_3{left:0%;top:0%;transform: rotate(180deg);}
.addimage_graphics img{width:100%;height:auto;}

.add__title, .add__desc{font-family: 'Poppins', sans-serif;}
.add__title{font-size:48px;font-weight:600;line-height: 48px;letter-spacing: -1px;}
.add__desc{font-size:20px;font-weight:400;line-height: 22px;}

.btn_greeen{padding:12px 34px !important;font-size:22px !important;border-radius:4px;display: inline-flex;}
.btn_greeen{color: #FFF; background-color: #0EA17A;border:0 !important;
-webkit-box-shadow: 0px 6px 12px 0px rgb(14 161 122 / 50%);
-moz-box-shadow: 0px 6px 12px 0px rgb(14 161 122 / 50%);
box-shadow: 0px 6px 12px 0px rgb(14 161 122 / 50%);}
.btn_greeen:hover{background-color: #158467; color:#FFF;text-decoration:none;}

.mt-30 {
  margin-top: 30px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.bgclr__gr_add{background:#E2E4F1;}
.clr_blue{color:#196CE8;}
.clr_green{color:#0EA17A;}

@media (max-width: 1170px) {
  
  .addimage_elements{display:block;overflow:hidden;}
  .addban_content{padding: 2% 8% 8% 8%;}
  .addimage_graphics{height:300px;}
  .add_circle_2{right: 2%;left:auto;}
  .addshape_1{right: 0;left: auto;
    display: inline-flex;
    width: 300px;
    height: auto;}
  .handimg_item{ top: 0%;transform: rotate(90deg);left: 0;}
  }


@media screen and (max-width: 1440px) {
  .w2a__mainwrapper{width: 90%;padding: 0 30px;max-width: inherit;}
  .hero-items-wrapper, .etsynchero-items-wrapper{overflow: hidden;}
  .hero-items-wrapper svg, .etsynchero-items-wrapper svg{width: 100%;}
  .__w2a__appUI_bg img{width: 100%;}
}


@media screen and (max-width: 1366px) {

  ._w2a_hero_banner{padding: 14vw 0 8vw 0;}

  .__w2a__points_list li {font-size: 16px; margin-bottom: 14px;}

  h1{font-size: 72px; line-height: 72px;}
  h2{ font-size: 20px; line-height: 20px;}
  h3{font-size: 60px; line-height: 60px;}
  h4{font-size: 40px; line-height: 40px;}
  h5{  font-size: 16px; line-height: 16px;}
  h6{  font-size: 14px; line-height: 16px;}

  p{font-size: 15px; line-height: 22px;}

  .mb-40{margin-bottom:28px !important;}
  .mb-50{margin-bottom:36px !important;}
  .mb-60{margin-bottom:48px !important;}

}

@media screen and (max-width: 1170px) {
  ._w2a_clients_item img{height: 32px;}
  .navbar-brand img{height: 34px;}

  ._w2a_GP_item_shoplist{left: 30%;top:1%;}
._w2a_GP_item_shopreviews{right: 10%;top:20%;}
._w2a_GP_item_shopterms{left: 10%;top:50%;}
._w2a_GP_item_shoprise{right: 20%;top:65%;}

  .__w2a__points_list li { font-size: 15px; margin-bottom: 10px;}
  h1{font-size: 60px; line-height: 60px;}
  h2{ font-size: 18px; line-height: 18px;}
  h3{font-size: 48px; line-height: 48px;}
  h4{font-size: 36px; line-height: 36px;}
  h5{  font-size: 15px; line-height: 15px;}
  h6{  font-size: 13px; line-height: 15px;}
}

@media screen and (max-width: 1170px) {
  .shoplist_dashboard_wrap img{width: 100%;}
}

@media screen and (max-width: 767px) {

  .navbar-expand-lg{background: #0f0e2c;}
  .navbar-brand .navbar-brand-norm{display: none;}
  .navbar-brand .navbar-brand-scroll{display: block;}

  .navbar-collapse{float: left;width: 100%;}
  .navbar-nav-scroll{overflow: unset;}
  .navbar-collapse.show .navbar-nav-scroll{height: 100vh;background: #0F0E2C;}
  .navbar-submenu{position: relative;top: auto;left: auto;min-width: auto;}
  ul.navbar-submenu li{width: 100%;margin-bottom: 20px;}
  .nav-item-submenu:hover .navbar-submenu{display: flow-root;}
  .navbar-submenu a{padding: 10px 0;}
  .navbar-toggler{padding: 6px;}
  .navbar-toggler{float: right;width: 40px;margin-top: 20px;}
  .navbar-toggle-icon{height: 2px;width: 100%;margin-bottom: 6px;background: #FFFFFF;}
  a.solutions__link::before{left: 100%;}
  .navbar a {color: #FFFFFF;}

  ._w2a_hero_banner {padding: 50vw 0 18vw 0;}

  .w2a__mainwrapper{padding: 0;}

  ._w2a_clients_item {width: 46%;margin-bottom: 8%;}

  .screens__item_pop_LB{display: none !important;}
  .screens__item_pop_R{ top: 60%; right: 18%;}
  ._w2a_clients_item img{ height: 60px;}

  ._w2a_GP_item_gr{left: -10%;top: 10%;}
  ._w2a_GP_item_gr img{ width: 110%;}
  ._w2a_GP_item_shoplist{top: 5%;}
  ._w2a_GP_item_shoplist img{height: 56px;}
  ._w2a_GP_item_shopreviews img{height: 60px;}
  ._w2a_GP_item_shopterms{left: 0;}
  ._w2a_GP_item_shopterms img{height: 50px;}
  ._w2a_GP_item_shoprise img{height: 48px;}

  .__w2a__app_ui{min-height: 280px;margin-bottom: 20px;}
  .__w2a__appUI_screen_r, .__w2a__appUI_screen_r.py-6{padding-left: 0.7rem !important;}
  .__w2a__appUI_screen_l {padding-right: 0;}

  ._w2a_hero_item_circle{display: none;}

  .xs__dblock{display: block;}
  .xs__dnone{display: none;}

  h1{font-size: 48px; line-height: 52px;}
  h2{ font-size: 18px; line-height: 18px;}
  h3{font-size: 48px; line-height: 48px;}
  h4{font-size: 40px; line-height: 40px;}
  h5{  font-size: 16px; line-height: 16px;}
  h6{  font-size: 14px; line-height: 16px;}

  p{font-size: 15px; line-height: 22px;}

  .py-6 {padding: 12% 0 !important;}
  .py-5 {padding: 14% 0 !important;}
  .pt-6 {padding-top: 12% !important;}

  .xs-mt-50{margin-top:50px !important;}
  .xs-mt-40{margin-top:40px !important;}
  .xs-mt-20{margin-top:20px !important;}

  .md-pr-10{padding-right: 0% !important;}
  .md-pl-10{padding-left: 0% !important;}

  .mb-30 {margin-bottom: 20px !important;}

  .xs-textLeft{text-align: left !important;}
}
