@font-face {
    font-family: 'euclid_circular_abold_italic';
    src: url('../fonts/euclid_circular_a_bold_italic-webfont.woff2') format('woff2'),
         url('../fonts/euclid_circular_a_bold_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* @font-face {
    font-family: 'Euclid Circular A';
    src: url('../fonts/euclid_circular_a_bold-webfont.woff2') format('woff2'),
         url('../fonts/euclid_circular_a_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

} */

@font-face {
  font-family: 'Euclid Circular A';
  src: url('../fonts/EuclidCircularA-Bold.eot');
  src: url('../fonts/EuclidCircularA-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/EuclidCircularA-Bold.woff2') format('woff2'),
      url('../fonts/EuclidCircularA-Bold.woff') format('woff'),
      url('../fonts/EuclidCircularA-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}


@font-face {
    font-family: 'euclid_circular_aitalic';
    src: url('../fonts/euclid_circular_a_italic-webfont.woff2') format('woff2'),
         url('../fonts/euclid_circular_a_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'euclid_circular_aregular';
    src: url('../fonts/euclid_circular_a_regular-webfont.woff2') format('woff2'),
         url('../fonts/euclid_circular_a_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'jostmedium';
    src: url('../fonts/jost-medium-webfont.woff2') format('woff2'),
         url('../fonts/jost-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'jostsemibold';
    src: url('../fonts/jost-semibold-webfont.woff2') format('woff2'),
         url('../fonts/jost-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');


*{padding:0; margin:0; box-sizing:border-box;}

body{
  /* font-family:'euclid_circular_abold';  */
  font-family: 'Euclid Circular A';
}
p{ color:#333333; font-size:18px; line-height:24px; font-family: 'Open Sans', sans-serif;}
h2 {font-size:45px; line-height:52px; color:#512dca;}

a {

 font-family: 'open_sansbold';
 color: #512dca;
 text-decoration: underline;
}
a:hover {
 color: #512dca;
 text-decoration: none;
}



/* all buttons & labels */

.btn, .btn-primary, .viewBtn,
label {
  letter-spacing: .05em;
}



/* all buttons & menu items */

.btn, .btn-primary, .viewBtn,
.navbar-light .navbar-nav .nav-link{
  transition: all 0.25s ease;
}

/* header */

.logoArea p, .navbar-light .navbar-nav .nav-link {
  letter-spacing: .025em;
}

.rht-PE-text button {
padding-bottom: 11px !important;
padding-top: 15px !important;
font-size: 13px !important;
line-height: 16px !important;
}

.custom-blueColor{color:#512dca;}
.btn-outline-primary {color: #512dca !important; border-color: #5730d9 !important;}
.btn-outline-primary:hover {color:#fff !important; background-color:#5730d9 !important;
 border-color:#512dca !important;
}
.btn-primary {color:#fff; background-color:#5730d9 !important; border-color:#5730d9 !important; 
  transition:all 0.95s ease;}
.btn-primary:hover {
 color: #5730d9;
 background-color:#73f4cc !important;
 border-color: #5730d9 !important;
}

.main-header{}
.header-topBar .navbar{background-color:#fff !important;}
.logoArea p{font-size:13px;  line-height:16px; font-family: 'Euclid Circular A';}

.rht-PE-text button{font-family: 'jostmedium'; padding-bottom:6px; padding-top:10px;}
.btn{
  font-size:16px !important; 
  line-height:21px !important; 
  border-radius:8px; 
  font-family: 'Euclid Circular A'; 
  min-width: 218px;
  min-height: 65px;
}
.navbar-light .navbar-nav .nav-link{color:#6d4bde !important; font-size:13px; line-height:16px; transition:all 0.95s ease; font-family: 'Euclid Circular A'; font-weight: 600;}
.navbar-nav .nav-link{ font-family: 'Euclid Circular A';}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active{color:#42c39a !important;}

.header-banner-wrapper {
  /* background: url(../images/hero-loop.svg) no-repeat #4b29bb; */
  background:url(../images/svg/2023-01-17-purple-loops.svg) no-repeat #4f2fba;
  min-height:580px; 
  /* background-position:-506px 91%; */
  background-position:center;
  /* background-size:169%; */
}

.header-banner-lft{}

.header-banner-rht{
  right:0; 
  top:0; 
  width:50%; 
  background:url(../images/svg/2023-01-17-green-loops.svg) no-repeat #70eec7;
  min-height:100%;     
  background-position: 68% 50%;
  overflow:hidden; 
}
.header-banner-rht-innerBg {
    /* background: url(../images/header-rhtBg.jpg) no-repeat;
    position: absolute;
    height: 100%;
    width: 100%;
    background-size:330%;
    background-position: 42% 47%;
    transform: skew(37deg, 0deg);
    right: 24%; */
}

.main-header h1 {
  font-size:54px; 
  color:#70eec7; 
  line-height:59px;
  z-index: 1;
  position: relative;
  font-family: 'Euclid Circular A';
  
  margin: 0;
}
.main-header h4 {
  font-size: 26px;
  color: #70eec7;
  line-height: 40px;
  font-weight: 300;
  margin: 0;
}
.main-header .list-group-item {
  border-radius:0px; 
  background:none; 
  font-size:17px; 
  line-height:30px;
  font-family: 'Euclid Circular A';
}

.move-banner-text{
  z-index: 1;
 position: relative;
}

.move-banner-text h1{ color:#562fd9;}
.move-banner-text h4{ color:#562fd9}

.pl-85 {
  padding-left: 80px;
}



.getStr-btn{
   transition:all 0.95s ease;
   background: transparent;
   color: #fff;
   border: 3px solid #73f4cc;
   padding: 18px 17px 14px;
}
.getStr-btn:hover{
  color: #fff;
 background: #5730d9;
 border-color: #73f4cc;
}
.bannerRht-inner .btn{padding:18px 17px 14px;}
.bannerRht-inner{margin:7% 0 0;}



.start-move {
  /* background: -webkit-linear-gradient(90deg, #3f239e 50%, #70eec7 50%);
  background: -o-linear-gradient(90deg, #3f239e 50%, #70eec7 50%);
  background: -moz-linear-gradient(90deg, #3f239e 50%, #70eec7 50%);
  background: linear-gradient(90deg, #3f239e 50%, #70eec7 50%); */
  background: url(../images/svg/2023-01-17-purple-loops.svg) #3f239e;
  background-repeat: no-repeat;
  background-position: 54% 46%;
  position: relative;
}

.start-move h2, .start-move h3, .footer-left h2{
  color: #70eec7;
}
.footer-left p { 
  color:#fff;
  font-size: 15px;
  line-height: 22px;
  /*font-family: 'Open Sans', sans-serif;*/
      font-family: 'open_sansregular';
}
.fllow-us ul{ padding:0; list-style: none;}
.fllow-us ul li{ padding:0 10px;}
.fllow-us a{ font-size: 12px; text-transform: none; font-weight: 400;}
.fllow-us p, .fllow-us p.small a {
  line-height: 20px;
  font-size: 13px;
  font-weight: 400 !important;
  font-family: 'open_sansregular';
}

.fllow-us p.small a { color:#fff; display: block;}
.footer-right p {
  font-family: 'open_sansregular';
  font-size: 16px;
  line-height: 22px;

}

footer label {
  font-size: 14px;
  line-height: normal;
  color: #512dca;
  font-family: 'Euclid Circular A';
}

footer textarea#message {
  min-height: 134px;
}

footer .sendBtn {
  padding: 18px 44px;
  font-size: 16px;
  font-family: 'Euclid Circular A';
  border: 3px solid #5730d9;
  color: #5730d9;
  background-color:transparent;
  border-color: #5730d9 !important;
  transition: all 0.95s ease;

}

footer .sendBtn:hover {
  color: #fff;
  background-color: #5730d9 !important;
  border-color: #5730d9 !important;
  transition: all 0.95s ease;

}


.start-move h3 { font-size: 27px;}
.start-move p{ font-size: 16px; color: #fff; font-family: 'Open Sans', sans-serif; line-height: 20px;}
.start-move h3 span img {
  vertical-align: top;
}

.start-move h3 span.badge {
  padding-right: 10px;
  padding-left: 0;
}

h3.fs-40{ font-size: 40px;}
.lineBtn {
  background:transparent;
  color: #fff;
  padding: 18px 46px 18px;
  transition: all 0.95s ease;
  border: 3px solid #73f4cc;
}

.help-today {
  background:transparent;
  color: #512dca;
  padding: 18px 46px 18px;
  transition: all 0.95s ease;
  border: 3px solid #512dca;
  min-width: 210px;
}

.lineBtn:hover {
  background: #73f4cc;
  color: #3f239e;
  border-color: #73f4cc;
  transition: all 0.95s ease;
}


.help-today:hover {
  background:#512dca;
  color: #fff;
  transition: all 0.95s ease;
  /* border: 2px solid #512dca; */
}

.h-90{ padding: 90px 0;}
.move-current h2{ color:#562fd9;}
.move-current h3 {color:#562fd9;}
.move-current p {color:#333333;}
.based-galway p{ position: relative;}
.based-galway p::after {
  content: "";
  position: absolute;
  left: -100px;
  top: 22px;
  background: url(../images/svg/green-arrow.svg);
  width: 74px;
  height: 200px;
  z-index: 2;
}
.move-current{ z-index: 2;}
.based-galway p::before {
  content: "";
  position: absolute;
  right: -100px;
  top: 22px;
  background: url(../images/svg/purple-arrow.svg);
  width: 74px;
  height: 200px;
  -webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  z-index: 2;
}


/* hero section */

.getStr-btn, .bannerRht-inner .btn {
  padding: 12px 23px 12px;
  border-radius: 10px;
  border-width: 3px;
}

.bannerRht-inner .btn.btn-primary { 
  background-color: transparent !important; 
  color: #5730d9;
}

.lMore-btn.btn-primary {
  color: #5730d9;
  background-color: transparent !important;
  border:3px solid #5730d9 !important;
}

.over20-years-box{margin:-45px 0 0 0;}
.over20-years-box h4{font-family: 'Euclid Circular A'; font-size:27px; line-height:32px;}

/* "Over 20 years’ experience" box */

.over20-years-box {
    padding-left: 15px;
    padding-right: 15px;
}

.over20-years-box.py-4 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.otherHosting h2{font-size:45px; line-height:52px;}
.otherHosting p, .zero-fuss-section p{max-width:720px; margin:0 auto; color: #333333; font-size: 17px;}
.otherHosting p span{font-family: 'open_sansbold';}


/* .zero-fuss-section{background:#f2f7f7; min-height:580px;} */

.zero-fuss-section h2{font-size:45px; line-height:52px;}
/* .zero-fuss-section p{font-size:16px; line-height:22px; max-width:665px;} */

.zero-fuss-section p {
  font-size: 18px;
  line-height: 24px;
  max-width: 665px;
  font-family: 'open_sansregular';
  color: #333;
}

/* .zeroBox{box-shadow:1px 0px 11px rgba(0, 0, 0, 0.3);} */
/* .zeroBox-top{ background: url(../images/grey-circle.svg) no-repeat; background-size:292%; background-position:53% 44%; } */

.zeroBox-top .nm{color:#5cddb5; /*font-size:129px; height:165px;*/ padding-bottom: 15px;}
.zeroBox h3 {
  font-size: 28px;
  color: #512dca;
  padding-bottom: 15px;
}




.people-taking .card {
  border-radius:4px;
  /* min-height: 100%; */
  border:3px solid #cecece;
}

.people-taking .heading-border {
  position: absolute;
  width: 100%;
  top: 60%;
}

.people-taking .card .user-picture {
  position: absolute;
  bottom: -70px;
  left: 0;
  background: transparent;
  padding: 10px 0;
}

.people-taking  .card .user-picture img {
  border-radius: 50% !important;
  max-width: 40px;
  height: 100%;
}

.people-taking .card{ position: relative;}
.people-taking .card-body {
  flex: 1 1 auto;
  padding: 1.5rem 1.5rem;
}

.people-taking .card::after {
  position: absolute;
  content: "";
  bottom: -20px;
  left: 30px;
  border-right: none;
  border-top: none;
  border-left: 20px solid #cecece;
  border-bottom: 18px solid transparent;
}

.people-taking  .card .user-content .user-name {
  margin-right: 150px;
}

.people-taking  .card .text-muted {
  color: #090909 !important;
  line-height: normal;
  margin: 0;
  padding: 5px 0;
}

.people-taking  .card .name-designation .text-muted {
  color: #888888 !important;
  line-height: normal;
  margin: 0;
  padding: 0;
}

.name-designation h5 {
  font-size: 14px;
  margin: 0;
}

.name-designation {
  padding-left: 10px;
}

.user-content a {
  font-family: 'open_sansregular';
  color: #888888;
  text-decoration:none;
  font-size: 14px;
}


button.load-more {
  border: 3px solid #c9c9c9;
  padding: 10px 28px;
  color: #777;
  display: table;
  margin: 0 auto;
    margin-top: 0px;
}


/**.zeroBox p{line-height:22px;}**/

.sounds-too-section .zeroBox p{line-height:22px; color:#333333; font-size:16px;}
.sounds-too-section{}
.sounds-too-section h2{color:#70eec7;}
.sounds-too-section p{color:#fff; max-width:720px;  margin:0 auto;}

.viewBtn{background:#73f4cc;  color:#512dca; padding:23px 30px 18px; border-color:#73f4cc; transition:all 0.95s ease;}
.viewBtn:hover{color: #fff;
 background: #5730d9;
 border-color: #73f4cc;}

h4{color:#512dca; font-size:28px;}



.onlineBusiness-section p{max-width:466px;}

.onlineBusiness-box{width:320px; height:320px; border-radius:50%; box-shadow:1px 0px 17px rgba(0, 0, 0, 0.2); background: url(../images/pexels-olia-danilevich.jpg) no-repeat; background-size:364%;
    background-position:38% 82%;}

.online-img-icon{box-shadow:1px 0px 17px rgba(0, 0, 0, 0.2); width:136px; height:136px; top:12%; left:-17%; border-radius:50%;}
.online-img-icon img{height:80px;}


.optimised-box .onlineBusiness-box{background: url(../images/pexels-mikael-blomkvist.jpg) no-repeat;
background-size:380%; background-position:25% 34%;
}
.optimised-box .online-img-icon{left:inherit; right:-25%;}


.friendly-box .onlineBusiness-box{background: url(../images/pexels-yan-krukov.jpg) no-repeat;
background-size:220%; background-position: 95% 31%;
}



.people-talking-section{ 
  /* background:url(../images/hero-loop.svg) no-repeat #4c2abf; 
  min-height:520px; background-size: 156%;    
  background-position: 55% 49%; background-attachment:fixed; */
}
.people-talking-section h2{color:#70eec7; font-family:'jostsemibold';}
.people-talking-box p{font-size:19px; line-height:26px;   font-family: 'jostsemibold';}


.slick-dots li button {
    width: 12px !important;
    height: 12px !important;
    background:none !important;
    border-radius: 50% !important;
    border:2px solid #73f4cc;
    position:relative;
}

.slick-dots li.slick-active button:after {
    background: #73f4cc !important; content:""; width:7px; height:7px;
    position:absolute; top:1.4px; left:1.4px; border-radius:50%;
}

.people-talking-section .slick-dots{bottom:-80px;}

.examples-website-section h2{color:#512dca; font-family: 'jostsemibold';}
.web-hosting-section h2{font-family: 'jostsemibold'}
.examples-website-section h3{font-size:16px; color:#512dca; line-height:21px;}
.examples-website-box h4{font-size:13px; line-height:16px; color:#512dca;}
.examples-website-section h3,
.examples-website-box h4,
.more-than-text h3 {
  font-family: 'jostsemibold';
}

/* website examples */

.examples-website-section h4 {
font-size:16px;
line-height:21px;
}
.examples-website-box{/**padding:0 14px;**/ padding:0 19px;}
.examples-website-section .slick-list{margin:0 15px;}

.examples-website-section{
  /* background:#f2f7f7; */
}
.examples-website-slide{padding:0 65px;}
.examples-website-slide .slick-arrow{
    height: 100%; width:88px; z-index:1;  
   
}

.and-our-website.examples-website-section figure {
  margin: 0 0 2rem;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.examples-website-slide .slick-arrow.slick-prev{       
    background:url(../images/exmp-prv-arrow.png) no-repeat #81f6d5; background-position:center; 
}
.examples-website-slide .slick-arrow.slick-prev:hover{
  background-image:url(../images/exmp-prv-arrow-h.png);
background-repeat:no-repeat;
}
.examples-website-slide .slick-arrow.slick-next{       
    background:url(../images/exmp-nxt-arrow.png) no-repeat #81f6d5; background-position:center; 
}

.examples-website-slide .slick-arrow.slick-next:hover{
  background-image:url(../images/exmp-nxt-arrow-h.png);
background-repeat:no-repeat;
}

.examples-website-slide .slick-prev:before, .examples-website-slide .slick-next:before{display:none;}


.more-than-text h3{color:#512dca; font-size:18px; line-height:22px;}
.more-than-text p{font-size:16px; line-height:22px; color:#383636;}


.main-footer{background:url(../images/green-loops.svg) no-repeat #7cf4d1; min-height:860px; 
background-size: 178%;
    background-position: 37% 18%; background-attachment:fixed;
}
.main-footer label{font-size:13px; line-height:16px; color:#512dca; font-family: 'jostsemibold'}
.sendBtn{padding:21px 50px 18px;}
.main-footer textarea.form-control{min-height:134px; resize:none;}



.mobileBr{display:none;}
.arrow-white{display:none;}
.smDevise{display:none;}
.read-lessMore-btn{display:none !important;}
.buss3-sm-mobile{display:none;}
.buss-992{display:none;}


.slick-dots li.slick-active button:before, .slick-dots li button:before{color:inherit !important; 
  content: "" !important;}

 .form-control{font-family:'open_sansregular';} 
.btn, .btn-primary, .viewBtn,
.navbar-light .navbar-nav .nav-link{
  transition: all 0.25s ease !important;
}

.examples-website-slide .slick-arrow.slick-prev, .examples-website-slide .slick-arrow.slick-next {
  transition: all 0.25s ease;
}
.examples-website-slide .slick-arrow.slick-prev:hover, .examples-website-slide .slick-arrow.slick-next:hover {
  background-color: #5730D9;
}

.people-taking { 
  background: url(../images/svg/2023-01-17-grey-loops.svg) #f7fafa;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 71% 107%;
  /* background-size: 187%; */
}

footer {
  background: url(../images/svg/2023-01-17-purple-loops.svg) #3f239e;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-position: 55% 46%;
}

.rt-right {
background: url(../images/svg/2023-01-17-green-loops.svg) no-repeat #70eec7;
min-height: 100%;
background-position: 66% 50%;
overflow: hidden;
}

.move-current-right {
background: url(../images/svg/2023-01-17-green-loops.svg) no-repeat #70eec7;
min-height: 100%;
background-position: 66% 50%;
overflow: hidden;
right: 0;
top: 0;
width: 50%;
}


.rt-right {
right: 0;
top: 0;
width: 50%;
}
.footer-right {
z-index:2;

}

.footer-color {
  /* background: -webkit-linear-gradient(90deg, #3f239e 50%, #70eec7 50%);
  background: -o-linear-gradient(90deg, #3f239e 50%, #70eec7 50%);
  background: -moz-linear-gradient(90deg, #3f239e 50%, #70eec7 50%);
  background: linear-gradient(90deg, #3f239e 50%, #70eec7 50%); */
  position: relative;
}

.container-talking {
  max-width: 970px;
  margin: 0 auto;
}

.online-sm-mobile {
  display: none;
}


.tab-sec{ position: relative;}
.tab-sec #pills-tab {
  width: 100%;
  
}

.tab-sec .nav-pills .nav-link {
  background-color:transparent;
  font-size:34px;
  line-height:40px;
  text-align: left;
  padding: 0;
  color: #70eec7;
  padding: 60px 30px;
  position: relative;
 z-index: 2;
 width: 100%;

}

.tab-sec .nav-pills .nav-link.active {
  color: #70eec7;
  background-color:transparent;
  font-size:34px;
  line-height:40px;
  text-align: left;
}

ul#pills-tab li:first-child {
  width: 50%;
  /* padding: 60px 30px; */
}

ul#pills-tab li:last-child {
  width: 50%;
  background-color: #70eec7;
  padding:0;
  color: #5237c5;
  position: relative;
  z-index: 1;
}

ul#pills-tab li:last-child::after {
  background-image: url(../images/svg/2023-01-17-green-loops.svg);
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background-position: 48% 65%;
}

ul#pills-tab li:last-child .nav-link {
  color: #5237c5;

}

.ico_arrow{ 
  padding-top:60px;
  display: block;
}


ul#pills-tab li:last-child .nav-link .ico_arrow{ 
  padding-top: 20px;
}


#pills-home{}

.tab-sec #pills-profile{
  background: url(../images/svg/2023-01-17-green-loops.svg) no-repeat #70eec7;
  min-height: 100%;
  overflow: hidden;
  width:100%;
  background-position: 70% 36%;
}
.start-move-smallview .accordion-item { 
  background: url(../images/shap_1.png) no-repeat #4526ab;
  min-height: 100%;
  overflow: hidden;
  width:100%;
  background-position: 10% 30%;
  border: none;
  border-radius: 0;
  background-attachment: fixed;
}

.start-move-smallview .accordion-item.accordion-item_2 { 
  background: url(../images/svg/2023-01-17-green-loops.svg) no-repeat #70eec7;
  min-height: 100%;
  overflow: hidden;
  width:100%;
  background-position: 10% 29%;
  border: none;
  border-radius: 0;
  background-attachment: fixed;
}


.start-move-smallview{ position: relative;}

/* .start-move-smallview::after{
  background-image: url(../images/svg/2023-01-17-green-loops.svg);
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background-position: 46% 67%;
} */


.start-move-smallview .accordion-item .accordion-button {
color: #fff;
text-align: left;
background-color: transparent;
border: 0;
border-radius: 0;
font-family: 'Euclid Circular A';
padding: 30px 15px;
}

.tab-sec{ display: none;}

.start-move-smallview .accordion-item button.accordion-button  { 
  font-size: 27px; 
  line-height: 32px; 
  color: #70eec7;
  box-shadow: none !important;
}

.accordion-button::after {
  flex-shrink: 0;
  width:52px;
  height:52px;
  margin-left: auto;
  content: "";
  background-image: url("../images/green_arrow.png");
  background-repeat: no-repeat;
  background-size:100%;
  transition: transform .2s ease-in-out;
  /* transform: rotate(180deg); */
}
.accordion-button:not(.collapsed)::after {
  background-image: url("../images/green_arrow.png");
  transform: rotate(-180deg);
}

.start-move-smallview .accordion-item.accordion-item_2 .accordion-button::after {
  flex-shrink: 0;
  width:52px;
  height:52px;
  margin-left: auto;
  content: "";
  background-image: url("../images/purple_arrow.png");
  background-repeat: no-repeat;
  background-size:100%;
  transition: transform .2s ease-in-out;
}
.start-move-smallview .accordion-item.accordion-item_2 .accordion-button:not(.collapsed)::after {
  background-image: url("../images/purple_arrow.png");
  transform: rotate(-180deg);
}

.start-move-smallview .accordion-item.accordion-item_2 .accordion-button { background-color:transparent; color: #5237c5;}

.start-move-smallview .badge {
  padding-bottom: 0;
  padding-left: 0;
}

.start-move-smallview .accordion-body h3 {
  font-size: 21px;
 color: #77d8ce;
}

.start-move-smallview .accordion-item.accordion-item_2 .accordion-body h3 {
  font-size: 21px;
  color: #5237c5;
}



.start-move-smallview .accordion-body p{ font-size: 15px; color:#fff; line-height: 21px;}

.start-move-smallview .accordion-item.accordion-item_2 .accordion-body p {
  font-size: 15px;
  line-height: 21px;;
 color: #333333;
}

.start-move-smallview{ display: none;}
.bannerRht-inner .btn.btn-primary:hover {
  background-color: #5730d9 !important;
  color: #fff;
}

.btn.getStr-btn:hover {
  background-color: #70eec7;
  color: #3f239e;
}

.rht-PE-text .btn { min-width:auto; min-height: auto;}
.rht-PE-text .btn:hover { background-color: #73f4cc !important;
  border-color: #73f4cc !important;}


/*--------------------- price-sec-open (14-02-2023 )---------------------- */
.price-sec {
  background: url(../images/svg/2023-02-09-grey-circle.svg) #f7fafa;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  padding: 150px 0;
}
.price-box {
  background-color: #fff;
  box-shadow: 0px 0px 16px #adb9b6;
  min-height: 300px;
  max-width: 1023px;
  margin: 0 auto;
  padding: 50px 0;
}
.price_rate {
  background-color: #f7fafa;
  padding: 30px 0;
}
.price_rate .list-group-item {
  background-color: transparent;
}
.price-left-card {
  position: relative;
  margin-left: -140px;
  margin-top: -20px;
}
.price-left-card h2 {
  color: #562fd9;
  font-size: 240px;
  font-family: 'Euclid Circular A';
  line-height: 190px;
  transform: rotate(-5deg);
  margin: 0;
  position: relative;
  z-index: 2;
  text-align: center;
}
.no-setup {
  font-size: 22px;
  font-family: 'Euclid Circular A';
  color: #512dca;
  text-align: center;
  background-color: #7ff3d3;
  padding: 20px;
  border-radius: 10px;
  transform: rotate(-7deg);
  position: absolute;
  left: 103px;
  bottom: -75px;
  z-index: 1;
  line-height: normal;
}
.price-box p {
  padding: 20px 0 50px;
  max-width: 665px;
  margin: 0 auto;
}
.price_rate h4 {
  margin: 0;
}
.price_rate h5 {
  color: #512dca;
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
}
.price_rate h5 span {
  color: #333333;
  font-weight: 300;
}
.price_rate li.list-group-item {
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  padding-bottom: 5px !important;
  max-width: 83%;
}
.price_rate li.list-group-item span.badge {
  padding-left: 0;
}
/*--------------------- price-sec-end---------------------- */

  /*Email-Newsletters*/


.news_sec {
  box-shadow: 0px 0px 16px #adb9b6;
  background-color: #fff;
}

.sound-sec {
  padding: 80px 130px 80px 130px;
  background-color: #f8f9fb;
}

.email-sec {
  padding:80px 100px;
  background-color: #fff;
}

.email-markating {
 padding: 80px 100px 50px 90px;
  background-color: #f8f9fb;
  position:relative;
  }
  
.email-markating::before{
	background: url(https://webhero.ie/wp-content/themes/newwebhero2022/assets/stagingV1/images/svg/2024-09-10-paper-plane-section.svg);
	background-repeat: no-repeat;
	content:"";
	position:absolute;
	left: -76px;
	top: 33px;
	width: 100%;
	height: 520px;
	background-position: top center;
	z-index: 9;
	}  
  

.news_email{
	padding: 70px 0 60px;
	width:100%;
	position:relative;
	}

.sounds-too-section {
  padding-bottom: 80px;
}


.email_newsletter{
	  background: url(https://webhero.ie/wp-content/themes/newwebhero2022/assets/stagingV1/images/svg/2024-09-10-grey-dash-circle.svg);
	  background-position:top center;
	  width: 100%;
	  height:100%;
	  background-position: left -130px;
	  background-repeat: no-repeat;
	  background-size:cover;
	  background-color: #f7fafa;
      padding: 120px 0;
	}

.news_email::before {
  background: url(https://webhero.ie/wp-content/themes/newwebhero2022/assets/stagingV1/images/svg/2024-09-10-paper-plane-header.svg);
  background-repeat: no-repeat;
  background-position: 35px center;
  position: absolute;
  content: "";
  width: 100%;
  height: 432px;
  top: -173px;
  z-index: 9;
  }

.email-markating ul{
	padding:0;
	padding-top: 15px;
	}

.email-markating ul li{
	color:#5132cb;
	font-size:17px;
	list-style:none;
    padding-bottom: 7px;
	}

.email-markating ul li .badge{
	padding-left:0;
	}
	
	
	
.contact-today {
	padding: 80px 0;
    background: url(../images/svg/2023-01-17-purple-loops.svg) no-repeat #3f239e;
	background-size: auto;
	background-repeat: no-repeat;
    background-position: 60% 40%;
	}	
	
.email_newsletter .contact-today p {
  color: #fff;
  padding-top: 30px;
}	

.contact-today p span{
	font-size:13px;
	}
	
.contact-today .help-today {
	border: 3px solid #73f4cc;
	color: #73f4cc;
	}	
	
	
.contact-today .help-today:hover {
  background: #73f4cc;
  color: #3f239e;
  border-color: #73f4cc;
  transition: all 0.95s ease;
}

h2.mob_hed{
	display:none;
	}	


.email_newsletter p {
    line-height: 22px;
    color: #333333;
    font-size: 16px;
}




/* --------------------------------media-css--------------------------------- */


@media (min-width:994px){

  .main-footer .container {
  max-width: 980px;
}

#scrollToTop {
  bottom: 80px;
  right: 25px;
}

}

@media (min-width: 1800px) {
  .rt-right, .move-current-right { background-position: 76% 49% !important;}
  .header-banner-rht { background-position: 80% 49% !important;}
  .container-custom {max-width:1320px !important;}

}

@media (min-width:1400px){
 
  .container-custom {max-width:1140px;}
  
  .container-talking{ max-width: 970px; margin:0 auto;}
  
  /* .people-taking .container{ max-width: 970px;} */
  .header-banner-wrapper {
    /* background-position:-314px 93%;
    background-size:152%; */
    background-position:center;
  }
   .header-banner-rht-innerBg{
    /* background-size: 209%; */
  }
   .header-banner-rht{
    right:0;
    top: 0;
    width:50%
  }
.container_1160{ max-width: 1160px;}
.header-banner-wrapper .py-5.p-120{ padding-bottom: 120px !important;} 


   /*.zeroBox{width:88%;} */

  footer {
    background-position: 55% 46%;
  }
  .rt-right {
  background-position: 66% 50%;
  }
  .move-current-right {
  background-position: 66% 50%;

  }



    .py-5 {
      padding-top: 5rem !important;
      padding-bottom: 7rem !important;
    }

    .over20-years-box + .py-5 {
      padding-top: 7rem !important;
      padding-bottom: 4rem !important;
    }

    .header-banner-wrapper .py-5 {
      padding-top: 3rem !important;
      padding-bottom: 3rem !important;
    }

    .onlineBusiness-section .pt-5 {
      padding-top: 1rem !important;
    }

    .people-talking-section.py-5 {
      padding-bottom: 8rem !important;
    }

    .py-4 {
      padding-top: 5rem !important;
      padding-bottom: 5rem !important;
    }

    .col-lg-7 .mt-4, .bannerRht-inner .mt-4 {
        margin-top: 2.5rem !important;
    }

    .main-header h1 {
      font-size: 52px;
      line-height: 54px; 
    } 

    .getStr-btn, .bannerRht-inner .btn {
      padding: 11px 22px 11px;
      border-radius: 6px;
      border-width: 3px;
      font-size: 14px !important;
    }

    .bannerRht-inner .btn.btn-primary:hover {
      background-color: #5730d9 !important;
      color: #fff;
    }
    .btn.getStr-btn:hover{ 
      background-color: #70eec7;
      color: #3f239e;

    }

  .start-move .container { max-width: 1090px;}
  .footer-right .text-center{ text-align:left !important;}

}

@media (min-width:993px){ 
   .onlineBusiness-section .container{max-width:980px;}
   .menuText{font-size:21px; color:#512dca;}
}

@media (min-width:1900px){

.header-topBar .container{width:100%; max-width:100%; padding-left:40px; padding-right:40px; }
.header-banner-wrapper { min-height:740px;}
.header-banner-rht{height:100%; width:50%;}

.main-header .header-topBar .navbar .container {max-width:1790px;}
.main-header .navbar-expand-md .navbar-collapse{flex-direction: row !important;}
.rht-PE-text{order:2;}
.header-banner-wrapper {    
  background-position:center;  
  /* background-size: 117% 330%; */
}
.zero-fuss-section{}
.navbar-nav .nav-item.mx-md-2{margin-right: 2.2rem!important;}
.bannerRht-inner {
    /* margin: 7% 0 0 4%; */
    margin: 7% 0 0 0;
    padding-left: 0 !important;
}
.header-banner-wrapper{padding-top: 4rem;}
.bannerRht-inner .btn, .getStr-btn{margin-top: 38px !important;}
/**.onlineBusiness-section .container {max-width:1320px;}**/
.online-sm-mobile{display:none;}

/*
.onlineBusiness-box{width:350px; height:350px;}
.online-img-icon{width:144px; height:144px;}
.onlineBusiness-section p {max-width:700px;}
*/

.customNav #navbarNav.align-items-end {
  /* align-items: flex-end !important; */
  align-items: center !important;
}

.customNav #navbarNav.align-items-end ul.navbar-nav.mt-3 {
  margin-top:0 !important;
}


}

@media screen and (min-device-width:1200px) and (max-device-width:1366px) { 
   /*.zero-fuss-section h2 {font-size: 34px; line-height: 40px;}*/
   .header-banner-wrapper{
    min-height: 540px; 
    background-position: center;
    /*background-position:-513px 92%; 
     background-size: 191%; */
  }

  .navbar .container {
    width: 100%;
    max-width: 100%;
  }

  .header-banner-rht {
    width: 50%;
    right: 0;
    background-position: 65% 50%;
  }
  .move-current-right {background-position: 63% 50%;}
  .rt-right { background-position: 62% 51%;}

   .otherHosting h2{padding-top:30px; padding-bottom:30px;}
   .over20-years-section{padding-bottom:20px;}
   .zero-fuss-section h2{padding-top:25px !important; padding-bottom:10px;}
  .header-banner-wrapper .p-120 {
    padding-bottom: 110px !important;
  }

   .sounds-too-section{min-height:575px;}
   .sounds-too-section h2{padding-top:40px !important;}
   .onlineBusiness-section h2{padding-top:30px;}
   .onlineBusiness-section{padding-bottom: 75px !important; }
   .people-talking-section{min-height:560px;}
   .examples-website-slide{    margin-top: 55px !important;}
   .web-hosting-section h2{margin-bottom:30px;}
   .moreHosting-contain-area{padding-top:26px; padding-bottom:36px;}
   .main-header h1{ 
    font-size: 52px;
    line-height: 52px;
  }

  .howcan-wehelp .py-4 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .over20-years-section .otherHosting.py-5{ padding-top: 5rem !important; padding-bottom: 0 !important;}
  .main-header .list-group-item .badge img{ max-width: 80%;}
  .main-header .list-group-item {
    font-size: 17px;
    line-height: 24px;
    font-family: 'Euclid Circular A';
  }

  .getStr-btn, .bannerRht-inner .btn {
    padding: 11px 18px 11px;
    border-radius: 10px;
    border-width: 3px;
    font-size: 13px !important;
  }

  .container-talking.py-4 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .footer-right .text-center {
    text-align: left !important;
  }

}

@media screen and (min-device-width: 1280px) and (max-device-width: 1366px){
.header-banner-rht {
  width: 50%;
  right: 0;
  background-position: 66% 51%;
}
.move-current-right {
  background-position: 64% 51%;
}

.rt-right {
  background-position: 64% 51%;
}

.email-markating::before {
  left: auto;
  top: 95px;
  background-position: top center;
  background-size: contain;
  right: 97px;
	}  
	
.news_email::before {
	background-position: -18px center;
	top: -200px;
	background-size: contain;
	} 
	

}

@media screen and (min-device-width: 992px) and (max-device-width: 1200px) {
  .master-zeroBox{
    /* margin-top:-43%; */
  }
  

.email-markating::before {
  left: auto;
  top: 95px;
  background-position: top center;
  background-size: contain;
  right: 97px;
	}  
	
.news_email::before {
	background-position: -18px center;
	top: -200px;
	background-size: contain;
	}  
  
}

@media screen and (min-device-width:992px) and (max-device-width:1199px){

 .header-banner-wrapper .col-lg-7 {  flex: 0 0 auto;  width:51.333%;}
.header-banner-wrapper .col-lg-5 {  flex: 0 0 auto;  width:48.667%;}
.people-talking-section{min-height:550px;}
.people-talking-section .slick-dots {
    bottom: -55px;
}

.online-sm-mobile{display:none;}
.onlineBusiness-section h2{font-size:43px;}

.onlineBusiness-section .pt-5 {
  padding-top: 0 !important;
}

.logoArea p {
  font-size: 11px;
}
.navbar-light .navbar-nav .nav-link {
  font-size: 11px;
  line-height: 12px;
}

.main-header h1 {
  font-size: 42px;
  line-height: 40px;
}

.main-header h4 {
  font-size: 22px;
  line-height: 30px;
}

  /* ========= Price section ============ */

  .price-left-card h2 {
    font-size: 150px;
    line-height: 190px;
  }
  .no-setup {
    font-size: 16px;
    left: 120px;
    bottom: -30px;
  }
  .price_rate h4 {
    font-size: 26px;
  }
  /* ========= END Price section ============ */


}

@media screen and (min-device-width:993px) and (max-device-width:1199px){
.sounds-too-section .viewBtn{margin-bottom:55px;}
.main-header h1{ 
  font-size: 52px;
  line-height: 52px;
}

.pl-85 {
  padding-left: 70px;
}

}

@media screen and (min-device-width:992px) and (max-device-width:992px){

  .header-banner-wrapper .col-lg-7 {flex:0 0 auto;  width:46.66666667%;}
  .header-banner-wrapper .col-lg-5 {flex:0 0 auto;  width:53.33333333%;}

}

@media (max-width:1024px){
  .header-banner-rht {
    background-position: 62% 50%;
  }
  .header-banner-rht-innerBg{
    width:102%;
  }
  .header-banner-wrapper{
    background-position:center;
  }
  .people-talking-section .slick-dots{bottom:-45px;}
  .move-current-right{background-position: 62% 50%;}
  .start-move{ background-position: center;}
  .rt-right{background-position: 62% 50%;}
  footer{ background-position: center;}
}

@media (max-width:1000px){
   .navbar-light .navbar-nav .nav-link{font-size:10px;}
   .navbar-expand-md.customNav .navbar-nav .nav-link {
    padding-right: .7rem;
    padding-left: 0;
  }
  .navbar-expand-md.customNav .navbar-nav li:last-child .nav-link { padding-right: 0;}
  .navbar-expand-md.customNav .navbar-nav .nav-link
  .navbar.customNav .mt-3 {
    margin-top: .25rem !important;
  }
    .logoArea p{font-size:9px;}
   .logoArea img{height: 40px;}
   .header-banner-rht{width:50%; right:0;}
   .people-talking-section .slick-dots {  bottom: -44px;}

}

@media (max-device-width:992.98px) { 
  .sounds-too-section .master-zeroBox .col-md-4 {padding-left: 0px !important;  padding-right: 0px !important;}
  .zeroBox {  box-shadow: inherit;}
  .master-zeroBox{box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1);} 
  .buss-992{display:block;}
  .deskBr{display:none;}
  .zeroBox-top{background-size:278%; background-position:52% 44%;}
  .zeroBox-top .nm{
    /* height:150px; */
  } 
  .header-banner-rht{height:100%;}
  .header-banner-rht {width:50%; right:0;  height:100%;}
  .header-banner-wrapper{
    background-size:center;
    /* background-position:-436px 93%; */
}
 .header-banner-rht-innerBg{background-size: 360%;
background-position: 48% 46%;}
/*.zero-fuss-section{min-height:525px;}*/
.sounds-too-section .viewBtn{margin-bottom:35px;}
.people-talking-slide .slick-slide img{display:none;}

.people-talking-slide .col-2{width:10%;}
.people-talking-slide .col-sm-8{width:80%;}
.people-talking-section .slick-dots{bottom: -66px;}
.people-talking-section{min-height:520px;}
.main-footer{background-size:255%;}
.examples-website-section .slick-dots{display:none !important;}
.examples-website-section{padding-bottom:30px !important;}
.main-footer{min-height:835px;}
}

@media (max-device-width:991.98px) {
  .main-footer{min-height:auto; padding-bottom: 0px !important;}
  .main-footer .sendBtn{margin:55px auto 64px !important;  display:block;}
}

@media (max-width:769.68px){
  .onlineBusiness-box{width:210px; height:210px;}
  .onlineBusiness-section p {max-width:400px;}
  .online-img-icon{width:100px; height:100px;}
  .online-img-icon img {height:60px;}

  /* 24-01-2023 */
  .start-move{ display: none;}
  .tab-sec{ display:block;}

  /* 24-01-2023 */

 
}

@media screen and (min-device-width:770px) and (max-device-width:991.98px) {

.bannerRht-inner {  
  /* padding-left: 15px !important; */
}

.otherHosting p { max-width: 520px;} 
.main-header .list-group-item {color: #512dca;}
.main-header .list-group-item{ font-size: 16px;}
.arrow-blue {  display: block;}
.arrow-white {  display: none;}
.header-banner-wrapper{min-height:620px; }
.zero-fuss-section { }
.zeroBox{padding-right:20px !important; padding-left:20px !important;}
.zeroBox h3{font-size:28px;}
.zeroBox-top {  background-size: 392%;  background-position: 53% 36%;  padding: 30px 0 0;}
.zeroBox-top .nm {  height: 154px;}
.onlineBusiness-section p {  max-width:350px;}
.onlineBusiness-box {  width: 250px;  height: 250px;}
.onlineBusiness-section p {  font-size: 16px;  line-height: 22px;}

h2, .otherHosting h2, .zero-fuss-section h2 {font-size:40px;  line-height: 44px;}
p {  font-size: 16px;  line-height: 22px;}
.people-talking-section {  min-height: 578px;}
.people-talking-section .slick-dots {  bottom: -32px;}
.online-img-icon{width: 115px; height: 115px;}
.sounds-too-section .zeroBox p{font-size:15px;}
.examples-website-slide .slick-arrow {
  width: 160px;
  height: 70px;
  z-index: 1;
  top: inherit;
  bottom: -136px;
}
.examples-website-slide .slick-arrow.slick-prev {
  left: 25.6%;
}
.examples-website-slide .slick-arrow.slick-next {
  right: 25.6%;
}
.examples-website-section {
  /* padding-bottom: 115px !important; */
}
.main-header .list-group-item {
 text-shadow: 0 0 30px rgba(0,0,0,.33);
}



}

@media (max-width:820.98px){  
    .zero-fuss-section { }
    .main-header .list-group-item {text-shadow: 0 0 30px rgba(0,0,0,.33);}
}

@media (max-width:768.98px){ 
    .header-topBar .navbar-light .navbar-toggler{padding:0; line-height:23px; display:flex; align-items:flex-end;}
    .container-talking {
      max-width:640px;
      margin: 0 auto;
    }
    .logoArea p{font-size:13px;}
   .rht-PE-text{margin:46px 0 0;}
   .navbar-light .navbar-nav .nav-item{margin:12px 0;}
   .navbar-light .navbar-nav .nav-link{font-size:25px; line-height:30px;}
   .navbar-light .navbar-toggler-icon{background:none !important; color:#512dca; font-size:33px; width:auto; height:auto;}
   .menuText{font-size:21px; color:#512dca; padding-right:9px; line-height:14px;}
   .navbar-toggler:focus{outline:none !important; border:none !important; box-shadow:inherit;}
   .main-header h1 { font-size: 40px; line-height: 50px;}
   .main-header h4{ font-size: 27px; line-height: 30px;}
   .header-banner-wrapper{min-height:670px;}
   .header-banner-rht{
    /*transform: skew(-38deg, 0deg);*/
    right:0; 
    width:50%; 
    min-height:790px;
  }
   .header-banner-wrapper{ 
    background-position:center; 
    /* background-size: 210%;  */
  }
  .header-banner-rht {
    background-position: 56% 54%;
  }
   .header-banner-rht-innerBg{    
    background-position:45% 37%; 
    /* background-size: 185%; 
    width:110%; */
  }
   .deskBr{display:none;}
   .mobileBr{display:block;}
   .bannerRht-inner{padding-left:15px !important;}
   .main-header .list-group-item{
    color:#411db9;
  }
   .arrow-blue{display:block;}
   .arrow-white{display:none;}
   .move-banner-text.pl-85 { padding-left: 20px;}
   .bannerRht-inner ul li{ padding-left:0 !important;}
   .bannerRht-inner {
    padding-left: 15px !important;
  }
   .bannerRht-inner .badge { padding-left:0;}
   .header-banner-wrapper .btn{margin:40px 0 0 29px !important;}
   .main-header h1{margin:0;}
   .master-zeroBox{box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1);}
   .sounds-too-section .master-zeroBox .col-md-4{padding-left:0px !important; padding-right:0px !important;}
    .zeroBox-top .nm{
      /*font-size:103px; 
       height:122px; */
    }
    .zeroBox-top{
      /* background-size:314%; 
      background-position:53% 38%;  */
      padding:0 0 0;
    }
   .zeroBox{box-shadow:inherit; padding-left:15px !important; padding-right:15px !important; padding-bottom:42px !important;}
   .zeroBox h3{font-size:26px;}
   .sounds-too-section .zeroBox p{font-size:15px;}
   .sounds-too-section{min-height:auto;}
   
   .master-zeroBox {
    /* margin-top: -66%; */
  }
   .sounds-too-section .container  { 
    /* padding-top:261px !important; */
  }
   .sounds-too-section{background-size:278%; background-position:49% 62%; background-attachment: fixed;}
   .onlineBusiness-box{width:250px; height:250px;}
   .otherHosting h2, .zero-fuss-section h2 {    font-size: 40px;    line-height: 44px;}

   .examples-website-slide .slick-arrow{width:160px; height:70px; z-index:1; top:inherit; bottom:-146px;}
   .examples-website-slide .slick-arrow.slick-next{right:27.6%;}
   .examples-website-slide .slick-arrow.slick-prev{left:27.6%;}
   .examples-website-slide{padding:0;}
   .examples-website-box{padding:0 15px;}
   /**.examples-website-section .slick-list {
  margin: 0 -35px;
}**/
   .examples-website-section .shadow{box-shadow:0 .3rem 0.5rem rgba(0,0,0,.14)!important;}
   .examples-website-section{
    /* padding-bottom: 150px !important; */
  }
   h2 {font-size:40px; line-height: 44px;}
   .people-talking-box p{font-size:18px; line-height:23px;} 

  .people-talking-section .slick-dots{bottom:-38px;}
  .people-talking-section .slick-slide img{display:none;}

p{ font-size:16px; line-height:22px;}
.main-footer h2, .main-footer p{text-align:center;}
.main-footer .container{max-width:535px;}
.main-footer form {margin-top: 30px;}
.onlineBusiness-section p {max-width:345px;}


/* mobile custom nav css start */
.navbar.customNav {position:fixed; left:0; top:0; z-index:3; background: url('../images/mobile-menu-bg.jpg') repeat-x !important; background-size:100% 100% !important;
    height: 100vh; align-items:flex-start; text-align:center; width:100%; transform:translateY(-130%);
    transition: all 0.95s ease;
}
.navbar.customNav.show {transform:translateY(0%);}
.clickM-menu {z-index:999; position:relative;}
.clickM-menu {
  z-index: 9999;
  /* position: fixed; */
  right:0;
}

.clickM-menu.clickMenu-color-chg {
  z-index: 9999;
  position: fixed;
  right: 17%;
}

.navbar-light .navbar-nav .nav-link{color:#fff !important; text-transform:capitalize; font-size:25px;}
.clickMenu-color-chg span{color:#fff !important;}
.logoArea{text-align:left;}
.logoArea img{height:40px;}
.customNav .navbar-collapse{}
.navbar .navbar-nav .nav-link:after{display:none;}
.navbar-toggler-icon .fa-xmark{width:28px; /*height:32px;*/ height:auto; background:url('../images/close-ic.png') no-repeat; font-size:0px; background-size:100%; display:block; margin:7px 0 0; float:right; }
.customNav .logoArea .navbar-brand img{display:none;}
.clickMenu-color-chg .menuText {
    display: none;
}
.customNav .logoArea p{display:none;}
.clickMenu-color-chg {}
.customNav .rht-PE-text{display:none;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active{color:#fff !important;}

/*
.header-topBar .navbar-toggler.clickMenu-color-chg {
    position: fixed;
    right: 20px;
    top: 4%;
}*/

.zero-fuss-section { }
.customNav .navbar-nav {
    margin-top: 90px !important;
}
/* mobile custom nav css start */

.examples-website-section .container{max-width:100%;} 
.web-hosting-section h2{margin-bottom:52px;}
.main-footer{background-size:266%; background-position: 32% 19%;}

.navbar-expand-md.d-md-none{display:block !important;}
.people-talking-section{
  /* background-size:280%; 
  background-position:52% 46%; */
}
.online-img-icon{width: 115px; height: 115px;}
.header-topBar .navbar .container{align-items:center;}
.header-topBar .navbar-light .navbar-toggler{margin-top:-8px;}
/*.examples-website-section .slick-list{margin:0 -86px;}*/
/*.examples-website-section .slick-dotted.slick-slider{overflow:hidden;}*/

/*24-05-22 css start*/


.over20-years-box h4 {
  font-family: 'Euclid Circular A';
  font-size: 21px;
  line-height: 26px;
}
.otherHosting p {
  max-width: 550px;
}

.based-galway p::before { right: -90px;}
.based-galway p::after { left:-90px;}

footer .rt-right{
  width: 100%;
  top: 0;
  z-index: 1;
  min-height: 55%;
}

.footer-left {
  margin-top: 100px;
}

footer .pl-85{ padding-left: 15px;}
footer .rt-right {
  background-position: center;
}
footer {background-position: 19% -4%;}
.footer-right {
  z-index: 2;
  order: -1 !important;
}

.tab-sec.start-move{
  background: url(../images/shap_1.png) #3f239e;
  background-position: 0% 25%;


}

.howcan-wehelp {
  padding-bottom: 80px;
}
  
}

@media (max-width:767.98px){
        .logoArea p{display:none;}
        .logoArea .navbar-brand img{height:42px;}
        .header-banner-rht{
          /* display:none; */
        }
        .onlineBusiness-section p{max-width:100%;}
        .onlineBusiness-box{margin:0 auto;}

        .zeroBox{max-width: 362px;
    margin: 0 auto 58px;}

    .container-talking {
      max-width: 600px;
      margin: 0 auto;
    }

    .otherHosting p {
      max-width: 420px;
    }


.sounds-too-section .container {padding-top:0px !important;}
.master-zeroBox {box-shadow:inherit;}
.zero-fuss-section .col-md-4{margin-bottom:40px;}
.zeroBox-top {background-size:230%; padding:12px 0 0; background-position: 53% 42%;}
.zeroBox-top .nm{
  /*height:127px;*/
}
.examples-website-slide .slick-arrow.slick-prev{left:28%;}
.examples-website-slide .slick-arrow.slick-next{right:28%; }
.onlineBusiness-box {margin:0 auto 40px;}
.onlineBusiness-section p {
    max-width: 390px;
    margin: 0 auto; text-align:center;
}
h4{text-align:center;}
.smDevise{display:inline-block;}
.lgDevise{
  /* display:none; */
}
.bannerRht-inner{padding-left:0px !important;}
.bannerRht-inner {
  /* margin:0% 0 0; */
}
.bannerRht-inner .list-group{margin-top:0px !important;}
.bannerRht-inner .btn{background:#73f4cc !important; color:#512dca; padding:25px 24px 20px; 
  border-radius:8px;}
.bannerRht-inner .btn.getStr-btn{margin-right:32px !important;}
.main-header h1 {margin: 4px 0 24px;}
.header-banner-wrapper {min-height: 766px;}
.otherHosting h2 {margin-bottom: 60px; margin-top:30px;}
.over20-years-section{padding-bottom:60px;}
.master-zeroBox {
  /* margin-top:-44%; */
}
.zero-fuss-section p {
  margin-bottom: 166px !important;
}

.zeroBox{ 
  /* box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1); */
}
.sounds-too-section .master-zeroBox .col-md-4{margin-bottom:38px;}
.sounds-too-section h2{margin-top:0px !important;}

.onlineBusiness-section .order-sm-2 {    order: 1!important;}
.onlineBusiness-section .order-sm-1 {    order: 2!important;}
.examples-website-slide .slick-arrow{width:158px; height:68px;}
.web-hosting-section{
  /* padding-bottom:60px !important; */
}
.sendBtn{padding:25px 60px 22px;}
.people-talking-section{
  /* background-size:379%; 
  background-position:55% 42%; */
}
.sounds-too-section .zeroBox p {
    font-size: 16px; line-height:22px;
}
.zeroBox{padding-bottom:0px !important;}
.main-footer label{font-size:15px; line-height:21px;}
.header-topBar .navbar .container{align-items:flex-end;}
.header-topBar .navbar-light .navbar-toggler{margin-top:0px;}

.header-banner-rht {
  width: 100%;
  top: auto;
  z-index: 1;
  height: 52%;
  bottom: 0;
  background-position: center 46%;
  min-height: auto;
}

.header-banner-wrapper {
  background-position: 52% 41%;
  background-size: auto;
}

.main-header h4 {
  text-align: left;
}

.over20-years-section{
  position: relative;
  z-index: 1;
}

.move-banner-text {
  padding-top: 50px;

}

  /* ========= Price section ============ */
  .price-sec {
    background: none;
    padding: 0;
  }
  .desk-show {
    display: none;
  }
  .d-none.mobile-show {
    display: block !important;
  }
  .price-box {
    box-shadow: none;
  }
  .price-left-card {
    margin-left: 0;
    margin-top: -20px;
  }
  .price-left-card h2 {
    font-size: 140px;
    line-height: 190px;
    text-align: center;
  }
  .no-setup {
    font-size: 16px;
    padding: 12px 0;
    left: 0;
    bottom: -12px;
    right: 0;
    margin: 0 auto;
    max-width: 65%;
  }
  .price-box p {
    padding: 20px 0 50px;
    max-width: 100%;
    text-align: left;
  }
  .price_rate {
    padding: 30px 30px;
  }
  .price_rate h4 {
    text-align: left;
    font-size: 18px;
  }
  .price_rate h5 {
    font-size: 14px;
  }
  .price_rate li.list-group-item {
    font-size: 14px;
  }
  
  
.news_sec {
  box-shadow: none;
  background-color: #f8f9fb;
}

.sound-sec {
  padding: 0 30px;
}
.sound-sec p{
	padding-top: 30px;
	}

.email_newsletter {
	background-color: #f8f9fb;
	padding: 0 0;
	background: none;
}

.email-sec {
  padding: 15px 30px 0;
  background-color: #f8f9fb;
}

.email-markating {
  padding: 50px 30px;
  background-color: #f8f9fb;
  position: relative;
}

.email-markating::before,
.news_email::before {
	display:none;
	}

.contact-today {
  padding: 50px 0;
}

.email_newsletter {
	text-align: center;
	}
	
	
	
.sound-sec .row, .email-sec .row  {
  flex-direction: column-reverse;
}

.email-markating ul{
	text-align: left;
	}

  
  

  /* ========= END Price section ============ */



}

@media screen and (min-device-width:768px) and (max-device-width:992px){

  .howcan-wehelp {
    padding-bottom: 80px;
  }
  .start-move {
    display: none;
  }

  .tab-sec {
    display: block;
  }
  .main-header h4 {
    font-size: 26px;
    line-height: 30px;
    max-width:250px;
    padding-top: 15px;
  }

  .main-header h1 {
    font-size: 40px;
    line-height: 50px;
    max-width: 250px;
  }

  .header-banner-wrapper {
    min-height: 670px;
  }

  .otherHosting.py-5 {
    padding-top:80px !important;
  }

  .zero-fuss-section.mt-md-4 {
    margin-top: 30px !important;
  }

  .zero-fuss-section.py-4{
    padding-bottom: 50px !important;
  }

  .container-talking.py-4 {
    padding-bottom: 5rem !important;
  }
  footer .container_1160{ 
    max-width: 550px;
  }
  .footer-left {
    text-align: center;
  }
  .footer-left h2 {
    text-align: center;
  }
  .footer-left, .footer-right{ text-align: center;;}
  .footer-right p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 22px;
  }

  .footer-right form { text-align: left;}
  .fllow-us {
    padding-top: 40px !important;
  }
  .fllow-us ul {
    justify-content: center !important;
  }
  .footer-right{ padding-top: 50px;}
  .footer-left {
    padding-top:220px;
  }
  .start-move p {
    font-size: 16px;
    max-width: 75%;
  }
p.setup-1{ min-height: 60px;}
p.content-1{ min-height:100px;}
p.design-1{ min-height: 100px;}

  footer {background-position: 21% 0%;}
  .footer-left {
    margin-top: 0;
  }
  footer .rt-right {
    width: 100%;
    top: 0;
    z-index: 1;
    min-height: 55%;
  }

  footer .rt-right {
    background-position: center;
  }

  .footer-right {
    z-index: 2;
    order: -1 !important;
  }

  .container-talking {
    max-width: 700px;
    margin: 0 auto;
  }

  .clickM-menu {
    z-index: 9999;
    position: relative;
    right: 0;
  }

  .clickM-menu.clickMenu-color-chg{ 
    position: fixed;
    right:30px;
  }

  .footer-left p { font-size: 16px;}
  .fllow-us p.small{ font-size:14px;}
  .move-banner-text.pl-85 {
    padding-left: 40px;
  }

  /* ========= Price section ============ */

  .desk-show {
    display: none;
  }
  .d-none.tab-show {
    display: block !important;
  }
  .price-left-card {
    margin-left: 0;
  }
  .price-left-card h2 {
    font-size: 200px;
    line-height: 190px;
  }
  .no-setup {
    font-size: 18px;
    left: 51px;
    bottom: -51px;
  }
  .price-box p {
    padding: 20px 0 50px 0;
    max-width: 82%;
    margin: unset;
  }
  .price_rate {
    padding: 70px 40px;
  }
  .price_rate h4 {
    font-size: 26px;
  }
  .price_rate h5 {
    font-size: 16px;
  }
  
.email-markating::before {
	right: 16px;
	background-position: top right;
	left: auto;
    top: 80px;
	}  
	
.news_email::before {
	top: -200px;
	background-position: -77px 0;
	}	
	
	
  
  
  /* ========= END Price section ============ */

}

@media (max-width:576.98px){

.examples-website-slide .slick-arrow.slick-prev {left:20%;}
.examples-website-slide .slick-arrow.slick-next {  right: 20%;}
.header-banner-wrapper{background-size: 318%; background-position: -490px 101%;}
.sounds-too-section {
    background-size: 395%;
    background-position: 47% 57%;
    background-attachment: fixed;
}
.otherHosting h2 br{display:block;}
.header-topBar .container  {  padding-top:12px !important;  padding-bottom: 16px !important;}
.header-banner-wrapper {  min-height: 750px;}
.online-sm-mobile{display:none;}

.container, .container-sm {
  max-width: 562px;
}
.zeroBox{padding-bottom:0px !important;}
.sounds-too-section .viewBtn {
  margin-bottom: 35px;
  margin-top: 36px !important;
}

/*
.examples-website-section .slick-list {
  margin: 0 -190px;
}
*/

.container-talking {
  max-width: 305px;
  margin: 0 auto;
}

.main-header h4 {
  padding-bottom: 15px;
}
.tab-sec.start-move,
.based-galway p::before, .based-galway p::after { display: none;}
.start-move-smallview{ display:block;}

.header-banner-wrapper {background-position:center; background-size:auto;}
.footer-right h2{ font-size: 45px;}
footer textarea#message {
  min-height: 134px;
  margin-bottom: 50px;
}

.clickM-menu.clickMenu-color-chg{ 
  position: fixed;
  right:10px;
}

.main-header h1 { padding-left:10px;}
.main-header h4 {
  padding-left: 10px;
}

.header-banner-wrapper .list-group {
  padding-left: 10px;
}
.badge img{ max-width: 80%;}
.main-header .move-banner-text h1 {
  padding-left: 0;
}

.main-header .move-banner-text h4 {
  padding-left: 0;
}

.header-banner-wrapper .bannerRht-inner ul.list-group{
  padding-left: 20px;
}
.header-banner-wrapper .btn{
  margin: 40px 0 50px 30px !important;
}

.header-banner-wrapper .move-banner-text .btn{
    margin: 40px 0 50px 20px !important;
}


.start-move-smallview .btn.lineBtn, .start-move-smallview .btn.help-today { margin: 0 auto; display: block;
  margin-bottom: 50px;}

  .footer .sendBtn { margin-bottom: 50px;}
  .footer-left h2{
    padding-top: 30px;
  }

  /* ========= Price section ============ */
  .no-setup {
    max-width: 65%;
  }
  .price-box p {
    padding: 70px 0 50px;
  }
  .badge img {
    max-width: 80%;
  }
  /* ========= END Price section ============ */


}

@media (max-width:575.98px){
.header-topBar .navbar-light .navbar-toggler {
  position: relative;
  right:10px;

}

.clickM-menu.clickMenu-color-chg{ 
  position: fixed !important;
  right:10px;
}

.menuText{display:none;}
.people-talking-slide .col-sm-8{width:100%;}
.people-talking-slide .col-2{display:none;}
.examples-website-section {
  /* padding-bottom: 150px !important; */
  padding-top: 24px !important;
}
.people-talking-box p{padding:0 0 !important;}
.bannerRht-inner .btn{margin-bottom:40px !important;}
.zero-fuss-section p {  margin-bottom:28% !important;}
.zero-fuss-section.web-hosting-section p {  margin-bottom:2% !important;}
.master-zeroBox{
  /* margin-top: -42%; */
}

.bannerRht-inner .btn {font-size: 14px !important; padding: 12px 23px 12px;}
.sounds-too-section .viewBtn{font-size: 14px !important; padding:22px 35px 18px;}
.feMob{display:none;}

.navbar-toggler-icon .fa-xmark{margin:0px 6px 0 0;}
.over20-years-section {
  padding-bottom: 0;
}

footer .rt-right {
  min-height: 52%;
}
footer .sendBtn{
  display: table;
  margin: 0 auto;
}

.footer-left{ text-align: center;}
.fllow-us ul { 
  justify-content: center; 
  margin: 0 auto;
}

.footer-right p { 
  text-align: center; 
  max-width: 300px;
  margin: 0 auto;
  font-size: 15px;
line-height: 22px;
}

.footer-right form {
  padding-top: 50px;
}

footer {
  background-position: 18% 1%;
}

.container-talking h2 { font-size: 26px;}
.people-taking .btn.load-more{ margin-bottom: 50px;}
.footer-left p {
  color: #fff;
  font-size: 15px;
  line-height: 22px;
  font-family: 'Open Sans', sans-serif;
  max-width: 290px;
  margin: 0 auto;
  padding-bottom: 20px;
}


}

@media screen and (min-device-width:415px) and (max-device-width:549.98px) {
  .examples-website-slide .slick-arrow.slick-prev {
  left: 16%;
}
.examples-website-slide .slick-arrow.slick-next {
  right: 16%;
}
}

@media (max-width:414.98px){
  .bannerRht-inner .btn.getStr-btn {
    margin-right: 0px !important;
}

.examples-website-slide .slick-arrow.slick-next {
    right: 8%;
}
.examples-website-slide .slick-arrow.slick-prev {
    left: 8%;
}

.buss-992{display:none;}
.master-zeroBox {
    /* margin-top: -53%; */
}
.header-banner-wrapper .btn {
  margin: 40px 0 50px 30px !important;
}

.online-sm-mobile {
  display: block;
}


}

@media (max-width:409.98px){
  .logoArea .navbar-brand img {height: 35px;}
  .bannerRht-inner .btn{margin-bottom:60px !important;}
  .main-header .list-group-item{font-size:21px;}
  .main-header h1{font-size:45px; line-height:48px;}
  .bannerRht-inner .btn {
    text-align: left;
    margin-left: 0 !important;
    display: block;
    font-weight: 600;
    text-align: center;
  }
  
  
  
.news_email h2 {
	display:none;
	}  
.sound-sec h2.mob_hed{
	display:block;
	padding-top: 30px;
	}  
 
.news_email{
	display:none;
	} 
 
 
.sound-sec {
    padding: 50px 30px 0;
  } 
 
.email-markating {
    padding: 30px 30px;
 }
  
}

@media (max-width:375.98px){
  
  .menuText{display:none;}
  
  .bannerRht-inner .lMore-btn{display:none;}
  .header-topBar .navbar-toggler{line-height:inherit;}
  .main-header .list-group-item{font-size:18px; line-height:22px; text-align: left;}
  .header-banner-wrapper .list-group{margin-top:0px !important;}
  .bannerRht-inner{text-align:center;}
  .bannerRht-inner .btn.getStr-btn{margin:55px 0 0 !important;}
  .header-banner-wrapper {min-height:720px;}
  .header-banner-wrapper {
    background-position: 52% 41%;
    background-size: auto;
  }
.over20-years-box h4{font-size:21px; line-height:25px;}
.otherHosting h2, .zero-fuss-section h2, h2 {font-size:27px; line-height:32px;}
.otherHosting h2 {
    margin-bottom: 29px;
    margin-top: 20px;
}
.zero-fuss-section {  padding-top:40px !important;}
.zeroBox h3 {font-size: 24px;}
.zeroBox { 
  max-width: 350px;
  margin: 0 auto; 
  padding-bottom: 0px !important;
}

.zero-fuss-section .container p{margin-bottom:120px;}
.zeroBox-top { 
  /* background-size:301%; 
  padding:20px 0 0;  */
}
.zeroBox-top .nm {
  /*height:146px;*/
}
.viewBtn{margin:60px 0 43px !important;}
h4{font-size:25px;}
.onlineBusiness-box {    width: 230px;    height: 230px;}
.online-img-icon{width:106px; height:106px;}
.optimised-box .online-img-icon{right:-24%;}
.examples-website-slide .slick-arrow.slick-prev{left:5%;}
.examples-website-slide .slick-arrow.slick-next{right:5%;}
.web-hosting-section{padding-top:10px !important;}
.read-lessMore-btn{background:#81f6d5; padding:0; color:#512dca; font-size:16px; }
.read-lessMore-btn span{font-size:22px; line-height:0px;}
.main-footer h2{font-size:45px;}
.main-footer .container{margin-top: 22px !important;}margin-top: 24px !important;
.main-footer .row{    margin-top: 24px !important;}
.moretext{display:none;}
.readMore-btn{display:block !important;}
.sounds-too-section {
    background-size: 760%;
    background-position: 40% 57%;
   
}
.master-zeroBox{
  /* margin-top: -65%; */
}
.read-lessMore-btn{display:block !important;}
.rlBtn .lessMore-btn{display:none !important;}
.lesAdd-btn .readMore-btn{display:none !important;}
.lesAdd-btn .lessMore-btn{display:block !important;} 

.buss3-sm-mobile{display:block;}
.sounds-too-section .viewBtn {
  margin-bottom: 30px !important;
  margin-top: 45px !important;
}
.zero-fuss-section p {
    margin-bottom:5% !important;
}
.master-zeroBox {
  /* margin-top:-60%; */
}

.start-move-smallview .accordion-item.accordion-item_2 .accordion-body p, .start-move-smallview .accordion-body p {
  font-size: 16px;}

}

@media (max-width:366.98px){
  .btn{font-size:14px !important;}
}

@media (max-width:345px){
  .main-header .list-group-item{text-align:left;}
  .bannerRht-inner .btn.getStr-btn {margin: 55px 0 40px !important;}
  .container{max-width:100%;}
  .online-img-icon {width:90px; height:90px;}
  .optimised-box .online-img-icon {right:-15%;}
  .online-img-icon{left:-15%;}
  .online-img-icon img {height:52px;}
  .examples-website-slide .slick-arrow {width:145px; height:60px;}
  .examples-website-slide .slick-arrow.slick-prev {left:2%;}
  .examples-website-slide .slick-arrow.slick-next {right:2%;}
  .examples-website-slide .slick-arrow{bottom:-120px;}
  .examples-website-section{padding-bottom:98px !important;}
}







