/* ==============================
   1. Imported styles
   ============================== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@import url(font-awesome.min.css);
@import url(animate.css);
@import url(more-popup.css);
@import url(magnific-popup.css);
@import url(bulma-carousel.min.css); 
@import url(bulma-pricingtable.min.css);
@import url(bulma-pageloader.min.css);
@import url(bulma-switch.min.css);
@import url(bulma-steps.min.css);
@import url(bulma-tooltip.min.css);
@import url(icomoon.css); 


/* ==============================
   common color
   ============================== */

:root {
  --color-primary: #312783;
  --color-secondry: #e6007e;
  --color-light-blue: #a1d9f0;
  --color-yellow: #ffc766;
  --color-green: #0eaa5a;
  --color-pink: #c8256b;
  --white:#ffffff;
  --color-lightgray: #f4f4f4;
  --color-lightblue: #eef5fd;
  --color-lightgreen: #f8fcf3;
  --transition: .6s;
   --anim: .5s ease-out all;	
}
.login-btn{border: 2px solid var(--color-light-blue) !important; background-color: transparent !important; color: #ffffff !important;}
.login-btn:hover{border: 2px solid var(--color-secondry) !important; background-color:var(--color-secondry) !important; }
.navbar-link.is-active, a.navbar-item.is-active, .navbar a.is-active {color: var(--color-primary);}
.navbar-start a {  color: #ffffff ;}
.navbar-start a:hover{color:var(--color-light-blue);}
.primary-btn{background: rgb(230,0,126);
background: linear-gradient(45deg, rgba(230,0,126,1) 0%, rgba(248,82,173,1) 100%); color: #ffffff !important;border: 1px solid #db097c;}
.button.is-outlined:hover, .button.is-outlined:focus,.primary-btn:hover, .primary-btn:focus{background: rgb(146,223,255);
background: linear-gradient(45deg, rgba(146,223,255,1) 0%, rgba(27,127,168,1) 100%); color: #ffffff !important; border: 1px solid #0d84b5 !important;}
.secondry-btn{background: rgb(58,114,185);
background: radial-gradient(circle, rgba(58,114,185,1) 0%, rgba(95,159,240,1) 100%); color: #ffffff !important; border: 1px solid #3a72b9 !important;}
.secondry-btn:hover{background: rgb(93,208,255);
background: radial-gradient(circle, rgba(93,208,255,1) 0%, rgba(4,190,255,1) 100%); color: #ffffff !important;border: 1px solid #01b4ff !important;}
.secondry-btn:focus{background-color: #08b6b6; color: #ffffff !important;border: 1px solid #11739d;}
.primary-text{color:var(--color-primary) !important;}
.secondry-text{color:var(--color-secondry);}
.primary-bg{background-color: var(--color-primary);}
.secondry-bg{background-color:var(--color-secondry);}
 .menu-bg{background-image: linear-gradient( 109.6deg,  rgba(255,255,255,1) 11.2%, rgba(255,255,252,1) 91.1% );}
.drop-down-custom .navbar-item, .drop-down-custom p, .drop-down-custom h3, .navbar-dropdown .navbar-item {color: #222222;}
.drop-down-custom h2{font-size: 17px; margin-bottom: 10px; font-weight: 600;}
.drop-down-custom .navbar-item:hover, .navbar-dropdown .navbar-item:hover{ color: var(--color-primary) !important;text-decoration: underline;}
.label {  font-weight:600;}
.drop-down-custom .navbar-item{padding-left: 0px !important; margin-left: 0px !important; text-transform: none;}
.navbar-dropdown .navbar-item {text-transform: none;font-family: 'Poppins', sans-serif !important;}
.drop-down-custom .navbar-item:hover .icon{background-color:var(--color-secondry) !important; }
.drop-down-custom .navbar-item:hover .icon i{color: #ffffff; font-size: 20px;animation: right-mover 1s infinite alternate;   -webkit-animation: right-mover 1s infinite alternate;}
.drop-down-custom .icon{width: 32px; height: 32px; line-height: 34px !important; display: inline-block;border-radius: 5px; text-align: center; margin-right: 9px !important;position: relative; overflow: hidden;}
.drop-down-custom .icon i{color: #ffffff; font-size: 20px;}
.drop-down-custom .icon-text small{display:inline-block; font-size: 11px; color: #686868;text-transform: uppercase !important;}
.drop-down-custom .icon-text span{line-height: 14px; font-size: 15px;}
.drop-down-custom .icon-text span p{height: 21px;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; padding: 0px; margin: 0px; line-height: normal; text-transform: none; font-size: 14px;}
.menu-title{position: absolute; left: 40px; top: 2px;}
.pageloader{background-color:var(--color-primary) !important; z-index: 1;}
.pageloader:before{ background-image: url('../img/animation-banner.png'); background-repeat: no-repeat; background-size: cover !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; content: ''; opacity: 0.3;}
.pageloader .title{font-weight:500; font-size: 21px; letter-spacing: normal;}
/* ==============================
   common styles
   ============================== */
 body {
 font-family: 'Poppins', sans-serif; font-size: 15px; padding: 0px; margin: 0px; overflow-x: hidden;}
img { max-width: 100%;}
h1,h2,h3,h4,h5,h6 {font-family: 'Poppins', sans-serif; font-weight: 500;}
.button {border-radius: 20px; font-weight: 500; background-color: #fff; }
.preloader {  position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background-color: #ffffff;opacity: 0.9;
    background-position: center center;  background-repeat: no-repeat;  background-image: url(../img/preloader.gif);}
.bg-cover-image { background-repeat: no-repeat; background-size: cover !important;}
.scrollup {width: 37px; height: 37px; position: fixed; bottom: 10px; right: 10px; text-align: center;z-index: 100;  display: none; background-color:var(--color-primary); color: #ffffff; border-radius:5px; font-size: 27px;font-weight: bold; line-height: 37px;}
.scrollup:hover{background-color:var(--color-secondry); color: #ffffff !important;}
ul.check-list{list-style: none; padding-left: 20px;}
ul.check-list li{padding-left:16px;position: relative; font-weight: 400; margin-bottom:10px; font-size: 18px;color:#555555;}
ul.check-list li:before {font-family: 'FontAwesome';content: '\f00c  '; margin:0 5px 0 -15px;color:var(--color-primary); position: absolute; left: 0; top:-3px; font-size: 21px;}
ul.check-list-green{list-style: none; padding-left: 20px; margin-bottom: 30px;}
ul.check-list-green li{padding-left:14px;position: relative; font-weight: 400; margin-bottom:10px; font-size: 18px;}
ul.check-list-green li:before {font-family: 'FontAwesome';content: '\f00c  '; margin:0 5px 0 -15px;color:lightgreen; position: absolute; left: 0; top:-3px; font-size: 21px;}
.videoWrapper {  position: relative;  padding-bottom: 56.25%;  /* 16:9 */  padding-top: 25px;  height: 0;}
.videoWrapper iframe {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;border-radius: 10px;}
.owl-item img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */	height: 87px; max-width: 630px !important; width: 630px !important;}
.owl-item  img:hover {  filter: none;  -webkit-filter: grayscale(0%);}
.cndkbeforeafter-item img{max-width: fit-content !important;}
b{font-weight: 600 !important;}
.image-effect { position: relative;  margin: auto;  overflow: hidden;}
.image-effect img { max-width: 100%; transition: all 0.3s;  display: block;  width: 100%;  height: auto;  transform: scale(1);}
.image-effect:hover img {  transform: scale(1.1);}
.left-side{position: absolute;left: 0px;top: 0px;}
.right-side{position: absolute;right: 0px;top: 0px;}
.shape-circle{content: "";height: 500px;width: 500px;border-radius: 50%;opacity:0.2; }
.blue-circle{border: 80px solid var(--color-light-blue);}
.pink-circle{border: 80px solid var(--color-secondry);}
.yellow-circle{border: 80px solid var(--color-yellow);}
.green-circle{border: 80px solid var(--color-green);}
.section{position: relative;}
/* ==============================
   content fixed
   ============================== */
.header{-webkit-transition: all 0.5s ease; -moz-transition: position 10s; -ms-transition: position 10s;  -o-transition: position 10s;  transition: all 0.5s ease;} @keyframes smoothScroll {0% {		transform: translateY(-40px);}100% {transform: translateY(0px);	}}
.header.fixed{width:100%; position:fixed;top:0;height:64px;  background-color:rgba(30, 17, 139, 0.9);  z-index: 99;animation: smoothScroll 1s forwards;  padding-top: 0px;}
.header.fixed .navbar-menu.is-active { right: 10px; top: 65px;}
.header.fixed .navbar-dropdown  {top:100% !important;}
.header.fixed .navbar-item img { margin-top: -5px;}
.bg-overlay-banner {  position: absolute;  top: 0;  left: 0;   opacity: 0.3;   width: 100%;    height: 100%;}

/* ==============================
   svg animation
   ============================== */

	.st0{fill:none;stroke:#d8d8d8;stroke-miterlimit:10;}
    .arrow-dir svg{height: 100%; position: relative; z-index: -1;}
	.second-arrow svg{height:500px;  width: 100%;}
	.second-arrow{margin-top: -180px !important;margin-bottom: -70px !important;}
    .feature-arrow{left: 400px !important;}
	.first-arrow{ margin-top: -50px !important;margin-bottom: -70px !important;}
	.arrow-dir{width: 920px; position: absolute;left: 0; right: 0; text-align: center; margin: auto; }
	.path { stroke-dasharray: 1000;  stroke-dashoffset: 1000;	 animation-duration: 7s;    animation-fill-mode: forwards;    animation-name: dash; }
	.st3{fill:none;stroke:var(--color-green);stroke-width:3;stroke-miterlimit:10;}
	.inner-left-svg {position: absolute; height: 270px; width: 570px; top: -230px;left:-50px;}
	.inner-right-svg {position: absolute; width: 500px; top: -180px;right:-230px;}



/* ==============================
   styles
   ============================== */
.navbar{background-color: transparent !important;}
.header{padding: 18px 10px 0px 10px; position: absolute; width: 100%; left: 0; right: 0;}
.navbar-item, .navbar-link { font-size: 15.1px;}
.navbar-item img { max-height: 3.4rem; margin-right: 10px; margin-top: -18px;}
.navbar-item{text-transform: uppercase;}
.navbar-item:hover{background-color: transparent !important;}
.navbar-item.has-dropdown.is-active .navbar-link, .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link {
    background-color: transparent!important;}
.navbar-item {font-weight: 500;}
.main-menu .navbar-end{text-transform: uppercase; font-weight: 600;}
.main-menu .navbar-end .is-active{color: var(--color-secondry);}
.navbar-link:not(.is-arrowless)::after {  border-color: #BCBCBC;}
.banner{ padding-top: 100px;}
.banner-content-box{padding-top: 30px; text-align: center;}
.banner-content-box .subtitle{font-size: 45px; color:var(--color-light-blue);font-weight: 600;}
.banner-content-box .title{font-size: 90px; color:#ffffff; }
.banner-content-box p{font-size:23px; color: #ffffff; padding-bottom: 55px;}
.inner-banner .banner-content-box p{padding-bottom: 5px;}
.watch-demo{margin-top: 30px; position: relative; z-index: 2;}
.video-btn { display: inline-block; text-transform: uppercase; font-size: 16px;  margin-left: 10px; color: #ffffff; position: relative; font-weight: 600;}
.video-btn.text-black{color: #2F2F2F}
.video-btn:hover{color:var(--color-light-blue);}
.video-btn i {display: inline-block;height: 55px;width: 55px;text-align: center;line-height: 55px;background: var(--color-primary);	border-radius: 50%;
	position: relative;	margin-right: 20px;	color: #ffffff;}
.video-btn i {background: var(--color-secondry);color: #ffffff;z-index: 1;}
.video-btn i::after {content: "";position: absolute;z-index: 0;	left: 50%;	top: 50%;	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);	display: block;	width: 60px;	height: 60px;	background: var(--color-light-blue) repeat scroll 0 0;
	-webkit-border-radius: 50%;	-moz-border-radius: 50%;	border-radius: 50%;	-webkit-animation: pulse-border 1500ms ease-out infinite;
	animation: pulse-border 1500ms ease-out infinite; }
.video-btn i::before {left: 2px;position: relative;}
.banner-image{ margin-bottom: -50px; padding-bottom: 50px;  margin-top: 100px;   position: relative; }
.banner-image img {border: 3px solid var(--white); box-shadow: 0px 6px 12px 0px #00497628;  border-radius: 10px; position: relative;z-index: 2;}
.shape-circle-banner {position: absolute;right: -120px;top: -120px;content: "";height: 500px;	width: 500px;	border: 80px solid var(--color-yellow);
	border-radius: 50%;	opacity:0.7; z-index: 1;}
.banner-image a{background-color:var(--color-secondry); border-radius: 10px 10px 0px 0px; padding: 16px 21px 21px 21px; color: #ffffff; text-align: center; font-size: 30px; text-transform: uppercase; position: absolute; left: 0; top: -95px; font-weight: 600;}
.banner-image a:hover{background-color:var(--color-green);}
.banner-image a small{display: block; font-size: 14px;}
.color-box h2{ color: #ffffff; font-size: 21px; font-weight: 600; margin-bottom: 10px;}
.color-box p{ color: #ffffff; font-size: 16px;}
.color-box .color1{border-radius: 10px 10px 0px 0px; padding: 25px; background-color: #ffa83e;}
.color-box .color2{border-radius: 0px 0px 0px 0px; padding: 25px; background-color: #e6007e;}
.color-box .color3{border-radius: 0px 0px 10px 10px; padding: 25px; background-color: #312783;}
.section-head{margin-bottom: 14px; position: relative; z-index: 2;}
.section-head .subtitle{font-size: 50px; font-weight: 600; color: #171717; margin: 0px; padding: 0px;}
.section-head .title{font-size: 90px; color:var(--color-primary);margin: 10px 0px; padding: 0px; }
.trail-btn-primary{border-radius: 16px; padding:10px 50px 10px 16px; background-color: var(--color-primary); text-align: center; font-size: 21px; font-weight: 600; position: relative;color: #ffffff; display: inline-block; text-transform: uppercase; margin-top: 14px;}
.trail-btn-primary:hover{background-color: var(--color-green);color: #ffffff;}
.trail-btn-primary small{font-size: 12px; font-weight: 500; display: block;}
.trail-btn-primary i{ width: 70px; height: 70px; background-color: #ffffff; border: 1px solid var(--color-primary);border-radius: 50%; line-height: 90px;
position: absolute; right: -40px; top: 0; transition: all .2s ease-in-out; overflow: hidden;}
.trail-btn-primary:hover i{ transform: scale(1.1);border: 1px solid var(--color-green); }

.trail-btn-secondry{border-radius: 16px; padding:10px 50px 10px 16px; background-color: var(--color-secondry); text-align: center; font-size: 21px; font-weight: 600; position: relative;color: #ffffff; display: inline-block; text-transform: uppercase; margin-top: 14px;}
.trail-btn-secondry:hover{background-color: var(--color-green);color: #ffffff;}
.trail-btn-secondry small{font-size: 12px; font-weight: 500; display: block;}
.trail-btn-secondry i{ width: 70px; height: 70px; background-color: #ffffff; border: 1px solid var(--color-secondry);border-radius: 50%; line-height: 90px;
position: absolute; right: -40px; top: 0; transition: all .2s ease-in-out; overflow: hidden;}
.trail-btn-secondry:hover i{ transform: scale(1.1);border: 1px solid var(--color-green); }

.section-content-width{padding: 3em; width:715px; }
.side-main-pic {overflow: hidden;}
.side-main-pic img{width:924px; max-width: 924px; height: auto;border: 5px solid var(--white); box-shadow: 0px 6px 12px 0px #00497628;  border-radius: 10px; position: relative;z-index: 2;}
.no-x-pad{padding-left: 0px !important; padding-right: 0px !important;}
.head{font-size: 18px; color: var(--color-primary); font-weight: 600; margin-top: 18px;}
.join-business-box{border-radius: 25px; padding: 25px; position: relative; background-color: var(--color-primary); color: #ffffff; font-size: 21px; }
.join-business-box .subtitle{font-size: 40px;  color:#ffffff; margin: 0px 0px 10px 0px; padding: 0px;}
.join-business-box .title{font-size: 70px; color:#ffffff;margin: 0px 0px 10px 0px; padding: 0px; }
.join-business-box .join-pic{position: absolute; right: 0; bottom: 2px;}

.is-outlined{background-color: transparent !important; border: 1px solid #ffffff !important; color: #ffffff !important; border-radius: 30px !important;
margin-bottom: 20px;}
 .pricing-table-agency { padding-top: 0.5rem;  padding-bottom: 2.5rem;   background-color:rgba(255,255,255,0.95);   box-shadow: 0 40px 125px rgb(0 0 0 / 7%); text-align: left; position: relative; overflow: hidden;    min-height: 670px; border-radius: 25px;}
.pricing-table-agency .pricing-header{padding: 10px 30px 10px;}
.pricing-table-agency.domain-price { padding-top: 3rem;  padding-bottom: 1rem; }
.pricing-table-agency .logos{background-color: #ffffff; padding: 5px 0px;}
.pricing-table-agency .subtitle{ font-size: 21px;font-weight: 600; margin: 0px; padding: 0px; color:var(--color-green); }
.pricing-table-agency .title{ font-size: 41px; color:var(--color-primary); font-weight: 600; margin: 0px; padding: 0px; text-align: right;}
.pricing-table-agency .pricing { font-size: 55px; font-weight: 600;   color:var(--color-secondry); margin-bottom: 18px;}
.pricing-table-agency .pricing span.total-paid{font-size: 13px; color:#3A3A3A;display: block; margin-top: -16px; }
.pricing-table-agency .pricing sup {  top: -1.25em; margin-right: 0.2em;font-size: 0.5em;    font-weight: 400;}
.pricing-table-agency .pricing small {  opacity: 0.7;    font-size: 0.31em;    font-weight: 400;}
.pricing-table-agency .pricing .small-print {font-size: 12px; color:#3A3A3A;display: block; margin-top: -16px; }
.pricing-table-agency .pricing-table-body{padding: 10px;}
.pricing-table-agency .pricing-table-body li {  padding: 10px 10px 10px 40px;  border-top: 1px solid #ebeff1;   font-size: 16px; text-align: left; cursor: help;}
.pricing-table-agency .pricing-table-body li i{color:var(--color-green); font-size: 18px;  margin-right: 10px;}
.pricing-table-agency .pricing-table-footer {  padding: 0 1.5rem;}
.pricing-table-agency .pricing-table-featured-label {  padding: 5px 30px; border-radius: 0 0 50em 50em;   position: absolute;    top: 0;
    left: 50%;   background: rgb(253,82,102);background: radial-gradient(circle, rgba(253,82,102,1) 0%, rgba(253,103,51,1) 100%);border: 1px solid #b2070b;  -webkit-transform: translateX(-50%);  transform: translateX(-50%);   font-size: 18px;   line-height: 1.5em;    color: #fff; text-transform: uppercase;z-index: 1; }
.small-class{display: block;   padding: 0px;   margin: 0px;  line-height: normal; margin-bottom: 10px;}
.small-class span{font-weight: 700;}
/*.pricing-table-agency:hover{color: #ffffff;background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(14,174,87,1) 0%, rgba(12,116,117,1) 90% );  }
.pricing-table-agency:hover i,.pricing-table-agency:hover .pricing, .pricing-table-agency:hover .pricing small,.pricing-table-agency:hover .title,.pricing-table-agency:hover .subtitle {color:#ffffff !important; opacity:1; }
.pricing-table-agency:hover li{border-top: 1px solid #1eb873;}*/
.left-bg-pic{position: absolute; left:-40px; top: -70px;}
.right-bg-pic{position: absolute; right:-40px; top: -70px;z-index: -1;}
.pricing-section{padding-top:5em; padding-bottom: 7em;}
.img-gray{width: 100% !important;}
.gray-section h3{margin-bottom: 5px ; font-size: 30px;}
.gray-section h4{font-size:21px; padding-top: 21px;}
.img-box-gray{width: 100% !important;}
.gray-box-bg{background-color: #f2f2f2; }
.gray-box-bg .columns{padding-top: 41px;}
.card-custom{background-color:rgba(255,255,255,0.7) !important;}
.card-custom:hover{background-color: var(--color-yellow)!important; color: #ffffff;}
.card-custom:hover li, .card-custom:hover h2 {color:#ffffff !important;}
.card-custom.primary{background-color:var(--color-primary) !important; color: #ffffff;}
.card-custom.secondry{background-color:var(--color-secondry) !important;color: #ffffff;}
.card-custom.primary li, .card-custom.primary h2, .card-custom.secondry li, .card-custom.secondry h2{color:#ffffff !important;}
ul.two-col{list-style: none; margin: 0px; padding: 0px;}
ul.two-col li{width: 49%; display: inline-block; float: left; font-size: 16px; padding: 0px; margin: 0px;}
ul.two-col:after{content: '';   display: block;    clear: both;}
.green-section{position: relative;}
.green-section .bg-pic{position: absolute; left: 0; bottom: 0; z-index: -1;}
.green-section h2{font-size: 1.5em;}
.green-web-hosting-box{position: relative; background-color:var(--color-lightgreen); border-radius: 10px; padding: 45px 25px 25px 25px; margin-top:23%; text-align: center;}
.green-web-hosting-box .logo-icon{position: absolute; top: -40px; left: 0; right: 0; margin: 0 auto;}
.green-web-hosting-box .green-host-pic{position: absolute; bottom: 10px; right:20px;}
.green-web-hosting-box h2{ font-size: 23px; margin-bottom: 18px;}
.green-web-hosting-box ul{padding: 30px 0px 0px 50px; text-align: left;}
.green-web-hosting-box ul li{font-size: 14px; font-weight: 500;}
.green-web-hosting-box ul.check-list li:before{color: #5ab510;}
.owl-theme .owl-dots .owl-dot.active span{background-color: var(--color-primary);}
.division-ontop { display: block!important;  background-color: #FFFFFF!important; margin-bottom: 20px;}
.growing-section{background-color: var(--color-primary); min-height: 410px;color: #ffffff; position: relative;}
.growing-section .title{font-size:55px; color: #ffffff;}
.footer-custom{  padding-bottom: 50px; position: relative}
.footer-custom::before { content: ""; position: absolute; z-index: 0; top: -145px; width: calc(100% - -25px); height: 240px; background:  #ffffff;  transform: rotate(-3deg);  left: -15px;}
.footer-custom h5{font-size: 23px;}
.footer-custom li{padding-top: 8px;}
.footer-custom a{color:#636363; }
.footer-custom p{padding: 10px 0px;}
.footer-custom a:hover{color:#B3B3B3 !important;}
.footer-line{position: relative; text-align: center; margin: 50px 0px;}
.footer-line img{ margin-bottom: -50px; background-color: #ffffff; border-radius: 3px; padding: 0px 5px;}
.footer-content{text-align: center;}
.footer-nav{text-align: center; padding-top: 30px;}
.footer-nav a{margin: 0px 10px; color: #727272;}
.footer-hand{position: absolute;  bottom: -230px; z-index: 2; right: 300px; }

.live-chat-box{border-radius: 10px; padding:25px;background: rgb(253,82,102);
background: radial-gradient(circle, rgba(253,82,102,1) 0%, rgba(253,103,51,1) 100%); color: #ffffff !important;border: 1px solid #b2070b; position: absolute; left: 0; right: 0; top: -120px;}
.live-chat-box h2{font-size: 30px; font-weight: 300;}
.live-chat-box .button.is-outlined{margin-bottom: 0px !important; text-transform: uppercase;}
.copyright-section{padding:16px 0px 16px 0px; overflow: hidden; font-size:14px; }
.copyright-section p{font-size: 14px;}
.copyright-section p small{font-size: 12px;}
.social-media-icon {text-align: right;}
.social-media-icon a{width: 33px; height: 33px; border-radius: 50%;display: inline-block;  text-align: center; line-height: 34px; font-size: 20px; margin-left: 5px; color: #ffffff;}
.social-media-icon a.linkedin{  background-color: #3d83d9;}
.social-media-icon a.facebook{background-color: #00a9ff;}
.social-media-icon a.twitter{background-color: #395196;}
.social-media-icon a:hover{background-color: var(--color-primary);}
.ball {  position: absolute;  border-radius: 100%;  opacity: 0.7;}
.navbar-item.is-mega { position: static !important;}
.is-mega-menu-title { margin-bottom: 0; padding: .375rem 1rem;}
.container.is-fluid{ display: block;}
.drop-down-custom{padding: 30px;}
.dropdown-content-block{ text-transform: none; font-weight: 300; text-align: center;}
.dropdown-content-block h3{font-size:23px; margin-bottom: 10px;}
.features-table tbody td{ text-align: left;}
.features-table tbody td i{color:var(--color-green); font-size: 20px;}
.features-table thead{background-color:#eaf8fe; border-radius: 10px 10px 0px 0px; font-size: 20px;}
.features-table th{font-weight: 600; }
.features-table tfoot{background-color:var(--color-primary);font-size: 20px;}
.features-table tfoot th{color: #ffffff;}
.inner-banner{padding-top: 100px; padding-bottom:150px; background-color:var(--color-primary); position: relative;}
.inner-banner .subtitle { color: #ffffff; font-size: 55px;}
.inner-banner .subtitle2 {font-size: 45px; color: var(--color-light-blue); font-weight: 600;}
.inner-banner .subtitle span{color: var(--color-light-blue)}
.inner-banner-bottom {position: absolute; bottom: -10px; left: 0px; right: 0;}
.inner-banner-bottom img{width: 100%;}
.animation-up-down{animation: mover 1s infinite alternate; -webkit-animation: mover 1s infinite alternate;}

.inner-heading-section{padding:100px 0px 0px 0px;}
.inner-heading-section .subtitle { color: #4a4a4a;  font-size: 1rem;   font-weight: 400; line-height: normal; width: 70%; margin: 0 auto;}
.inner-pricing-section-gap{ padding-top: 5em !important;}
.service-con{ animation: right-mover 1s infinite alternate;   -webkit-animation: right-mover 1s infinite alternate;}
.animation-left-right{ animation: right-mover 1s infinite alternate;   -webkit-animation: right-mover 1s infinite alternate;}
.more-feautres{text-align: center; padding-top: 50px; padding-bottom: 30px;}
.more-feautres .title{display: inline-block; padding: 10px;color: #111111; font-size: 25px; border-bottom: 1px solid var(--color-primary); font-weight: 600;}
.more-feautres a{display: inline-block; padding: 10px;color: #111111; font-size: 18px; border-bottom: 1px solid var(--color-primary); font-weight: 600;}
 .target { display: none; }
.img-shape-css { display: inline-block; position: relative; }
.img-shape-css img {border-radius: 50%; max-width: 100%;  position: relative;animation: right-mover 1s infinite alternate;   -webkit-animation: right-mover 1s infinite alternate;}
.img-shape-css.red::before { content: ''; width: 88%; height: 88%; background-color: var(--color-primary); border-radius: 50%; position: absolute;  top: 0;  right: -40px;}
.img-shape-css.blue::before { content: ''; width: 88%; height: 88%; background-color: var(--color-secondry); border-radius: 50%; position: absolute;  top: 0;  left: -40px;}
.img-shape-css.yellow::before { content: ''; width: 88%; height: 88%; background-color: var(--color-yellow); border-radius: 50%; position: absolute;  top: 0;  right: -40px;}
.img-shape-css.green::before { content: ''; width: 88%; height: 88%; background-color: var(--color-green); border-radius: 50%; position: absolute;  top: 0;  left: -40px;}
.img-shape-css.pink::before { content: ''; width: 88%; height: 88%; background-color: var(--color-pink); border-radius: 50%; position: absolute;  top: 0;  right: -40px;}
.inner-content-bottom h3{ color: gray;}
.inner-content-bottom p{padding-bottom: 10px;}
.is-center{text-align: center;}
.v-align-b{vertical-align: middle;}
.domain-search-box{width: 590px; margin-bottom: 50px;}
.domain-price-table .plan-price img{width: 140px;}
.domain-price-table .pricing-plan .plan-item { padding: 1em;  font-size: 1.2em;  color: #4B4B4B;}
.domain-price-table .pricing-plan.is-active .plan-item { padding: 1em;  font-size: 1.2em;  color: #ffffff; background-color: var(--color-secondry); font-weight: 600;}
.world-map{position: relative;}
.map-pin { cursor: pointer;  position: absolute;   transform: translateX(-50%);   transition-duration: 0.05s;}
.map-pin img{width: 45px;}
.map-pin::before { content: "";  display: block; position: absolute; width: 30px; height: 10px; border-radius: 50%;  background: transparent;  bottom: 2px;left: 50%;
    transform: translateX(-50%); z-index: -1; box-shadow: 0px 0px 0px 2px grey;  animation-name: radiate;  animation-duration: 2s;  animation-iteration-count: infinite;
    animation-timing-function: linear;will-change: transform;}
.map-pin::after { content: "";  display: block;  position: absolute;  width: 15px;  height: 5px;   border-radius: 50%;   background: gray;   bottom: 4px;    left: 50%;
	transform: translateX(-50%);    z-index: -1;    box-shadow: 0px 0px 2px 2px grey;}
.table-custom .table td.is-success, .table th.is-success {    border-color: #5bd49e !important;}
.table-custom .table td.is-danger, .table th.is-danger {    border-color: #f15876 !important;}
.web-design-banner{position: relative;}
.web-design-banner .main-pic{position: absolute; bottom:-150px;}
.web-design-banner .web-icon{position: absolute;animation: mover 1s infinite alternate; -webkit-animation: mover 1s infinite alternate; z-index: 1;}
.bg-gradient-primary-35p {   background: -webkit-gradient(linear, left top, right top, from(var(--color-lightgray)), color-stop(35%, var(--color-lightgray)), color-stop(35%, transparent));   background: linear-gradient(to left, var(--color-lightgray) 0%, var(--color-lightgray) 35%, transparent 35%);}
.bg-gradient-primary-35p-left {   background: -webkit-gradient(linear, left top, right top, from(var(--color-lightgray)), color-stop(35%, var(--color-lightgray)), color-stop(35%, transparent));   background: linear-gradient(to right, var(--color-lightgray) 0%, var(--color-lightgray) 35%, transparent 35%);}
.align-right{text-align: right;}
#map { height: 400px;width: 100%;}
.terms-condition p, .accordion p{margin-bottom: 10px;}
.accordion { margin: 0 auto;}
.accordion section {  display: block; position: relative;z-index: 1;}
.accordion section header { cursor: pointer;  padding: 18px;  border-bottom: 1px solid lightgray;  transition: background 1s ease-in-out;  margin-bottom: 0.25rem; font-size: 18px; text-transform: uppercase; }
.accordion section header.selected{ border: 0px; padding-bottom: 0px;}
.accordion section header.selected h5{ color:var(--color-primary); font-weight: 500; }
.accordion section header h5{font-weight: 400; font-size: 23px; text-transform: none;}
.accordion section header h5:after { content: "";  font-family: FontAwesome;  display: inline-block;  float: right;}
.accordion section .selected h5:after {  content: "";}
.accordion section .accord-content {  display: none;  width: 100%;  box-sizing: border-box;  padding: 0px 18px 18px 18px;}
.accordion section .accord-content h2{font-weight: 600; margin-bottom: 5px; margin-top: 10px; font-size: 18px;}
.accordion section .accord-content ol{padding-left: 10px;}
.accordion section .accord-content ul{list-style: circle; margin-left: 10px;}
.accordion section .accord-content ol ol{margin-top: 10px; margin-left: 10px;}
.accordion section .accord-content li {  margin-bottom: 7px;}
.pricing-table-view tbody tr{ font-size: 20px;}
.pricing-table-view tbody tr td{ padding-top: 27px; padding-bottom: 20px; font-weight: 500;}
.pricing-table-view tbody tr.is-danger{background-color: #FDF7A7 !important;}
.pricing-table-view tbody tr.is-success{background-color: #FDE1A7 !important;}
.pricing-table-view tbody tr span{ font-size: 36px; top: -10px; position: relative; font-weight: 600;}
.pricing-table-mobile{display: none ;}
.special-offer-enquiry{position: absolute; bottom: 0px; right: 0; width: 340px; border-radius: 20px 20px 0px 0px; background-color: #fd623e; padding: 14px; color: #ffffff;}
.special-offer-enquiry h2{font-size: 23px; text-align: center; padding-bottom: 5px;}
.special-offer-enquiry p{text-align: center; padding-bottom: 10px;}
.special-offer-enquiry:before{content:'';width: 306px; height: 88px; background-image: url("../img/enquiry-arrow.png"); background-repeat: no-repeat; left: -330px; bottom: 50px; position: absolute;}
.input,.textarea,.select select {border-radius: 20px;}
.input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #8b8b8b; opacity: 1; /* Firefox */}
.input:-ms-input-placeholder { /* Internet Explorer 10-11 */  color: #8b8b8b;}
.input::-ms-input-placeholder { /* Microsoft Edge */  color: #8b8b8b;}

.inner-banner-img-secton{position: relative; margin-top: -140px; padding-bottom: 50px;}
.inner-banner-img-secton .pic{width: 75%; height: 500px; overflow: hidden; border-radius: 14px;}
.inner-banner-img-secton .pic img{ width: 100%;  height: 100%; object-fit: cover;}
.inner-banner-img-secton .quote{border-radius: 10px; z-index: 2; position: absolute; width: 41%; overflow: hidden;
right: 0; top: 25%; background-color:rgba(255,255,255,1);  padding: 25px;  box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);}
.inner-banner-img-secton blockquote{font-size: 27px;  padding-left: 70px; position: relative;}
.inner-banner-img-secton blockquote:before { position: absolute;	font-family: FontAwesome;  content: '\f10d';     font-size: 3rem;    left:0;    top:0;animation: mover 1s infinite alternate; -webkit-animation: mover 1s infinite alternate;}
.inner-head{ padding-bottom: 18px;}
.inner-head .subtitle{font-size: 42px; font-weight: 500;}
.inner-head .title{font-size: 70px; color:var(--color-primary); }
.inner-section{position: relative;}
.inner-section .columns{position: relative; z-index: 1;}
p{font-size: 18px;}
.inner-section .pic{position: relative; padding: 50px;}
.inner-section .pic img{ box-shadow: 0 1em 2em -0.125em rgb(10 10 10 / 20%), 0 0 0 1px rgb(10 10 10 / 7%); border-radius: 10px; position: relative; z-index: 1;}
.inner-section .right{position: absolute;  right: -100px; top: -30px;}
.inner-section .left{position: absolute;  left: -100px; top: -30px;}
.inner-section-content{background-color: #ffffff; padding: 14px;}
.inner-section-content p{ padding-bottom: 10px;}
.inner-section-content ul{list-style: none; padding-left: 20px;}
.inner-section-content ul li{padding-left:10px;position: relative; font-weight: 400; margin-bottom:10px; font-size: 18px;}
.inner-section-content ul li:before {font-family: 'FontAwesome';content: '\f00c  '; margin:0 5px 0 -15px;color:var(--color-green); position: absolute; left: 0; top:0; font-size: 18px;}

.testimonial-section {  justify-content: space-between; position: relative;}
.testimonial-box{border-radius: 10px; background-color:rgba(255,255,255,0.9);  padding:55px 40px 40px 40px;  box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); text-align: center; position: relative;}
.testimonial-box:before { position: absolute;	font-family: FontAwesome;  content: '\f10d'; font-size: 1.6rem; left:0;top:10px; right: 0; margin: 0 auto;}
.testimonial-box h3{ padding-top:16px; font-size: 23px;}
.testimonial-box p{font-size: 16px; }
.testimonial-box.is-active,.testimonial-box:hover, .testimonial-box:hover i {background-color:var(--color-secondry);color: #ffffff;}
.testimonial-box.second-box{margin-top: 50px;}
.testimonial-box-content{ padding-left: 100px;}
.testimonial-box-content .title{font-size: 70px; text-transform: none;font-weight: 500;}
.testimonial-box-content .subtitle{text-transform: uppercase; color: var(--color-secondry); font-size: 14px; font-weight: 600;}
.testimonial-box.numbers{ padding: 25px;}
.testimonial-box.numbers:before {display: none;}
.testimonial-box.numbers h3{padding: 0px; margin: 0px; font-size: 50px;}
.testimonial-box.numbers h2{padding: 10px 10px; margin: 0px; font-size: 21px;}
.testimonial-box.career{ padding:0px; overflow: hidden;}
.testimonial-box.career img{height: auto; width: 100%;}
.testimonial-box.career:before {display: none;}
.testimonial-box.career h2{padding: 10px 10px; margin: 0px; font-size: 21px;}

.price-contact-box{ padding: 14px 0px 0px 0px; font-size: 25px; text-align: center; color: #ffffff;}
.price-contact-box input{width: 200px; font-size: 30px; font-weight: 600; height: auto; padding: 5px 10px ; margin: 0px; text-align: center; margin-top: 10px; margin-bottom: 25px;
background-color:var(--color-primary); border: 2px solid var(--color-light-blue); color: #ffffff;}
.price-contact-box label{position: relative;}
.price-contact-box label small{font-size: 12px; background-color: #369741; color: #ffffff; border-radius: 5px; padding: 2px 5px; position: absolute; right: 0; bottom: -10px;}
.product-demo-box { padding-top: 2rem;  padding-bottom: 2.5rem;  background-color: rgba(255,255,255,0.95);   box-shadow: 0 40px 125px rgb(0 0 0 / 7%);    position: relative;     border-radius: 25px;}
.product-demo-box .steps .steps-content{padding: 75px 50px 25px 50px; margin: 0px;}
.product-demo-box .steps-actions {text-align: center; display: block;}
.product-demo-box .steps-actions .button{padding-left: 2em; padding-right: 2em;}
.no-shadow{box-shadow:none;}
.thankyou{width: 100%; border-radius: 30px;}
.bill-box{  margin: 10px 0px; }
.bill-box .level{padding: 0px 0px 20px 0px;}
.bill-box .level-item{padding: 0px !important; margin: 0px !important;}
.bill-box label{font-size: 15px !important; font-weight: 500; position: relative;}
.bill-box label small{font-size: 12px; background-color: #369741; color: #ffffff; border-radius: 5px; padding: 2px 5px; position: absolute; left: 0; bottom: -20px;}
.integrate-logos{text-align: center;}
.integrate-logos .heading{font-size:38px; text-align: center; font-weight: 400; text-transform: none; margin-bottom: 10px; color: #1E1E1E; }
.integrate-logos .heading b{font-weight: 500;}

.calendar-section{position: relative; padding-bottom: 100px;}
.calendar-section .contents{width: 70%; position: relative;}
.calendar-section .contents img{content:'';position: absolute; width: 200px; height: 74px;top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);  transform: translateY(-50%); right: -230px;}
.calendar-section .heading{font-size: 55px; font-weight: 400; text-transform: none; line-height: 55px;}
.calendar-section .card{text-align: center;}
.calendar-section .heading b{font-weight: 500;}
.calendar-section::before { content: ""; position: absolute; left: 0;  bottom: 100px;  background-image: url("../img/pricing_bg.png"); width: 100%;
    height: 1225px; background-repeat: no-repeat; background-size: cover;z-index: -1;}
.inner-banner-bg{background-image: url("../img/animation-banner-inner.png"); }

.popup-image{position: relative; z-index: 1; display: inline-block;}
.popup-image img{position: relative; z-index: 1; display: inline-block;}
.popup-image:hover img{opacity: 0.8;}
.popup-image:hover:after{font-family: "FontAwesome"; content: "\f00e"; top: 50%; -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%); transform: translateY(-50%);position: absolute; text-align: center; left: 0; right: 0; color:var(--color-secondry); font-size: 50px; z-index:2;}
#carousel-templates .slider:before{content: ''; position: absolute; left: -50px; top: 0; bottom: 0; width: 50px;z-index: 10;background: rgb(255,255,255);
background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
#carousel-templates .slider:after{content: ''; position: absolute; right: -50px; top: 0; bottom: 0; width: 50px;z-index: 10;background: rgb(255,255,255);
background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}

[data-tooltip]::before{max-width:320px !important; height: auto !important; display: block !important; white-space: normal !important;}

.marketing-points{padding: 70px 50px 0px 50px; text-align: center; position: relative;}
.marketing-points svg{position: absolute; top: 0; left: 0; right: 0;}
.marketing-box{position: relative;}
.marketing-box i{ height: 150px; width: 150px; border-radius: 50%; background-color: var(--color-primary); color: #ffffff; font-size: 50px; border: 30px solid #f4f6f7; display: inline-block; text-align: center; font-style: normal; font-weight: 500; line-height: 90px; margin-bottom: 20px;}
.marketing-box .title{font-size: 21px; margin-bottom: 10px;} 
.st1{fill:none;stroke:#706F6F;stroke-miterlimit:5;}
.st2{fill:var(--color-primary);}
.path-step { stroke-dasharray: 5;  stroke-dashoffset: 5;	 animation-duration: 5s;    animation-fill-mode: forwards;    animation-name: dash; -webkit-animation-iteration-count: infinite;          animation-iteration-count: infinite; }

[data-tooltip]:not(.is-disabled)::before, [data-tooltip]:not(.is-loading)::before, [data-tooltip]:not([disabled])::before {width: 207px;}


.services_item{ background-color: #f5f5f5; border-radius: 10px; padding: 50px 30px 14px ; height: 313px; position: relative;  text-align: center; vertical-align: middle; font-size: 16px;transition: var(--transition);}
.service_icon {position: relative;display: block; margin-bottom: 16px;}
.services_item:hover .service_icon span {transform: rotateY(360deg) scale(1.2); color: #ffffff;transition: var(--transition);}
.service_icon span {  position: relative;  display: inline-block;  font-size: 65px;   color: var(--color-primary);   transition: all 500ms linear;    transition-delay: 0.1s;}
.services_item:hover{background-color: var(--color-primary); color: #ffffff;}
.services_item:hover .title{color: #ffffff;}
.services_item i{font-size:50px; display: block; margin: 0 auto;}
.services_item .title{font-size: 21px; margin-bottom: 14px; font-weight: 500 !important;}
.services_item .content-item{vertical-align: middle;  align-items: center;  }
 .subtitle3 {  font-size: 27px;  font-weight: 500;}

.cta_banner{ background-image: url("../img/cta-banner.jpg");   background-position: center center;    background-repeat: no-repeat;    background-size: cover; position: relative; padding: 50px; text-align: center; color: #ffffff; border-radius: 10px;}
.cta_banner .subtitle3{color: #FFFFFF;}
.cta_banner .content_cta{position: relative; z-index: 2;}
.cta_overlay {background-color: var(--color-primary);  opacity:0.7; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1;border-radius: 10px;}

.integrations_logo{ height: 145px; position: relative;  line-height: 145px; display: flex; justify-content: center;   padding: 30px;}
.integrations_logo img{ object-fit: contain; width: 174px;}
.integrations_logo img:hover{ filter: gray; /* IE6-9 */  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */	}

.round-white-box-flex {padding: 30px !important;}
.round-white-box-flex .column{position: relative; overflow: hidden;}
.round-white-box-flex .column:after{ position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border-radius: 10px; content: '';  border: 1px solid #D7D7D7;transition: var(--anim);}
.round-white-box-flex .column:hover:after{content: '';box-shadow: 0 0.9em 1.5em -0.125em rgba(10,10,10,.2), 0 0 0 1px rgba(10,10,10,.02); color: hsl(0deg, 0%, 29%); transition: var(--anim);}


/*==============================================
    Responsive
===============================================*/
@media only screen and (max-width: 1550px) {
	.navbar-item, .navbar-link {padding: 0.5rem 0.75rem !important;}
	.navbar-link:not(.is-arrowless)::after {  right: -5px;}
}
@media only screen and (max-width: 1495px) {
	.banner-left-side{ width: 100%; float:inherit; padding-left: 25px;}
	.banner-right-side .content{width: auto; }
	.search-input{ margin-right: 45px;}
	.live-chat-box{top: -105px;}
	.footer-custom .container{padding-top:50px;}
}
@media only screen and (max-width: 1408px) {
	.arrow-dir{width: 700px;}
	.bill-box{padding: 5px 10px;}
	.section-content-width{ width:615px; }
	.ball {  display: none;}
	.is-hidden-phone{display:none;}
	.domain-rate-icon {  width: 230px; right: 34%;}
	.banner-content-box .subtitle, .inner-banner .subtitle2{font-size: 36px; }
	.banner-content-box .title{font-size: 70px;  }
	.banner-content-box p{font-size:16px;}
	.section-head .subtitle{font-size: 30px; }
	.section-head .title{font-size: 70px; padding: 10px 0px; }
	.footer-hand{ bottom: -232px; right: 230px; }
	.inner-banner { padding-top: 100px; padding-bottom: 100px;}
	.inner-banner-img-secton{ margin-top: -100px;}
}
@media only screen and (max-width: 1350px) {
	.hide-custom-header{display: none;}

}
@media only screen and (max-width: 1300px) {
	.testimonial-section .test-pic{right: -170px;}
	

}
@media only screen and (max-width: 1215px) {
.calendar-section .contents{width: 90%;}
.calendar-section .contents img{right: -10px; bottom: 0; top: auto;} 
	
	.bill-box label{font-size: 18px !important; }
		.inner-left-svg,.inner-right-svg {display: none;}
	.inner-section-content {   background-color:transparent; padding: 0px;}
	 .inner-section .pic { padding: 0px; text-align: center;}
	.inner-head{ padding-bottom: 18px;}
	.inner-head .subtitle{font-size: 30px;}
	.inner-head .title{font-size:45px; }
	.banner-content-box p {padding-bottom: 0px;}
	.inner-banner-img-secton .quote{ width: 70%; overflow: hidden;
	right: 0; top: 25%; background-color:rgba(255,255,255,1);  padding: 25px;  box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);}
	.inner-banner-img-secton blockquote{font-size:21px;  padding-left: 45px; position: relative;}
	.inner-banner-img-secton blockquote:before {   font-size: 2rem; }
	.inner-banner-img-secton .pic {height: 350px;}
	.growing-section { min-height:inherit; text-align: center;}
	.growing-section .mt-5{margin-top: 0px !important; margin-bottom: 0px !important;}
	.footer-custom::before {display: none;}
	.join-business-box{border-radius: 16px; padding: 14px; font-size: 16px; text-align: center;}
	.join-business-box .subtitle{font-size: 21px; }
	.join-business-box .title{font-size: 45px; }
	.join-business-box .join-pic{width: 45%;}
	.section-content-width{padding: 2em; width:515px;}
	.banner{ padding-top: 90px; }
	.banner-left-side .title{font-size: 55px; line-height: 47px;}
	.banner-left-side .title span{font-size: 35px;}
	.testimonial-section { padding: 0% ;}
	.live-chat-box{top: -95px;}
	.inner-banner-pic { width: 340px;}
	.inner-banner-content { padding: 50px 0px 0px 0px; }
	.energy-icon-2{ bottom: auto; right: 10%; top: 50px;}
	.navbar-item, .navbar-link { font-size: 15px;}
	.inner-banner-contact-pic{ width: 600px; margin: 0 auto; left: 0;}
	.pricing-table-view tbody tr span{ font-size: 26px; }
	.special-offer-enquiry:before{bottom: 30px;}
	.enquiry-icon{display: none;}
	.drop-down-custom h2,.drop-down-custom .icon-text span  {font-size: 16px;}
	.footer-hand{display: none;}
	.feature-arrow {left: 300px !important;}

}
@media only screen and (max-width: 1024px) {
	.calendar-section .contents{width: 100%;}
.calendar-section .contents img{display: none;}
.calendar-section .heading{font-size: 45px;line-height: 50px;}
	.integrate-logos .heading{font-size:25px;}
	.banner-image img{width: 100%;}
	.login-btn{ color: #474747 !important;}
	.banner-content-box p{padding-bottom: 3px;}
	.growing-section .title {font-size: 36px;}
	.join-business-box {padding-bottom: 0px;}
	.join-business-box .join-pic{display: none;}
	.side-main-pic {overflow: auto;}
	.side-main-pic img{width:100%; max-width: 100%;}
	.arrow-dir{display: none;}
	.section-content-width{padding: .5em 1em 2em 1em; width:100%; text-align: center;}
	.section-head{text-align: center;}
	.banner-image { margin-top: 30px;}
    .banner-image a {position: relative;  top: auto; z-index: 2; padding: 14px;  width: 400px;    margin: 0 auto; display: inline-block;}
	.shape-circle{opacity:0.1; }
	.section-head .subtitle{font-size: 21px; margin-bottom: 14px; }
	.section-head .title{font-size: 45px; padding: 0px 0px 10px 0px; }
	.banner-content-box .subtitle, .inner-banner .subtitle2{font-size: 30px; }
	.banner-content-box .title{font-size: 45px;  }
	.banner-content-box {padding: 30px 10px 10px 10px;}
	.navbar,.navbar-brand,.navbar-burger{min-height: 0rem !important; height: 50px !important; color: #ffffff;}
	.navbar-menu.is-active, .header.fixed .navbar-menu.is-active { display: block; position:absolute;  top:100%;right: 0;overflow-y: auto ;height: calc(100vh - 100px); left: 0;}
	.navbar-start a {  color: #353535 ;}
	.banner-right-side{position: relative; min-height: auto; background-color: var(--color-primary); padding: 20px; border-radius: 20px; margin: 1em;}
	.banner-right-side .content{ text-align: center; overflow: auto; top:0px; left: 0px; right: 0px;}
	.banner-right-side:after{background-image:none; height: 0; width: 0;}
	.search-input{ margin-right:0px;}
	.section { padding:1.3rem 1rem;}
	.pricing-table-agency{margin-bottom: 10px; padding-top: 2em; padding-bottom: 2em;}
	.gray-box-bg{padding: 0em 1em;}
	.gray-section h3{font-size:21px;}
	.gray-section h4{font-size:16px;}
	.green-web-hosting-box{margin-top:50px; }
	.testimonial-section {padding:0% 18%;}
	.testimonial-section .test-pic{right: -70px;}
	.live-chat-box{top:-70px; border-radius: 0px;}
	.footer-custom .container{ padding: 14px 15px 15px 15px;}
	.copyright-section {padding: 15px 15px 15px 15px;}
	.pricing-section, .why-choose-section{overflow: hidden;}
	.drop-down-custom{padding: 0px;}
	.header.fixed{height: 50px; }
	.navbar-item, .navbar-link {padding: 0.5rem 0.55rem !important; font-size: 14px;}
	.navbar-link:not(.is-arrowless)::after {  right: 10px;}
	.inner-banner { padding: 50px 0px 100px 18px;}
	.inner-banner-bottom {bottom: 0px;}
	.banner-btn:after{background-image:none; }
	.inner-heading-section { padding: 50px 0px 50px 0px !important;}
	.inner-pricing-section-gap{ padding-top: 1em !important;}
	.domain-search-box { width: 100%; margin-bottom: 10px;}
	.domain-rate-icon {  width: 180px; right: 40%;}
	.pricing-section{padding-top:2em;}
	.hide-custom-header{display:none;}
	.navbar-item, .navbar-link { font-size: 14px;}
	.inner-heading-section .subtitle { width: 90%;}
	.web-design-banner{text-align: center;}
	.web-design-banner .main-pic{position: relative; bottom:0;}
	.accordion {padding: 1em 1em;}
	.accordion section header {font-size: 16px;}
	.inner-banner-pad{padding: 25px 0px 15px 0px !important;}
	.special-offer-enquiry{ width: 300px;}
	.special-offer-enquiry:before{background-image: none;}
	.inner-banner-img-secton{padding: 0px 10px 50px 10px;}
	.header.fixed .navbar-item img { margin-top: 1px;    max-height: 2.7rem;}
	.marketing-points svg{top: 50px; }
	.marketing-points svg{display: none;}
	.marketing-points { padding:10px 0px 0px 0px;}


}
@media only screen and (max-width: 768px) {
	.cta_banner{ padding: 25px;}
	.subtitle3 {  font-size: 21px;}
	.services_item { padding: 50px 30px 14px;  height: auto; }
	.calendar-section .contents{text-align: center;} 
.calendar-section .heading{font-size: 34px;line-height: 40px;}
	.integrate-logos .mb-5{margin-bottom: 0px !important;}
	.sub-menu-column{margin-left:0px !important; margin-bottom: 10px !important; }
	.bill-box .level{display: flex !important;}
	.bill-box .level-item{flex-grow: 1 !important; display: flex !important;  flex-basis: auto !important;}
	.price-contact-box{ font-size: 16px;}
	.price-contact-box  .switch[type=checkbox].is-large+label{font-size: 16px !important;}
	.price-contact-box input{font-size: 23px;}
	.testimonial-box.second-box{margin-top: 18px;}
	p, .inner-section-content ul li { font-size: 16px;}
	.footer-line {  margin: 5px 0px 36px 0px;}
	.growing-section .title {font-size: 23px;}
	.pricing-table-agency{min-height: inherit;}
	.pricing-table-agency .subtitle{ font-size: 18px;}
    .pricing-table-agency .title{ font-size: 50px; margin: 0px;}
	.color-box .color1, .color-box .color2, .color-box .color3{padding: 10px;}
	.color-box h2{font-size: 18px;}
	.inner-banner-pad{padding: 25px 0px 5px 0px !important;}
	.banner-left-side .title{font-size: 35px; line-height:32px;}
	.banner-left-side .title span{font-size: 25px;}
	ul.check-list li{font-size: 16px;}
	.banner{ padding-top: 57px; background-image: none !important; background-color: var(--color-primary); }
	.column.is-12-mobile{width: 100% !important;}
	.section{overflow: hidden;}
	.gray-box-bg .columns{padding-top: 5px;}
	.green-section .mt-6{margin-top: 0px !important;}
	.green-section h2{font-size: 1.3em;}
	.green-web-hosting-box h2{ font-size: 18px;}
	.green-web-hosting-box  .green-host-pic{display: none;}
	.green-web-hosting-box{padding: 45px 16px 16px 16px;}
	.green-web-hosting-box ul{padding: 10px 0px 0px 25px; }
	.testimonialcontent { position: relative; top: 0%;  left: 0%;  transform: translate( 0%, 0%);  width: 100%;  height: 100;  padding: 5px;  overflow: hidden;
	display: block;}
	.live-chat-box h2{font-size: 16px;}
	.live-chat-box{text-align: center; padding: 14px;}
	.live-chat-box .level-left+.level-right { margin-top:.5rem;}
	.copyright-section, .social-media-icon{text-align: center;}
	.footer-custom{text-align: center; padding-bottom: 25px;}
	.live-chat-box{top:-45px;}
	.drop-down-custom{padding: 10px 0px;}
	.drop-down-custom .column{padding: 0px !important;}
	.title{font-size: 1.3em; padding-bottom: 0px;}
	.subtitle{font-size: 1em;}
	.inner-heading-section { padding: 30px 10px 25px 10px !important;}
	.img-shape-css.red::before,.img-shape-css.yellow::before, .img-shape-css.pink::before { right:-3px;}
	.img-shape-css.blue::before, .img-shape-css.green::before{ left:-10px;}
	.tabs.is-medium {  font-size: .95rem;}
	.pricing-table-agency .pricing {  font-size:55px;}
	.footer-custom h5 { font-size: 23px;}
	.inner-banner .container{min-height:inherit;}
	.bg-gradient-primary-35p, .bg-gradient-primary-35p-left {background:none;}
	.align-right{text-align: center;}
	.inner-banner-contact-pic{ width: 100%;position: relative; bottom: -20px;}
	.accordion section header h5 {font-size: 16px;}
	.pricing-table-mobile{display: block;}
	.pricing-table-view{display: none;}
	.special-offer-enquiry{position: relative; bottom: 10px; right: 0; width: 100%; border-radius: 20px; background-color: #fd623e; padding: 14px;}
	.features-table thead{font-size: 14px;}
	.inner-banner-img-secton blockquote { font-size:16px;}
	.inner-head{ padding-bottom:10px;}
	.inner-head .subtitle{font-size: 25px;}
	.inner-head .title{font-size:32px; }
	ul.check-list-green li {font-size: 16px;}
	.inner-banner-img-secton {  padding: 0px 10px 25px 10px;}
	ul.check-list-green {margin-bottom: 0px;}
	.product-demo-box .steps .steps-content { padding: 50px 25px 25px 25px;  margin: 0px;}
	.contact-number{padding-right: 25px;}
	.price-contact-box label small{bottom: -14px;} 

 }
@media only screen and (max-width: 435px) {
	.calendar-section .heading{font-size: 25px;line-height: 30px;}
	.pricing-table-agency .pricing span.total-paid{text-align: left; }
	.bill-box label { font-size: 14px !important; padding-right: 10px;}
	.pricing-table-agency .pricing-header {  padding: 0px 25px 10px; }
	.pricing-table-agency .pricing-table-body li {padding: 10px 10px 10px 16px; font-size: 14px;}
	.pricing-table-agency .pricing { position: relative;  right: 0px;  top: 0px;}
	.navbar-item img {  max-height: 3rem;  margin-right: 0px;}
	.banner-content-box .subtitle, .inner-banner .subtitle2 { font-size: 23px;} 
	.inner-head .subtitle {  font-size: 21px;}
	p ,.inner-section-content ul li { font-size: 15px;}
	.inner-banner {  padding: 50px 0px 70px 18px;}
	.inner-banner-img-secton blockquote:before {  font-size: 1.3rem;}
	.inner-banner-img-secton blockquote {padding-left: 30px;}
	.inner-banner-img-secton {margin-top: -70px;}
	.inner-banner-img-secton .pic {height: auto;}
	.inner-banner-img-secton .pic img {display: none;}
	.inner-banner-img-secton .quote {width: 100%; position: relative; top: 0%;}
	.features-table tbody, .features-table tfoot{font-size: 12px;}
	.banner-image a {width:270px; font-size: 16px;}
	.banner-image a small {   font-size: 11px;}
	.banner-content-box .title{font-size: 36px;  }
	.section-head .title{font-size: 36px; padding: 0px 0px 10px 0px; }
	.trail-btn-primary,.trail-btn-secondry {  border-radius: 10px;  padding: 5px 34px 5px 10px;font-size: 16px;}
	.trail-btn-primary small, .trail-btn-secondry small{font-size: 10px;}
	.trail-btn-primary i, .trail-btn-secondry i { width: 50px;height: 50px; right: -20px; line-height: 60px;}
	.trail-btn-primary i img, .trail-btn-secondry i img{width: 50%;}
	.header .level-left, .header .level-right{width: 50% !important;}
	.testimonial-section h3{font-size: 18px; margin-bottom: 18px; margin-top: 12px;}
	.testimonialcontent h4{font-size: 16px; margin:10px 0px;}
		.drop-down-custom .navbar-item{font-size: 14px !important;}
	.inner-heading-section .subtitle {  font-size: .8rem;}
	.footer-custom a {font-size:14px;}
	.web-design-banner .web-icon{width: 40px;}
}