/* ==============================
   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&display=swap');
 

@import url(font-awesome.min.css); 
@import url(animate.css);  
@import url(owl.carousel.min.css); 
@import url(owl.theme.default.min.css); 
@import url(bulma-pricingtable.min.css);
@import url(bulma-tooltip.min.css);


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

:root {
  --color-primary: #fd5c4c;
  --color-secondry: #3a72b9;  
  --color-yellow: #ffc000; 
  --color-green: #0eaa5a; 	
  --color-pink: #c8256b; 
  --color-lightgray: #f4f4f4; 
  --color-lightblue: #eef5fd; 
  --color-lightgreen: #f8fcf3; 
}
a:hover{color:var(--color-primary) !important;}
.header-area a{color:var(--color-secondry);}
.header-area a:hover,.header-area a:focus{color: var(--color-primary);}
.navbar-link.is-active, a.navbar-item.is-active, .navbar a.is-active {color: var(--color-primary);}
.navbar a {  color: #4a4a4a ;}
.primary-btn{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;}
.button.is-outlined:hover, .button.is-outlined:focus,.primary-btn:hover, .primary-btn:focus{background: rgb(58,114,185) !important;
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{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;}
.button:hover,.secondry-btn:hover{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 !important;}
.secondry-btn:focus{background-color: #08b6b6; color: #ffffff !important;border: 1px solid #11739d;}
.primary-text{color:var(--color-primary);}
.secondry-text{color:var(--color-secondry);}
.primary-bg{background-color: var(--color-primary);}
.secondry-bg{background-color:var(--color-secondry);}
.blue-gradient{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-top: 1px solid #3a72b9 !important;}
.orange-gradient{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-top: 1px solid #b2070b;}
.yellow-gradient{background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(255,209,67,1) 0%, rgba(255,145,83,1) 90% );border-top: 1px solid #fb870a;}
.green-gradient{background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(14,174,87,1) 0%, rgba(12,116,117,1) 90% );border-top: 1px solid #1eb873;}
.pink-gradient{background-image: linear-gradient( 134.6deg,  rgba(201,37,107,1) 15.4%, rgba(116,16,124,1) 74.7% );border-top: 1px solid #b11f70;}
.light-gradient{background-image: linear-gradient( 174.2deg,  rgba(255,244,228,1) 7.1%, rgba(240,246,238,1) 67.4% );border-top: 1px solid #f7ebd3;}
.light-gradient-2{background-image: linear-gradient( 92.7deg,  rgba(245,212,212,1) 8.5%, rgba(252,251,224,1) 90.2% );border-top: 1px solid #f7ebd3;}
.light-gradient-3{background-image: linear-gradient( 89.9deg,  rgba(178,253,238,0.96) -8.1%, rgba(207,244,254,1) 26.3%, rgba(207,244,254,0.48) 47.5%, rgba(254,219,243,0.63) 61.5%, rgba(254,219,243,1) 78.7%, rgba(254,207,210,1) 109.2% );border-top: 1px solid #bbedfa;}
.color-full-gradient{background-image: linear-gradient( 69.7deg,  rgba(244,37,243,1) 1.4%, rgba(244,87,1,1) 36.2%, rgba(255,204,37,1) 72.2%, rgba(20,196,6,1) 113% );border-top: 1px solid #bbedfa;}
.drop-down-custom .navbar-item, .drop-down-custom p, .drop-down-custom h3 {color: #ffffff;}
.drop-down-custom .navbar-item:hover{ color: #ffffff !important;text-decoration: underline;}
.label {  font-weight:600;}
/* ==============================
   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; border-color: var(--color-primary);   border-width: 1px;    color: var(--color-primary);}
.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-position: center center; background-repeat: no-repeat; background-size: cover !important; background-color: #999; background: rgba(0, 0, 0, 0.5);}
.scrollup {width: 43px; height: 43px; position: fixed; bottom: 10px; right: 10px; text-align: center;z-index: 100;  display: none; background-color:var(--color-primary); color: #ffffff; border-radius:25px; font-size: 35px; line-height: 0px; font-weight: bold;}
.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: 15px;}
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%;} 
.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);}

/* ==============================
   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:56px;  background-color:rgba(255, 255, 255, 0.9);  z-index: 99;animation: smoothScroll 1s forwards; border-bottom: 1px solid #E4E4E4; padding-top: 0px;}
.header.fixed .navbar-menu.is-active { right: 10px; top: 65px;}
.header.fixed .navbar-dropdown  {top:92% !important;}
.header.fixed .navbar-item img { max-height: 2rem; top: 0px;}

/* ==============================
   styles
   ============================== */
.navbar{background-color: transparent !important;}
.header{padding: 10px 0px 0px 0px; position: absolute; width: 100%; left: 0; right: 0;}
.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-left-side{ width: 650px; float: right;}
.banner-left-side .title{font-size: 61px; text-transform: none; font-weight: 600;}
.banner-left-side .title span{font-size: 55px; font-weight: 300;}
.banner-right-side{position: relative; min-height: 740px;}
.banner-right-side:after{content:'';background-image: url("../img/laptop.png");background-size: cover !important;  background-repeat: no-repeat; position: absolute; width: 1107px; height:708px;left: -180px;
top: 0;}
.banner-right-side .content{position: relative; color: #ffffff; z-index: 1; width: 695px; text-align: center; overflow: hidden; top:160px; left: 30px;}
.banner-right-side .content h2{color: #ffffff;}
.banner-right-side .content h2 span{font-size: 18px; font-weight: 300;}
.search-input{padding-bottom: 20px; position: relative;}
.search-input .input{position: relative;border-radius: 30px;    height: 60px; font-size: 18px; font-weight: 500;}
.search-input .button{position: absolute; right: 7px;top:5px; height: 50px; border-radius: 25px; padding-left: 20px; padding-right: 20px; }
.is-outlined{background-color: transparent !important; border: 1px solid #ffffff !important; color: #ffffff !important; border-radius: 30px !important;
margin-bottom: 20px;}
.choose-box{border-radius: 10px; background-color:rgba(255,255,255,0.7);  padding: 16px;  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;}
.choose-box i{font-size: 50px; padding: 30px 0px 30px 0px;color: var(--color-primary);}
.choose-box h3{ padding-bottom:5px; text-transform: uppercase;}
.choose-box.is-active, .choose-box:hover, .choose-box:hover i , .choose-box.is-active i{background-color:var(--color-secondry);color: #ffffff;}
.choose-box.second-box{margin-top: 50px;}
.choose-box-content{ padding-left: 100px;}
.choose-box-content .title{font-size: 70px; text-transform: none;font-weight: 600;}
.choose-box-content .subtitle{text-transform: uppercase; color: var(--color-secondry); font-size: 14px; font-weight: 600;}
.pricing-table-agency { padding-top: 10rem;  padding-bottom: 4.5rem;   background-color:rgba(255,255,255,0.7);   box-shadow: 0 40px 125px rgb(0 0 0 / 7%); text-align: center; position: relative; overflow: hidden;}
.pricing-table-agency.domain-price { padding-top: 3rem;  padding-bottom: 1rem; }
.pricing-table-agency .logos{background-color: #ffffff; padding: 5px 0px;}
.pricing-table-agency i{position: absolute; left: -5px; top:-30px; color: #ebebeb; font-size: 200px;}
.pricing-table-agency h5{ font-size: 27px;}
.pricing-table-agency .pricing { font-size: 45px; line-height: 1.5em;  font-weight: 600;   color: #000;}
.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-table-body{padding: 10px;}
.pricing-table-agency .pricing-table-body li {  padding: 10px;  border-top: 1px solid #ebeff1;   font-size: 14px; }
.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: rgb(58,114,185);
background: radial-gradient(circle, rgba(58,114,185,1) 0%, rgba(95,159,240,1) 100%); }
.pricing-table-agency:hover i,.pricing-table-agency:hover .pricing, .pricing-table-agency:hover .pricing small {color:#ffffff !important; opacity:1; }
.pricing-table-agency:hover li{border-top: 1px solid #5993db;}
.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:9em;}
.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;}
.testimonial-section {  justify-content: space-between; padding: 0% 10% 10% 10%; position: relative;}
.testimonial-section .test-pic{position: absolute; bottom: 0; right: -70px;}
.testimonial-section h3{font-size: 24px; margin-bottom: 30px; margin-top: 18px;}
.action { text-align: center;} 
.testimonial-circle {  border-radius: 50%;  background-color:var(--color-lightblue);  height: 0;  padding-top: 100%;  position: relative;}
.testimonialcontent { position: absolute; top: 50%;  left: 50%;  transform: translate( -50%, -50%);  width: 72%;  height: 72%;  padding: 5px;  overflow: hidden;}
.testimonialcontent h4{font-size: 18px; margin:30px 0px;}
.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;}
.footer-custom{overflow: hidden; color: #ffffff; padding-bottom: 50px;}
.footer-custom h5{font-size: 16px; margin-bottom: 10px; text-transform: uppercase;}
.footer-custom li{padding-top: 8px;}
.footer-custom a{color:#cecece; }
.footer-custom p{padding: 10px 0px;}
.footer-custom a:hover{color:#B3B3B3 !important;}
.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; color: #ffffff; background-color: #1D1D1D;}
.copyright-section p{padding-top: 10px;color: #cecece;}
.social-media-icon {text-align: right;}
.social-media-icon .fa-linkedin{ width: 33px; height: 33px; border-radius: 50%; background-color: #3d83d9; color: #ffffff; display: inline-block; text-align: center; line-height: 30px; font-size: 20px; margin-left: 10px;}
.social-media-icon .fa-facebook-f{ width: 33px; height: 33px; border-radius: 50%; background-color: #00a9ff; color: #ffffff; display: inline-block; text-align: center; line-height: 36px; font-size: 20px; margin-left: 5px;}
.social-media-icon .fa-twitter{ width: 33px; height: 33px; border-radius: 50%; background-color: #395196; color: #ffffff; display: inline-block; text-align: center; line-height: 30px; font-size: 20px; margin-left: 5px;}
.social-media-icon .fa: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;}
.navbar-item img {    max-height: 2.3rem;top: -7px;    position: relative;}
.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;}
.inner-banner{ margin-top: 72px;  position: relative;}
.inner-banner .container{min-height: 500px;}
.inner-banner .container-custom{min-height: auto !important;}
.inner-banner .title, .inner-banner .subtitle, .inner-banner ul.check-list li, .inner-banner ul.check-list li:before, .inner-banner p{color: #ffffff;}
.inner-banner.black .title, .inner-banner.black .subtitle, .inner-banner.black ul.check-list li, .inner-banner.black ul.check-list li:before, .inner-banner.black p{color: #353434;}
.inner-banner .title{font-size: 3em;}
.inner-banner-pic{ position: absolute; bottom: 0; right: 0;}
.inner-banner-contact-pic{ position: absolute; bottom: 0; right: 0;}
.animation-up-down{animation: mover 1s infinite alternate; -webkit-animation: mover 1s infinite alternate;}
.energy-icon{ position: absolute; top: 50px; right: 27%;animation: mover 1s infinite alternate; -webkit-animation: mover 1s infinite alternate;}
.energy-icon-2{ position: absolute; bottom: 35px; right: 43%;animation: mover 1s infinite alternate; -webkit-animation: mover 1s infinite alternate;z-index: 1;}
.domain-rate-icon{ position: absolute; bottom: -50px; right: 27%;}
.inner-banner-content{padding: 110px 0px 50px 0px;}
.inner-banner-pad{padding: 50px 0px 40px 0px !important;}
.banner-btn{position: absolute; bottom: -25px; border: none;box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); color: limegreen !important;animation: right-mover 1s infinite alternate;   -webkit-animation: right-mover 1s infinite alternate; left: 0;}
.banner-btn:after{content:''; background-image: url("../img/btn-arrow.png"); background-repeat: no-repeat; width: 71px; height: 175px;position: absolute;left: -83px; top: -149px;}
.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;}
.navbar-item, .navbar-link { font-size: 14px;}
.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;}
.accordion section header { cursor: pointer;  padding: 18px;  border: 1px dashed orange;  transition: background 1s ease-in-out;  margin-bottom: 0.25rem; font-size: 18px; text-transform: uppercase;}
.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: 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;
}

.navbar-brand__name img{height: 2.3rem !important;}

/*==============================================
    Responsive
===============================================*/
@media only screen and (max-width: 1550px) {
	.navbar-item, .navbar-link {padding: 0.5rem 0.45rem !important;}
	.navbar-link:not(.is-arrowless)::after {  right: -10px;}
}
@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) {
	.ball {  display: none;}
	.is-hidden-phone{display:none;}
	.domain-rate-icon {  width: 230px; right: 34%;}
}
@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) {
	.banner{ padding-top: 90px; }
	.banner-left-side .title{font-size: 55px; line-height: 47px;}
	.banner-left-side .title span{font-size: 35px;}
	 .choose-box-content .title{font-size:36px;}
	.choose-box-content{ padding-left:0px;}
	.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: 11px;}
	.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;}
	
}
@media only screen and (max-width: 1024px) {
	.header {padding: 0px 0px 0px 0px;}
	.navbar-item img { max-height: 2rem; top:0px;  position: relative;}
	.navbar,.navbar-brand,.navbar-burger{min-height: 0rem !important; height: 40px !important;}
	.navbar-menu.is-active, .header.fixed .navbar-menu.is-active { display: block; position:absolute;  top:40px;right: 0;overflow-y: auto ;height: calc(100vh - 100px);}	 
	.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;}
	.choose-box.second-box{margin-top: 0px;}
	.section { padding:1rem 1rem;}
	.pricing-table-agency{margin-bottom: 10px; padding-top: 3em; padding-bottom: 2em;}
	.pricing-table-agency i{display: none;}
	.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: 75px 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: 40px; }
	.navbar-item, .navbar-link {padding: 0.5rem 0.55rem !important; font-size: 14px;}
	.navbar-link:not(.is-arrowless)::after {  right: 10px;}
	.inner-banner { margin-top: 40px; padding: 0px 18px 0px 18px;}
	.banner-btn:after{background-image:none; }
	.inner-banner .title{font-size: 1.5em;}
	.energy-icon{ right: 25%; width: 140px;}
	.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: inline-block;}
	.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;}
	.inner-banner{margin-bottom: 18px;}
	.special-offer-enquiry{ width: 300px;}
	.special-offer-enquiry:before{background-image: none;}
	 
	
}
@media only screen and (max-width: 768px) {
	.inner-banner-pad{padding: 25px 0px 5px 0px !important;}
	.inner-banner .subtitle { font-size: 1rem;}	
	.inner-banner-content { padding: 20px 0px 0px 0px; }
	.energy-icon,.energy-icon-2{ right:0; width:auto; position: relative; top: 0; margin: 0 auto; left: 0;}
	.domain-rate-icon { right:0; width:auto; position: relative; top: 0; margin: 0 auto; left: 0;}
	.banner-btn{margin: 0 auto;    left: 0;    right: 0;}
	.inner-banner-pic { display: none;}
	.ribbon{width: 270px;}
	.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; }
	.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; }
	.testimonial-section { background-color:var(--color-lightblue); border-radius: 10px; padding: 10px;}
	.testimonial-section .test-pic{display: none;}
	.testimonial-circle {  border-radius: 0%;  background-color:var(--color-lightblue);  height:auto;  padding-top: 0%;  position: relative; display: block; width: 100%;}
	.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;}
	.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: 14px;}
	.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:25px;}
	.footer-custom h5 { font-size: 15px;}
	.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 {font-size: 14px;}
	.hide-custom-header{display: block; margin-bottom: 10px;}
	.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;}
	
 }
@media only screen and (max-width: 435px) {	
	.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;} 
	.header.fixed .navbar-menu.is-active { top: 40px;}
	.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;}
}