*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}
.hos-lightbox {
    display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99992;
	-webkit-tap-highlight-color: transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
    background: #1e1e1ecf;
}
.innr-hos-lightbox {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.innr-hos-lightbox iframe{
	padding: 0;
	width: 80%;
	height: 80%;
	max-width: calc(100% - 100px);
	max-height: calc(100% - 88px);
	overflow: hidden;
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
	/* background: #fff; */
}
.host-cross {
	color: #fff;
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 20px;
    z-index: 1;
    cursor: pointer;
}
@font-face{
    font-family:"Inter";
    font-weight: 400;
	font-style:normal;
    font-display: swap;
    src:url(../fonts/Inter_28pt-Regular.ttf) format('truetype');
}
@font-face{
    font-family:"Inter-Medium";
	font-style:normal;
    font-display: swap;
    src:url(../fonts/Inter_28pt-Medium.ttf) format('truetype');
}
@font-face{
    font-family:"Inter-SemiBold";
	font-style:normal;
    font-display: swap;
    src:url(../fonts/Inter_28pt-SemiBold.ttf) format('truetype');
}
@font-face{
    font-family:"Inter-Bold";
    font-weight: 600;
	font-style:normal;
    font-display: swap;
    src:url(../fonts/Inter_28pt-Bold.ttf) format('truetype');
}
body, html{
    font-family: Inter;
}
.wid-100{
    width:100%;
    float:left;
}
.container{
    max-width: 1140px;
    margin: auto;
}
.header-top-main{
    padding:12px 50px;
}
.header-bg{
    background-image: url(../images/header-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
    background-position: center center;
}
.send-invoice-sec,
.our-client-sec {
	overflow: hidden;
}
.innr-our-clint {
	display: inline-grid;
	grid-template-columns: 55% 40%;
	justify-content: space-between;
}
.header-first-parent{
    display: flex;
    align-items: center;
}
.header-inffodiv{
    width: 50%;
}
.display-flex{
    display: flex;
    align-items: center;
}
.header-contc-parent{
    display: flex;
    justify-content: end;
    width: 50%;
}
.header-calldiv {
    margin-right: 22px;
}
.header-calldiv, .header-maildiv {
    text-align: right;
}
.header-inffodiv p{
    color: #fff;
    font-size: 14px;
}
.info-para1{
    opacity: 0.7;
    color:#fff;
}
a{
    text-decoration: none;
}
.header-contc-parent a{
    opacity: 0.8;
    color:#fff;
    font-size: 14px;
}
.header-contc-parent i{
    margin-right:7px;
}
.header-main{
    padding:15px 0px;
}
.header-logo{
    width: 22%;
}
.header-menu{
    width: 56%;
}
.header-btn{
    width: 22%;
}
.logo-main{
    max-width: 100%;
    width: 150px;
}
.header-main{
    padding:10px 50px;
    position: absolute;
    top: 42px;
    z-index: 9999;
}
.header-main-parent{
    display: flex;
    align-items: center;
}
.header-menu ul{
    display: flex;
    justify-content: space-around;
}
.header-menu li{
    list-style: none;
    font-size: 18px;
    line-height: 20px;
}
.hover-button.header-signu-btn {
	padding: 12px 22px;
	background-color: #ffea23;
	border-radius: 50px;
	font-size: 20px;
	margin-left: 10px;
	width: 100px;
	height: 40px;
}
.hover-button.header-signu-btn .default-text, .hover-button.header-signu-btn .hover-text {
	left: 0;
}
.hover-button.header-signu-btn span {
    font-size: 20px;color: #181b31;
}
.header-btn{
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: right;
}
.header-menu a{
    color:white;
    font-family: 'Inter-Medium';
    padding: 15px 0;
}
.header-btn i{
    font-size: 18px;
    color:#fff;
}
.banner-main{
    background-color: #1a214f;
}
.header-main .slblk-logo,
.for-remove-header.darkHeader .header-main .slwht-logo {
    display: none;
}
.for-remove-header.darkHeader .header-main .slblk-logo {
    display: inline-block;
}
.signup-banner { 
    background: url('../images/scbg.jpg') no-repeat center/cover;
    padding: 53px 0;
}
.footer-main{
    background-color: #0d1228;
    padding: 100px 0px 40px 0px;
    background: url('../images/demo-hosting-footer-bg.jpg') no-repeat top/cover;
}
.footer-main .container {
    padding-left: 0;
    padding-right: 0;
}
.parent-sub-menu .sub-menu {
	display: none;
	position: absolute;
	top: 35px;
	background: #181b31;
	padding: 15px 0;
	border-radius: 5px;
    left: 0;
    width: 200px;
    box-shadow: 0px 0px 3px #ffffff;
    border: 1px solid #fff;
}
.parent-sub-menu .sub-menu::before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 22px;
	transform: translateX(-50%) rotate(-180deg);
	border-width: 8px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}
.parent-sub-menu .sub-menu li {
	display: block;
	padding: 15px 20px 0;
	border-top: 1px solid #323759;
	margin-top: 15px;
}
.parent-sub-menu .sub-menu li a {
    display: block;
    padding: 0;
}
.parent-sub-menu .sub-menu li:nth-child(1) {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
}
.header-main .parent-sub-menu a,
.darkHeader .header-main .parent-sub-menu .sub-menu a {
    color: #fff;
}
.darkHeader .header-main .parent-sub-menu .sub-menu::before {
	border-color: #181b31 transparent transparent transparent;
}
.header-main .parent-sub-menu,
.header-main .parent-sub-menu a {
    position: relative;
}
.header-main .parent-sub-menu {
    padding-right: 10px;
}
.header-main .parent-sub-menu > a::after {
    content: '\f107';
    font-family: 'Fontawesome';
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    right: -15px;
    position: absolute;
    display: inline-block;
    font-weight: bold;
  font-size: 15px;
}
.darkHeader .header-main .parent-sub-menu > a::after {
    color: #000;
}
.header-main .parent-sub-menu:hover .sub-menu {
    display: inline-block;
}
.footer-main .container ul {
    padding-left: 0;
}
.footer-divs-parent{
    display: flex;
    padding-bottom: 70px;
  border-bottom: solid 1px #80858f3d;
}
.footer-first{
    width: 25%;
    padding: 0px 20px;
}
.footer-links{
    width: 16%;
    padding: 0px 15px;
}
.footer-divs-parent > div:nth-child(4) {
    width: 20%;    
}
.footer-divs-parent > div:nth-child(2) {
    width: 12.5%;
}
.footer-divs-parent > div:nth-child(3) {
    width: 17.5%;
}
.footer-paragraph{
    margin-top: 15px;
  line-height: 30px;
  color: #80858f;
  font-size: 16px;
}
.footer-first1{
    width: 32%;
}
.social-links-footer{
    margin-top:25px;
}
.social-links-footer ul{
    display: flex;
    align-items: center;
}
.social-links-footer li{
    padding-right:20px;
    list-style: none;
}
.social-links-footer i{
    color:#fff;
    font-size: 20px;
}
.social-links-footer .fb-color:hover{
    color:#3b5998;
}
.social-links-footer .drib-color:hover{
    color:#ea4c89;
}
.social-links-footer .twi-color:hover{
    color:#00aced;
}
.social-links-footer .ins-color:hover{
    color:#FE1F49;
}
.footer-links p, .footer-link-head{
    color:#fff;
    font-size: 18px;
    margin-bottom:15px;
}
.footer-links li{
    list-style: none;
    padding-bottom:10px;
}
.footer-links a{
color:#80858f;
font-size: 16px;
}
.invoice-bg1 {
    background-image: url('../images/invheader.webp');
}
.invoice-bg2 {
    background-image: url('../images/schheader.webp');
}
.web-pge.invoice-bg1 {
    background-image: url('../images/webhed.webp');
}
.sle-page.invoice-bg1 {
    background-image: url('../images/schheader3.webp');
}
.foot-supp-text{
    color:#fff !important;
    text-decoration: underline;
}
.txt-deco-none{
    text-decoration: none;
}
.txt-grey{
    color:#80858f;
    font-size: 17px;
}
.marginTop15{
    margin-top:15px;
}
.newsletter-input{
    height: 45px;
    padding-left: 20px;
    background-color: #262a3e;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    padding-right:54px;
}
.foot-input-form{
    position: relative;
    margin-top: 20px;
}
.footer-news-btn{
    position: absolute;
    top: 0;
    right: 0;
    border:none;
    color:#fff;
    height: 45px;
  padding: 0px 20px;
  background-color: #262a3e;
  font-size: 18px;
  cursor: pointer;
}
.newsletter-input:focus-visible{
    outline:none;
}
.footer-last-para{
    text-align: center;
  color: #80858F;
  font-size: 14px;
  line-height: 25px;
  width: 60%;
  margin: auto;
  margin-top: 40px;
}
.banner-parent{
    display:flex;
    padding-top:110px;
    position: relative;
    z-index: 2;
}
.banner-title h1 {
	font-size: 83px;
	color: #fff;
	font-weight: 400;
	line-height: 88px;
	font-family: 'Inter-Bold';
}
.banner-text{
    width: 50%;
    padding-top:50px;
    padding-left:20px;
    padding-bottom:60px;
}
.banner-image{
    width: 50%;
    position: relative;
}
.banner-image img{
    max-width: 100%;
  position: absolute;
  right: -80px;
  top: -7px;
}
.floating-img{
    animation-name: floating-img;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
@keyframes floating-img {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 7px); }
    100%   { transform: translate(0, -0px); }    
}
.banner-price-bottom{
    height:80px;
    background-color:#f7f7f7;
    position: relative;
}
.price-above-div{
    border-radius: 10px;
    display: flex;
   margin-top:-45px;
   position: relative;
  z-index: 3;
}
.banner-price-first{
    background-color: #fff;
    width: 74%;
    padding: 35px 40px;
    border-radius: 10px 0px 0px 10px;
}
.banner-price-second{
    background-color: #ffea23;
    width: 26%;
    border-radius: 0px 10px 10px 0px;
}
.banner-price-second a{ padding:35px 5px;}
.banner-price-relative{
    position: relative;
}
.banner-price-first a{
    color:#152bca;
    text-decoration: underline;
    font-size: 24px;
    font-family: 'Inter-SemiBold';
}
.banner-price-first p{
    font-size: 24px;
    font-family: 'Inter-Medium';
    color: #181b31;
}
.banner-price-second a{
    font-size: 24px;
    color:#181b31;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter-Bold';
}
.banner-price-second i{
    padding-left:5px;
    font-size: 20px;
    font-weight: 400;
}
.hosting-underline{
    position: relative;
}
.underline-svg {
	position: absolute;
	right: 45px;
	top: 12px;
	height: 14px;
	width: 90%;
}
.banner-paragraf{
    margin-top:40px;
}
.banner-paragraf p{
    font-size: 20px;
    color:#fff;
    opacity: 0.5;
    line-height: 35px;
}
.banner-main{
    padding-bottom:60px;
    background: url('../images/demo-hosting-home-bg.jpg') no-repeat center/cover;
    position: relative;
}
#particles-style-01 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.right-arrow{
    max-width: 28px;
   margin-left:5px;
}
.getstarted-btn a{
    font-size: 18px;
}
.button-container {
    position: relative;
    display: inline-block;
  }

  .hover-button {
    position: relative;
    background-color: #000080;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 18px; /* Adjusted font size */
    cursor: pointer;
    overflow: hidden;
    width: 190px; /* Set width */
    height: 60px;  /* Set height */
    border-radius: 50px;;
  }
  
  .hover-button .default-text,
  .hover-button .hover-text {
    position: absolute;
    left: -12px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s ease, opacity 0.4s ease;
    color:#fff;
    font-size: 17px;
  }
  
  /* Initial state */
  .hover-button .default-text {
    top: 0;
    transform: translateY(0);
    opacity: 1;
  }
  
  .hover-button .hover-text {
    top: 100%;
    transform: translateY(0);
    opacity: 0;
  }
  
  /* On hover, animate the text */
  .hover-button:hover .default-text {
    transform: translateY(-100%);
    opacity: 0;
  }
  
  .hover-button:hover .hover-text {
    transform: translateY(-100%);
    opacity: 1;
  }
  .hover-button{
    background-color: #ffea23;
  }
  .right-arrow-started{
    position: absolute;
    right: 39px;
    top: 20px;
    max-width: 22px;
  }
  .pricing-right .right-arrow-started {
	right: 30px;
}
.getstarted-txt{
  display: flex;
    margin-left:20px;
}
  .banner-getstarted{
    margin-top:40px;
  }
  .getstarted-txt .header-price{
    color:#fff;
    font-size: 16px;
    opacity: 1;
    margin-left:5px;
  }
  .getstarted-txt p{
    color:#fff;
    font-size: 16px;
    opacity: 0.5;;
  }
  .button-container a{
    color:#181b31;
    font-size: 17px;
    font-family: 'Inter-Medium';
    display: inline-flex;
  height: 100%;
  align-items: center;
  }
  .second-section-home{
    padding:90px 0px;
    background-color: #fefefe;
    background: url('../images/scbg.jpg') no-repeat center/cover;
  }  
  .second-section-home .home-second-title p,
  .second-section-home .home-second-title h2 {
    color: #fff;
  }
  .second-section-home .home-second-title p {
    margin-bottom: 0;
  }
  .second-section-home .home-second-title h2 {
    margin-bottom: 50px;
  }
  .home-second-title p{
    text-transform: uppercase;
    font-size: 18px;
    color:#152bca;
    text-align: center;
    margin-bottom:10px;
  }
  .home-second-title h2{
    font-size: 58px;
    text-align: center;
    margin-bottom:30px;
    font-family: 'Inter-Bold';
    color: #181b31;
  }
  .accordian-sec-innr .home-second-title h2 {
    text-align: left;
  }
  .services-boxes-home{
    display: flex;
    justify-content: space-between;
  }
  .home-service{
    width:22%;
    background-color: #fff;
    border-radius: 10px;
    padding:45px 43px;
    -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
    -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
    transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  }  
  .home-service:hover {
        -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
        -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
        transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
        -webkit-transform: translate3d(0, -3px, 0);
        transform: translate3d(0, -3px, 0);
    }
    .services-boxes-home .learn-arrow {
        filter: brightness(0) saturate(100%) invert(8%) sepia(100%) saturate(5333%) hue-rotate(235deg) brightness(113%) contrast(92%);
    }
    .banner-price-second .right-arrow {
        filter: brightness(0) saturate(100%) invert(8%) sepia(44%) saturate(802%) hue-rotate(194deg) brightness(94%) contrast(94%);
    }
  .height50{
    height:50px;
  }
  .home-service h3{
    font-size: 18px;
    margin-top:30px;
    margin-bottom:10px;
    font-weight: 400;
    color: #181b31;
    line-height: 30px;
    font-family: 'Inter-Medium';
  }
  .home-service p{
    font-size: 17px;
    color:#80858f;
    line-height:30px;
  }
  .home-service a{
    display: flex;
    font-size: 18px;
    color:#152bca;
    margin-top:20px;
    align-items: center;
  }
  .learn-arrow{
    max-width: 19px;
    margin-left: 5px;
    color:#152bca;
  }
.pricing-sectioninnr {
	display: grid;
	grid-template-columns: 50% 50%;
}
.offer-section-home,
.pricing-section-home,
.plans-section-home,
.about-content {
    padding: 90px 0;
}
.about-content {
    background-color: #f8f9fa;    
}
.about-content .banner-paragraf p {
  font-size: 16px;
  text-align: left;
  line-height: 30px;
  margin-bottom: 15px;
  color: #6e7982;
  text-transform: normal;
  opacity: unset;
  font-family: 'Inter';
  font-weight: 400;
}
.about-content .banner-paragraf {
    margin: 0 260px;
}
.about-content ol {
	padding-left: 45px;
}
.about-content ol li {
    color: #6e7982;
}
.pricing-right {
	padding-left: 100px;
}
.pricing-left img {
    width: 100%;
}
.pricing-right .home-second-title p,
.pricing-right .home-second-title h2 {
    text-align: left;
}
.pricing-right .banner-paragraf p {
	color: #6e7982;
	text-transform: capitalize;
	opacity: unset;
}
.pricing-right .banner-paragraf {
    margin-top: 0;
}
.pricing-list ul {
    padding: 10px 0 20px;
}
.pricing-list ul li {
    color: #181b31;
    list-style-type: none;
    padding: 19px 0;    
    border-bottom: 1px solid #e4e4e4;
    font-size: 18px;
}
.pricing-list ul li::before {
	content: '\f00c';
	font-family: 'Fontawesome';
	background: #f0f4fd;
	margin-right: 10px;
	padding: 12px;
	border-radius: 50px;
    font-size: 12px;
    color: #152bca;
}
.pricing-list ul li:last-child {
    border-bottom: none;
}
.pricing-right .hover-button {
    background: #181b31;
    width: 230px;
}
.pricing-right .hover-button img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(319deg) brightness(105%) contrast(101%);
}
.pricing-right .hover-button a {
	color: #fff;
}
.pricing-section-home {
    background: #fbfbfb;
}
.pricing-steps-content span {
    color: #181b31;
    font-size: 17px;
    padding-bottom: 10px;
    display: inline-block;
    font-family: 'Inter-SemiBold';
    line-height: 25px;
}
.pricing-steps-content p {
    color: #6e7982;
    font-size: 17px;
    line-height: 28px;
}
.pricing-steps-no {
	background-color: #152bca;
	color: #fff;
	padding: 21px 0;
	border-radius: 50px;
	font-size: 17px;
	display: inline-block;
	width: 63px;
	text-align: center;
    margin-right: 25px;
    font-family: 'Inter-Bold';
}
.pricing-steps-innr {
	display: flex;
	align-items: center;
    padding-right: 25px;
}
.pricing-steps {
	display: inline-flex;
	padding: 50px;
	justify-content: space-between;
	border: 1px solid #e4e4e4;
	background: #fff;
	border-radius: 100px;
	margin-top: 70px;
}
.offer-section-home {
    background-color: rgb(25, 30, 61) !important;
    background: url('../images/hosting-home-02.png') no-repeat center/cover;
}
.offer-section-home .home-second-title h2,
.offer-section-home .home-second-title p {
    color: #fff;
}
.offer-section-home .home-second-title p {
	color: #ffea23;
}
.ofr-box-content {
    font-size: 18px;
    color: #fff;
    display: block;
}
.offer-sec-boxs-innr {
	border: 1px solid rgb(255 255 255 / 10%);
	border-radius: 6px;
	padding: 18%;
	text-align: center;
}
.offer-sec-boxs {
	display: grid;
	grid-template-columns: 23% 23% 23% 23%;
	justify-content: space-between;
    grid-row-gap: 35px;
}
.offer-sec-boxs-innr:hover {
    background: #fff;    
}
.offer-sec-boxs-innr:hover .ofr-box-content {
    color: rgb(25, 30, 61);
}
.offer-boxs-links {
	padding-top: 65px;
	text-align: center;
	color: #fff;
}
.offer-boxs-links span {
    font-size: 20px;
}
.offer-boxs-links a {
    color: #fff;
    text-decoration: underline;
}
.offer-boxs-links span:nth-child(1) {
    padding-right: 20px;
}
.offer-boxs-links span:nth-child(1)::before {
    content: '\f003';
    font-family: 'Fontawesome';
    color: #ffea23;
    padding-right: 10px;
}
.offer-boxs-links span:nth-child(2)::before {
    content: '\f27b';
    font-family: 'Fontawesome';
    color: #ffea23;
    padding-right: 10px;
}
.innr-plans-sec {
	display: inline-flex;
    gap:30px;
}
.newplans-sec-box h3 {
    font-family: 'Inter-Bold';
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    color: #181b31;
    padding-bottom: 10px;
}
.newplans-sec-box p,
.newplans-sec-box ul li {
    color: #181b31;
  font-size: 17px;
  line-height: 28px;
  list-style: none;
}
.newplans-sec-box ul li::before {
	content: '\f00c';
	font-family: 'Fontawesome';
	margin-right: 7px;
	font-size: 14px;
	color: #152bca;
	font-weight: 400;
}
.outrr-plans-sec {
    padding: 30px 0 0px;
}
.innr-plans-sec-lf {
	padding: 20px 35px;
    background: #e8e8e8;
    position: relative;
}
.innr-plans-sec-lf::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 94px solid transparent;
    border-left: 40px solid #e8e8e8;
    border-bottom: 100px solid transparent;
    position: absolute;
    right:-40px;
    top:0;
}
.newplans-sec-box P{padding-bottom: 10px;}
.innr-plans-sec-rt {padding: 10px 30px;text-align: center;position:relative;padding-right: 0;}
.innr-plans-sec-rt p {font-family: 'Inter-Bold';font-size: 14px;}
.innr-plans-sec-rt form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.innr-plans-sec-rt form input {
    padding: 10px;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
}
.innr-plans-sec-rt form input[type="submit"] {
    background-color: #181b31;
    color: #ffffff;
    border-radius: 50px;
    cursor: pointer;
    font-family: 'Inter-Bold';
    -webkit-appearance: none;
}
.innr-plans-sec-rt form .google-btn-inner{
    font-size: 14px;
    font-family: "Inter-Bold";
    padding:6px;
    color:#181b31;
}
.innr-plans-sec-rt form .google-btn-inner img{width:20px;}
.innr-plans-sec-rt .gogle-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.innr-plans-sec-rt form .google-btn-inner {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
    border: 1px solid #d1cece;
    border-radius: 50px;
}
.innr-plans-sec-rt form input:focus {outline: 0;}
.innr-plans-sec-rt,.innr-plans-sec-lf {width: 50%;}
.innr-plans-sec-rt .down-arow-icon img {width: 30px;}
.innr-plans-sec-rt .down-arow-icon {position: absolute;top: -21px;z-index: 999;}
.newplans-sec-box {max-width: 60%;margin: 0 auto;float: none;}
.ofr-box-icon img {
	width: 55px;
	padding-bottom: 15px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(319deg) brightness(105%) contrast(101%);
}
.offer-sec-boxs-innr:hover .ofr-box-icon img {
    filter: brightness(0) saturate(100%) invert(10%) sepia(67%) saturate(623%) hue-rotate(193deg) brightness(92%) contrast(96%);
}
.plans-section-home {
    background-color: #fcfcfc;
}
.plans-sec-box-innr .plan-type {
    border: 1px solid #dee2e6;
    padding: 0 20px;
}
.plans-sec-box-innr {
	background: #fff;
	text-align: center;
    border-radius: 6px;
}
.plans-sec-box-innr .plan-type {
	border: 1px solid #dee2e6;
	padding: 7px 20px;
	border-radius: 50px;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 35px;
	display: inline-block;
}
.plans-sec-box-innr .plan-price {
    color: #191e3d;
    font-weight: 600;
    font-size: 65px;
    font-family: 'Inter-SemiBold';
}
.overline-price {
	font-family: 'Inter';
	color: #191e3d;
    font-weight: 400;
    position: relative;
}
.overline-price::before {
    content: '';
    width: 58px;
    height: 2px;
    display: inline-block;
    background-color: #191e3d;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.overline-price.third-box::before {
    width: 70px;
}
.overline-price span {
	font-size: 28px;
}
.overline-price sup {
	font-size: 20px !important;
}
.plans-sec-box-innr .plan-price sup {
    font-size: 30px !important;
}
.plan-sec-box-content {
    padding: 55px 60px 30px;
}
.plan-sec-box-content p {
    color: #6e7982;
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 28px;
}
.plan-sec-box-content p.dis-text {
	margin-bottom: 10px;
	margin-top: 10px;
}
.plan-sec-box-content button {
    background-color: #181b31;
    color: #fff;
    border-radius: 4px;
}
.plan-sec-box-content .hover-button .default-text, .plan-sec-box-content .hover-button .hover-text {
	left: 0;
}
.plan-sec-box-content .hover-button a {
    color: #fff;
}
.plan-sec-box-content .button-container > span {
    font-size: 13px;
    display: block;
    color: #6e7982;
    padding-top: 15px;
    padding-bottom: 15px;
}
.plan-sec-list {
	list-style-type: none;
}
.plan-sec-list li:first-child {
    padding-top: 0;
}
.opacity5 {
    opacity: .5;
}
.plan-sec-list li {
    color: #6e7982;
    padding: 15px 0;
    border-bottom: 1px solid rgb(35 35 35 / 10%);
}
.plan-sec-list li:last-child {
    border-bottom: none;
    padding: 25px 0 35px;
}
.plan-sec-list li:last-child a {
    border-bottom: 1px solid;
    padding-bottom: 5px;
    color: #181b31;
}
.plans-sec-box {
	display: grid;
	grid-template-columns: 31.2% 31.2% 31.2%;
	justify-content: space-between;
    padding-top: 30px;
}
.plans-sec-box-innr {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
}
.yellow-bg {
    background-color: #ffea23 !important;
}
.plan-sec-box-content .hover-button.yellow-bg a {
    color: #000;
}
.plan-dis {
    text-align: center;
    padding-top: 60px;
}
.wid-100.plan-dis > span {
	display: flex;
	justify-content: center;
	align-items: center;
}
.plan-dis span,
.plan-dis span a {
    font-size: 20px;
    color: #181b31;
}
.plan-dis span a {
    text-decoration: underline;
    padding-left: 7px;
}
.plan-dis .lmt-ofr {
	background: #181b31;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	padding: 6px 21px;
	border-radius: 50px;
	margin-right: 15px;
}
.sighup-sec-innr {
    background: url('../images/sighup-bg.jpg') no-repeat right/cover;
    border-radius: 8px;
    padding: 40px 50px;
    display: grid;
    grid-template-columns: 50% auto;
    justify-content: space-between;
}
.sighup-sec-left img {
    max-width: 50px;
}
.sign-icon {
	border: 1px solid #ffffff5c;
	width: fit-content;
	padding: 22px 24px 20px;
	border-radius: 50px;
}
.sighup-sec-left h3 {
	font-size: 34px;
	color: #fff;
	line-height: 40px;
	padding-left: 25px;
	font-family: 'Inter-Medium';
}
.sighup-sec-left, .sighup-sec-right {
	display: flex;
	align-items: center;
}
.sighup-sec-right .hover-button .default-text, .sighup-sec-right .hover-button .hover-text {
	left: 0;
}
.sighup-sec-right .hover-button {
	width: 155px;
	height: 45px;
}
.sighup-sec-right p,
.accordian-sec-innr p {
    color: #fff;
    font-size: 18px;
    padding-right: 20px;
}
.accordian-sec-innr p {
	color: #6e7982;
	font-size: 17px;
	line-height: 28px;
  padding-bottom: 10px;
}
.accordian-sec-innr p a {
	color: #181b31;
	text-decoration: underline;
}
.sighup-sec-right p span {
    font-family: 'Inter-SemiBold';
    text-decoration: underline;    
}
.sighup-sec-right .frst-p {
    opacity: .6;
    font-family: 'Inter' !important;
    text-decoration: none !important;
}
.outr-signup {
    background: #f6f6f6;
}
.accordian-sec {
    padding: 80px 0 0;
}
.accordian-sec-innr h3 {
	position: relative;
	font-size: 18px;
	font-weight: 400;
	line-height: 25px;
	padding: 15px 0px;
    border-top: 1px solid #e4e4e4;
    cursor: pointer;
    font-family: 'Inter-Medium';
    color: #181b31;
}
.accordian-sec-innr h3:first-child {
    border-top: none;
}
.accordian-sec-innr .accordion .acordion-cntnt {
    display: none;
}
.accordian-sec-innr .accordion:first-child {
    display: block !important;
}
.accordian-sec-innr h3::after {
	content: '';
	background: url('../images/down-arrow.png') no-repeat center/contain;
	width: 20px;
	height: 20px;
	display: inline-block;
    position: absolute;
    top: 15px;
    right: 0;
}
.accordian-sec-innr h3.ui-accordion-header-active:after {
    transform: rotate(-180deg); 
}
.accordian-sec-innr h2 {
    color: #181b31;
    font-size: 55px;
  font-weight: 600;
  line-height: 60px;
}
.accordian-sec-innr .home-second-title {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    align-items: start;
}
.accordian-sec-innr span {
    font-size: 30px;
    color: #181b31;
    padding-top: 12px;
}
.accordian-sec-innr span .acc-bold {
    font-family: 'Inter-SemiBold';
}
.accordian-sec-innr {
    padding: 0 8%;
}
.pricing-sectioninnr.testi-sec-innr {
	grid-template-columns: 40% 60%;
}
.testi-sec-innr .home-second-title h2 {
	font-size: 49px;
	margin-bottom: 15px;
	line-height: 55px;
}
.testi-sec {
    background: #fff !important;
}
.logo-sliders {
    padding: 90px 0 60px;
}
.logo-sliders-innr .owl-item img {
    max-width: 50%;
}
.logo-sliders-innr .owl-item .item {
    display: flex;
    justify-content: center;
}
.testi-content .testi-img {
	max-width: 100px;
	border-radius: 50%;
	background: #ccc;
}
.testi-content .testi-img img {
	max-width: 100px;
}
.testi-content .testi-name {
    padding-left: 10px;
}
.testi-content .testi-name .reviewer-name {
    color: #181b31;
    font-size: 20px;
    font-family: 'Inter-Medium';
    line-height: 25px;
    padding-top: 0;
}
.testi-content .testi-name > span {
    padding-top: 10px;
}
.testi-content .testi-name > span,
.testi-content .testi-review p {
    color: #6e7982;
    font-size: 18px;
    line-height: 23px;
    display: block;
}
.testi-content .testi-review p {
    line-height: 30px;
}
.testi-content .testi-rating {
	background: #ffea23;
	width: fit-content;
	padding: 4px 15px;
	border-radius: 50px;
	font-family: 'Inter-Medium';
	font-size: 15px;
}
.testi-content .testi-review {
	padding-top: 20px;
}
.testi-details,
.testi-details-innr {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.testi-sec-innr .pricing-left .owl-one .testi-content {
	padding: 40px;
	box-shadow: 0 0px 19px rgba(0, 0, 0, 0.08);
	background: #fff;
	width: 500px !important;
}
.testi-sec-innr .pricing-left .owl-stage-outer {
    padding: 10px 50px;
}
.testi-sec-innr .pricing-left .owl-nav button span {
	border: 1px solid #ccc !important;
	border-radius: 50%;
	padding: 5px 0 8px !important;
	width: 50px;
	display: block;
	font-size: 29px;
}
.testi-sec-innr .pricing-left .owl-nav button.owl-next span {
    margin-left: 10px;
}
.testi-sec-innr .pricing-left .owl-nav {
	position: absolute;
	left: -460px;
	bottom: 50px;
}
.offer-sec-cotnt {
	text-align: center;
	color: #fff;
	font-family: 'Inter-Bold';
	font-size: 19px;
	line-height: 30px;
	padding: 0 200px;
}
.offer-sec-cotnt p:nth-child(1) {
    padding-bottom: 25px;
}
.offer-sec-cotnt p a {
    color: #ffea23;
}
.header-for-mobile {
    display: none;
}
.lh-35 {
    line-height: 35px;
}
.side-social-links {
    position: fixed;
    top: 50%;
    left: 40px;
    z-index: 1;
    -webkit-transform: rotate(-90deg) translateX(-50%);
    transform: rotate(-90deg) translateX(-50%);
    transform-origin: 0 50%;
    transition: 1s cubic-bezier(0.7, 0, 0.3, 1) !important;
}
.side-social-links ul li {
	display: inline-block;
    padding-right: 25px;
}
.side-social-links ul li:nth-child(4) {
    padding-right: 0;
}
.side-social-links ul li a {
	color: #fff;
	font-size: 15px;
	line-height: 20px;
}
.side-social-links.newClass ul li a {
    color: #181b31;
}
.side-social-links ul li a i {
    padding-right: 10px;
}
.darkHeader .header-main {
    position: fixed;
    top: 0;
    bottom: unset;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.darkHeader .header-btn i,
.darkHeader .header-menu a {
    color: #000;
}
.host-banner h1 {
	font-size: 55px;
	color: #fff;
	line-height: 60px;
	font-family: 'Inter-Bold';
	padding-bottom: 30px;
}
.host-banner p {
    font-size: 20px;
    color: #fff;
    opacity: 0.5;
    line-height: 35px;
}
.host-banner .host-btn .hover-button {
	background-color: transparent;
}
.host-banner .button-container {
	border: 1px solid #fff;
	border-radius: 50px;
    position: relative;
}
.host-banner .button-container:nth-child(2) {
    border: 1px solid #ffea23;
    background-color: #ffea23;
    position: relative;
}
.host-banner .button-container:nth-child(2),
.host-banner .button-container:nth-child(2) .hover-button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.host-banner .button-container:nth-child(1) .hover-button {
    z-index: 2;
}
.host-banner .button-container:nth-child(1) .right-arrow-started {
	right: 21px;
    filter: brightness(0) saturate(100%) invert(97%) sepia(58%) saturate(351%) hue-rotate(222deg) brightness(116%) contrast(100%);
}
.host-banner .button-container:nth-child(1):hover .right-arrow-started {
    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7500%) hue-rotate(333deg) brightness(93%) contrast(110%);
}
.host-banner .button-container:nth-child(1):hover {
    border-color: transparent;
    /* background-color: #ffea23; */
}
.host-banner .button-container:nth-child(1):hover::before {
    opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.top-bottom-padding {
    padding: 90px 0;
}
.innr-host-servc-boxs h4 {
    padding-bottom: 20px;
  margin-bottom: 24px;
  position: relative;
  font-size: 20px;
  font-family: 'Inter-Medium';
  color: #181b31;
  line-height: 25px;
  font-weight: 500;
}
.host-servc-boxs {
	padding: 50px 0 0;
	display: inline-grid;
	grid-template-columns: 31% 31% 31%;
	justify-content: space-between;
}
.innr-send-invoice {
	display: grid;
	grid-template-columns: 40% 55%;
	justify-content: space-between;
}
.host-servc-sec.top-bottom-padding {
	padding-bottom: 50px;
}
.innr-host-servc-sec p,
.innr-host-servc-boxs p,
.send-invoice-left p,
.our-clint-right p {
    font-size: 17px;
  color: #6e7982;
  line-height: 28px;
  text-align: center;
}
.send-invoice-left .button-container,
.our-clint-right .button-container {
	margin-top: 40px;
}
.send-invoice-right {
    position: relative;
}
.term-banner.banner-main {
	padding: 170px 0 90px;
}
.term-content {
    font-family: 'Inter';
    padding: 70px 0;
}
.innr-term-content h2 {
	font-weight: 400;
	font-size: 35px;
	margin-bottom: 20px;
	font-family: 'Inter-Bold';
	color: #181b31;
    line-height: 40px;
}
.innr-term-content h3 {
    font-family: 'Inter-Bold';
    font-weight: 400;
    color: #181b31;
    font-size: 25px;
    line-height: 30px;
    margin-top: 25px;
    margin-bottom: 10px;
}
.innr-term-content ol.list-mark li::marker {
    font-family: 'Inter-Bold';
    font-weight: 400;
    color: #181b31; 
    font-size: 25px;
    line-height: 30px;   
}
.innr-term-content p,
.innr-term-content ul li,
.innr-term-content ol li {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #6e7982;
}
.innr-term-content .font-bold,
.innr-term-content .font-bold ul li,
.innr-term-content .font-bold ol li {
    font-family: 'Inter-Bold' !important;
    font-weight: 600;
}
.innr-term-content ul,
.innr-term-content ol {
    padding-left: 30px;
}
.term-content-block {
	padding-top: 45px;
}
.term-content-block:nth-child(1) {
	padding-top: 0;
}
.term-banner h1 {
	font-size: 50px;
	color: #fff;
	font-family: 'Inter-Medium';
    font-weight: 400;
}
.send-invoice-right img:nth-child(2) {
    position: absolute;
  right: -200px;
  top: 0;
}
.send-invoice-right img:nth-child(1) {
    position: absolute;
    bottom: -70px;
    left: 0;
    z-index: 1;
}
.send-invoice-left p,
.send-invoice-left h2,
.our-clint-right h2,
.our-clint-right p {
    text-align: left;
}
.our-clint-left {
    position: relative;
}
.our-clint-left img {
    position: absolute;
    right: 45px;
    top: 0;
}
.our-clint-right {
	padding: 83px 0;
}
.innr-host-servc-boxs h4::before {
    position: absolute;
  content: '';
  background: #181b31;
  width: 40px;
  height: 2px;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  transition: all 500ms ease;
}
.innr-host-servc-boxs h4::after {
    position: absolute;
  content: '';
  background: #fff;
  width: 4px;
  height: 2px;
  right: 0px;
  left: 50%;
  bottom: 0px;
  margin-left: 12px;
  transform: translateX(-50%);
  transition: all 500ms ease;
}
.innr-host-servc-boxs {
	position: relative;
	display: block;
	background: #fff;
	overflow: hidden;
	border-radius: 15px;
	padding: 63px 30px 56px 30px;
	box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
	text-align: center;
    margin-bottom: 40px;
}
.innr-host-servc-boxs::before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	-webkit-transform: scale(.9) translateY(20px);
	-ms-transform: scale(.9) translateY(20px);
	transform: scale(.9) translateY(20px);
	background-image: -webkit-linear-gradient(0deg, #6017b4 0%, #0c174c 100%);
	transition: all 500ms ease;
}
.innr-host-servc-boxs:hover::before {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0px);
  -ms-transform: scale(1) translateY(0px);
  transform: scale(1) translateY(0px);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
.innr-host-servc-boxs i {
    position: relative;
  display: inline-block;
  font-size: 60px;
  line-height: 60px;
  color: #b7b7b7;
  margin-bottom: 27px;
  transition: all 500ms ease;
}
.innr-host-servc-boxs:hover p {
    position: relative;
}
.innr-host-servc-boxs:hover i,
.innr-host-servc-boxs:hover p,
.innr-host-servc-boxs:hover h4 {
    color: #fff !important;
}
.innr-host-servc-boxs:hover h4::after {
    background-color: #33177c;
}
.innr-host-servc-boxs:hover h4::before {
    background-color: #fff;
}
.host-banner .button-container:nth-child(2)::after {
	content: '\f04b';
	font-family: 'Fontawesome';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -30px;
	background-color: #fff;
	color: #191e3d;
	padding: 16px 0;
	border-radius: 50px;
	width: 62px;
	text-align: center;
	font-size: 25px;
}
.host-banner .button-container:nth-child(1)::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: #ffea23;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(0.2, 1);
	transform: scale(0.2, 1);
	z-index: 1;
    border-radius: 50px;
}
.host-banner .button-container:nth-child(1) .hover-button a {
    color: #fff;
}
.host-banner .button-container:nth-child(1):hover .hover-button a{
    color: #000;
}
.host-banner .host-btn {
	margin-top: 40px;
}
.innr-host-right img {
    animation-name: floating-img;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  position: absolute;
  top: 0;
  right: -200px;
}
.innr-host-right {
    position: relative;
}
.innr-host-banner {
    display: inline-grid;
    grid-template-columns: 50% 50%;
}
.host-banner {
	padding: 150px 0 200px;
    background: url('../images/demo-hosting-home-bg.jpg') no-repeat center/cover;
    overflow: hidden;
}
.darkHeader  .hover-button.header-signu-btn {
    background-color: #181b31;
}
.host-banner .button-container:nth-child(1) {
    margin-right: 25px !important;
}
.darkHeader .hover-button a {
    color: #fff;
}
.footer-links li a:hover {
    color: #fff;
}
.nabout-banner,
.banner-abut {
	background: url('../images/about-tech.webp') no-repeat center/cover;
	/* padding: 225px 0; */
}
.innr-nabout-banner h1 {
	font-size: 52px;
	color: #fff;
	line-height: 57px;
    font-family:"Inter-SemiBold";
    font-weight: 500;
}
.innr-nabout-banner p {
    font-size: 17px;
  line-height: 20px;
  color: #fff;
  padding-bottom: 20px;
} 
.marginauto{
    margin:auto !important;
}
.for-bold{
    font-family: Inter-Bold;
    color: #5f6a73;
}
.droppage_content p{
    margin-bottom: 10px;
}
.droppage_content img{
    margin-bottom: 25px;
}
.how-to-content{
    padding-bottom: 0;
    padding-top: 0;
}
.content100{
    width:100% !important;
}
.droppage_content ul li{
    list-style: unset;
}
.dropcontent_h2{
margin-bottom: 40px;
}
.how-to-content .row{padding-bottom: 70px;padding-top: 80px;}
@media only screen and (max-width: 1280px) {
    .side-social-links {
        display: none !important;
    }
    .header-menu {
        width: 70%;
    }
    .header-logo,
    .header-btn {
        width: 15%;
    }
    .header-menu ul {
        justify-content: space-evenly;
    }
}
@media only screen and (max-width: 1200px) {
    .host-banner,
    .send-invoice-sec, 
    .host-servc-sec,
    .our-clint-sec {
        padding-left: 30px;
        padding-right: 30px;
    }
    .side-social-links {
        display: none;
    }
    .header-inffodiv {
        width: auto;
    }   
    .home-service {
        width: 24%;
    }
    .pricing-right {
        padding-left: 50px;
    }
    .offer-section-home,
    .pricing-section-home,
    .plans-section-home, 
    .second-section-home,
    .banner-price-bottom,
    .accordian-sec-innr  {
        padding-left: 30px;
        padding-right: 30px;
    }
    .header-first-parent {
        justify-content: space-between;
    }
    .header-calldiv {
        padding-right: 10px;
    }
        
    .term-main .container {
        padding: 0 30px;
    }
}
@media only screen and (max-width: 1140px) {    
    .banner-parent {
        padding-top: 80px;
    }  
    .footer-news-btn {
        right: unset;
        left: 188px;
        border-radius: 5px;
    }
    .newsletter-input {
        width: 246px;
    }
    .host-banner h1, .host-banner p, .innr-host-right, .our-clint-left, .host-banner .host-btn, .send-invoice-right {
        text-align: center;
    }
    .host-banner {
        padding-top: 130px;
        padding-bottom: 70px;
    }
    .host-banner .host-btn {
        margin: 30px 0;
    }
    .our-clint-right {
        padding: 0 0 40px;
        grid-row: 1;
    }
    .our-clint-left {
        grid-row: 2;
    }
    .host-servc-sec.top-bottom-padding {
        padding-bottom: 10px;
    }
    .top-bottom-padding {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .send-invoice-right img:nth-child(1),
    .send-invoice-right img:nth-child(2),
    .our-clint-left img,
    .innr-host-right img {
        position: unset;
    }
    .send-invoice-right img:nth-child(1) {
        margin-right: -50px;
        margin-bottom: -40px;
    }
    .send-invoice-left {
        margin-bottom: 40px;
    }
    .innr-host-banner, .innr-send-invoice, .innr-our-clint {
        grid-template-columns: 100%;
    }
    .footer-links,
    .footer-divs-parent > div:nth-child(2),
    .footer-divs-parent > div:nth-child(3),
    .footer-divs-parent > div:nth-child(4) {
        width: 33.3%;
        padding: 35px 0;
    }
    .footer-divs-parent {
        flex-wrap: wrap;
    }
    .footer-first {
        width: 100%;
        padding: 0;
    }
    .footer-first:nth-child(1) {
        padding-bottom: 15px;
    }
    .header-calldiv, .header-maildiv {
        width: auto;
    }
    .banner-price-bottom {
        height: 50px;
    }
    .price-above-div {
        margin-top: -25px;
    }
    .banner-paragraf p {
        font-size: 18px;
        line-height: 33px;
    }
    .banner-price-second .right-arrow {
        max-width: 20px;
        margin-left: 10px;
    }
    .banner-price-first {
        display: flex;
        align-items: center;
    }
    .banner-price-first a,.banner-price-first p,.banner-price-second a, .offer-sec-cotnt, 
    .offer-boxs-links span, .plan-dis span, .plan-dis span a {
        font-size: 18px;
    }
    .banner-price-first {
        padding: 15px 20px;
    }
    .banner-price-second a{padding: 15px 20px;}

    .banner-parent, .sighup-sec, .logo-sliders, .footer-main {
        padding-left: 30px;
        padding-right: 30px;
    }
    .banner-image img {
        max-width: 80%;
        right: 0;
        top: 43px;
    }
} 
@media only screen and (max-width: 1080px) {  
    .header-inffodiv {
        width: 55%;
    }
    .header-contc-parent {
        width: 45%;
    }
}
@media only screen and (max-width: 1024px) {  
    .term-banner h1 {
        font-size: 35px;
    }
    .term-banner.banner-main {
        padding: 140px 0 60px;
    }
    .innr-term-content h2 {
        font-size: 30px;
        margin-bottom: 10px;
        line-height: 35px;
    }
    .term-content {
        padding: 50px 0;
    }
    .send-invoice-right img:nth-child(1) {
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .innr-host-banner .hover-button {
        width: 180px;
    }  
    .innr-host-banner .banner-paragraf {
        margin-top: 0;
    }
    .pricing-steps {
        padding: 0;
        border: unset;
        background: unset;
        border-radius: unset;
    }
    .banner-price-first p {
        text-align: center;
    }
    .banner-text {
        padding-bottom: 0;
    }
    .banner-price-first,
    .banner-price-second,
    .footer-last-para {
        width: 100%;
    }
    .header-menu li {
        font-size: 15px;
    }
    .offer-section-home, .pricing-section-home, .plans-section-home, .second-section-home {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .pricing-steps {
        flex-direction: column;
    }
    .pricing-steps-innr {
        padding-right: 0;
        border: 1px solid #e4e4e4;
        background: #fff;
        padding: 15px;
        border-radius: 100px;
    }
    .pricing-steps-no {
        margin-right: 15px;
    }
    .pricing-steps-content span {
        padding-bottom: 5px;
    }
    .pricing-steps-innr {
        margin-bottom: 20px;
    }
    .pricing-steps-innr:nth-child(3) {
        margin-bottom: 0;
    }
    .plan-sec-box-content {
        padding: 35px 30px 30px;
    }
    .sighup-sec-innr {
        padding: 20px 30px;     
    }
    .sighup-sec-left h3 {
        font-size: 28px;
        line-height: 33px;
        padding-left: 15px;
    }
    .banner-title h1 {
        font-size: 60px;
        line-height: 65px;
    }
    .hover-button {
        width: 150px;
        height: 45px;
    }
    .right-arrow-started {
        right: 16px;
        top: 14px;
        max-width: 19px;
    }
    .price-above-div {
        flex-direction: column;
    }
    .banner-price-first {
        justify-content: center;
    }
    .home-second-title h2 {
        font-size: 45px;
    }
    .innr-term-content h3,
    .innr-term-content ol.list-mark li::marker {
        font-size: 22px;
        line-height: 27px;
    }
    .term-content-block {
        padding-top: 30px;
    }
    .banner-paragraf p,
    .innr-term-content p, .innr-term-content ul li, .innr-term-content ol li {
        font-size: 16px;
        line-height: 28px;
    }
    .banner-price-first a, .footer-paragraph, .accordian-sec-innr p, .footer-links li a, .plan-sec-list li, .pricing-steps-content span, .pricing-steps-content p, .pricing-list ul li, .home-second-title p, .home-service a, .home-service p, .banner-price-first p, .banner-price-second a, .offer-sec-cotnt, .offer-boxs-links span, .plan-dis span, .plan-dis span a {
        font-size: 16px;
    }
    .offer-sec-cotnt {
        line-height: 25px;
        padding: 0 0px;
    }
    .plans-sec-box-innr .plan-type {
        margin-bottom: 5px;
    }
    .plans-sec-box-innr .plan-price sup {
        font-size: 22px !important;
    }
    .plans-sec-box-innr .plan-price {
        font-size: 45px;
        line-height: 50px;
    }
    .offer-boxs-links {
        padding-top: 25px;
    }
    .banner-price-first {
        border-radius: 10px 10px 0px 0;
    }
    .banner-price-second a {
        border-radius: 0px 0px 10px 10px;
    }
    .hover-button a {
        font-size: 15px;
    }
    .pricing-right .hover-button {
        width: 210px;
    }
    .sighup-sec-right .hover-button {
        width: 125px;
        height: 40px;
    }
    .newplans-sec-box{max-width: 65%;}
    .hover-button.cust-home-banner-btn {width: 240px !important;}
}
@media only screen and (max-width: 991px) {
    .outrr-plans-sec {
        padding-top: 150px;
    }
    .outr-signup .outrr-plans-sec {
        padding-top: 100px;
    }
    .innr-term-content h2 {
        font-size: 28px;
        line-height: 33px;
    }
    .term-banner.banner-main {
        padding: 160px 0 60px;
    }
    .signup-banner {
        display: none;
    }
    .outr-signup section {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 150px;
    }
    .mobile-header-menu .parent-sub-menu .sub-menu::before {
        content: unset;
    }
    .mobile-header-menu .parent-sub-menu .sub-menu {
        border: 0;
    }
    .mobile-header-menu .header-menu .parent-sub-menu ul.sub-menu {
        position: unset;
        width: 100%;
        transform: unset;
        background: unset;
        box-shadow: unset;
        padding: 0 0 0 15px;
        display: none;
    }
    .mobile-header-menu .header-menu .parent-sub-menu ul.sub-menu li {
        border-top: 0;
        margin-top: 0;
    }
    .mobile-header-menu .header-menu .parent-sub-menu ul.sub-menu li:first-child {
        padding-top: 15px;
    }
    .mobile-header-menu .header-menu .parent-sub-menu ul.sub-menu li:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }
    .footer-main .container {
        max-width: 100%;
    }
    .hosting-sec .home-second-title h2 {
        text-align: center;
    }
    .send-invoice-left .button-container, .our-clint-right .button-container {
        text-align: center;
        width: 100%;
    }
    .host-servc-boxs {
        grid-template-columns: 49% 49%;
    }
    .logo-main {
        width: 140px;
    }
    .header-for-desktop,
    .mobile-header-menu {
        display: none;
    }
    .header-for-mobile {
        display: inline-block;
    }
    .header-for-mobile .header-main {
        padding: 10px 30px;
    }
    .header-for-mobile .header-main-parent {
        justify-content: space-between;
    }    
    .mobile-header-menu .header-menu {        
        width: 100%;
        height: 100%;
    }
    .mobile-header-menu.darkHeader .header-btn i, .mobile-header-menu.darkHeader .header-menu a {
        color: #000;
    }
    .mobile-header-menu .parent-sub-menu i {
        position: absolute;
        right: 0;
    }
    .mobile-header-menu .header-menu a {
        width: 100%;
        display: inline-block;
        color: #fff !important;
        padding: 0;
    }
    .mobile-header-menu .header-menu ul {
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        position: absolute;
        width: 80%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0;
    }
    .header-for-mobile .header-btn .fa.fa-bars {
        margin-left: 20px;
        font-size: 23px;
        cursor: pointer;
    }
    .mobile-header-menu .fa.fa-times {
        position: absolute;
        color: #fff;
        top: 30px;
        right: 30px;
        z-index: 1;
        font-size: 20px;
        cursor: pointer;
    }
    .header-for-mobile .header-logo,
    .header-for-mobile .header-btn {
        width: unset;
    }
    .mobile-header-menu {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
    }
    .mobile-header-menu .header-menu li {
        font-size: 18px;
        width: 100%;
        padding: 15px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .mobile-header-menu .header-menu {
        background: url(../images/mobile-menu-bg.jpg) no-repeat top/cover;
        position: relative;
        overflow-x: scroll;
    }
    .footer-main {
        background-position: left
    }
    .banner-paragraf p {
        text-align: center;
    }
    .underline-svg {
        left: 50%;
        transform: translateX(-50%);
    }
    .footer-first {
        padding: 30px 0 0;
        width: 100%;
    }
    .footer-links, .footer-divs-parent > div:nth-child(2), .footer-divs-parent > div:nth-child(3), .footer-divs-parent > div:nth-child(4) {
        width: 50%;
        padding: 30px 0px 0;
    }
    .footer-divs-parent {
        display: inline-flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .footer-links {
        width: 50%;
        padding: 30px 0px 0;
    }
    .footer-divs-parent .footer-first:nth-child(1) {
        padding: 0 20px 0 0;
        width: 50%;
    }
    .sighup-sec-left, .sighup-sec-right {
        justify-content: center;
    }
    .sighup-sec-innr {
        grid-template-columns: 100%;
    }
    .plans-sec-box {
        grid-template-columns: 55%;
        justify-content: center;
        padding-top: 0;
    }
    .plans-sec-box-innr:nth-child(1),
    .plans-sec-box-innr:nth-child(2) {
        margin-bottom: 25px;
    }
    .home-service {
        width: 100%;
    }
    .services-boxes-home {
        display: grid;
        justify-content: space-between;
        grid-template-columns: 49% 49%;
    }
    .services-boxes-home .home-service:nth-child(1),
    .services-boxes-home .home-service:nth-child(2) {
        margin-bottom: 23px;
    }
    .banner-main {
        padding-bottom: 480px;
    }
    .banner-parent {
        flex-direction: column;
    }
    .banner-image img {
        max-width: 80%;
        right: -190px;
        top: 0;
    }
    .banner-text {
        width: 100%;
        padding-top: 90px;
        padding-left: 15%;
        padding-bottom: 60px;
        padding-right: 15%;
    }
    .banner-getstarted {
        justify-content: center;
    }
    .pricing-sectioninnr {
        grid-template-columns: 100%;
    }
    .pricing-right {
        padding-left: 0;
    }    
    .pricing-sectioninnr .pricing-left {
        text-align: center;
        padding-bottom: 20px;
    }
    .pricing-left img {
        width: 50%;
    }
    .banner-title h1 {
        font-size: 70px;
        line-height: 75px;
        text-align: center;
    }
    .header-top-main {
        padding: 10px 30px;
    }
    .header-main {
        background: #fff;
    }
    .header-btn i {
        color: #181b31;
    }
    .hover-button.header-signu-btn {
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    }
    .header-main {
        top: 40px;
    }
    /* Sign up Index */
    .account-details-wrapper {flex-direction: column-reverse;gap: 50px;}
    .account-details-wrapper .cust-loginleft, .account-details-wrapper .cust-loginright {padding: 0 !important;}
    .account-details-wrapper .plans-sec-box-innr:nth-child(1), .account-details-wrapper .plans-sec-box-innr:nth-child(2) {margin-bottom: 0;}
    .account-details-wrapper .domain-info{font-size: 16px;}
    /* Signup start form */
    .cust-bxlogins .sign-up-opt-wrap{flex-direction: column;}
    .cust-bxlogins .submit-btn{margin-top: 15px; display:flex;justify-content: center;}
    .cust-bxlogins .submit-btn button{margin-top: 0 !important;}
    /* demo account login page */
    .demo-account-login-main .sign-up-container-wrap {padding: 200px 0 100px !important;}
    /* Thankyou page */
    .thankyou-page.contact-page .contact-common-padding {padding-top: 150px !important;}
    /* New landing page */
    .new-landing-main .content-wrapper{flex-wrap: wrap !important;flex-direction: column !important;display: block !important;}
    .new-landing-main .cust-banner-sec .content-wrapper{flex-direction: column-reverse !important;display: flex !important;gap:0;}
    .new-landing-main .cust-col-left, .new-landing-main .cust-col-right {width:100% !important;}
    .new-landing-main .cust-banner-sec{padding: 140px 30px 30px !important;}
    .new-landing-main .cust-banner-sec .cust-col-right{text-align: center;margin-bottom: 50px;}
    .new-landing-main .cust-text-right-with-bg-img .container {justify-content: flex-start !important;}
    .new-landing-main .cust-text-right-with-bg-img .container, .new-landing-main .cust-text-left-with-bg-img .container{padding:60px 30px !important;}
    .new-landing-main .no-bg-img-section .content-wrapper{flex-direction: column-reverse !important;align-items: flex-start !important;display: flex !important;}
    .new-landing-main .no-bg-img-section{padding-left: 30px !important;}
    .new-landing-main .no-bg-img-section .text-side.text-light {padding-bottom: 0 !important;width: 100% !important;padding-left: 30px;}
    .new-landing-main .no-bg-img-section .cust-regular-txt {max-width: 100% !important;}
    .new-landing-main .no-bg-img-section {padding: 60px 30px 0 0 !important;}
    .new-landing-main .no-bg-img-section::before {top: unset !important;left: 0 !important;width: 100% !important;height: 30% !important;transform: rotate(180deg);bottom: -1px;}
    .new-landing-main .get-started-sec {padding: 60px 30px 60px !important;}
    .new-landing-main .cust-text-img-right-sec {padding: 40px 30px !important;}
     .new-landing-main .no-bg-img-section .content-wrapper{gap:0;}
    .new-landing-main .no-bg-img-section .image-side{margin-top: 50px;}
}
@media only screen and (max-width: 940px) {
    .header-first-parent {
        flex-direction: column;
    }
    .header-contc-parent {
        justify-content: center;
        width: 100%;
    }
    .header-main {
        top: 57px;
    }
}
@media only screen and (max-width:928px)
{
    .newplans-sec-box {max-width: 75%;}
}
@media (max-width: 880px) {
    .header-first-parent > div.header-inffodiv {
    width: 100%;
text-align: center;
}
}
@media only screen and (max-width:816px)
{
    .newplans-sec-box {max-width: 85%;}
}
@media only screen and (max-width: 768px) {    
.cover-background {
    margin-top: 75px !important;
}
    .accordian-sec-innr h3 {
        font-size: 16px;
    }
    .accordian-sec-innr p {
        font-size: 16px;
        line-height: 25px;
    }
    .acordion-cntnt.ui-accordion-content {
        height: auto !important;
    }
    .accordian-sec-innr h3 {
        padding: 15px 18px 15px 0;
    }
    .offer-section-home, .pricing-section-home, .accordian-sec, .plans-section-home, .second-section-home {
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .accordian-sec {
        padding-bottom: 0;
    }
    .banner-image img {
        right: -33%;
    }
    .banner-main {
        padding-bottom: 380px;
    }
    .header-top-main {
        display: none;
    }
    .header-main {
        top: 0;
    }
    .banner-title h1 {
        font-size: 55px;
        line-height: 60px;
    }
    .newplans-sec-box{max-width: 100%;}
    .outr-signup .sign-up-page-title .sign-up-title{font-size: 45px;}
    .outr-signup section{padding-top: 50px;}
    .accordian-sec-innr img.ques-img {width: 35px !important;margin-top: -5px !important;}
    .accordian-sec-innr span.fancy-text-style-4{gap:5px !important;}
    
}
@media only screen and (max-width: 767px) {
    .payment-right-sec {
        margin-top: 10px !important;
    }
    /* Contact page */
    .contact-page .content-wrapper{height: 300px !important;}
    .contact-page .contact-banner.contact-common-padding {padding: 80px 30px !important;padding-bottom: 0 !important;}
    .contact-page .contact-common-padding {padding: 50px 30px !important;}
    .contact-page .get-in-touch-form .form-wrapper {padding: 7% !important;}
    .contact-page .get-in-touch-form  .form-body .col-6 {width: 100% !important;padding: 0 !important;}
    .contact-page .get-in-touch-form .form-body .form-textarea{margin-top: 30px;}
    .contact-page .form-info,.contact-page .get-in-touch-form .submit-btn{text-align: center !important;} 
    .contact-page .get-in-touch-form .contact-sub-title {margin-bottom: 10% !important;}
    /* Acount login page */
    .account-login .cust-loginwrapper{flex-direction: column-reverse;gap:50px;}
    .account-login section {padding-top: 150px;padding-bottom: 50px;}
    .account-login .cust-bxlogins {padding: 150px 0px 50px !important;}
    /* All sign up process */
    .outr-signup .cust-bxlogins {padding: 50px 0px 50px;}
    .outr-signup .page-title-section{padding-bottom: 0;}
    .outr-signup .sign-up-page-title .sign-up-title{padding:90px 0 0;}
    /* How to page */
    .how-to-content .row {padding-bottom: 50px;padding-top: 50px;}
    /* demo account login page */
    .demo-account-login-main .sign-up-container-wrap {flex-direction: column-reverse;gap:50px !important;}
    .demo-account-login-main .sign-up-container-wrap  .img-left,.demo-account-login-main .sign-up-container-wrap .img-left img {width:100% !important;}
    .demo-account-login-main .sign-up-container-wrap .card.extra-card {width: 80% !important;}
    .demo-account-login-main .sign-up-container-wrap .img-left{text-align: center;}
    .demo-account-login-main .sign-up-container-wrap {padding: 150px 0 50px !important;}
    /* Sign up page form apply coupon */
    .cust-apply-coupon{align-items: flex-start;gap: 0 !important;flex-direction: column;}
    .cust-apply-coupon label,.cust-apply-coupon .cust-coupon-cont {width: 100% !important;}
     /* Thankyou page */
    .thankyou-page.contact-page .contact-common-padding {padding-top: 130px !important;}
    /* New landing page */
    .new-landing-main.contact-page .content-wrapper{height: auto !important;} 
    .new-landing-main .cust-banner-sec{padding: 150px 30px 30px !important;}
    .new-landing-main .cust-banner-sec .cust-col-right{margin-bottom: 40px;}
    .new-landing-main .cust-yellow-title {font-size: 35px !important;}
    .new-landing-main .cust-banner-sec .cust-col-left p {font-size: 20px !important;}
    .new-landing-main .cust-blue-title{font-size: 35px !important;}
    .new-landing-main .small-title{font-size: 22px !important;margin: 15px 0 !important;line-height: 1.3;}
    .new-landing-main .cust-regular-txt{font-size: 18px !important;}
    .new-landing-main .cust-text-right-with-bg-img .container, .new-landing-main .cust-text-left-with-bg-img .container{padding:40px 30px !important;}
    .new-landing-main .no-bg-img-section {padding: 40px 30px 0 0 !important;}
    .new-landing-main .no-bg-img-section::before{height: 20% !important;}
    .new-landing-main .no-bg-img-section .features li{font-size: 16px !important;}
    .new-landing-main .no-bg-img-section .features{padding-left: 0 !important;}
    .new-landing-main .sub-heading-wrapper img{display: none;}
    .new-landing-main .no-bg-img-section  .sub-heading-wrapper .subheading {font-size: 22px;margin-left:0 !important;margin-top: 15px;}
    .new-landing-main .get-started-sec .white-title {font-size: 42px !important;}
    .new-landing-main .get-started-sec {padding: 43px 30px 47px !important;}
    .new-landing-main .cust-regular-list li {font-size: 18px !important;}
    .new-landing-main .cust-regular-list {padding-left: 30px !important;}
    .new-landing-main .cust-banner-sec .cust-yellow-title br{display: none;}
    .inventory_management_page .cover-background::before,.reports_page .cover-background::before,.custom_forms_page .custom-forms-bg::before {background: linear-gradient(to right, #000000eb 0%, #ffffff00 100%) !important;}
}
    
@media only screen and (max-width: 667px) {  
    .accordian-sec-innr .home-second-title {
        flex-direction: column;
    }
    .accordian-sec-innr .home-second-title h2 {
        margin-bottom: 0;
    }
    .accordian-sec-innr span {
        font-size: 22px;
        padding-top: 10px;
        padding-bottom: 15px;
    }
    .banner-text {
        padding-top: 50px;
    }
    .innr-host-servc-boxs {
        margin-bottom: 20px;
        padding: 30px;
    }  
    .host-servc-boxs {
        grid-template-columns: 100%;
    }
    .sighup-sec-left h3 {
        font-size: 24px;
        line-height: 29px;
    }
    .sighup-sec-left {
        margin: 0 60px 10px;
    }
    .host-banner .button-container:nth-child(2)::after {
        padding: 8px 0;
        width: 45px;
    }
    .sighup-sec-right p, .accordian-sec-innr h3, .accordian-sec-innr p {
        font-size: 14px;
    }
    .sign-icon {
        padding: 12px 13px 10px;
        border-radius: 50px;
    }
    .accordian-sec-innr h3 {
        padding-bottom: 8px;
    }
    .pricing-left img {
        width: 80%;
    }
    .services-boxes-home {
        grid-template-columns: 100%;
        padding: 0 60px;
    }
    .services-boxes-home .home-service {
        margin-bottom: 20px;
    }
    .services-boxes-home .home-service:nth-child(4) {
        margin-bottom: 0;
    }
    .banner-main {
        padding-bottom: 330px;
    }
    .banner-text {
        padding-left: 0;
        padding-bottom: 30px;
        padding-right: 0;
    }
    .banner-getstarted {
        margin-top: 20px;
    }
    .banner-paragraf p {
        font-size: 16px;
        line-height: 22px;
    }
    .hover-button {
        font-size: 16px;
        width: 130px;
        height: 40px;
    }
    .right-arrow-started {
        right: 15px;
        top: 12px;
        max-width: 19px;
    }
    .hover-button a {
        font-size: 14px;
    }
    .price-above-div {
        box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);
        margin-top: 0;
    }
    .banner-price-bottom {
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }    
    .home-second-title h2 {
        font-size: 35px;
    }
    .underline-svg {
        width: 60%;
    }
    .innr-plans-sec{flex-direction: column;}
    .innr-plans-sec-rt, .innr-plans-sec-lf {width: 100%;}
    .innr-plans-sec-lf{border-radius: 8px;}
    .innr-plans-sec-rt{padding-left: 0;}
    .innr-plans-sec-lf::after{display:none;}
    .home-second-title h2{margin-bottom: 15px;}
}
@media only screen and (max-width: 640px) {    
    .footer-main {
        padding-top: 50px;
    }
    .footer-divs-parent {
        padding-bottom: 50px;
    }
    .sighup-sec-left {
        margin: 0 0px 10px;
    }
    .sighup-sec-left,
    .sighup-sec-right {
        flex-direction: column;
    }
    .plans-sec-box {
        grid-template-columns: 100%;
    }
    .sign-icon {
        margin-bottom: 10px;
    }
    .sighup-sec-right .hover-button {
        margin-top: 15px;
    }
    .sighup-sec-left h3 {
        font-size: 20px;
        line-height: 25px;
        text-align: center;
    }
    .plan-dis {
        padding-top: 30px;
    }
    .plan-dis .lmt-ofr {
        margin-right: 0;
    }
    .plan-dis span a {
        padding-left: 0;
    }
    .wid-100.plan-dis > span {
        display: grid;
        grid-row-gap: 7px;
    }
    .sighup-sec-left h3 {
        padding-left: 0;
    }
    .pricing-steps {
        margin-top: 40px;
    }
    .pricing-steps-innr {
        padding: 10px;
    }
    .sighup-sec-left img {
        max-width: 40px;
    }
    .sighup-sec-right p {
        padding-right: 0;
    }
    .offer-boxs-links span:nth-child(1) {
        padding-right: 0;
        padding-bottom: 10px;
    }
    .offer-boxs-links {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .outrr-plans-sec {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (max-width: 480px) {
    .outrr-plans-sec {
        padding-top: 130px;
    }
    .outr-signup .sign-up-title{font-size:30px !important;}
    .outr-signup .outrr-plans-sec {padding-top: 77px;}
    .banner-paragraf p, .innr-term-content p, .innr-term-content ul li, .innr-term-content ol li {
        font-size: 14px;
        line-height: 22px;
    }
    .term-content {
        padding: 45px 0;
    }
    .term-banner.banner-main {
        padding: 140px 0 60px;
    }
    .term-content-block {
        padding-top: 25px;
    }
    .innr-term-content h3, .innr-term-content ol.list-mark li::marker {
        font-size: 18px;
        line-height: 23px;
    }
    .innr-term-content h2 {
        font-size: 22px;
        line-height: 28px;
    }
    .term-banner h1 {
        font-size: 30px;
        text-align: center;
    }
    .logo-main {
        width: 100px;
    }
    .footer-links, .footer-divs-parent > div:nth-child(2), .footer-divs-parent > div:nth-child(3), .footer-divs-parent > div:nth-child(4) {
        width: 100%;
    }
    .host-banner .button-container:nth-child(1) {
        margin-right: 0 !important;
        margin-bottom: 15px;
    }
    .host-banner .button-container:nth-child(2) .hover-button {
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
    }
    .host-banner .button-container:nth-child(2)::after {
        right: -1px;
        border-radius: 5px;
    }
    .host-banner .host-btn {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .getstarted-txt p,
    .getstarted-txt .header-price {
        font-size: 14px;
    }
    .underline-svg {
	width: 80%;
}
    .getstarted-txt {
        margin-left: 0;
        margin-top: 15px;
    }
    .footer-links p, .footer-link-head {
        font-size: 16px;
    }    
    .footer-last-para {
        font-size: 14px;
        line-height: 20px;
        margin-top: 20px;
    }
    .footer-divs-parent {
        padding-bottom: 27px;
    }
    .footer-main {
        padding-bottom: 20px;
    }
    .footer-links {
        width: 100%;
    }
    .footer-divs-parent .footer-first:nth-child(1) {
        width: 100%;
    }
    .sighup-sec-innr {
        padding: 20px;
    }
    .banner-price-first a, .footer-paragraph, .footer-links li, .plan-sec-box-content p, .banner-paragraf p, .footer-links li a, .plan-sec-list li, .pricing-steps-content span, .pricing-steps-content p, .pricing-list ul li, .home-second-title p, .home-service a, .home-service p, .banner-price-first p, .banner-price-second a, .offer-sec-cotnt, .offer-boxs-links span, .plan-dis span, .plan-dis span a {
        font-size: 14px;
    }
    .pricing-steps-content {
        text-align: center;
    }
    .pricing-steps-innr {
        border-radius: 10px;
    }
    .pricing-steps-innr {
        padding: 20px;
        flex-direction: column;
    }
    .pricing-steps-no {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .banner-title h1 {
        font-size: 45px;
        line-height: 50px;
    }
    .banner-image img {
        max-width: 100%;
    }
    .banner-image img {
        right: -33%;
    }
    .banner-image {
        width: 60%;
    }
    .banner-getstarted {
        flex-direction: column;
    }
    .home-service {
        padding: 20px;
    }
    .home-service h3 {
        margin-top: 10px;
        font-size: 16px;
    }
    .home-second-title h2 {
        font-size: 30px;
    }
    .newplans-sec-box h3{font-size: 18px;line-height: 28px;}
    .newplans-sec-box P,.newplans-sec-box p, .newplans-sec-box ul li {font-size: 14px;}
    .innr-plans-sec-lf{padding: 20px;}
    /* Contact Page */
    .contact-page .content-wrapper .contact-banner-title {font-size: 39px !important;line-height: 44px !important;}
    .contact-page .contact-sub-title{font-size: 41px !important;line-height:41px !important;}
    .contact-page .contact-email .content-container  h6 {font-size: 21px !important;}
    /* sign up index page */
    .account-details-wrapper .cust-cploginbuttons{gap:20px;display: flex;flex-direction: column;}
    .account-details-wrapper .cust-cploginbuttons button{width: 100%;}
    .outr-signup .account-details-wrapper .cust-contactforms button[type='submit']{margin-top: 0;padding-top:10px;padding-bottom:10px;}
    /* demo account login page */
    .demo-account-login-main .sign-up-container-wrap {padding: 110px 0 50px !important;}
    .demo-account-login-main .sign-up-container-wrap .card.extra-card{width: 100% !important;}
    .demo-account-login-main .sign-up-container-wrap .img-left img {max-width: 100% !important;}
    /* New landing page */
    .new-landing-main .cust-banner-sec {padding: 120px 30px 30px !important;}
    .new-landing-main .cust-banner-sec .cust-yellow-title {font-size: 30px !important;} 
    .new-landing-main .cust-yellow-title {font-size: 28px !important;}
    .new-landing-main .cust-banner-sec .cust-col-left p {font-size:16px !important;}
     .new-landing-main .cust-banner-sec .cust-col-right img{width: 100%;}
     .new-landing-main .cust-blue-title{font-size:28px !important;}
    .new-landing-main .small-title{font-size: 18px !important;margin: 15px 0 !important;line-height: 1.3;}
    .new-landing-main .cust-regular-txt{font-size: 16px !important;}
    .new-landing-main .get-started-sec .white-title {font-size: 30px !important;}
    .new-landing-main .cust-banner-sec .cust-col-left li,.new-landing-main .cust-regular-list li {font-size: 16px !important;}
    .new-landing-main .no-bg-img-section .cust-btn-wrapper{flex-direction: column;}
    .new-landing-main .no-bg-img-section .cust-btn-wrapper  a, .new-landing-main .get-started-sec .cust-btn-wrapper a,.new-landing-main .cust-banner-sec .cust-btn-wrapper a {width: 100% !important;}
    .new-landing-main .cust-introductory-special h3{font-size: 25px !important;}
    .new-landing-main .cust-introductory-special p{font-size: 21px !important;}
}
@media only screen and (max-width: 422px) {
    .pricing-list ul li::before {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .pricing-list ul li {
        padding-left: 48px;
        position: relative;
    }
}
@media only screen and (max-width: 415px) {
    .sighup-sec-left h3 {
        font-size: 18px;
        line-height: 23px;
        text-align: center;
    }
    .banner-image {
        width: 70%;
    }
    .banner-image img {
        right: -23%;
    }
    .services-boxes-home {
        padding: 0;
    }
    .home-service a{align-items: flex-start;}
}
@media only screen and (max-width: 400px) {
    .banner-main {
        padding-bottom: 300px;
    }
}
/* Sign up page title */
.sign-up-page-title .sign-up-title 
{       font-size: 58px;
        font-family: "Inter-Bold" !important;
        text-align: center;
        padding: 110px 0 0;
}
.outr-signup .plan-sec-box-content {padding: 45px 25px 0px;}
.outr-signup .plans-sec-box-innr .plan-type{margin-bottom: 20px;}
.outr-signup .plan-sec-box-content p{margin-bottom: 15px;}
.outr-signup .cust-bxlogins .not-ready-to-sign-up{max-width: 1110px;margin: auto;display: flex;justify-content: center;}
.outr-signup .not-ready-to-sign-up .not-ready-top-sign-up-wrap{width:100%;text-align: center;}
.accordian-sec-innr img.ques-img {width: 45px;margin-top: 10px;}
.accordian-sec-innr span.fancy-text-style-4{display: flex;align-items: center;gap: 10px;}

/* Contact page */
.contact-page .contact-banner { background-image: url("../images/ctc.webp");padding: 110px 0;background-position: center;}
.contact-page .contact-common-padding{padding: 110px 30px;}
.contact-page .content-wrapper {height: 400px;display: flex;flex-direction: column;justify-content: center;}
.contact-page .content-wrapper span {font-size: 17px;color: #fff;margin-bottom: 15px;line-height: 20px;}
.contact-page .content-wrapper .contact-banner-title {font-size: 3.25rem;line-height: 3.425rem;color: #fff;font-weight: 600;}
.contact-page .contact-sub-title{font-size: 3.25rem;line-height: 3.425rem;color: #181b31;font-family: "Inter-Bold";}
.contact-page .contact-info .content-wrapper-inner {text-align: center;}
.contact-page .contact-info .content-wrapper-inner h2.contact-sub-title{margin-bottom: 30px;}
.contact-page .content-wrapper-inner p {max-width: 600px;margin: auto;font-size: 16px;color: #6e7982;line-height: 1.5;}
.contact-page .get-in-touch-form .form-wrapper {padding: 84px;background-color: #f7f7f7;border-radius: 8px;}
.contact-page .get-in-touch-form .form-title {text-align: center;}
.contact-page .get-in-touch-form  span.form-small-title {font-size: 16px;margin-bottom: 5px;text-transform: uppercase;color: #152bca;font-weight: 600;display: block;}
.contact-page .get-in-touch-form  .form-body {display: flex;flex-wrap: wrap;}
.contact-page .get-in-touch-form  .form-body .col-6{width: 50%;padding: 0 15px;}
.contact-page .get-in-touch-form .contact-sub-title {margin-bottom: 5%;}
.contact-page .get-in-touch-form .form-input input,.contact-page .get-in-touch-form .form-textarea textarea {resize:none;width: 100%;padding: 12px 25px;border: 1px solid #e4e4e4;font-size: 16px;border-radius: 0.375rem;line-height: 1.9;font-family: inter;}
.contact-page .get-in-touch-form .form-input input:not(:last-child){margin-bottom: 30px;}
.contact-page .get-in-touch-form .form-textarea textarea{height: 100%;}
.contact-page .get-in-touch-form .form-input input:focus,.contact-page .get-in-touch-form .form-textarea textarea{outline: none;}
.contact-page .get-in-touch-form  .form-info.col-6 {margin-top: 30px;}
.contact-page .get-in-touch-form  .form-info.col-6 p {font-size: 13px;line-height: 24px;color: #6e7982;}
.contact-page .get-in-touch-form  .submit-btn {margin-top: 30px;text-align: right;}
.contact-page .get-in-touch-form  .submit-btn .submit {background-color: #181b31;color: #fff;border-radius: 50px;padding: 12px 32px;border: 1px solid #181b31;cursor: pointer;line-height: 1.6;}
.contact-page .get-in-touch-form  .hover-button .default-text,.contact-page .get-in-touch-form  .hover-button .hover-text{left:0;}
.contact-page .get-in-touch-form .hover-button {background-color: #181b31;}
.contact-page .get-in-touch-form .hover-button a{color:#fff;}
.contact-page .contact-email .content-container  h6 {font-size: 28px;text-align: center;color: #181b31;}
.contact-page .contact-email .content-container  h6 a {text-decoration: underline;color: #181b31;font-family: "Inter-bold";}
.contact-page .get-in-touch-form .container{padding: 0 30px;}
/* Hover button */
.getstarted-btn .default-text,.getstarted-btn .hover-text,.sighup-sec .hover-button span{color: #181b31;}
.darkHeader  .hover-button.header-signu-btn span {color:#fff;}
/* signup index */
.cust-bxlogins .plans-sec-box {padding-top:0;grid-template-columns: 100%;gap:50px;}
.cust-loginbox .cust-cploginbuttons{gap:10px;}
.account-details-wrapper .domain-name-wrap,.account-details-wrapper  .price-wrap,.account-details-wrapper  .sbuscription-plan-wrap{margin-bottom:5px;display: block;} 
.account-details-wrapper .domain-info{color: #191e3d;}
.gradient-background {background: linear-gradient(300deg,white,#c4f0f5,#56c1ff,#ca87dd);background-size: 240% 240%;animation: gradient-animation 32s ease infinite;}
@keyframes gradient-animation {

    0% {
  
      background-position: 0% 50%;
  
    }
  
    50% {
  
      background-position: 100% 50%;
  
    }
  
    100% {
  
      background-position: 0% 50%;
  
    }
  
  }

 .cust-bxlogins  .google-btn-inner {display: flex;align-items: center;gap: 5px;justify-content: center;border: 1px solid #d1cece;border-radius: 50px;font-size: 14px;font-family: "Inter-Bold";padding:6px 6px;color: #181b31;}
 .cust-bxlogins  .google-btn-inner img{width: 20px;}
 .cust-bxlogins  .google-btn-inner:hover{text-decoration: none;}
 .cust-bxlogins  .sign-up-opt-wrap{display: flex;align-items: center;gap: 10px;}
 .account-login .cust-loginbox .sign-up-google:hover{text-decoration: none;}
 .account-login .cust-loginbox .sign-up-google-wrap {margin-right: 3px;}
/* How to page form */
.cust-how-to-form .form-input.col-6{max-width: 500px; width: 100%;}
.howto-drpdwm .dropbtn{position: relative;}
.howto-drpdwm .dropbtn .arrow {position: absolute;right: 5px;top: 50%;transform: translateY(-50%);transition: 0.6s ease all;}
.howto-drpdwm .dropbtn.arrow-down .arrow svg {transform: rotate(180deg);top: 54%;}
.howto-drpdwm .dropbtn{padding-right: 40px !important;line-height: normal;}
.cust-how-to-page {background-image: url('../images/how/how-to-banner.webp') !important;}
.droppage_content a{color: #152bca;text-decoration: underline;}
.droppage_content a:hover{text-decoration: underline;}
/* Demo account login page */
.demo-account-login-main  {background: #f1f5f8 !important;}
.demo-account-login-main .content {padding: 1.53846rem;}
.demo-account-login-main .sign-up-container-wrap {padding: 100px 0;display: flex;justify-content: center;gap: 20px;align-items: center;width: 100%;}
.demo-account-login-main .sign-up-container-wrap  .img-left {width: 50%;}
.demo-account-login-main .sign-up-container-wrap .card.extra-card {width: 40%;max-width: unset;margin: 0 !important;}
.demo-account-login-main .sign-up-container-wrap .img-left img {max-width: 90%;}
.demo-account-login-main .card .card-header {
    background: #3c4e62;
    border: 1px solid #d9dfeb;
    border-radius: 4px;
    color: #ffff;
    display: block;
    margin: 0;
    padding:20px;
    position: relative;
    margin-bottom: 10px;
    font-size: 24px;
    text-align: center;
}
.demo-account-login-main .card .card-block {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    border-radius: 0;
    display: block;
    padding: 0.538rem;
    position: relative;
    border: 1px solid #dbe1e8;
}
.demo-account-login-main .card .form-group {margin-bottom: 15px !important;}
.demo-account-login-main .card .form-control {
    padding: 7px 10px;
    font-size: 14px;
    background-color: #fff;
    border: 2px solid #cad2e2;
    border-radius: 0;
    color: currentColor;
    display: block;
    width: 100%;
}
.demo-account-login-main .card  .form-control:focus {
    color: #464a4c;
    background-color: #fff;
    border-color: #5cb3fd;
    outline: 0;
}
.demo-account-login-main .card  .btn.btn-default {
    background: #1D70A7;
    color: #fff;
    width: 100%;
    border-width: 2px;
    border-style: solid;
    border-radius: 0;
    cursor: pointer;
    font-family: "Montserrat";
    font-size: 14px;
    line-height: 1.53846;
    outline: 0;
    padding: 5px 10px;
    border: 1px solid transparent;
}
.demo-account-login-main .extra-card .additional-info {
    background: rgba(0, 0, 0, .1);
    margin: 1.53846rem -1.53846rem -1.53846rem;
    padding: .76923rem 1.53846rem;
    text-align: center;
    width: 100%;
    margin: 0;
}
.demo-account-login-main .extra-card .additional-info .divider {
    border-left: 1px solid rgba(0, 0, 0, .2);
    display: inline-block;
    height: 18px;
    margin: 0 10px;
    vertical-align: bottom;
}
.demo-account-login-main .extra-card .additional-info a{color: #fff;}
.demo-account-login-main .not-ready-to-sign-up {
    max-width: 1110px;
    display: flex;
    justify-content: center;
    margin: auto;
    margin-top: 1.5rem;
}
.demo-account-login-main .card .custom-checkbox{
    font-size: 14px;
    font-weight: 600;
    padding: 0 0 0 2.30769rem;
    position: relative;
    display: inline-flex;
    min-height: 1.53846rem;
    align-items:center;
}
.demo-account-login-main .card .custom-checkbox .custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.demo-account-login-main .custom-checkbox .custom-control-input:checked~.custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.demo-account-login-main .custom-checkbox .custom-control-input:checked~.custom-control-indicator {
    color: #fff;
    background-color: #0275d8;
}
.demo-account-login-main .custom-control-indicator {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    height: 1.53846rem;
    top: 0;
    width: 1.53846rem;
    border-radius: 0;
}
.demo-account-login-main .custom-control-indicator:focus-visible{outline-color: #fff;}
.demo-account-login-main .signup-banner {padding: 74px 0;}
.demo-account-login-main .demo-login-text {margin-bottom: 15px;text-align: center;}
.cust-apply-coupon{display: flex;align-items: baseline;gap: 30px;justify-content: space-between;}
.cust-apply-coupon label{width: 20%;}
.cust-apply-coupon .cust-coupon-cont{width: 80%;gap:15px;}
.cust-apply-coupon .d-flex.flex-div {gap: 15px;}
.cust-apply-coupon .cust-coupon-cont button{padding: 4px 30px;font-size: 14px;}
.cust-apply-coupon .cust-coupon-cont input,.cust-apply-coupon .cust-coupon-cont button{height: 44px;}
.cust-apply-coupon #coupon_message p {margin-top: 5px;}
/* Thankyou Page */
.thankyou-page .content-wrapper-inner{text-align: center;}
.thankyou-page .check-icon {width: 60px;height: 60px;border-radius: 50%;display: inline-block;background-color: #4CAF50;margin-bottom: 30px;position: relative;}
.thankyou-page .check-icon::before {content: '✓';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: white;font-size: 35px;font-weight: bold;}
.thankyou-page .contact-sub-title{margin-bottom: 30px;}
/* New landing page */
.new-landing-main .cust-banner-sec{background-image: url(../images/new-landing-banner-img.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.new-landing-main .cust-banner-sec{padding: 150px 70px 110px;}
.new-landing-main .content-wrapper{flex-wrap:nowrap;gap:50px;height: auto;flex-direction: row;align-items: center;}
.new-landing-main .cust-col-left,.new-landing-main .cust-col-right{width: 48%;}
.new-landing-main .cust-yellow-title{color: #ffea29;font-size: 43px;}
.new-landing-main .cust-banner-sec .cust-col-left p{margin: 20px 0;color: #fff;font-size: 23px;line-height: 1.3;}
.new-landing-main .cust-banner-sec .cust-col-left ul{padding-left: 20px;margin: 20px 0;} 
.new-landing-main .cust-banner-sec .cust-col-left li{color: #fff;font-size: 20px;line-height: 1.3;} 
.new-landing-main .cust-banner-sec .cust-col-left li:not(:last-child){margin-bottom: 10px;}
.new-landing-main .cust-btn-wrapper a {background-color: #ffea29;color: #000;font-weight: bold;padding: 10px 25px;display: block;width: fit-content;text-align: center;}
.new-landing-main .cust-btn-wrapper{margin-bottom: 10px;}
.new-landing-main .cust-banner-sec .cust-btn-wrapper a{width: 50%;}
.new-landing-main .hightlight-txt{color: #ffea29 !important;font-size: 16px !important;}
.new-landing-main .cust-text-img-right-sec {padding: 40px 70px;}
.new-landing-main .cust-text-img-right-sec img{max-width: 626px;width: 100%;}
.new-landing-main .cust-blue-title{font-size: 40px;font-weight: bold;font-family: "Inter-Bold";color: #0e2256;}
.new-landing-main .cust-common-style .container{max-width: 1920px;}
.new-landing-main .small-title {color: #444444;margin: 20px 0;font-size: 25px;max-width: 650px;}
.new-landing-main .cust-regular-txt {font-size: 20px;margin-bottom: 20px;color: #444444;max-width: 750px;line-height: 1.4;}
.new-landing-main .cust-text-img-right-sec .cust-col-right {text-align: center;}
.new-landing-main .cust-bg-img-sec{background-size: cover;background-position: center;background-repeat: no-repeat;}
.new-landing-main .cust-bg-img-sec .container{max-width: 1920px;width: 100%;margin: auto;display: flex;align-items: center;}
.new-landing-main .cust-text-right-with-bg-img .container{justify-content: flex-end;text-align: right;padding: 200px 70px;}
.new-landing-main .cust-text-right-with-bg-img .small-title{max-width: 800px;}
.new-landing-main .cust-text-left-with-bg-img .container{justify-content: flex-start;text-align: left;padding: 150px 70px;}
.new-landing-main .bg-appointment {background-image: url('../images/appointmner-setting.jpg');}
.new-landing-main .bg-payment {background-image: url('../images/invoicing-payments.jpg');}
.new-landing-main .content-box {max-width:1000px;}
.new-landing-main .cust-text-right-with-bg-img .content-box{text-align: left;}
.new-landing-main .cust-text-right-with-bg-img .small-title,.new-landing-main .cust-text-right-with-bg-img .cust-regular-txt{color: #fff;}
.new-landing-main .no-bg-img-section {
  position: relative;
  background-color: #0a0a0a;
  color: #fff;
  overflow: hidden;
  padding: 100px 70px;
  padding-bottom: 0;
  padding-left: 0;
}

.new-landing-main .no-bg-img-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100px;
  width: 30%;
  height: 100%;
  background-color: #fdd835;
  z-index: 0;
}

.new-landing-main .no-bg-img-section .content-wrapper {
  position: relative;
  display: flex;
  align-items:flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  z-index: 1;
}

.new-landing-main .no-bg-img-section .image-side {
  flex: 1;
  min-width: 300px;
  text-align:left;
  z-index: 2;
  line-height: 0;
}

.new-landing-main .no-bg-img-section .image-side img {
  max-width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
.new-landing-main .no-bg-img-section .text-side.text-light {width: 50%;padding-bottom:80px;}
.new-landing-main .no-bg-img-section  .sub-heading-wrapper {
    display: flex;
    align-items: center;
}
.new-landing-main .no-bg-img-section  .sub-heading-wrapper .subheading {
    font-size: 22px;
    margin-left: -10px;
}
.new-landing-main .no-bg-img-section .cust-regular-txt {
    color: #fff;
    margin-top: 15px;
    max-width: 580px;
}
.new-landing-main .no-bg-img-section .features {
    margin-bottom: 30px;
    position: relative;
    padding-left: 20px;
    margin-top: 10px;
}
.new-landing-main .no-bg-img-section .features li:not(:last-child) {margin-bottom: 15px;}
.new-landing-main .no-bg-img-section .features li{
    font-weight: bold;
    font-size: 18px;
    color: #ffea29;
    letter-spacing: 1px;
    list-style: none; 
    position: relative;
     padding-left: 40px;
}
.new-landing-main .no-bg-img-section .features li::before {
  content: '✔';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-color: #00ba00;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.new-landing-main .no-bg-img-section .hightlight-txt{margin-top: 20px;}
.new-landing-main .bg-recurring-billing {background-image: url('../images/recurring-billing.jpg');}
.new-landing-main .bg-custom-forms {background-image: url('../images/custom-forms.jpg');}
.new-landing-main .bg-inventory-management {background-image: url('../images/inventory-management.jpg');}
.new-landing-main .bg-real-time-reports{background-image: url('../images/real-time-reports.jpg');}
.new-landing-main .get-started-sec{background-image: url("../images/get-started-bg.jpg");padding: 100px 70px 50px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.new-landing-main .get-started-sec .content-box{text-align: center;}
.new-landing-main .get-started-sec .cust-btn-wrapper{display: flex;justify-content: center;} 
.new-landing-main .get-started-sec .container{justify-content: center;display: flex;}
.new-landing-main .get-started-sec .white-title {font-size: 50px;color: #fff;font-weight: 500;max-width: 800px;margin: auto;}
.new-landing-main .get-started-sec .cust-yellow-title{font-family: 'Inter-Bold';margin: 10px 0;}
.new-landing-main .get-started-sec .cust-btn-wrapper {padding: 30px 0 10px;}
.new-landing-main .cust-regular-list{padding-left: 40px;margin-bottom: 20px;}
.new-landing-main .cust-regular-list li{font-size: 20px;color: #444444;max-width: 750px;line-height: 1.3;}
.new-landing-main .cust-regular-list li:not(:last-child){margin-bottom: 10px;}
.new-landing-main .cust-text-right-with-bg-img .cust-regular-list li{color: #fff;}
.new-landing-main .no-bg-img-section .cust-regular-list{margin-top: 20px;padding-left: 40px;}
.new-landing-main .no-bg-img-section .cust-regular-list li{color: #fff;}
.new-landing-main .no-bg-img-section .cust-btn-wrapper{display: flex;gap: 20px;}
.new-landing-main .bg-white{background-color: #fff !important;}
.new-landing-main .no-bg-img-section .inner-content-wrapper {max-width: 700px;}
.new-landing-main .no-bg-img-section .cust-btn-wrapper a{width: 48%;}
.new-landing-main .get-started-sec .cust-btn-wrapper a{width: 50%;}
.new-landing-main .cust-banner-sec .cust-col-right{text-align: center;}
.new-landing-main .cust-common-style .content-wrapper{justify-content: space-between;}
.new-landing-main .cust-banner-sec .cust-col-right img{max-width: 100%;}
.new-landing-main .cust-introductory-special{text-align: center;margin-top: 20px;}
.new-landing-main .cust-introductory-special h3{font-size: 28px;color:#fff;margin-bottom: 10px;margin-bottom: 5px;font-family: 'Inter-Bold';font-style: italic;}
.new-landing-main .cust-introductory-special p{font-size: 30px;color: #fff;font-size: 30px;color: #fff;max-width: 550px;margin: auto;font-style: italic;}
/* Custom forms page */
.custom-forms-bg{background-image: url(../images/formhead.webp);}
.custom_forms_page ul li,.inventory_management_page ul li,.reports_page ul li,.cust-invoicing-page ul li,.cust-scheduling-page ul li,.cust-website-page ul li,.cust-point-of-sale-page ul li{list-style: disc;}
/* inventory management page */
.inventory-management-bg{background-image:url(../images/inventhead.webp);}
.inventory_management_page .cover-background::before,.reports_page .cover-background::before,.custom_forms_page .custom-forms-bg::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to right, #000000eb 0%, #ffffff00 75%);
}
/* reports page */
.reports-bg {background-image: url(../images/reporthead.webp);}
/* Contact page form captcha */
.cust-contact-captcha{margin-top: 30px;}
.cust-contact-captcha .g-recaptcha{overflow: auto;}
.cust-contact-captcha .g-recaptcha > div{height: auto !important;}
.hover-button.cust-home-banner-btn {width: 290px;}
/* Media queries */
 @media(max-width:1600px) and (min-width:991px)
 {
    .outr-signup .page-title-section{padding-top: 0;padding-bottom: 0;}
 }
 @media only screen and (max-width:1650px)
 {
    .header-menu {width: 75%;}
    .header-logo {width: 15%;}
    .header-btn{width:10%;}
 }
 @media only screen and (max-width:1500px)
 {
    .new-landing-main .no-bg-img-section .text-side.text-light {padding-bottom: 60px;}
 }
 @media only screen and (max-width:1440px)
 {
    /* New landing page */
    .new-landing-main .cust-text-right-with-bg-img .container,.new-landing-main .cust-text-left-with-bg-img .container {padding: 100px 50px;}
    .new-landing-main .cust-banner-sec {padding: 150px 50px 110px;}
    .new-landing-main .cust-text-img-right-sec {padding: 40px 50px;}
    .new-landing-main .no-bg-img-section{padding: 100px 50px;padding-bottom: 0;padding-left: 0;}
    .new-landing-main .get-started-sec {padding: 100px 50px 50px;}
    
 }
 @media only screen and (max-width:1366px)
 {
    .header-menu li {font-size: 16px;}
 }
 @media only screen and (max-width:1200px)
 {
    .header-menu li {font-size: 14px;}
 }
 .strikethrough {
    text-decoration: line-through;
  }