/*font-family: 'Nunito', sans-serif;
font-family: 'Open Sans', sans-serif;*/
:root {
  --py-font:'Open Sans', sans-serif ;	
  --py-heading:'Nunito', sans-serif;
  --py-primary:#3b495c;
  --py-secondary:#ff9b01;
  --py-primary-dark:#1e0f3a;
  --py-base:#2f0648;	
  --py-black:#1a1a1a;
  --py-green:#41C281;	
  --py-white:#ffffff;
  --py-text-body:#363636;
  --py-text-dark:#1d1e20;
  --py-text-light:#aea5bf;
  --py-bg-dark:#0f0717;
  --py-bg-light:#f6f6f6;
  --py-bg-light-2:#ebebf6;
  --py-bg-light-3:#f5f9f3;
  --py-border-dark:#212529;
  --py-border-light:#eaeaea;
}
body {font-family:var(--py-font);;font-style: normal; font-size:15px; font-weight: 500; line-height: 1.5; color:var(--py-text-body); padding: 0; margin: 0;}
html, body{width: 100%;overflow-x: clip;}
.page-wrapper { overflow-x: hidden; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 700; color:var(--py-secondary); font-family:var(--py-heading);}
h1, .h1 { font-size: 80px; font-style: normal; line-height: 88px;}
h2, .h2 { font-size: 50px; font-style: normal; line-height: 60px; font-weight: normal;}
h3, .h3 { font-size: 42px; font-style: normal; line-height: 46px; }
h4, .h4 { font-size: 30px; font-style: normal; line-height: 40px; }
h5, .h5 { font-size: 24px; font-style: normal; line-height: 34px; }
h6, .h6 { font-size: 20px; font-style: normal; line-height: 30px; }
p { line-height: 1.7; }
.lead { font-size: 1.25rem; font-weight: 500; }
.z-index-1 {z-index: 99; position: relative;}
section{padding:2rem 0}
.title-bg:before{content: ""; position: absolute; left: 0; bottom: 5px; background: red; width: 100%; height: 15px; opacity: 0.1}
.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before {line-height: inherit;}
a {color:var(--py-primary);}
a:hover { color: var(--py-secondary);}
a.text-dark:hover { color: var(--py-primary) !important;}
/*Transition*/
a, i, .btn, button, img, span, .dropdown-item, .f-icon-hover, .hover-translate { -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; }
a, a:hover { text-decoration: none; }
.hover-translate:hover { -webkit-transform: translate3d(0, -10px, 0); -moz-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
.font-w-3 { font-weight: 300; }
.font-w-4 { font-weight: 400; }
.font-w-5 { font-weight: 500; }
.font-w-6 { font-weight: 600; }
.font-w-7 { font-weight: 700; }
.font-w-8 { font-weight: 800; }
.font-w-9 { font-weight: 900; }
/*Button*/
.btn { font-weight: 600; padding: 0.75rem 1.25rem; border-radius:5px;}
.btn-primary {font-size: 16px; color:var(--py-white); background-color: var(--py-primary); border-color: var(--py-primary); }
.btn-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle { color:var(--py-primary); background-color: var(--py-white); border-color:var(--py-primary); }
.btn-outline-primary { color: var(--py-primary); border-color: var(--py-primary); }
.btn-outline-primary:hover { color: var(--py-primary); background-color: var(--white); border-color: var(--py-primary); }
.btn-dark {font-size: 18px; background-color:var(--py-base); border-color:var(--py-base); }
.btn-dark:hover { color:var(--py-base); background-color:var(--py-white); border-color:var(--py-base); }
.btn.focus, .btn:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: none; }
button:focus { outline: none; }
.btn-block { display: block; width: 100%; }
.btn-link{color: var(--py-text-dark); text-decoration: none;}
.btn-link:hover{color: var(--py-primary);}
.btn-primary:hover, .btn-dark:hover {background-color:var(--py-primary-dark);border-color: var(--py-primary-dark);color:var(--py-white);}
.btn-outline-white{
  background-color: transparent;
  color:var(--py-white);
  display: inline-flex;
  align-items: center;
  font-size: 18px;
  text-align: center;
  position: relative;
  transition: 0.4s;
  overflow: hidden;
  border: 1px solid var(--py-white)
}
.btn-outline-white:hover {
  background-color:var(--py-white);
  color: var(--py-primary)
}
.btn-arrow { position: relative; display: inline-block; padding: 8px 0; }
.btn-arrow:before { content: ""; display: block; width: 40px; height: 1px; background-color: #5a5351; top: 50%; transition: width 0.5s ease-out; }
.btn-arrow:after { content: ""; display: block; width: 10px; height: 10px; border-top: 1px solid #5a5351; border-right: 1px solid #5a5351; transform: rotate(45deg); top: calc(50% - 5px); position: absolute; right: 1px; }
.btn-arrow:hover { cursor: pointer; }
.btn-arrow:hover:before { width: 60px; background-color: var(--py-primary); }
.btn-arrow:hover:after { border-top-color: var(--py-primary); border-right-color: var(--py-primary); }
/*Background*/
.bg-primary { background-color: var(--py-primary) !important; }
.bg-light { background-color: var(--py-bg-light) !important; }
.bg-light-2 { background-color: var(--py-bg-light-2) !important; }
.bg-light-3 { background-color: var(--py-bg-light-3) !important; }
.bg-dark { background-color: var(--py-bg-dark) !important; }
/*Text Color */
.text-dark{color: var(--py-text-dark) !important;}
.text-primary {color: var(--py-primary) !important;}
/*Border*/
.border-light { border-color: var(--py-border-light) !important; }
/*Shadow*/
.shadow-primary { -webkit-box-shadow: 0 0.5rem 1rem rgba(110, 0, 255, .15) !important; box-shadow: 0 0.5rem 1rem rgba(110, 0, 255, .15) !important; }
.shadow-sm { box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important; }
.shadow { box-shadow: 0 10px 55px 5px rgba(137, 173, 255, .15) !important; }
.shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important; }
.shadow-none { box-shadow: none !important; }
.block-text {font-size: 15px;line-height: 2.125;color:var(--mb-primary);margin-bottom: 0;font-weight: 500;}
.subtitle-one {
  position: relative;
  color: var(--py-primary);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.87;
  display: inline-block;
  margin-bottom:25px;
  background: rgba(14, 89, 242, 0.1019607843);
  padding: 1px 25px;
  border-radius: 10px;
}

@media (min-width: 992px) { 
.block-text {font-size:16px;} 
}
.block-title {margin-bottom:30px;}
@media (min-width: 1200px) {
.block-title {margin-bottom:60px;} 
}
.block-title p {margin: 0;font-size:32px;font-weight:700;color:var(--py-border-dark);line-height:1;margin-top:10px;margin-bottom:18px;font-family:var(--py-heading)}
@media (min-width: 1440px) { 
.block-title p {font-size:27px;} 
}
.block-title h3 {margin:0;font-size:38px;color:var(--py-secondary);font-family:var(--py-heading);font-weight:800;}
@media (min-width: 1440px) { 
.block-title h3 {font-size:36px;} 
}
/* MD Device :768px. Ipad Vertical Portrait*/
@media (min-width: 768px) and (max-width: 991px) {
/*Title*/	
.block-title p, .block-title h3 {text-align:center;}	
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
/*Title*/	
.block-title p, .block-title h3 {text-align:center;}	
}
/* Custom Layout */
@media only screen and (max-width: 480px) {
/*Title*/
.block-title h3 {font-size:27px;line-height:36px;}
.block-title p {font-size:18px; margin-bottom:5px;}
}
/*Header*/
.vs-header {
  position: relative;
  z-index:41;
  background-color:var(--py-primary);
  padding-bottom:35px;
  border-bottom:5px solid var(--py-secondary);
}

.header-inner {
  margin-top: -30px;
  position: relative;
  background:var(--py-primary);
  padding: 20px 50px 0 50px;
  border-radius: 20px;
}
@media (max-width: 1199px) {
  .header-inner {
    padding: 20px 20px 0 20px;
  }
}
@media (max-width: 991px) {
  .header-inner {
    margin-top: -44px;
    padding: 5px 15px;
  }
}
.header-inner.style2 {
  margin-top: 0;
  padding: 25px 0;
  border-radius: 0;
}
.header-inner.style2 .btn-primary {
  background-color: var(--py-secondary);
  border-color: var(--py-secondary);
  margin-left: 25px;
}
@media (max-width: 991px) {
  .header-inner.style2 {
    padding: 0 0;
  }
}

.vs-navbar {
  background: rgb(80,91,112);
  background: linear-gradient(180deg, rgba(80,91,112,1) 0%, rgba(38,45,58,1) 100%);
  padding: 0 50px;
  border-radius: 10px;
  margin-bottom: -35px;
}
@media (max-width: 1199px) {
  .vs-navbar {
    padding: 0 20px;
  }
}
@media (max-width: 991px) {
  .vs-navbar {
    margin-bottom: 0;
  }
}
.vs-navbar.will-sticky .sticky-active {
  background-color:var(--py-primary);
}
.vs-navbar.style3 {
  padding: 0 40px 0 0;
  background-color: var(--white-color);
  margin: -55px 0;
}
@media (max-width: 1399px) {
  .vs-navbar.style3 {
    padding: 0 15px 0 0;
  }
}
.vs-navbar.style3 .header-logo {
  padding: 25px 40px;
  background-color: var(--theme-color);
  border-radius: 8px 0px 0px 8px;
  margin-left: -1px;
}
@media (max-width: 767px) {
  .vs-navbar.style3 .header-logo {
    padding: 10px 20px;
  }
}
.vs-navbar.style3.will-sticky .sticky-active {
  background-color: var(--white-color);
  padding: 0 15px 0 0;
}
.vs-navbar.style3.will-sticky .sticky-active .header-logo {
  border-radius: 0;
}
@media (max-width: 991px) {
  .vs-navbar.style3.will-sticky .sticky-active .header-logo {
    padding: 10px 15px;
  }
}

.will-sticky .sticky-active {
  position: fixed;
  top: -100%;
  right: 0;
  left: 0;
  background-color: var(--white-color);
  transition: all ease 0.8s;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
  padding: 0 27px;
}
.will-sticky .sticky-active .custom-container {
  max-width: calc(var(--main-container) + var(--container-gutters));
  margin: 0 auto;
}
.will-sticky .sticky-active.active {
  top: 0;
}

.main-menu a,
.menu-style2 a,
.menu-style3 a {
  display: block;
  position: relative;
  font-family: var(--py-font);
  font-weight: 500;
  font-size: 16px;
  color: var(--py-white);
  text-transform: uppercase;
}
.main-menu a:hover,
.menu-style2 a:hover,
.menu-style3 a:hover {
  color: var(--py-secondary);
}
.main-menu > ul > li > a .new-label,
.menu-style2 > ul > li > a .new-label,
.menu-style3 > ul > li > a .new-label {
  position: absolute;
  top: -10px;
  right: -27px;
  font-size: 11px;
  border-radius: 3px;
}
.main-menu > ul > li > a .has-new-lable,
.menu-style2 > ul > li > a .has-new-lable,
.menu-style3 > ul > li > a .has-new-lable {
  position: relative;
}
.main-menu ul,
.menu-style2 ul,
.menu-style3 ul {
  margin: 0;
  padding: 0;
}
.main-menu ul li,
.menu-style2 ul li,
.menu-style3 ul li {
  list-style-type: none;
  display: inline-block;
  position: relative;
}
.main-menu ul li.menu-item-has-children > a:after,
.menu-style2 ul li.menu-item-has-children > a:after,
.menu-style3 ul li.menu-item-has-children > a:after {
  content: "\f078";
  position: relative;
  font-family: var(--icon-font);
  margin-left: 5px;
  font-size: 0.8rem;
}
.main-menu ul li:last-child,
.menu-style2 ul li:last-child,
.menu-style3 ul li:last-child {
  margin-right: 0;
}
.main-menu ul li:first-child,
.menu-style2 ul li:first-child,
.menu-style3 ul li:first-child {
  margin-left: 0;
}
.main-menu ul li:hover > ul.sub-menu,
.main-menu ul li:hover ul.mega-menu,
.menu-style2 ul li:hover > ul.sub-menu,
.menu-style2 ul li:hover ul.mega-menu,
.menu-style3 ul li:hover > ul.sub-menu,
.menu-style3 ul li:hover ul.mega-menu {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
  z-index: 9;
}
.main-menu ul.sub-menu,
.main-menu ul.mega-menu,
.menu-style2 ul.sub-menu,
.menu-style2 ul.mega-menu,
.menu-style3 ul.sub-menu,
.menu-style3 ul.mega-menu {
  position: absolute;
  text-align: left;
  top: 100%;
  left: 0;
  background-color: var(--white-color);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  visibility: hidden;
  min-width: 190px;
  width: -moz-max-content;
  width: max-content;
  padding: 7px;
  left: -14px;
  margin-top: 50px;
  opacity: 0;
  z-index: -1;
  border-bottom: 3px solid var(--theme-color);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.09), 0px 3px 0px 0px rgba(231, 13, 60, 0.004);
  transform-origin: top center;
  transition: margin-top 0.4s ease-in-out 0s, visibility 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s, z-index 0s;
}
.main-menu ul.sub-menu a,
.main-menu ul.mega-menu a,
.menu-style2 ul.sub-menu a,
.menu-style2 ul.mega-menu a,
.menu-style3 ul.sub-menu a,
.menu-style3 ul.mega-menu a {
  font-size: 16px;
  line-height: 30px;
}
.main-menu ul.sub-menu,
.menu-style2 ul.sub-menu,
.menu-style3 ul.sub-menu {
  padding: 18px 20px;
  left: -27px;
}
.main-menu ul.sub-menu li,
.menu-style2 ul.sub-menu li,
.menu-style3 ul.sub-menu li {
  display: block;
  margin: 0 0;
  padding: 5px 0px;
}
.main-menu ul.sub-menu li.menu-item-has-children > a:after,
.menu-style2 ul.sub-menu li.menu-item-has-children > a:after,
.menu-style3 ul.sub-menu li.menu-item-has-children > a:after {
  content: "\f105";
  float: right;
  top: 3px;
}
.main-menu ul.sub-menu li a,
.menu-style2 ul.sub-menu li a,
.menu-style3 ul.sub-menu li a {
  position: relative;
  padding-left: 0px;
}
.main-menu ul.sub-menu li a:before,
.menu-style2 ul.sub-menu li a:before,
.menu-style3 ul.sub-menu li a:before {
  content: "\f105";
  font-family: var(--icon-font);
  font-weight: 400;
  margin: 0 10px 0 0;
}
.main-menu ul.sub-menu li ul.sub-menu,
.menu-style2 ul.sub-menu li ul.sub-menu,
.menu-style3 ul.sub-menu li ul.sub-menu {
  left: 100%;
  right: auto;
  top: 0;
  margin: 0 0;
  margin-left: 20px;
}
.main-menu ul.sub-menu li ul.sub-menu li ul,
.menu-style2 ul.sub-menu li ul.sub-menu li ul,
.menu-style3 ul.sub-menu li ul.sub-menu li ul {
  left: 100%;
  right: auto;
}
.main-menu .mega-menu-wrap,
.menu-style2 .mega-menu-wrap,
.menu-style3 .mega-menu-wrap {
  position: static;
}
.main-menu ul.mega-menu,
.menu-style2 ul.mega-menu,
.menu-style3 ul.mega-menu {
  display: flex;
  justify-content: space-between;
  text-align: left;
  width: 100%;
  max-width: var(--main-container);
  padding: 20px 15px 23px 15px;
  left: 50%;
  transform: translateX(-50%);
}
.main-menu ul.mega-menu .main-menu ul.mega-menu > li > ul > li > a,
.menu-style2 ul.mega-menu .main-menu ul.mega-menu > li > ul > li > a,
.menu-style3 ul.mega-menu .main-menu ul.mega-menu > li > ul > li > a {
  position: relative;
}
.main-menu ul.mega-menu li,
.menu-style2 ul.mega-menu li,
.menu-style3 ul.mega-menu li {
  display: block;
  width: 100%;
  padding: 0 15px;
}
.main-menu ul.mega-menu li li,
.menu-style2 ul.mega-menu li li,
.menu-style3 ul.mega-menu li li {
  padding: 4px 0;
}
.main-menu ul.mega-menu li a,
.menu-style2 ul.mega-menu li a,
.menu-style3 ul.mega-menu li a {
  display: inline-block;
}
.main-menu ul.mega-menu > li > a,
.menu-style2 ul.mega-menu > li > a,
.menu-style3 ul.mega-menu > li > a {
  display: block;
  padding: 0;
  padding-bottom: 15px;
  margin-bottom: 10px;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-weight: 700;
  color: var(--title-color);
  border-color:var(--py-secondary);
}
.main-menu ul.mega-menu > li > a::after, .main-menu ul.mega-menu > li > a::before,
.menu-style2 ul.mega-menu > li > a::after,
.menu-style2 ul.mega-menu > li > a::before,
.menu-style3 ul.mega-menu > li > a::after,
.menu-style3 ul.mega-menu > li > a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 15px;
  height: 1px;
  background-color:var(--py-secondary);
}
.main-menu ul.mega-menu > li > a::after,
.menu-style2 ul.mega-menu > li > a::after,
.menu-style3 ul.mega-menu > li > a::after {
  width: calc(100% - 20px);
  left: 20px;
}
.main-menu ul.mega-menu > li > a:hover,
.menu-style2 ul.mega-menu > li > a:hover,
.menu-style3 ul.mega-menu > li > a:hover {
  padding-left: 0;
}
.main-menu ul.mega-menu > li > ul > li > a:before,
.menu-style2 ul.mega-menu > li > ul > li > a:before,
.menu-style3 ul.mega-menu > li > ul > li > a:before {
  content: "\f105";
  font-family: var(--icon-font);
  font-weight: 400;
  margin: 0 10px 0 0;
}

.menu-style1 > ul > li > a,
.menu-style2 > ul > li > a,
.menu-style3 > ul > li > a {
  padding: 26px 0;
  padding-right: 20px;
  margin-right: 20px;
}
@media (max-width: 1199px) {
  .menu-style1 > ul > li > a,
  .menu-style2 > ul > li > a,
  .menu-style3 > ul > li > a {
    padding-right: 13px;
    margin-right: 13px;
  }
}
.menu-style1 > ul > li > a::before,
.menu-style2 > ul > li > a::before,
.menu-style3 > ul > li > a::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 15px;
  background-color:var(--py-secondary);
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.menu-style1 > ul > li:last-child a,
.menu-style2 > ul > li:last-child a,
.menu-style3 > ul > li:last-child a {
  padding-right: 0;
  margin-right: 0;
}
.menu-style1 > ul > li:last-child a::before,
.menu-style2 > ul > li:last-child a::before,
.menu-style3 > ul > li:last-child a::before {
  display: none;
}

.menu-style1 a:hover {
  color: var(--py-secondary);
}
.menu-style1 ul.mega-menu {
  border-radius: 20px;
}

.menu-style2 ul.mega-menu {
  border-radius: 10px;
}
.menu-style2 a {
  color:var(--py-white);
  transition: all 0.3s ease-in-out;
}
.menu-style2 a:hover {
  color: var(--py-secondary);
}
.menu-style2 a::after {
  display: inline-block;
  transition: all 0.3s ease-in-out;
}
.menu-style2 > ul > li > a {
  padding: 21px 0;
  padding-right: 20px;
  margin-right: 20px;
}
.menu-style2 > ul > li:hover > a {
  color: var(--py-secondary);
  transition: all 0.3s ease-in-out;
}
.menu-style2 > ul > li:hover > a::after {
  transition: all 0.3s ease-in-out;
  transform: scaleY(-1);
}
.menu-style2 ul.sub-menu li a,
.menu-style2 ul.mega-menu li a {
  color: var(--sec-color);
}
.menu-style2 ul.sub-menu li a:hover,
.menu-style2 ul.mega-menu li a:hover {
  color: var(--theme-color);
}

.menu-style3 {
  text-align: center;
}
.menu-style3 ul.mega-menu {
  border-radius: 10px;
}
.menu-style3 a:hover {
  color: var(--theme-color);
}
.menu-style3 > ul > li > a {
  padding: 41px 0;
  padding-right: 20px;
  margin-right: 20px;
}
@media (max-width: 1399px) {
  .menu-style3 > ul > li > a {
    padding-right: 10px;
    margin-right: 10px;
  }
}

.header-text {
  margin: 0;
  color: var(--white-color);
}
.header-text i {
  margin-right: 10px;
}
.header-text.style2 {
  display: inline-flex;
  padding-right: 30px;
  margin-right: 26px;
  position: relative;
}
@media (max-width: 1399px) {
  .header-text.style2 {
    padding-right: 15px;
    margin-right: 15px;
  }
}
.header-text.style2::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background-color: var(--white-color);
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.header-text.style2:last-child {
  padding-right: 0;
  margin-right: 0;
}
.header-text.style2:last-child::after {
  display: none;
}
.header-text.style2 span {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white-color);
  color: var(--title-color);
  border-radius: 50%;
  margin-right: 10px;
}
.header-text.style2 i {
  margin-right: 0;
}
.header-text.style2 a {
  color: var(--white-color);
  position: relative;
}
.header-text.style2 a::after {
  position: absolute;
  content: "";
  width: 0%;
  height: 1px;
  background-color: var(--white-color);
  bottom: -2px;
  right: 0;
  transition: all 0.3s ease-in-out;
}
.header-text.style2 a:hover {
  color: var(--white-color);
}
.header-text.style2 a:hover::after {
  width: 100%;
  left: 0;
}

.header-info {
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 30px;
  padding-left: 30px;
  border-left: 2px solid var(--border-color);
}
.header-info:nth-child(2) {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}
.header-info_icon {
  color: var(--py-white);
  font-size: 24px;
  margin-right: 20px;
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--py-secondary);
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.header-info_label {
  font-size: 14px;
  display: block;
  margin-bottom: 0;
  font-weight: 400;
  color: var(--py-white);
}
.header-info_link {
  color: var(--py-white);
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}
.header-info_link a {
  color: inherit;
}
.header-info_link a:hover {
  color: var(--theme-color);
}
.header-info:hover .header-info_icon {
  background-color: var(--py-white);
  color: var(--py-secondary);
}

.header-search {
  display: flex;
  width: 205px;
  max-width: 100%;
  margin-right: 30px;
}
.header-search input {
  flex: 1;
  border: none;
  padding: 0 20px 0 20px;
  height: 35px;
  width: 100%;
  border-radius: 4px;
  transition: all ease 0.4s;
  font-size: 16px;
  background-color: transparent;
  color: var(--title-color);
}
.header-search input::-moz-placeholder {
  color: var(--title-color);
}
.header-search input::placeholder {
  color: var(--title-color);
}
.header-search input:focus {
  background-color: transparent;
}
.header-search button {
  border: none;
  background-color: transparent;
  padding: 0;
}
.header-search button:hover {
  background-color: transparent;
}
.header-search input:focus {
  padding: 0 20px 0 20px;
  background-color: transparent;
}
.header-search.v2, .header-search.v3 {
  justify-content: flex-end;
  padding-right: 30px;
  margin-right: 30px;
  position: relative;
}
.header-search.v2::after, .header-search.v3::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 25px;
  background-color: var(--border-color);
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.header-search.v2 button, .header-search.v3 button {
  background-color: transparent;
}
.header-search.v2 input, .header-search.v3 input {
  background-color: transparent;
  max-width: 170px;
  color: var(--white-color);
}
.header-search.v2 input::-moz-placeholder, .header-search.v3 input::-moz-placeholder {
  color: var(--white-color);
}
.header-search.v2 input::placeholder, .header-search.v3 input::placeholder {
  color: var(--white-color);
}
.header-search.v3 input {
  color: var(--title-color);
}
.header-search.v3 input::-moz-placeholder {
  color: var(--title-color);
}
.header-search.v3 input::placeholder {
  color: var(--title-color);
}

.header-links {
  display: flex;
  align-items: center;
}
.header-links a {
  display: flex;
  align-items: center;
  padding-left: 30px;
  margin-left: 30px;
  position: relative;
  color: var(--white-color);
}
.header-links a:first-child {
  margin-left: 0;
}
.header-links a::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background-color: var(--white-color);
  left: 0;
}
.header-links a:hover {
  color: var(--theme-color);
}
.header-links a:hover i {
  color: var(--theme-color);
}
.header-links i {
  color: var(--white-color);
  margin: 0 10px 0 0;
  transition: all 0.3s ease-in-out;
}

.header-social {
  font-size: 14px;
}
.header-social a {
  display: inline-block;
  color: var(--white-color);
  margin-left: 16px;
}
@media (max-width: 767px) {
  .header-social a:first-child {
    margin-left: 0;
  }
}
.header-social a:hover {
  color: var(--theme-color);
}

.logo-style1 {
  background: linear-gradient(278.46deg, #00bcfa 0.91%, #0e59f2 71.89%, #0e59f2 100%);
  padding: 30px 35px 30px 35px;
  border-radius: 5px 0px 0px 5px;
  line-height: 0;
  margin: -1px 0;
}

.header-btns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.header-btns.v3 {
  gap: 20px;
}

.header-box {
  border: 10px solid var(--theme-color);
  background-color: var(--white-color);
  padding: 20px;
}
.header-box__icon {
  border-radius: 5px;
  margin: 0 15px 0 0;
  font-size: 18px;
  width: 43px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  display: inline-block;
  background-color: var(--theme-color);
  color: var(--white-color);
}
.header-box__title {
  display: inline-block;
  color: var(--title-color);
  font-weight: 600;
  font-family: var(--title-font);
}
.header-box__number {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  font-family: var(--title-font);
  font-size: 22px;
  font-weight: 700;
  color: var(--theme-color);
  margin: 15px 0 0 0;
}

.header-dropdown > .dropdown-toggle {
  color: var(--title-color);
}
.header-dropdown > .dropdown-toggle i {
  margin: 0 10px 0 0;
}
.header-dropdown > .dropdown-toggle:after {
  content: "\f107";
  font-family: var(--icon-font);
  border: none;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-left: 5px;
}
.header-dropdown > .dropdown-toggle:hover {
  color: var(--theme-color);
}
.header-dropdown ul.dropdown-menu {
  padding: 10px 15px;
  border: none;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07);
  margin: 0;
  margin-left: -15px !important;
  margin-top: 15px !important;
  width: -moz-max-content;
  width: max-content;
  min-width: auto;
  position: relative;
  z-index: 1;
  border: none;
}
.header-dropdown ul.dropdown-menu li {
  margin-bottom: 10px;
}
.header-dropdown ul.dropdown-menu li:last-child {
  margin-bottom: 0;
}
.header-dropdown ul.dropdown-menu a {
  display: block;
  margin: 0 0;
  width: -moz-max-content;
  width: max-content;
  padding: 2px 10px;
  color: var(--title-color);
  font-weight: 400;
  font-size: 14px;
}
.header-dropdown ul.dropdown-menu a:hover {
  color: var(--theme-color);
}
.header-dropdown ul.dropdown-menu a:first-child {
  margin-top: 0;
  padding-top: 0;
}
.header-dropdown ul.dropdown-menu a:last-of-type, .header-dropdown ul.dropdown-menu a:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.header-dropdown ul.dropdown-menu:before {
  content: "";
  position: absolute;
  left: 47px;
  top: -7px;
  width: 14px;
  height: 14px;
  background-color: var(--white-color);
  z-index: -1;
  transform: rotate(45deg);
  border-top: 1px solid #ededed;
  border-left: 1px solid #ededed;
}
.header-dropdown.style-white > .dropdown-toggle {
  color: var(--white-color);
}
.header-dropdown.style-white > .dropdown-toggle:hover {
  text-decoration: underline;
  color: rgba(255, 255, 255, 0.7);
}

.login-tab {
  display: flex;
  border-radius: 9999px;
  position: relative;
  z-index: 1;
}
.login-tab:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: inherit;
  border: 2px solid var(--theme-color);
  z-index: -1;
}
.login-tab a {
  display: inline-block;
  color: var(--theme-color);
  background-color: transparent;
  font-family: var(--title-font);
  text-transform: capitalize;
  font-weight: 600;
  font-size: 18px;
  padding: 18.5px 37px;
  line-height: 1;
  border-radius: inherit;
}
.login-tab a:hover, .login-tab a.active {
  color: var(--white-color);
}
.login-tab .indicator {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  background-color: var(--theme-color);
  z-index: -1;
  transition: all ease 0.4s;
  border-radius: inherit;
}

.header-top {
  background-color: var(--sec-color);
  padding: 17px 0 46px;
  min-height: 90px;
}
@media (max-width: 991px) {
  .header-top {
    padding: 17px 0 55px;
  }
}
.header-top.v2 {
  padding: 17px 0;
  min-height: auto;
  background-color: var(--theme-color);
}
.header-top.v2 .header-links a:hover {
  color: var(--sec-color);
}
.header-top.v2 .header-links a:hover i {
  color: var(--sec-color);
}
.header-top.v2 .header-social a:hover {
  color: var(--sec-color);
}
.header-top.v3 {
  min-height: 115px;
}

.header-right {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 991px) {
  .header-right {
    justify-content: center;
    flex-wrap: wrap;
  }
}

/* Hight Resoulation devices */
@media (min-width: 1921px) {
  .logo-style1 {
    margin-bottom: -1px;
  }
}
/* Extra large devices */
@media (max-width: 1500px) {
  .header-layout6 {
    position: relative;
  }
  .header-layout6 .shape3,
  .header-layout6 .shape2,
  .header-layout6 .shape1 {
    display: none;
  }
}
/* Medium Large devices */
@media (max-width: 1399px) {
  .header-layout3 .main-menu > ul > li {
    margin: 0 13px;
  }
}
/* Large devices */
@media (max-width: 1199px) {
  .header-search {
    width: 200px;
  }
  .main-menu > ul > li {
    margin: 0 0px;
  }
  .header-layout2 {
    margin: 0;
  }
  .header-layout2 .header-shape {
    height: 100%;
  }
}
/* Medium devices */
@media (max-width: 991px) {
  .header-links li {
    padding-right: 15px;
    margin-right: 10px;
  }
  .header-logo {
    padding: 15px 0;
    max-width: 240px;
  }
  .logo-style1 {
    padding: 20px 20px 20px 20px;
  }
  .header-layout1 .vs-menu-toggle {
    margin: 10px 0;
  }
.vs-header	{padding-bottom: 3px;}
}
/* Extra small devices */
@media (max-width: 575px) {
  .header-info:nth-child(2) {
    padding-left: 10px;
  }
  .header-info_label {
    font-size: 12px;
  }
  .header-info_link {
    font-size: 14px;
  }
  .header-info_icon {
    font-size: 20px;
    margin-right: 10px;
  }
}
/*Mobile Menu*/
.vs-menu-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999999;
  width: 0;
  width: 100%;
  height: 100%;
  transition: all ease 0.8s;
  opacity: 0;
  visibility: hidden;
}
.vs-menu-wrapper .mobile-logo {
  padding-bottom: 30px;
  padding-top: 40px;
  display: block;
  text-align: center;
  background-color:var(--py-primary);
}
.vs-menu-wrapper .mobile-logo svg {
  max-width: 185px;
}
.vs-menu-wrapper .vs-menu-toggle {
  border: none;
  font-size: 22px;
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 0;
  line-height: 1;
  width: 33px;
  height: 33px;
  line-height: 33px;
  font-size: 18px;
  z-index: 1;
  border-radius: 50%;
  background-color: var(--py-white);
  color:var(--py-primary);
}
.vs-menu-wrapper .vs-menu-toggle:hover {
  background-color: var(--title-color);
  color: var(--py-white);
}
.vs-menu-wrapper .vs-menu-area {
  width: 100%;
  max-width: 310px;
  background-color: #fff;
  border-right: 3px solid var(--theme-color);
  height: 100%;
  position: relative;
  left: -110%;
  opacity: 0;
  visibility: hidden;
  transition: all ease 1s;
  z-index: 1;
}
.vs-menu-wrapper.vs-body-visible {
  opacity: 1;
  visibility: visible;
}
.vs-menu-wrapper.vs-body-visible .vs-menu-area {
  left: 0;
  opacity: 1;
  visibility: visible;
}

.vs-mobile-menu {
  overflow-y: scroll;
  max-height: calc(100vh - 200px);
  padding-bottom: 40px;
  margin-top: 33px;
  text-align: left;
}
.vs-mobile-menu .new-label {
  margin-left: 5px;
  text-transform: capitalize;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.vs-mobile-menu ul {
  margin: 0;
  padding: 0 0;
}
.vs-mobile-menu ul li {
  border-bottom: 1px solid #fdedf1;
  list-style-type: none;
}
.vs-mobile-menu ul li li:first-child {
  border-top: 1px solid #fdedf1;
}
.vs-mobile-menu ul li a {
  display: block;
  position: relative;
  padding: 12px 0;
  line-height: 1;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--title-color);
}
.vs-mobile-menu ul li a:before {
  content: "\f105";
  font-family:"Font Awesome 6 Pro";
  position: relative;
  left: 0;
  top: 0;
  margin-right: 10px;
  display: inline-block;
}
.vs-mobile-menu ul li.vs-active > a {
  color: var(--py-secondary);
}
.vs-mobile-menu ul li.vs-active > a:before {
  transform: rotate(90deg);
}
.vs-mobile-menu ul li ul li {
  padding-left: 10px;
}
.vs-mobile-menu ul li ul li:last-child {
  border-bottom: none;
}
.vs-mobile-menu ul .vs-item-has-children > a .vs-mean-expand {
  position: absolute;
  right: 0;
  top: 50%;
  font-weight: 400;
  font-size: 12px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin-top: -12.5px;
  display: inline-block;
  text-align: center;
  background-color: var(--theme-color);
  color: var(--white-color);
  box-shadow: 0 0 20px -8px rgba(173, 136, 88, 0.5);
  border-radius: 50%;
}
.vs-mobile-menu ul .vs-item-has-children > a .vs-mean-expand:before {
  content: "\f067";
  font-family: var(--icon-font);
}
.vs-mobile-menu ul .vs-item-has-children.vs-active > a .vs-mean-expand:before {
  content: "\f068";
}
.vs-mobile-menu > ul {
  padding: 0 40px;
}
.vs-mobile-menu > ul > li:last-child {
  border-bottom: none;
}

.vs-menu-toggle {
 width: 50px;
  height: 50px;
  padding: 0;
  font-size: 24px;
  border: none;
  display: inline-block;
  background-color: var(--py-secondary);
  color: var(--py-white);
  border-radius: 5px;
}
.vs-menu-toggle:hover {
  background-color: var(--py-secondary);
  color: var(--py-white);
}
.vs-menu-toggle.style2 {
  background-color: var(--py-secondary);
  border-radius: 50%;
  color: var(--py-white);
  width: 55px;
  height: 55px;
}

@media (max-width: 400px) {
  .vs-menu-wrapper .vs-menu-area {
    width: 100%;
    max-width: 270px;
  }
  .vs-mobile-menu > ul {
    padding: 0 20px;
  }
}
/*Hero Banner Start Here*/
.py-hero-banner {
  background-color: #ecf4fb;
  position: relative;
  width: 100%;
  padding:75px 0px;
  color: #FFF;
}
.py-hero-banner h1 {
	text-align: left;
	padding: 15px 0px 5px;
	margin: 0px;
	font-size: 45px;
	font-weight: 700;
	color:var(--py-primary);
	letter-spacing: 2px;
	line-height: 55px;
}
.py-hero-banner .sub-title {
	font-size: 27px;
  text-align: left;
  letter-spacing: 2px;
  color: var(--py-secondary);
  line-height: 42px;
  padding-bottom: 25px;
  font-weight: 500;
}
.py-hero-banner .sub-title strong {
    color:var(--py-primary);
}
.py-hero-banner ul{
	margin-bottom:0px;
	padding-left:0;
}

.py-hero-banner ul li {
    font-size: 16px;
	color:var(--py-border-dark);
	margin-bottom:15px;
	list-style: none;
}
.py-hero-banner ul li i {
   color:var(--py-secondary);
   margin-right: 5px;
}
.py-hero-banner .priceing-and-text {
	margin-bottom:25px;
}
.py-hero-banner p.main-banner-price {
 color:var(--py-secondary);
 font-size: 27px;
 margin-top: 15px;
 margin-bottom: 27px;
}
.py-hero-banner p span {
 font-size:50px;
 display:inline-block;
 font-weight:700;
 padding-left: 10px;
}
.py-hero-banner .main-banner-price sup {
 	font-size: 16px;
	top: -1.5em;
	right: 5px;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif"
}
.py-hero-banner p span.striketxt {
 font-size:20px;
 display:inline-block;
 font-weight:400;
	position:relative;
	margin-left:5px;
 /*text-decoration:line-through*/
}
.py-hero-banner p span.striketxt i {
	font-size:16px;
}
.py-hero-banner p span.striketxt:before {
 content: '';
position: absolute;
top: 50%;
left: 0px;
width: calc( 100% + 8px);
height: 1px;
background: #61646e;
}
.py-hero-banner .default-primary-btn {
	padding: 16px 100px;
	font-weight: 600;
	font-size: 18px;
}
.py-hero-banner .money-back {
 	padding-top:32px;
	font-size: 16px;
	color:var(--py-border-dark)
}
.py-hero-banner .money-back i {
	color: var(--py-secondary);
	font-size: 18px
}
.py-hero-banner .default-primary-btn {background-color:var(--py-primary);color:var(--py-white);padding:14px 85px;font-weight:600;font-size:18px;border-radius:3px;}
.py-hero-banner .default-primary-btn:hover{background-color:var(--py-secondary)}	
.main-banner-box-hero {
 margin-top:0px;
 margin-left: 0px;
 right: 270px;
 display: block;
 position: absolute;
 top:45px;	
}
.main-banner-box-hero img {
  width:535px;
  height:599px;
}
@media only screen and (max-width:767px) {
}

@media only screen and (max-width:991px) {
	.py-hero-banner {padding:10px 0;text-align:center;}
	.py-hero-banner h1 {text-align:center;font-size:24px;}
	.py-hero-banner .sub-title {font-size: 24px;font-weight: 700;text-align: center;padding-bottom: 10px;}
	.countdown{justify-content: center;}
	.main-banner-box-hero {display:none;}
}

@media only screen and (max-width:1199px) {
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	.main-banner-box-hero {right:30px;}
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
}
@media only screen and (min-width:1400px) and (max-width:1599px) {
}
@media only screen and (min-width:1600px) {
}
/*Hero Banner End Here*/
/*Pricing Area Start Here*/
.pricing-section {
	position: relative;
}
.pricing-section .section-title h1::before {
  display:none;
}
.pricing-section .hosting-plan-wrapper {
    background: var(--py-white);
    box-shadow: 1px 1px 25px 0px rgba(0,0,0,0.06);
	transition: all 0.3s ease-in-out;
    border-radius:20px;
    padding:30px 18px 15px;
    border: 1px solid var(--py-border-light);
}
.pricing-section .hosting-plan-wrapper.popular-py {
    padding:30px 18px 15px;
    position: relative;
    border: 2px solid var(--py-secondary);
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.17);
}
.pricing-section .hosting-plan-wrapper.popular-py .best-selling {
  background: var(--py-secondary);
  color: var(--py-white);
  position: absolute;
  top: -22px;
  text-align: center;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  left:130px;
  text-transform: uppercase;
}
.pricing-section .hosting-plan-wrapper:hover {
	transform: scale(1.05);
}

.pricing-section .hosting-plan-wrapper .py-title {
    font-size:36px;
    font-weight:800;
    color:var(--py-primary);
    margin:0;
}
.pricing-section .hosting-plan-wrapper .hosting-plan-price div {
  color: #262626 !important;
  font-family: var(--py-title);
  font-size: 40px;
  font-weight: 700;
  padding-bottom:16px;
}
.pricing-section .hosting-plan-wrapper .hosting-plan-price div span {
	font-size:20px;
}
.pricing-section .hosting-plan-wrapper .hosting-plan-price i {
    font-size: 24px;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-weight:800;
	vertical-align: super;
	font-family: var(--py-text);
}
.pricing-section .hosting-plan-wrapper h5 {
    font-size: 16px;
    font-weight: 600;
    color: #475254;
    margin-top: 20px;
    margin-bottom: 20px;
}
.pricing-section .regular-pricing {
  font-size: 13px;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.pricing-section .discount-badge {
	background-color:var(--py-secondary);
	padding: 10px 15px;
	border-radius: 5px;
	text-align: center;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	color: #fff;
	letter-spacing: 0.065em;
}
.pricing-section .plan-regular-pricing {
  font-size:16px;
  text-align: left;
  padding:16px 0;
  color:var(--py-black);
  font-weight: 600;	
  font-family: var(--py-text);
}
.pricing-section .plan-regular-pricing span {
  text-decoration: line-through;
  color:var(--py-primary);
}
.pricing-section .hosting-plan-wrapper .hosting-plan-list {
    padding:5px 45px;
    position: relative;
}
.pricing-section .hosting-plan-wrapper .hosting-plan-list.vps {padding:5px 16px;}
.pricing-section .hosting-plan-wrapper .hosting-plan-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom:15px;
    text-align-last: left;
}
.pricing-section .hosting-plan-wrapper .hosting-plan-list ul li {
  margin:15px 0;
  color:var(--py-black);
}
.pricing-section .hosting-plan-wrapper .hosting-plan-list ul li:before {
  font-family: "Font Awesome 5 Pro";
  content: '\f058';
  margin: 0 10px 0 3px;
  font-size: 15px;
  color:var(--py-secondary);
  font-weight: 400;
}
.pricing-section .hosting-plan-wrapper .hosting-plan-list ul li.no-free::before {
  content: '\f057';
  color: var(--bs-danger);
}
.pricing-section .hosting-plan-wrapper .hosting-plan-list ul li.plan-border {
  display: block;
  border-top:1px solid #e3e8ea;
  margin-top:22px;
}
.pricing-section .hosting-plan-wrapper .hosting-plan-list ul li.package-title {
  font-size: 16px;
  font-weight: 600;
  padding: 0 0 5px;
  color: var(--py-primary);
}
.pricing-section .hosting-plan-wrapper .hosting-plan-list ul li i {
    font-size: 18px;
    margin-right: 10px;
    color:var(--py-primary);
}
.pricing-section .hosting-plan-wrapper .btn {
  height: 50px;
  padding:12px 90px;
  line-height:24px;
  display: inline-block;
  font-family: var(--py-font);
  background-color: var(--py-primary);
  color:var(--py-white);
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 600;
}
.pricing-section .hosting-plan-wrapper .btn:hover {
    bottom: -10px;
	color: var(--py-white);
    background-color: var(--py-secondary);
}
.pricing-section .hosting-plan-wrapper .btn.popular-py {background-color: var(--py-secondary);}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.pricing-section .hosting-plan-wrapper {margin-bottom: 40px !important;}
	.pricing-section .hosting-plan-wrapper.popular-py .best-selling {right:140px;}
}
@media only screen and (max-width: 767px) {
.pricing-section .hosting-plan-wrapper .btn {
    height: 40px;
    padding: 8px 25px;
  }
}
.server-location {
	display: block;
    font-size: 16px;
    font-weight:500;
    color:var(--py-black);
    margin-top:15px;
}
.server-location strong {
  margin-left: 4px;
  font-weight: 600;
  color: var(--py-primary);
}
.server-location img {
  margin-left:5px;
  height:30px;
  width:30px;	  
}

.single-service-wrapper {
  background: #FFF6D8;
  padding: 50px 30px;
  border-radius: 37px;
  text-align: center;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .single-service-wrapper {
    padding: 30px 15px;
  }
}
.single-service-wrapper.two {
  background: #FFEAE3;
}
.single-service-wrapper.three {
  background: #F1E3FF;
}
.single-service-wrapper.four {
  background: #E3EDFF;
}
.single-service-wrapper .icon {
  margin-bottom: 28px;
}
.single-service-wrapper .title {
  max-width: 70%;
  margin: auto;
  font-size: 26px;
  line-height: 1.4;
  margin-bottom: 25px;
  font-weight: 600;
}
@media only screen and (max-width: 575px) {
  .single-service-wrapper .title {
    max-width: 100%;
  }
}
.single-service-wrapper p {
  font-size: 16px;
  margin-bottom: 27px;
}
.single-service-wrapper a {
  color: #656565;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  transition: 0.3s;
}
.single-service-wrapper a:hover {
  color: var(--color-primary);
}
/*Features Section Start Here*/
.feature-section {position:relative;padding:60px 0;}
.features-box {position: relative;background-color: var(--py-white);padding-top:40px;padding-left:140px;padding-right:40px;padding-bottom:20px;}
.features-box-icon {position: absolute;left:40px;top:40px;display: table-cell;vertical-align:top;}
.features-box-content {display: table-cell;padding-left: 20px;}
.features-box-content p {font-size:14px;margin-bottom:5px;}
.features-box-content p a {color:var(--py-secondary);font-weight:500;text-decoration:underline;font-size:16px;}
.features-box-content p a:hover {color:var(--py-secondary); text-decoration:underline;}
.features-box-content h5 {font-size:24px;color:var(--py-secondary);}
/*Features Section End Here*/
/*Domain Banner Start Here*/
.domain-banner-area {padding:60px 0;position: relative;z-index: 1;text-align: center;}
.domain-banner-area .banner-text {margin: auto;}
.domain-banner-area .banner-text h1 {position: relative;color:var(--py-primary);font-size: 42px;line-height: 42px;}
.domain-banner-area .banner-text p {color:var(--py-base);font-size: 16px;margin-bottom: 40px;text-transform: capitalize;}
.search-domain {position: relative;}
.search-domain .domain-wrap {position: relative;}
.search-domain .domain-wrap .input-domain {height: 70px;padding: 10px 20px;width: 100%;border-radius: 50px;border: none;}
.search-domain .domain-wrap .input-domain:focus {outline: 0;}
.search-domain .domain-wrap .default-btn {position: absolute;top: 6px;right: 6px;font-size: 16px;color: #ffffff;padding: 20px 35px;line-height: 1;-webkit-transition: all 0.5s;transition: all 0.5s;z-index: 1;text-transform: capitalize;border-radius: 50px;cursor: pointer;overflow: hidden;	border:0;}
.search-domain .domain-wrap .default-btn::after {position: absolute;content: "";background:var(--py-secondary);top: 0;left: 0;width: 100%;height: 100%;-webkit-transition: all 0.5s;transition: all 0.5s;z-index: -1;border-radius: 50px;}
.search-domain .domain-wrap .default-btn::before {position: absolute;content: "";background:var(--py-secondary);top: 0;left: 200px;width: 100%;height: 100%;-webkit-transition: all 0.5s;transition: all 0.5s;z-index: -1;border-radius: 50px;}
.search-domain .domain-wrap .default-btn:hover {color: #ffffff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.search-domain .domain-wrap .default-btn:hover::after {left: -200px;}
.search-domain .domain-wrap .default-btn:hover::before {left: 0;}
.search-domain .domain-wrap .select-domain-name {position: absolute;top: 16px;right: 140px;border: none;}
.default-btn {font-size: 16px;color: #ffffff;padding: 20px 35px;line-height: 1;-webkit-transition: all 0.5s;transition: all 0.5s;z-index: 1;text-transform: capitalize;border-radius: 50px;position: relative;cursor: pointer;overflow: hidden;}
.default-btn.active {color: #00a7f5;}
.default-btn.active:hover {color: #ffffff;}
.default-btn.active::after {background-image: -webkit-gradient(linear, left top, right bottom, from(#ffffff), to(#ffffff));background-image: linear-gradient(to bottom right, #ffffff, #ffffff);}
/*Domain Banner End Here*/
/*Search Domain Section Start Here*/
.search_domain_section {
	padding:60px 0;
	position:relative;
}
.search_domain_section h2 {
	font-size:42px;
	font-weight:700;
	color:var(--ht-primary);
	line-height:30px;
}
.search_domain_section p {
    color:var(--ht-black);
    font-size:24px;
    padding-bottom: 15px;
}
.search_domain_section form {
  position: relative;
}
.domain-search-form input {
  width: 100%;
  height:70px;
  background:var(--ht-bg-light);
  padding: 0 33px;
  font-weight: 400;
  font-size:21px;
  color: #262626;
  border: 1px solid #e0d9ff;
}
input:-moz-placeholder {
  color:#262626;
}
input:-webkit-placeholder {
  color:#262626;
}
input:placeholder {
  color:#262626;
}
.btn.btn-form i {
  margin-right: 5px;
}
.btn.btn-form {
  position: absolute;
  right: 0px;
  top:0;	
  padding:22px 50px;
  background:var(--ht-primary);
  color:var(--ht-white);
  border-radius: 0;
  text-transform: uppercase; 	
}
/*.btn.btn-form:before {
	position:absolute;
  background-color: #533be2;
  border-color: #2f2f8e;
  box-shadow: 0 4px 3px 0 rgba(20,20,96,.1),inset 0 -5px 0 0 #2f2f8e;
}*/
.domain_tlds_list li {
	display: inline-block;
	padding: 0 15px;
	text-align: center;
	transition: all ease-in-out 0.5s
}
.domain_tlds_list li:last-child {
	padding-right: 0
}
.domain_tlds_list li:first-child {
	padding-left: 0
}
.domain_tlds_list li span {
	font-size:18px;
	line-height:20px;
	color:var(--ht-black);
	font-weight: 600;
	transition: all ease-in-out 0.5s
}
.domain_tlds_list li span i {
	font-size: 16px;
font-variant: normal;
text-rendering: auto;
font-style: normal;
}
.domain_tlds_list {
	margin-top: 15px
}
.domain_tlds_list li figure {
	margin-bottom: 10px;
	color:var(--ht-black);
	font-size: 32px;
	font-weight: 600;
	letter-spacing: 2px;
}
.domain-extensions a {
  font-size: 18px;
  color:var(--ht-secondary);
}
.domain-extensions a:hover {
  text-decoration:underline;
  color:var(--ht-primary);
}
/*Search Domain Section End Here*/
.domain-form {
 margin:0px 100px 50px;
 display:flex;
 align-items:center;
 justify-content:center;
 background:var(--ht-white);
 border:10px solid var(--ht-white);
 box-shadow:0px 15px 35px 20px rgba(0, 0, 0, 0.1);
}
.domain-form input {
 width:100%;
 height:60px;
 padding-left:20px;
 border: none;
 outline: none;	
}
.domain-form .nice-select {
 font-size: 24px;
  font-weight: 500;
  padding: 0px 18px 0px 50px;
  border-left: 1px solid var(--ht-primary) !important;
  box-shadow: none;
  border: none;
}
.domain-form .nice-select .list {
 height:160px;
 overflow:inherit;
 overflow-y:scroll
}
.domain-form .nice-select::after {
 font-size:14px
}
.domain-form button {
 height:60px;
 font-size:16px;
 font-weight:500;
 padding:10px 50px;
 margin-left:30px;
 color:var(--ht-white);
 background:var(--ht-primary);
 text-transform:uppercase;
 display:flex;
 align-items:center;
 justify-content:center;
 transition:all linear .3s;
 -webkit-transition:all linear .3s;
 -moz-transition:all linear .3s;
 -ms-transition:all linear .3s;
 -o-transition:all linear .3s;
 border: none;
 outline: none;	
}
.domain-form button:hover {
 background:var(--ht-secondary)
}
.domain-form button i {
 margin-right:8px
}
@media (max-width: 575px) {
}
@media (max-width: 767px) {
 .domain-form {
  border:none;
  background:none;
  box-shadow:none;
  flex-direction:column;
  margin:0px 0px 40px
 }
 .domain-form input {
  padding:0px 20px;
  margin-bottom:15px;
  background:var(--ht-white);
  box-shadow:0px 15px 35px 0px rgba(0, 0, 0, 0.1);
 }
 .domain-form .nice-select {
  padding:0px 18px 0px 0px;
  margin-bottom:15px;
  border:none
 }
 .domain-form button {
  margin-left:0px
 }
}
@media (min-width: 768px) and (max-width: 991px) {
 .domain-form {
  margin:0px 0px 50px
 }
}



.nice-select {
 font-size:16px;
 padding-right:15px;
 outline:none;
 display:block;
 cursor:pointer;
 text-align:left;
 user-select:none;
 position:relative;
 white-space:nowrap;
 background-color:transparent;
 transition:all .2s ease-in-out
}
.nice-select:after {
 position:absolute;
 content:"\f078";
 top:50%;
 right:0;
 font-size:10px;
 line-height:10px;
 color:#555555;
 font-weight:900;
 font-family:"Font Awesome 5 Pro";
 transform-origin:66% 66%;
 transform:translateY(-50%);
 transition:all .15s ease-in-out;
 border:none;
 -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);	
}
.nice-select.open .list {
 opacity:1;
 pointer-events:auto;
 -webkit-transform:scale(1) translateY(0);
 -ms-transform:scale(1) translateY(0);
 transform:scale(1) translateY(0)
}
.nice-select.disabled {
 color:#999;
 pointer-events:none;
 border-color:#ededed
}
.nice-select.disabled:after {
 border-color:#cccccc
}
.nice-select.small .option {
 line-height:34px;
 min-height:34px
}
.nice-select .list {
 padding:10px;
 min-width:120px;
 border-radius:5px;
 background-color:#fff;
 box-shadow:0 10px 25px 0 rgba(0,0,0,.1);
 box-sizing:border-box;
 pointer-events:none;
 position:absolute;
 overflow:hidden;
 top:40px;
 right:0;
 opacity:0;
 z-index:5;
 -webkit-transform-origin:50% 0;
 -ms-transform-origin:50% 0;
 transform-origin:50% 0;
 -webkit-transform:scale(.75) translateY(-21px);
 -ms-transform:scale(.75) translateY(-21px);
 transform:scale(.75) translateY(-21px);
 -webkit-transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
 transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out
}
.nice-select .list:hover .option:not(:hover) {
 background-color:transparent!important
}
.nice-select .option {
 outline:none;
 cursor:pointer;
 text-align:left;
 list-style:none;
 white-space:nowrap;
 font-weight:500;
 border-radius:5px;
 padding:4px 15px;
 transition:all .2s
}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
 background-color:#f5f5f5
}
.nice-select .option.selected {
 font-weight:700
}
.no-csspointerevents .nice-select .list {
 display:none
}
.no-csspointerevents .nice-select.open .list {
 display:block
}
.xs-table {
 -webkit-box-shadow:0px 0px 50px 0px rgba(0, 0, 0, 0.08);
 box-shadow:0px 0px 50px 0px rgba(0, 0, 0, 0.08);
 background-color:#FFFFFF;
 margin-bottom:0px
}
.xs-table .domain-pricing-header th {
 width:25%;
 background-color:transparent;
 border:0px;
 color:#FFF;
 padding:17px 10px;
 font-size:1.17647rem
}
.xs-table .domain-pricing-header tr {
 background:var(--py-secondary);
}
.xs-table td,
.xs-table th {
 text-align:center;
 padding:15px 10px
}
.xs-table td, .xs-table th span i {
	font-weight: 400;
}
.xs-table tbody tr td,
.xs-table tbody tr th {
 border-right:1px solid #eaeaea;
 border-top:1px solid #eaeaea
}
.xs-table tbody tr td:last-child {
 border-right:0px
}
.xs-table tbody tr:first-child td,
.xs-table tbody tr:first-child th {
 border-top:0px
}
.xs-table tbody tr td {
 letter-spacing:-.4px
}
.xs-table tbody tr td>del {
 color:#a4afdf;
 font-size:0.82353rem;
 padding-left:3px
}
.xs-table.fixed-column {
 position:absolute;
 left:15px;
 width:83px;
 display:inline-block;
 z-index:1;
 -webkit-box-shadow:none;
 box-shadow:none
}
@media (min-width:576px) {
 .xs-table.fixed-column {
  display:none
 }
}
@media (max-width:576px) {
 .xs-table:not(.fixed-column) tr th:first-child {
  display:none
 }
 .xs-table:not(.fixed-column) {
  position:relative;
  left:83px
 }
}
.domain-price-v2 .xs-table .domain-pricing-header tr {
 background:#0217af;
 background:-webkit-linear-gradient(top, #0217af 0%, #0055ce 100%);
 background:-webkit-gradient(linear, left top, left bottom, from(#0217af), to(#0055ce));
 background:-o-linear-gradient(top, #0217af 0%, #0055ce 100%);
 background:linear-gradient(to bottom, #0217af 0%, #0055ce 100%)
}
/*Footer Area Start Here*/
footer.py-footer {
  position: relative;
  background:var(--py-border-dark);
  border-radius: 90px 90px 0 0;	
  padding:60px 0 0;
}
 footer.py-footer .py-social {
   text-align: left;
  display: flex;
  align-items: center;
  justify-content: flex-start
 }
footer.py-footer .py-social ul {
   padding: 0;
   list-style: none;
   margin: 0;
   display: inline-block;
}
footer.py-footer .py-social ul li {
  display: inline-block;
  margin-right: 5px;
}
footer.py-footer .py-social ul li:last-child{margin-right: 0px;}
footer.py-footer .py-social ul li a{
  color:var(--py-white);
  height: 40px;
  display: block;
  text-align: center;
  width: 40px;
  border-radius: 30px;
  line-height: 40px;
  border:1px solid var(--py-white);
}
footer.py-footer .py-social ul li a:hover{color:var(--py-white);background-color: var(--py-primary);border: 1px solid var(--py-primary);}
footer.py-footer .py-social ul li span{color: var(--py-white);}
@media only screen and (max-width: 767px) {
	footer.py-footer .py-social {margin-bottom:30px;}
}
footer.py-footer .py-contact-info {
	font-size:24px;
	line-height:36px;
	color: var(--py-white);
}
.opacity-8 {
  opacity: .8 !important;
}
.py-contact-info ul{margin:0;padding:0;}
.py-contact-info ul li{list-style:none;}
.py-contact-info ul li i {
  color:rgba(245,245,250,.6);	
  list-style-type:none;
  margin-bottom:18px;
  position:relative;
  margin-right:5px;
  font-size:18px;
}
.py-contact-info ul li a {
  ont-family: var(--py-font);
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 24px !important;
}

footer.py-footer .sub-title {
  color: var(--py-white);
  font-size: 18px;
  font-weight: 700;
}
footer.py-footer ul li a {
  color:rgba(245,245,250,.6);
  font-size:14px;
  font-weight:400;
  transition: .3s;
}
footer.py-footer ul li a:hover {
  color:var(--py-white);
  /*margin-left:5px*/
}
.copyright-area {
  background: var(--py-border-dark);
  border-top: 1px solid rgb(42, 45, 47);
  border-bottom: 1px solid rgba(255,255,255,.09);
  padding-top: 18px;
  padding-bottom: 18px;
  color: var(--py-white);	   
}
.copyright-area p a {
	color: var(--py-white);
}
/* WhatsChat Start Here*/
.live-chat{position:relative;z-index:99;}
.live-chat .wc-btn{display: flex;position: fixed;bottom:3em;right:3em;outline: 0;cursor: pointer;  }
.live-chat .wc-btn .wc-chat-icon img{position: relative;width: 50px;height: 50px;line-height: 0.8;font-size: 25px;text-align: center;border-radius: 50%;}
.live-chat .wc-btn:hover .wc-chat-icon img{box-shadow: 0 0px 10px #222;}
.live-chat .wc-btn p{padding:2px 36px 2px 36px;
  margin-top: 7px;
  margin-bottom: 0;
  margin-left: -24px;
  height: 40px;
  line-height: 36px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  border-radius:3px;}
.live-chat .wc-btn:hover .wc-chat-icon img,
.live-chat .wc-btn:hover p{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.live-chat .wc-btn .wc-chat-icon img,
/*.live-chat .wc-btn:hover p{box-shadow: 0 0px 2px #222;}*/

.live-chat .wc-btn .wc-chat-icon img{border:0px solid #fff;background:#fff;}
.live-chat .wc-btn p{color: #fff;background:var(--py-secondary);}
/*WhatsChat Button*/
.modal-title {
  color:var(--py-secondary);
}

/*Start Contact Area*/
.ep-contact {
	padding:60px 0;
}
.ep-contact__info-head span {
  font-size: 15px;
  font-weight: 500;
  line-height: 25.95px;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: block;
  color: var(--py-primary);
  margin-bottom: 10px;
}

.ep-contact__info-head h3 {
  font-size: 40px;
  font-weight: 700;
  line-height: 50.04px;
  margin-bottom: 40px;
}

.ep-contact__info-item {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}
.ep-contact__info-item:last-child {
  margin: 0;
}
.ep-contact__info-icon {
  width: 65px;
  height: 65px;
  line-height: 65px;
  background: #f6f5fe;
  border-radius: 100%;
  text-align: center;
  color: var(--py-primary);
  font-size: 28px;
  min-width: 65px;
}

.ep-contact__info-text h6 {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 10px;
}
.ep-contact__info-text a {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}
.ep-contact__info-text a:hover {
  color:var(--py-secondary);
}
.ep-contact__form {
  background: var(--py-white);
  filter: drop-shadow(0px 0px 60px rgba(0, 0, 0, 0.05));
  padding:0 60px 0 60px;
  border-radius: 20px;
  margin-left: 42px;
}

.ep-contact__form-title {
  font-size: 40px;
  font-weight: 700;
  line-height: 50.04px;
  margin-bottom: 40px;
}
.ep-contact__form form .form-group {
  margin-bottom: 20px;
}
.ep-contact__form form .form-group label {
  display: block;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  color:var(--py-secondary);
}

.ep-contact__form form .form-group input,
.ep-contact__form form .form-group textarea {
  width: 100%;
  height: 58px;
  border-radius: 20px;
  padding: 16px 30px;
  box-shadow: none;
  border: 1px solid #efeef7;
  background: #f6f5fe;
}

.ep-contact__form form .form-group input:focus,
.ep-contact__form form .form-group textarea:focus {
  border: 1px solid var(--py-primary);
}

.ep-contact__form form .form-group textarea {
  height: 130px;
}

.ep-contact__form .ep-btn {
  width: 100%;
  display: block;
  padding: 23px 26px;
  margin-top: 40px;
  background: var(--py-secondary);
  border: none;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ep-contact__form {
    margin-left: 0;
    margin-top: 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .ep-contact__form {
    margin-left: 0;
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .ep-contact__info-head h3 {
    font-size: 28px;
    line-height: 140%;
  }

  .ep-contact__form {
    padding: 24px;
    margin-left: 0;
    margin-top: 40px;
  }

  .ep-contact__form-title {
    font-size: 28px;
    line-height: 140%;
  }

  .ep-contact__map .gmap_canvas iframe,
  .ep-contact__map .gmap_canvas {
    height: 400px;
  }
}
/*End Contact Area*/


/*Content Start*/
.py-content {
	position: relative;
}
.py-content p, .py-content ul li {
	color:#262626 !important;
}
 .py-content ul li {
     font-size: 14px;
    padding: 4px 0;
}
.py-content p i {
	font-size:14px;
}
.py-content p strong {
	color: #ed1216;
}
.py-content a {
	color:#ed1216;
	text-decoration:underline;
}
.py-content a:hover {
	color:#ed1216;
}