.header-main{position: relative!important;}
#header-top-bar{background: #204b6a;}
.inner-banner {height: 650px; padding-top: 80px; position: relative; background-image: url("../images/white-label-hosting-banner.jpg"); background-position: top center; background-size: 100%; background-repeat: no-repeat;color: #fff;}
.inner-banner h1 {font-family: Lato, sans-serif; font-size: 60px; font-weight: 900; margin-bottom: 15px; color: #fff; line-height: 1.2;}
.inner-banner p {font-family: 'Poppins-Regular';font-size: 24px;line-height: 30px;margin-bottom: 20px;}
.inner-banner ul{padding:0px 0px 10px 0px;margin:0px 0px 0px 20px;}
.inner-banner ul li{font-family: 'Poppins-Light';font-size: 18px;list-style-type: disc;padding: 3px 0px;}
.inner-banner h2 {font-family: 'Poppins-SemiBold'; font-size: 30px; margin-bottom: 10px; color: #ffde26; line-height: 1.2;}
.inner-banner a {background-color:#64ba04;color: #fff;padding: 15px 30px;text-decoration: none;transition: all .3s ease-in-out;border-radius: .25rem;font-family: Lato, sans-serif;font-weight:700;font-size: 16px;top: 42px;position: relative;left: 10px}
.inner-banner a:hover {background-color: #fff;color: #0178e5;}
.container-sm{width:1140px; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto } .ml-auto, .mx-auto{margin-left: auto !important;margin-right: auto !important;}
.inner-banner .amt{width: 20%; margin-bottom: 20px;float: left;}
.inner-banner .amt p{color:#fff; font-size: 16px;  font-family:Lato,sans-serif;font-weight:400;margin-bottom: 0px;}
.inner-banner .amt h3{font-size:50px;color:#fff; font-family: 'Poppins-SemiBold';}
.inner-banner .amt h3 sup{font-size:26px; font-family: 'Poppins-Regular';top: -22px;right: 1px;}
.inner-banner .amt h3 span{font-size:16px; font-family: 'Poppins-Regular';}

/*-- plans--*/
.pb-90 {padding-bottom: 90px;}
.price-section {margin-top: -100px; background: #fff;-webkit-box-shadow: 0 0 5px 2px rgba(51, 51, 51, 0.1);
box-shadow: 0 0 5px 2px rgba(51, 51, 51, 0.1);border-radius: 4px;}
.price-section .pr-1{padding-right: .25rem !important;}
.price-section .pl-1{padding-left: .25rem !important;}

.plans{padding:0px;position: relative;}
.banner-btn-group .btn:not(:last-child) {margin-right: 25px}          
.plans h2{font-size:26px;padding: 0px 30px;color:#000; font-family: 'Poppins-Regular';margin:20px auto 30px auto;width: 100%;text-align: center;}

.plan-wrap{position: relative;padding: 60px 20px 20px 20px;}
.planbg{background: #ffffff;
background: -moz-linear-gradient(left,  #ffffff 0%, #f9f9f9 100%);
background: -webkit-linear-gradient(left,  #ffffff 0%,#f9f9f9 100%); 
background: linear-gradient(to right,  #ffffff 0%,#f9f9f9 100%);}
.pl-1 {padding-left: 0px;}
.pr-1 {padding-right: 0px;}
.plan-head{padding-bottom: 25px; border-bottom: 1px solid rgba(16,69,219,.12);}
.plan-head h3{font-size:26px;color:#000; font-family: 'Poppins-Regular';}
.plan-head h3 span{font-family: 'Poppins-SemiBold';}
.plan-head p{color:#000; font-size: 16px;  font-family:Lato,sans-serif;font-weight:400; margin-top: 15px;margin-bottom: 0px;padding: 0% 5% 0% 0%;}
.popular-tag{font-family: 'Poppins-Regular';font-size:25px;background:#fb7820; color: #fff;text-transform: uppercase;padding: 5px 10px 5px 30px;width: 97%;margin: 0 auto;position: absolute;z-index: 2;left: -4px;}

.plan-price{padding: 20px 0px; border-bottom: 1px solid rgba(16,69,219,.12);display: -webkit-box;
-webkit-box-pack: justify;-webkit-box-align: center;}
/* .renewal{padding: 4px 0px 7px 0px; border-bottom: 1px solid rgba(16,69,219,.12); font-size:16px; font-family:Lato,sans-serif;font-weight:700; color: #0a6cc4;} */
/*@property --angle {
  syntax: '<angle>';
  initial-value: 90deg;
  inherits: true;
}

 @property --gradX {
  syntax: '<percentage>';
  initial-value: 50%;
  inherits: true;
}

@property --gradY {
  syntax: '<percentage>';
  initial-value: 0%;
  inherits: true;
}
:root {
	--d: 2500ms;
	--angle: 90deg;
	--gradX: 100%;
	--gradY: 50%;
	--c1: #1095ff;
	--c2: #9fc5e9;
} 
.renewal{padding: 4px 0px 7px 0px; border: 1px solid; font-size:16px; font-family:Lato,sans-serif;font-weight:700; color: #1095ff;border-radius: 4px;text-align: center;box-shadow: 0 2px 3px 3px #e6e3e3;
  border-image: conic-gradient(from var(--angle), var(--c2), var(--c1) 0.1turn, var(--c1) 0.15turn, var(--c2) 0.25turn) 30;
	animation: borderRotate var(--d) linear infinite forwards;}

  .renewal  :nth-child(2) {
    border-image: radial-gradient(ellipse at var(--gradX) var(--gradY), var(--c1), var(--c1) 10%, var(--c2) 40%) 30;
    animation: borderRadial var(--d) linear infinite forwards;
  }

  @keyframes borderRotate {
    100% {
      --angle: 420deg;
    }
  }
  
  @keyframes borderRadial {
    20% {
      --gradX: 100%;
      --gradY: 50%;
    }
    40% {
      --gradX: 100%;
      --gradY: 100%;
    }
    60% {
      --gradX: 50%;
      --gradY: 100%;
    }
    80% {
      --gradX: 0%;
      --gradY: 50%;
    }
    100% {
      --gradX: 50%;
      --gradY: 0%;
    }
  }*/

.renewal{padding: 4px 0px 7px 0px; border: 1px solid; font-size:16px; font-family:Lato,sans-serif;font-weight:700; color: #00a20a;border-radius: 4px;text-align: center;box-shadow: 0 2px 3px 3px #e6e3e3;}

.plan-amt{width: 50%;}
.plan-amt p{color:#434959; font-size: 16px;  font-family:Lato,sans-serif;font-weight:400;margin-bottom: 0px;}
.plan-amt h3{font-size:50px;color:#3d3d3d; font-family: 'Poppins-SemiBold';}
.plan-amt h3 sup{font-size:26px; font-family: 'Poppins-Regular';top: -22px;right: 1px;}
.plan-amt h3 span{font-size:16px; font-family: 'Poppins-Regular';}
.plan-discount{width: 50%;text-align: right;}
.plan-discount p{text-decoration: line-through; font-size:15px; font-family:Lato,sans-serif;margin-bottom: 5px;margin-right: 10px;}
.plan-discount span{color:#1f76c5;background:#e7f3fd;padding:5px 10px; font-size:14px; font-family:Lato,sans-serif;font-weight:900;text-transform: uppercase;}
.feature{padding: 20px 0 20px 0;}
.feature ul {padding:0px;margin-bottom: 0px;}
.feature ul li{list-style-type: none;font-family:Lato,sans-serif;font-size: 16px; font-weight:400;margin-bottom: 10px;color: #3d3d3d;}
.feature ul li svg{top: 2px;position:relative;margin-right: 10px;}
.feature ul li:last-child{margin-bottom:0px;}
.btn-wrap{margin: 20px 0px 40px 0px; font-family:Lato,sans-serif;font-size: 14px; font-weight:900;}
.btn-wrap .blk-btn{color: #fff;background: #3d3d3d;padding:10px 25px;border-radius: 4px;text-decoration: none;text-transform: uppercase;transition: all .3s ease-in-out;margin-right: 5px;}
.btn-wrap .blk-btn:hover, .btn-wrap .orng-btn:hover{background:#1766ae;color: #fff;}
.btn-wrap .orng-btn{color: #fff;background: #fb7820;padding:10px 20px;border-radius: 4px;text-decoration: none;text-transform: uppercase;transition: all .3s ease-in-out;width: 100%;
display: inline-block;text-align: center;}

.chp{padding:60px 0px;position: relative;}
.chp p {width: 100%;margin:0 auto ;text-align: center;}
.chp p a{padding: 8px 30px; color: #fff; font-family:Lato,sans-serif;font-size: 24px; text-align: center;border-radius: 24px;text-decoration: none;background: #64ba04;transition: all .3s ease-in-out;}
.chp p a:hover{background: #3d3d3d;}
.chp p a i{font-size: 22px;}

.bg-table{background: #fff;box-shadow: 0 7px 17px rgba(0, 0, 0, 0.15);border-radius: 8px;font-family:Lato,sans-serif;}
.bg-table thead {border-radius: 18px;}
.bg-table thead th{ font-size:24px; text-align: center; color: #fff;border-top: 0px solid #dee2e6;}
.bg-table thead th:first-child{border-top-left-radius: 0px;}
.bg-table thead th:last-child{border-top-right-radius: 0px;}
.bg-table th, .bg-table td{font-size:16px;  padding:15px 15px !important;text-align: center;}
.bg-table tbody tr td:first-child{font-weight: 600;text-align: left;}
.head td:first-child{text-align: left;color: #252525;font-size: 20px; background: #daecf7;border-top: 2px solid #c9d7e0;
  border-bottom: 2px solid #c9d7e0;}
.bg-table td i.fa-check{color: #258D5C;}
.bg-table td i.fa-times {color: #F23131}
.bg-table th, .bg-table td a{color: #007bff;transition: all .3s ease-in-out;}
.bg-table th, .bg-table td a:hover{color: #212529;text-decoration: none;}
.bg-table th, .bg-table td i{font-size: 16px;color: #b0bec8;}
.bg-table tr:hover{background: #f0f7fd;}
.bg-table thead tr:hover{background:none;}
.stk-tblhd{ top: 98px; background: #204b6a;box-shadow: 0 2px 2px #eee;z-index:1;}

.tooltip-inner{max-width: 300px;padding: 10px;}
.billing {
/* font-family: Lato,sans-serif;
height: 36px; */
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  font-family: 'FontAwesome';
content: "\f107";cursor: pointer;position: relative;
}
/* .billing::after {
  display: inline-block;
  font-family: 'FontAwesome';
  content: "\f107";
  transition: 0.3s ease;
  position: relative;
  font-size: 24px;top: -55px;left: 92%;cursor: pointer;
} */

.billing::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #666;
  position: absolute;
  right: 8px;
  top: 16px;
  pointer-events: none;
}

.billing select {
  width: 100%;
  background: transparent;
  height: 36px;
  border: 0px solid #ccc;
  border-radius: 2px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;  font-family: Lato,sans-serif;
  font-size: 16px;color: #3d3d3d;
}
.billing select option{height: 36px;}
.billing-dropdown {
  border: 1px solid #c7c7c7;
  border-radius: 8px;
  cursor: pointer;
  height: 80px;
  /* margin: 0 auto 20px; */
  position: relative;
  width: 230px;
}
.billing select::-ms-expand {
  display: none;
}

.whtlbl{padding: 0px 0px 80px 0px;position: relative; font-family: 'Poppins-Regular';color: #2a2a2a;text-align: center;}
.whtlbl p {font-family: 'Poppins-Regular'; font-size: 18px;margin: 0 auto;width: 100%;text-align: center;color: #565559;}


.review{padding:0px 0px 40px 0px;position: relative;}
.review p{font-family:Lato,sans-serif;font-size: 14px;}
.review p span{font-weight:700;}
.review .img{right: 0;position: relative;left: -15px;}
.review .lft-pdng {padding-left: 60px;}
.review .ryt-pdng {padding-right: 60px;}
.rating[data-rating="5.5"] .rating__item:nth-child(-n+5):after, .rating[data-rating="5"] .rating__item:nth-child(-n+5):after, .rating[data-rating="4.5"] .rating__item:nth-child(-n+4):after, .rating[data-rating="4"] .rating__item:nth-child(-n+4):after, .rating[data-rating="3.5"] .rating__item:nth-child(-n+3):after, .rating[data-rating="3"] .rating__item:nth-child(-n+3):after, .rating[data-rating="2.5"] .rating__item:nth-child(-n+2):after, .rating[data-rating="2"] .rating__item:nth-child(-n+2):after, .rating[data-rating="1.5"] .rating__item:nth-child(-n+1):after, .rating[data-rating="1"] .rating__item:nth-child(-n+1):after, .rating[data-rating="0.5"] .rating__item:nth-child(-n+0):after, .rating[data-rating="0"] .rating__item:nth-child(-n+0):after {
  content: "";
}
.rating[data-rating="5.5"] .rating__item:nth-child(6):after, .rating[data-rating="4.5"] .rating__item:nth-child(5):after, .rating[data-rating="3.5"] .rating__item:nth-child(4):after, .rating[data-rating="2.5"] .rating__item:nth-child(3):after, .rating[data-rating="1.5"] .rating__item:nth-child(2):after, .rating[data-rating="0.5"] .rating__item:nth-child(1):after {
  content: "";
}
.rating {margin: 0; padding: 0; display: flex; align-items: center; justify-content: flex-start; color: #00b191;padding: 5px 0px 0px 0px; }
.rating__item {font-size: 26px;display: block;font-family: FontAwesome;padding: 0px 4px 0px 0px;}
.rating__item::after {content: "";}

.call{padding:20px 0px 60px 0px;position: relative;}
.call section{margin: 0 auto; text-align: center;}
.call section img{position: absolute;z-index: 2;top: 8px;display: inherit;margin-left: -3%;}
.call section p {border-style: solid; border-color: #d1d0d0;border-width: 1px 1px 1px 1px;border-radius: 6px; box-shadow:2.871px 14.659px 20px 0px rgba(0, 0, 0, 0.08);color:#565559;font-family:'Poppins-Regular';font-size: 21px;text-align: center;padding: 10px 10px 10px 70px;left: 16%; position: relative;}
.call section p a{padding:0px 20px 0px 0px;color: #fb7820!important;}
.call section p a:hover{color: #000!important;text-decoration: none;}
.call section p a i{  top: 2px; position: relative;}

.choose{padding:60px 0px;position: relative; font-family: 'Poppins-Regular';color: #2a2a2a;text-align: center;background: #f7fafe;}
.choose h2{color: #1e1e1e;font-family: 'Poppins-Regular';font-size: 28px;text-align: center;margin-bottom:10px;width: 100%;}
.choose p {font-family:'Poppins-Regular'; font-size: 18px;width: 100%;text-align: center;color: #565559;margin: 0 auto 20px auto;padding: 0% 8%;}
.choose ul {position: relative; padding: 0px; display: inherit;text-align: center;margin-bottom: 10px;}
.choose ul li {font-family: 'Poppins-Regular';padding: 20px 30px 10px 30px;text-align: left;}
.choose ul li::before {content: "\f129";position: relative;top: 4px;margin-right: 10px;font-size: 24px;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;font-family: "flaticon";color: #fb7820;}
.choose ul li span {font-size: 22px;color: #1766ae;font-family: 'Poppins-SemiBold';}
.choose ul li p {font-size: 16px !important;padding: 5px 0px 0px 0px;text-align: left;margin: 0px 0px 20px 0px;}


.hosting{position: relative;background: #fb7820;padding: 32px 0px;}
.hosting::before{background-image: url(../images/orng-bg.jpg); background-repeat: no-repeat; content: ""; position: absolute; width: 100%; bottom: 0; background-position: center top; top: 0; left:0;height: 220px;}
.hosting h2{padding-top: 35px; color: #fff; font-family:'Poppins-Regular';font-size: 34px;}
.hosting p{color:#fff;font-family:'Poppins-Light';font-size: 18px;}
.hosting .but{position: relative;top: 40%;justify-content: center;display: flex;}
.hosting .but a{position: relative; background: #111111;border-radius:4px;padding:15px 20px;color: #fff;font-family:Lato,sans-serif;text-decoration: none;text-transform:uppercase;transition: all .3s ease-in-out;}
.hosting .but a i{background:#fff;border-radius:4px;color: #000;padding:10px 10px;left: 15px;position: relative;}
.hosting .but a:hover{background: #1766ae;color: #fff;}
.hosting .but a i:hover{background: #000;color: #fff;}

.oneclick{padding:60px 20px;position: relative;background:#33668d;}
.oneclick .whtbg{background: #fff;border-radius: 4px;padding: 40px 20px;}
.oneclick h2 {padding: 0px 30px; color: #1e1e1e; font-family:'Poppins-Regular';font-size: 34px; text-align: center; width: 100%;}
.oneclick p {color:#565559;font-family:'Poppins-Regular';font-size:18px;text-align: center;margin:0 auto 30px auto;padding: 0% 20% 0% 20%;}

.oneclick .whtbg ul{padding: 0px;margin: 0 auto;text-align: center;}
.oneclick .whtbg ul li{list-style-type: none;display:inline-block;margin: 0px 20px;}
.oneclick .whtbg ul li p{color:#073253;font-family:'Poppins-SemiBold';font-size: 18px;padding: 20px 0px;margin-bottom: 0px;}

/*Start tab*/
.resources{padding:60px 0px;position: relative;background:#f8f9fa;}
.resources h2 {padding: 0px 30px; color: #1e1e1e; font-family:'Poppins-Regular';font-size: 34px; text-align: center; width: 100%;}
.resources p {color:#565559;font-family:'Poppins-Regular';font-size:18px;text-align: center;margin:0 auto 50px auto;padding: 0% 20% 0% 20%;}

.res-tabs .nav.nav-pills { display: block; width: 100%; margin-bottom: 30px; -webkit-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.08); box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.08); background: #ffffff; overflow: hidden; border-radius: 6px;padding-bottom: 40px; }
.res-tabs .nav.nav-pills li { display: inline-block; width: 25%; vertical-align: middle; }
.res-tabs .nav-pills .nav-link .tab-title { display: inline-block; vertical-align: middle;font-family:'Poppins-SemiBold'; font-size: 20px;  margin-bottom: 2px;}
.res-tabs .nav-pills .nav-link i { height: 80px; width: 80px; text-align: center; font-size: 45px; }
.res-tabs .nav-pills .nav-link i::before { vertical-align: middle; line-height: 80px; }
.res-tabs .nav-pills .nav-link { padding: 0px 15px; position: relative; text-align: center; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.res-tabs .nav-pills .nav-link.active .tab-title, .res-tabs .nav-pills .nav-link:hover .tab-title, .res-tabs .nav-pills .nav-link.active i, .res-tabs .nav-pills .nav-link:hover i { color: #1766ae; }
.res-tabs .nav-pills .nav-link:before { width: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; height: 4px; background: #1766ae; content: ""; position: absolute; right: 0; bottom: 0px; }
.res-tabs .nav-pills .nav-link.active:before, .res-tabs .nav-pills .nav-link:hover:before { content: ""; display: inline-block; width: 100%; height: 4px; background: #1766ae; content: ""; position: absolute; left: 0; bottom: 0px; border-radius: 4px; }
.res-tabs .nav-pills .nav-link.active { background: transparent; padding: 30px 15px; }
.res-tabs  .show_content { width: 100%; }
.res-tabs .nav-pills .nav-link .media-body { align-self: center; text-align: left; }
.res-tabs .nav-pills .nav-link .media-body .tab-title-desc { display: none; color: #838383; transition: all 1s ease-in-out; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; opacity: 0; transform: translateY(35px); color: #838383; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.res-tabs .nav-pills .nav-link.active .tab-title-desc { display: none; transform: translateY(0px); opacity: 1; transition: all 1s ease-in-out; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -webkit-transition: all 1s; }

.res-tabs.res-tab-vertical  .nav.nav-pills { margin-bottom: 0; }
.res-tabs.res-tab-vertical  .nav.nav-pills li { width: 100%; }
.res-tabs.res-tab-vertical .nav-pills .nav-link { text-align: left;  color: #000; }
.res-tabs.res-tab-vertical .nav-pills .nav-link:before { width: 4px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; height: 0; background: #1766ae; content: ""; position: absolute; bottom: 0px; left: 0; right: auto; }
.res-tabs.res-tab-vertical .nav-pills .nav-link.active:before, .res-tabs.res-tab-vertical .nav-pills .nav-link:hover:before { width: 4px; height: 100%; }
.res-tabs.res-hosting .nav-pills .nav-link { padding:0px 0px 0px 25px;}
.res-tabs.res-hosting .nav-pills .nav-link i { padding: 0px 0px 0px 0px;width: 30px;font-size: 24px; color: #000000;
border-style: none;   margin: 0px 015px 0px 0px;}
.res-tabs.res-hosting .nav.nav-pills { border-style: solid;  border-color: #d1d0d0; border-width: 1px 1px 1px 1px;  border-radius: 10px 10px 10px 10px;  margin: 0px 0px 0px 0px;}
.res-tabs.res-hosting .nav-pills .nav-link.active i{color: #1766ae;}
.resources .tab-content p {color:#2a2a2a;font-family:'Poppins-Regular';font-size:16px;margin:20px auto 20px auto;padding: 0px;text-align: left;}
/*End tab*/

.trust-review{padding:60px 0px;position: relative;}
.trust-review p{font-family:Lato,sans-serif;font-size: 14px;}
.trust-review span{font-weight:600;font-size: 25px;}
.trust-review .img{right: 0;position: relative;}
.trust-review .lft-pdng {padding-left: 60px;}
.title { font-size: 14px; font-weight: 600; color: #000; margin: 5px 0px;}
.des{ font-size: 14px; font-weight: 500; color: #000; margin: 5px 0px;}
.name{ font-size: 14px; font-weight: 500; color: #757575;}

.add{padding: 90px 0px;position: relative;background-image: url(../images/bluebg.jpg); background-repeat: no-repeat;height: 430px;}
.add h2{color: #fff; font-family:'Poppins-Regular';font-size: 36px; width: 100%; padding: 0% 36% 0% 0%;margin-bottom: 20px;}
.add p{color:#fff;font-family:'Poppins-Regular';font-size: 22px;width: 100%;margin-bottom: 40px;}
.add a{position: relative; background: #fb8720;border-radius:4px;padding:15px 30px;color: #fff;font-family:'Poppins-SemiBold';text-decoration: none;text-transform:uppercase;transition: all .3s ease-in-out;}
.add a:hover{background: #1766ae;color: #fff;}
.add .amt{justify-content: center; display: flex;}
.add .amt h3{font-size:220px;color:#fff; font-family: 'Poppins-SemiBold';}
.add .amt h3 sup{font-size:45px; font-family: 'Poppins-Regular';top:-125px;}
.add .amt h3 span{font-size:45px; font-family: 'Poppins-Regular';}

.map{padding:60px 0px;position: relative;background:#f7fafe;}
.map h2 {padding: 0px 30px; color: #1e1e1e; font-family:'Poppins-Regular';font-size: 34px; text-align: center; width: 100%;}
.map p{color:#565559;font-family:'Poppins-Regular';font-size:18px;text-align: center;margin:0 auto 50px auto;padding: 0% 20% 0% 20%;}
.map img{text-align: center;margin:0 auto;}

.article{padding:0px 0px 30px 0px;position: relative;}
.article h2{padding: 0px 30px; color: #333; font-family:'Poppins-Medium';font-size:24px; width: 100%;}
.article ul{padding:8px 0px;  margin-bottom: 0px;}
.article ul li{padding:0px 15px 8px 15px}
.article ul li a{font-family: Lato, sans-serif;font-size:18px; font-weight:700; color:#f0560a;text-decoration: none;}
.article ul li a:hover{color:#000;}
.article ul li a i{margin-right: 5px;}

.pdng{padding: 10px 0px;}

@media only screen and (min-width:320px)and (max-width:479px){
  .inner-banner {padding-top: 20px;height: 500px;background: #204b6a;}
  .inner-banner h1{font-size: 35px;}
  .inner-banner p{font-size: 16px;line-height: 24px;margin-bottom: 15px;}
  .inner-banner ul{padding: 0px 0px 10px 0px;}
  .inner-banner ul li{font-size: 16px;}
  .inner-banner h2{font-size: 25px;}
  .inner-banner .amt{width: 34%;}
  .inner-banner .amt h3{font-size:40px;}
  .inner-banner .amt h3 sup{font-size: 16px;top: -16px;}
  .inner-banner a{font-size: 14px;padding: 12px 20px;top: 32px;}
  .banner{padding-top: 120px;}
  .banner .banner-content h1 {font-size: 60px;}  
  .banner .banner-content p {font-size: 16px;margin-bottom: 16px;}
  .plans{padding:40px 0 0px 0;}
  .plans h3{font-size:22px;}
  .plans h1{font-size:32px;}
  .plans p{font-size:14px;margin-bottom: 5px;margin-top:0px}
  .plan-amt h3 sup{top: -5px;font-size: 16px;}
  .plans section {margin-left: 40px;}
  .plans section p{padding: 18px 0px;}

  .plan-wrap{padding: 30px 20px 20px 20px;}
  .planbg{background:none;}
  .plan-head{padding-bottom: 15px;}
  .price-section{width: 100%;}
  .popular-tag{top: -20px;left: 0;width: 100%;font-size: 18px;}
  .bg-table thead th{font-size: 20px;}
  .review{padding:0px 0px 30px 80px;}
  .review .lft-pdng{padding-left: 15px;}
  .chp{padding: 30px 0px;}
.chp p a{font-size: 20px;}
.chp p a i{font-size: 18px;}

  .whtlbl{padding:0px 20px 30px 20px;}
  .whtlbl p{font-size: 14px; padding: 0px;}

  .call section{margin: 0px 20px;}
  .call section img{top:-18px;width: 40%;margin: 0 auto;left: 0;right: 0;}
  .call section p{left:0%;padding: 40px 40px 10px 40px;}

  .choose{padding: 30px 0px;}
  .choose h2{font-size:18px;padding: 0% 3%;margin-bottom: 10px;}
  .choose p{font-size: 14px!important;padding: 0% 5%;margin: 0 auto 10px auto;}
  .choose ul{margin-bottom: 0px;}
  .choose ul li{padding: 10px 20px 0px 20px;}
  .choose ul li::before{font-size: 16px;top: 0px;}
  .choose ul li span{font-size: 16px;}
  .choose ul li p{font-size: 14px !important;margin: 0px 0px 10px 0px;}

  .hosting h2{font-size: 22px;padding-top: 0px;}
  .hosting p{font-size: 14px;}
  .hosting .but{top: 0%;}
  .hosting .but a{padding: 10px 20px}
  .hosting .but a i{padding: 8px 10px;}

  .trust-review{padding: 30px 0px;}
  .trust-review .lft-pdng{padding-left: 15px;}
  .trust-review span{width: 100%; display: inline-block;}

  .add{padding: 30px 0px;text-align: center;height: 340px;}
  .add h2{font-size: 22px;text-align: center;padding: 0% 5% 0% 5%;}
  .add p{font-size: 14px;margin: 0 auto 30px auto;}
  .add a{padding: 10px 30px;}
  .add .amt{margin-top: 10px;}
  .add .amt h3{font-size: 100px;}
  .add .amt h3 sup{font-size: 30px;top: -50px;}
  .add .amt h3 span{font-size: 30px;}

  .map{padding: 30px 0px;}
  .map h2{font-size: 22px;padding: 5px 0px;}
  .map p{font-size: 14px;margin: 0 auto 30px auto;padding: 0px;}

  .article{padding: 20px 0px;}
  .article h2{font-size: 22px;padding: 0px 15px;}
  .article ul{padding: 0px;}
  .article ul li{padding: 0px 5px 5px 0px;}
  .article ul li a{font-size: 16px;}
  .article ul li a i{font-size: 14px;}
}
@media only screen and (min-width:480px) and (max-width:767px){
  .inner-banner {padding-top: 20px;height: 550px;background: #204b6a;}
  .inner-banner h1{font-size: 35px;}
  .inner-banner p{font-size: 16px;line-height: 24px;margin-bottom: 15px;}
  .inner-banner ul{padding: 0px 0px 10px 0px;}
  .inner-banner ul li{font-size: 16px;}
  .inner-banner h2{font-size: 25px;}
  .inner-banner .amt{width: 34%;}
  .inner-banner .amt h3{font-size:40px;}
  .inner-banner .amt h3 sup{font-size: 16px;top: -12px;}
  .inner-banner a{font-size: 14px;padding: 12px 20px;}
  .banner{padding-top: 120px;}
  .banner .banner-content h1 {font-size: 60px;}  
  .banner .banner-content p {font-size: 16px;margin-bottom: 16px;}
  .plans{padding:40px 0 0px 0;}
  .plans h3{font-size:22px;}
  .plans h1{font-size:32px;}
  .plans p{font-size:14px;margin-bottom: 5px;margin-top:0px}
  .plan-amt h3 sup{top: -5px;font-size: 16px;}
  .plans section {margin-left: 40px;}
  .plans section p{padding: 18px 0px;}

  .plan-wrap{padding:30px 20px 20px 20px;}
  .plan-head{padding-bottom:15px;}
  .price-section{width: 100%;}
  .popular-tag{top: -30px;left: 0;right: 0;}
  .bg-table thead th{font-size: 20px;}
  .review{padding:0px 0px 30px 80px;}
  .review .lft-pdng{padding-left: 15px;}
  .chp{padding: 30px 0px;}
.chp p a{font-size: 20px;}
.chp p a i{font-size: 18px;}

  .whtlbl{padding: 30px 20px;}
  .whtlbl p{font-size: 14px; padding: 0px;}

  .call section{margin: 0px 20px;}
  .call section img{top:-18px;width: 40%;margin: 0 auto;left: 0;right: 0;}
  .call section p{left:0%;padding: 40px 10px 10px 50px;}

  .choose{padding: 30px 0px;}
  .choose h2{font-size:18px;padding: 0% 3%;margin-bottom: 10px;}
  .choose p{font-size: 14px!important;padding: 0% 5%;margin: 0 auto 10px auto;}
  .choose ul{margin-bottom: 0px;}
  .choose ul li{padding: 10px 20px 0px 20px;}
  .choose ul li::before{font-size: 16px;top: 0px;}
  .choose ul li span{font-size: 16px;}
  .choose ul li p{font-size: 14px !important;margin: 0px 0px 10px 0px;}

  .hosting h2{font-size: 22px;padding-top: 0px;}
  .hosting p{font-size: 14px;}
  .hosting .but{top: 0%;}
  .hosting .but a{padding: 10px 20px}
  .hosting .but a i{padding: 8px 10px;}

  .trust-review{padding: 30px 0px;}
  .trust-review .lft-pdng{padding-left: 15px;}
  .trust-review span{width: 100%; display: inline-block;}

  .add{padding: 30px 0px;text-align: center;height: 340px;}
  .add h2{font-size: 22px;text-align: center;padding: 0% 5% 0% 5%;}
  .add p{font-size: 14px;margin: 0 auto 30px auto;}
  .add a{padding: 10px 30px;}
  .add .amt{margin-top: 10px;}
  .add .amt h3{font-size: 100px;}
  .add .amt h3 sup{font-size: 30px;top: -50px;}
  .add .amt h3 span{font-size: 30px;}

  .map{padding: 30px 0px;}
  .map h2{font-size: 22px;padding: 5px 0px;}
  .map p{font-size: 14px;margin: 0 auto 30px auto;padding: 0px;}
  .article{padding: 20px 0px;}
  .article h2{font-size: 22px;padding: 0px 15px;}
  .article ul{padding: 0px;}
  .article ul li{padding: 0px 5px 5px 0px;}
  .article ul li a{font-size: 16px;}
  .article ul li a i{font-size: 14px;}
}
@media only screen and (min-width:768px) and (max-width:1024px){
  .inner-banner {padding-top: 20px;height: 450px;background: #204b6a;}
  .inner-banner h1{font-size: 35px;}
  .inner-banner p{font-size: 16px;line-height: 24px;margin-bottom: 15px;}
  .inner-banner ul{padding: 0px 0px 10px 0px;}
  .inner-banner ul li{font-size: 16px;}
  .inner-banner h2{font-size: 25px;}
  .inner-banner .amt h3{font-size: 40px;}
  .inner-banner .amt h3 sup{font-size: 16px;top: -12px;}
  .inner-banner a{font-size: 14px;padding: 12px 20px;top: 32px;}
  .banner{padding-top: 120px;}
  .banner .banner-content h1 {font-size: 60px;}  
  .banner .banner-content p {font-size: 16px;margin-bottom: 16px;}
.plans{padding:40px 0 0px 0;}
  .plans h3{font-size:22px;margin-bottom: 0px;}
  .plans h1{font-size:32px;}
  .plans p{font-size:14px;margin-bottom: 5px;margin-top:0px;padding: 0px;}
  .plan-amt h3 sup{top: -5px;font-size: 16px;}
  .plans section {margin-left: 40px;}
  .plans section p{padding: 18px 0px;}

  .plan-wrap{padding:30px 20px 20px 20px;}
  .plan-head{padding-bottom:15px;}
  .price-section{width: 100%;}
  .popular-tag{font-size: 16px;padding: 0px 10px 0px 30px;}

  .bg-table thead th{font-size: 20px;}
  .review{padding:0px 0px 30px 20px;}
  .review .lft-pdng{padding-left: 15px;}
  .chp{padding: 30px 0px;}
.chp p a{font-size: 20px;}
.chp p a i{font-size: 18px;}
  .chp p{margin-bottom: 0px;}

  .review .lft-pdng{padding-left: 15px;}

  .whtlbl{padding: 0px 20px 30px 20px;}
  .whtlbl p{font-size: 14px; padding: 0px;}

  .call section img{margin-left: -7%;}

  .choose{padding: 30px 0px;}
  .choose h2{font-size:18px;padding: 0% 3%;margin-bottom: 10px;}
  .choose p{font-size: 14px!important;padding: 0% 5%;margin: 0 auto 10px auto;}
  .choose ul{margin-bottom: 0px;}
  .choose ul li{padding: 10px 20px 0px 20px;}
  .choose ul li::before{font-size: 16px;top: 0px;}
  .choose ul li span{font-size: 16px;}
  .choose ul li p{font-size: 14px !important;margin: 0px 0px 10px 0px;}

  .hosting h2{font-size: 22px;padding-top: 0px;}
  .hosting p{font-size: 14px;}
  .hosting .but{top: 30%;}
  .hosting .but a{padding: 10px 20px}
  .hosting .but a i{padding: 8px 10px;}

  .trust-review{padding: 30px 0px;}
  .trust-review .lft-pdng{padding-left: 15px;}
  .trust-review span{width: 100%; display: inline-block;}

  .add{padding: 30px 0px;height: 240px;}
  .add h2{font-size: 24px;padding:0% 5% 0% 0%;}
  .add p{font-size: 14px;margin: 0 auto 30px auto;}
  .add a{padding: 10px 30px;}
  .add .amt{margin-top: 10px;}
  .add .amt h3{font-size: 100px;}
  .add .amt h3 sup{font-size: 30px;top: -50px;}
  .add .amt h3 span{font-size: 30px;}

  .map{padding: 30px 0px;}
  .map h2{font-size: 22px;padding: 5px 0px;}
  .map p{font-size: 14px;margin: 0 auto 30px auto;padding: 0px;}

  .article{padding: 20px 0px;}
  .article h2{font-size: 22px;padding: 0px 15px;}
  .article ul{padding: 0px;}
  .article ul li{padding: 0px 5px 5px 0px;}
  .article ul li a{font-size: 16px;}
  .article ul li a i{font-size: 14px;}
}
@media only screen and (min-width:1024px) and (max-width:1280px) {
  .banner{padding-top: 140px;}
  .banner .banner-content h1 {font-size: 50px;}  
  .banner .banner-content p {font-size: 20px;margin-bottom: 16px;}
  .mrlft{margin-left: 120px}

} 
/*@media only screen and (min-width:1200px) and (max-width:1280px){
  .plans{padding:40px 20px;} 
}*/
@media only screen and (min-width: 1200px) and (max-width: 1440px){
    .inner-banner {padding-top: 20px;height: 450px;}
    .inner-banner h1{font-size: 35px;}
    .inner-banner p{font-size: 16px;line-height: 24px;margin-bottom: 15px;}
    .inner-banner ul{padding: 0px 0px 10px 0px;}
    .inner-banner ul li{font-size: 16px;}
    .inner-banner h2{font-size: 25px;}
    .inner-banner .amt h3{font-size: 30px;}
    .inner-banner .amt h3 sup{font-size: 16px;top: -12px;}
    .inner-banner a{font-size: 14px;padding: 12px 20px;top: 20px;}

    .call section img{margin-left: -4%;}
}
/* @media only screen (max-width:1920px)  */
@media (min-width: 1080px) {
  .inner-banner {
      padding-top: 40px;
      height: 450px;
  }
  .inner-banner h1 {
      font-size: 35px;
  }
  .inner-banner p {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 15px;
  }
  .inner-banner ul {
      padding: 0px 0px 10px 0px;
  }
  .inner-banner ul li {
      font-size: 16px;
  }
  .inner-banner h2 {
      font-size: 25px;
  }
  .inner-banner .amt {
      width:20%;
  }
  .inner-banner .amt h3 {
      font-size: 30px;
  }
  .inner-banner .amt h3 sup {
      font-size: 16px;
      top: -12px;
  }
  .inner-banner a {
      padding: 12px 20px;
      top: 16px;
      left: 0px;
  }

  .choose section .circle{left: 6%;width: 60%;height: 48px;}
  .choose section img{left:4%;top:4%;}
  /*.choose section .txt{left: 0%;width: 90%;padding: 0px 20px;}
  .choose section .txt h3{font-size: 18px;}
  .choose section .txt p{font-size: 14px;line-height: 20px;margin-bottom: 0px;}
  .doted-line {left: 10%;top: 10px;}
   */
}

@media (min-width:1920px) {
  .inner-banner {padding-top: 50px;height: 650px;}
  .inner-banner h1 {font-size: 52px;}
  .inner-banner p {font-size: 24px;line-height: 30px;margin-bottom: 20px;}
  .inner-banner ul {padding: 0px 0px 10px 0px;}
  .inner-banner ul li {font-size: 18px; }
  .inner-banner h2 {font-size: 30px;padding: 0% 15% 0% 0%;}
  .inner-banner .amt {width: 14%;}
  .inner-banner .amt h3 {font-size: 50px;}
  .inner-banner .amt h3 sup {font-size: 26px;top: -22px;}
  .inner-banner a {padding: 15px 30px;top: 42px;left: 10px;}
  .choose section .circle{  left: 6%;width: 60%;height:80px;float:none;}
  .choose section img{left: 14%;top: 14%;}
   /*.choose section .txt{left: 0%;padding: 0px 20px;}
  .choose section .txt h3{font-size: 18px;}
  .choose section .txt p{font-size: 14px;line-height: 20px;margin-bottom: 0px;}
  .doted-line {left: 10%;top: 10px;} */
}