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

*
{
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
body
{
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 500;
	background: #fff;
	color: #000;
	line-height:1.4;
}

.header
{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.05);
}
.header.scrolled
{
	top: -61px;
}
.bl{ padding-left:4em;}
.top_bar
{
	width: 100%;
	background: var(--bar-color);
	font-weight:400;
	color: var(--white-color);
}
.header.scrolled .top_bar
{
	
}
.ar{ direction: rtl;}
.top_bar_container
{
	width: 100%;
	height: 100%;
	padding: 10px 0;
}

.top_bar_contact_list li
{
	display: inline-block;
}
.top_bar_contact_list li a{ color: var(--white-color);}
.top_bar_contact_list li a:hover{color: #c7c7c7;}

.top_bar_contact_list li > div
{
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	color: #918ea0;
}
.top_bar_contact_list li > div
{
	margin-left: 1px;
}
.top_bar_contact_list li
{
	margin-right: 1em;
}
.top_bar_login ul
{
	width: auto;
    float: right;
}
.top_bar_login ul li
{
	display: inline-block;
	position: relative;
	padding-left:15px;
}
.top_bar_login ul li a
{
	color: var(--white-color);
	text-decoration:none;
  outline: none;
}
.top_bar_login ul li a:hover
{
	color: #c7c7c7;
}
.top_bar_login ul li span{ font-size:18px;vertical-align: text-top; color: var(--white-color); margin-right:5px;}
.top_bar_login ul li .number {
	position: absolute;
    top: -5px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    line-height: 18px;
    color: #000;
    font-size: 13px;
    background: var(--white-color);
    left: 3px;
    text-align: center;
    font-weight: 500;
}
.top_bar_login ul li select{ color: var(--white-color)!important; background:var(--bar-color)!important; outline:none; border:none;-webkit-appearance: none;}

.top_bar_login ul li ul{}
.top_bar_login ul li ul li{padding: 0;display: block;}
.top_bar_login ul li ul li a{color: var(--black-color);font-size: 14px;font-weight: 500;}
.top_bar_login ul li ul li a:hover{color: var(--white-color); background: var(--black-color);}

.top_bar_login ul li .dropdown-toggle::after{position: relative;top: 2px;}
.chkpayment input[type=checkbox] {
	line-height: normal;
	margin-right:5px;
	width: 20px !important;
	height: 20px !important;
}

@media (max-width: 767px) {
	.top_bar_content .col-md-6{ float:left;}
	 footer .mtext-right {text-align: left!important;margin-top: 1em;}
	 .shopping-cart .total-amount .right{ padding-left: 0!important;}
	
}
.header_container{ background: var(--white-color);}

/* Navbar */

.site-navbar-top .site-logo {
  font-size: 2rem; }

.site-navbar-wrap {
  position: relative;
  z-index: 99;
  width: 100%; }
  .site-navbar-wrap a {
    color: #000; }
  .site-navbar-wrap .site-navbar-top {
    font-size: 0.8rem; }

.site-navbar {
  margin-bottom: 0px;
  border-bottom: none; }
  .site-navbar .site-logo {
    font-weight: 200; }
    .site-navbar .site-logo a {
      font-weight: 200;
      color: #000; }
  .site-navbar .site-navigation .site-menu {
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0; }
    .site-navbar .site-navigation .site-menu .active > a {
      color: var(--primary-color); }
    .site-navbar .site-navigation .site-menu a {
      text-decoration: none !important;
      display: inline-block; }
    .site-navbar .site-navigation .site-menu > li {
      display: inline-block;
      padding: 10px 5px; }
      .site-navbar .site-navigation .site-menu > li > a {
		font-size: 16px;
		font-weight: 700; 
        padding: 15px 10px;
        color: var(--black-color);
        text-decoration: none !important; }
        .site-navbar .site-navigation .site-menu > li > a:hover {
          color: var(--primary-color); }
      .site-navbar .site-navigation .site-menu > li:last-child {
        padding-right: 0; }
        .site-navbar .site-navigation .site-menu > li:last-child > a {
          padding-right: 0; }
    .site-navbar .site-navigation .site-menu .has-children {
      position: relative; }
      .site-navbar .site-navigation .site-menu .has-children > a {
        position: relative;
        padding-right: 20px; }
        .site-navbar .site-navigation .site-menu .has-children > a:before {
          position: absolute;
          content: "\f107";
          font-size: 16px;
          top: 50%;
          right: 0;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          font-family: 'icomoon'; }
      .site-navbar .site-navigation .site-menu .has-children .dropdown {
        visibility: hidden;
        opacity: 0;
        top: 100%;
        position: absolute;
        text-align: left;
        -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.25);
        box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.25);
        border-left: 1px solid #edf0f5;
        border-right: 1px solid #edf0f5;
        border-bottom: 1px solid #edf0f5;
        padding: 10px 0;
        margin-top: 20px;
        margin-left: 0px;
        background: #fff;
        -webkit-transition: 0.2s 0s;
        -o-transition: 0.2s 0s;
        transition: 0.2s 0s; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
          position: absolute; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
            bottom: 100%;
            left: 20%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
            border-color: rgba(136, 183, 213, 0);
            border-bottom-color: var(--primary-color);
            border-width: 10px;
            margin-left: -10px; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown a {
          text-transform: none;
          letter-spacing: normal;
          -webkit-transition: 0s all;
          -o-transition: 0s all;
          transition: 0s all;
          color: #343a40; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown .active > a {
          color: #000 !important; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown > li {
          list-style: none;
          padding: 0;
          margin: 0;
          min-width: 200px; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
            padding: 7px 20px;
            display: block; }
            .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
              color: var(--primary-color); }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
            content: "\e315";
            right: 20px; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
            left: 100%;
            top: 0; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
            color: #7cbd1e; }
      .site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {
        color: var(--primary-color); }
      .site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
        cursor: pointer; }
        .site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
          -webkit-transition-delay: 0s;
          -o-transition-delay: 0s;
          transition-delay: 0s;
          margin-top: 0px;
          visibility: visible;
          opacity: 1;
		  border-top: 2px solid var(--primary-color); }

.site-mobile-menu {
  width: 300px;
  position: fixed;
  right: 0;
  top:0;
  height:100vh;
  z-index: 2000;
  padding-top: 20px;
  background: #fff;
  height: calc(100vh);
  -webkit-transform: translateX(110%);
  -ms-transform: translateX(110%);
  transform: translateX(110%);
  -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }
  .offcanvas-menu .site-mobile-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  .site-mobile-menu .site-mobile-menu-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
      float: right;
      margin-top: 8px; }
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
        font-size: 30px;
        display: inline-block;
        padding-left: 10px;
        padding-right: 0px;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
          color: #25262a; }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
      float: left;
      margin-top: 10px;
      margin-left: 0px; }
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
        display: inline-block;
        text-transform: uppercase; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
          max-width: 70px; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
          text-decoration: none; }
  .site-mobile-menu .site-mobile-menu-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 20px;
    /*height: calc(100vh - 52px);*/
    padding-bottom: 50px; }
	.site-mobile-menu .site-mobile-menu-footer{
	display: block;
	position: relative;
	width: 150px;
	height: auto;
	margin: 0 auto;
	background: #2A8FCE;
	padding: 1em;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	}
  .site-mobile-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative; }
    .site-mobile-menu .site-nav-wrap a {
      padding: 10px 20px;
      display: block;
      position: relative;
      color: #212529; }
      .site-mobile-menu .site-nav-wrap a:hover {
        color: var(--primary-color); }
    .site-mobile-menu .site-nav-wrap li {
      position: relative;
      display: block; }
      .site-mobile-menu .site-nav-wrap li.active > a {
        color: var(--primary-color); }
    .site-mobile-menu .site-nav-wrap .arrow-collapse {
      position: absolute;
      right: 0px;
      top: 3px;
      z-index: 20;
      width: 36px;
      height: 36px;
      text-align: center;
      cursor: pointer;
      border-radius: 50%; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
        background: #f8f9fa; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse:before {
        font-size: 12px;
        z-index: 20;
        font-family: "icomoon";
        content: "\f078";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(-180deg);
        -ms-transform: translate(-50%, -50%) rotate(-180deg);
        transform: translate(-50%, -50%) rotate(-180deg);
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .site-mobile-menu .site-nav-wrap > li {
      display: block;
      position: relative;
      float: left;
      width: 100%; }
      .site-mobile-menu .site-nav-wrap > li > a {
        padding-left: 20px;
        font-size: 18px;
		font-weight:600;
		text-decoration:none;}
      .site-mobile-menu .site-nav-wrap > li > ul {
        padding: 0;
        margin: 0;
        list-style: none; }
        .site-mobile-menu .site-nav-wrap > li > ul > li {
          display: block; }
          .site-mobile-menu .site-nav-wrap > li > ul > li > a {
            padding-left: 40px;
            font-size: 15px;
			text-decoration: none; }
          .site-mobile-menu .site-nav-wrap > li > ul > li > ul {
            padding: 0;
            margin: 0; }
            .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
              display: block; }
              .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
                font-size: 16px;
                padding-left: 60px; }

.banner {
    width: 100%;
    display:inline-block;
    padding: 5em 0;
    background: url(../images/banner_bg.png)#2A8FCE no-repeat;
    background-position: center 350px;
}

.banner .SearchWrr .SearchWidget{ padding: 0; color:#fff; z-index: 1; display:inline-block; width: 100%;}
.banner .SearchWrr .SearchWidget h1 { font-weight: 700; color: var(--black-color);}
.banner .SearchWrr .SearchWidget h1 span{ color: var(--white-color);}
.banner .SearchWrr .SearchWidget h4{color: var(--white-color); font-weight:400; margin-bottom:2em;}

.banner .searchFrame {width: 100%;margin: 2em auto 0;display: flow-root;border: 2px solid var(--black-color);
-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; background: var(--white-color); line-height:1;}
.banner .searchFrame .searchBox {width: 70%;float: left;}
.banner .searchFrame .searchBox .searchFrametxt { font-weight:300;display: block;width: 100%;padding: 0.80em 1em;font-size: 18px;color: var(--black-color);background-color: var(--white-color);background-image: none;border: none;outline: none;line-height: 1.42857143;height: 54px;
-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;}

.banner .searchFrame .searchFrameSub {width: 30%;float: left;}
.banner .searchFrame .searchFrameSubmit{ font-weight:700; font-size:17px;background:var(--black-color); color:#fff; border:none;outline: none;padding: 1.12em 1em;width: 100%;text-align: center;-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;}
.banner .searchFrame .searchFrameSubmit:hover{ background: var(--green-color); color:#fff;}


.banner .searchFrame1 {width: 100%;margin: 2em auto 0;display: flow-root;border: 2px solid var(--black-color);
-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; background: var(--white-color); line-height:1;}
.banner .searchFrame1 .searchBox {width: 60%;float: left;}
.banner .searchFrame1 .searchBox .searchFrametxt { font-weight:300;display: block;width: 100%;padding: 0.80em 1em;font-size: 18px;height: 54px;color: var(--black-color);background-color:  var(--white-color);background-image: none;border: none;outline: none;line-height: 1.42857143;-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;}
.banner .searchFrame1 .checker{ width:15%; float:left; background: var(--white-color);}
.banner .searchFrame1 .checker .idn-select{width: 100%;border: none; border-left: 1px solid;background: var(--white-color);padding: 1.2em 0em 1.2em 1em;font-size: 14px;color: var(--black-color);outline: none; -webkit-border-top-left-radius: 150px;
    -webkit-border-bottom-left-radius: 150px;
    -moz-border-radius-topleft: 150px;
    -moz-border-radius-bottomleft: 150px;
    border-top-left-radius: 150px;
    border-bottom-left-radius: 150px;
	/*-webkit-appearance: caret;*/} 
.banner .searchFrame1 .checker .idn-select option{ line-height:2em;}

.banner .searchFrame1 .searchFrameSub {width: 25%;float: left;}
.banner .searchFrame1 .searchFrameSubmit{ font-weight:700; font-size:17px;background:var(--black-color); color:#fff; border:none;outline: none;padding: 1.12em 1em; width: 100%;text-align: center;-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;}
.banner .searchFrame1 .searchFrameSubmit:hover{ background: var(--green-color); color:#fff;}

.advance-search a { color: var(--white-color); text-transform: uppercase; text-decoration:none; font-weight:600; cursor:pointer;}

.advance-search-wrap{background: var(--sky-blue);display: flex;}
.advance-search-wrap .toggle-content {
  padding: 4em 0;
  display: none;
  width: 100%;
  float: left;
}

.advance-search-wrap .toggle-content[aria-hidden="false"] {
  display: block;
}

.advance-search-wrap .serchr {
    width: 55%;
    margin: 15px auto 0;
    min-height: 50px;
}
.advance-search-wrap .serchr .searchboxr {
    width: 100%;
    float: left;
}
.advance-search-wrap .serchr .searchboxr .advancer {
    display: block;
    width: 100%;
    padding: 1.04em 5%;
    font-size: 16px;
    color: var(--black-color);
    background-color: var (--white-color);
    background-image: none;
    outline: none;
    border:none;
    line-height: 1.42857143;
	-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.advance-search-wrap .toggle-title{ color: var(--black-color);}
.advance-search-wrap .toggle-title h2{ font-weight: 400;}
.advance-search-wrap .toggle-title h2 span { font-weight: 700;color: var(--primary-color);}
.subbr{align-items: center;}

.banner .banner-right{ position:relative;}
.banner .accredited{ position:absolute;left: -125px;}

.banner .slider{width:300px; position:absolute; right: 0; top: -50px;}


.page-title {
    position: relative;
    min-height:356px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.page-title .title-text{
    display: inline-block;
}
.page-title .title-text h1 {
    font-size: 52px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    position: absolute;
    top: 35%;
}

.s-division{ width:100%; padding:4em 0;}
.s-division .portability{ float:left; margin-right:10px;position: relative;bottom: 15px;margin-bottom: -15px;}
.s-division .s-icon{ float:left;}
.s-division .s-icon h5{ margin:0; text-transform:uppercase; font-weight:700; color:var(--black-color);}
.margin-center{ margin:0 auto;}

.w3-offer{ width:100%; padding:5em 0; display:inline-block; background: var(--bg-color);}
.w3-offer h2{ font-weight:700; font-size:44px; color: var(--black-color);}
.w3-offer h2 span{ color: var(--orange-color);}
.w3-offer p{ font-size: 16px;;}
.w3-offer .ext-spec{ width: 80%;display: inline-block; position: relative;z-index: 9;}
.w3-offer .ext-spec ul{ display: block;}
.w3-offer .ext-spec ul li{ font-size:14px; font-weight: 700; color: var(--black-color);float: left;padding: 1em 1.5em;margin: 1em 1em 0em 0em;-webkit-border-radius: 150px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 150px;
-moz-border-radius-bottomleft: 0;
border-radius: 150px;
border-bottom-left-radius: 0;}
.w3-offer .ext-spec ul li span{ color: var(--white-color); margin-left: 5px;}
.w3-offer .ext-spec ul li span i{ font-size:12px;}


.color1{background: var(--orange-color);}
.color2{background: var(--primary-color);}
.color3{background: var(--Fuel-Yellow);}
.color4{background: var(--Persian-Rose);}
.color5{background: var(--Dark-Pastel-Green);}
.color6{background: var(--Moon-Yellow);}
.color7{background: var(--Fire-Engine-Red);}
.color8{background: var(--violet-color);}

.text-1{color: var(--orange-color);}
.text-2{color: var(--primary-color);}
.text-3{color: var(--Fuel-Yellow);}
.text-4{color: var(--Persian-Rose);}
.text-5{color: var(--Dark-Pastel-Green);}
.text-6{color: var(--Moon-Yellow);}
.text-7{color: var(--Fire-Engine-Red);}

.text-8{color: var(--light-green);}
.text-9{color: var(--pink-color);}
.text-10{color: var(--light-red);}
.text-11{color: var(--sea-blue);}
.text-12{color: var(--light-blue);}
.text-13{color: var(--secondary-color);}
.text-14{color: var(--violet-color);}
.text-15{color: var(--rose-color);}
.text-16{color: var(--blue-color);}
.text-17{color: var(--black-color);}
.text-18{color: var(--dark-gray-color);}
.text-19{color: var(--green-color)!important;}
.text-20{color: var(--light-blue-color);}
.text-21{color: var(--brown-color);}
.text-22{color: var(--smoky-blue);}
.text-23{color: var(--corel-blue);}

.core-area{ width:100%; padding: 13em 0 5em; position:relative; background:url(../images/pic_2l.png)var(--white-color) left no-repeat;    background-position: 10px 85px; }
.core-area .pic_2{ position:absolute; right:0; top:-200px;}
.core-area .core-cont{ margin-top:5em;}

.core-area .core-cont .flex-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}

.core-area .core-cont .card {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-clip: border-box;border: 1px solid var(--primary-color);-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}

.core-area .hover-top {background-color: var(--bg-color);-webkit-transform: translateY(0) translateZ(0);transform: translateY(0) translateZ(0);-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.core-area .hover-top:hover, .core-area .hover-top:focus {-webkit-transform: translateY(-1rem) translateZ(0);transform: translateY(-1rem) translateZ(0);-webkit-box-shadow: 0.5rem 0.5rem 1.5rem rgb(22 28 45 / 10%) !important;box-shadow: 0.5rem 0.5rem 1.5rem rgb(22 28 45 / 10%) !important;background-color: #53ACF8;color: #fff;}
.core-area .core-cont .hover-top:hover .card-body p, .core-area .core-cont .hover-top:hover .card-body p span, .core-area .core-cont .hover-top:hover .card-body h5{ color: var(--white-color);}

.core-area .shadow-sm {-webkit-box-shadow: 0 1.5625rem 2.8125rem rgb(0 87 255 / 15%) !important;box-shadow: 0 1.5625rem 2.8125rem rgb(0 87 255 / 15%) !important;}

.core-area .core-cont .card-body {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 1rem 1rem;}
.core-area .core-cont .card-body h5{ font-size:16px; text-align:left; line-height:1.5;}
.core-area .core-cont .card-body p{ font-size:16px; text-align:left; line-height:1.5;}
.core-area .core-cont .card-body p span{font-size:18px; font-weight:700; color: red;}

.r-more{ display: inline-block;}
.r-more a{ font-weight:700; font-size:20px; color: var(--secondary-color); text-decoration:none;}
.r-more a:hover{ color: var(--orange-color);}

.loader{display: inline-block;}
.loader a{ font-weight:600; font-size:18px; color: var(--secondary-color); text-decoration:none;}
.loader a:hover{ color: var(--orange-color);}
.loader a::after{content: "\f078";font-family: 'icomoon';display: inline-block;font-size: 16px;position: relative;top: 24px; left: -30px; margin-bottom: 24px;}

.inner-cnt{background-color: var(--white-color);padding: 3em 0;}
.inner-cnt .main_uit{ display:block; padding-left:15px; font-weight: normal;}
.inner-cnt .main_uit li{padding-left: 20px;
    line-height: 1.5;
    margin-bottom: .5em;}
.inner-cnt .main_uit li:before{    
	content: "\f111";
    font-family: 'icomoon';
    display: inline-block;
    font-size: 16px;
    padding-right: 10px;
    position: relative;
    top: 1px;
	left:-22px;
	margin-right: -22px;
	}

.s-head{width: auto;display: flex;}
.s-head h4{background: var(--violet-color);-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;width: auto;padding: .5em 1.5em;color: var(--black-color);}	
.s-head span{ color: var(--white-color); font-weight:700;}

.ul-algn{display: inline-block;}
.ul-algn ul{display: inline-block;width: 100%;padding-left:25px;}
.ul-algn ul li{display: block;float: left;width: 100%;line-height: 1.5;margin-bottom: .5em;}
.ul-algn ul li:before{    content: "\f1c1";
    font-family: 'icomoon';
    display: inline-block;
    font-size: 16px;
    padding-right: 10px;
    position: relative;
    top: 1px;
    left: -22px;
    margin-right: -22px;
	color:red;
	}

.ul-algn ul li a{ color:#222; text-decoration:none; font-size:16px;}
.ul-algn ul li a:hover{ color:#f47d23; text-decoration:none;}
.ul-algn ul li a span{ color:red; margin-right:10px;}

.exa{color: #818181;}
.form-box{ background: var(--bg-color);-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}


.w3-service{ width:100%; position:relative;}
.w3-service .pic_2{ position:absolute; right:0; top:-200px;}
.w3-service h3{ font-weight:700;}

.w3-service .flex-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}

.w3-service .card {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-clip: border-box;border: 1px solid var(--primary-color);-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}


.w3-service .card-body {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 1rem 0rem;}
.w3-service .card-body h5{ font-size:18px; text-align:left; color: var(--primary-color); line-height:1.5; margin-bottom: 1em;}
.w3-service .card-body p{ font-size:16px; text-align:left; color: var(--black-color); line-height:1.5;}

.w3-service .hover-top:hover .card-body p, .w3-service .hover-top:hover .card-body h5{ color: var(--white-color);}


.w3-service .hover-top {background-color: var(--bg-color);-webkit-transform: translateY(0) translateZ(0);transform: translateY(0) translateZ(0);-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.w3-service .hover-top:hover, .w3-service .hover-top:focus {-webkit-transform: translateY(-1rem) translateZ(0);transform: translateY(-1rem) translateZ(0);-webkit-box-shadow: 0.5rem 0.5rem 1.5rem rgb(22 28 45 / 10%) !important;box-shadow: 0.5rem 0.5rem 1.5rem rgb(22 28 45 / 10%) !important;background-color: #53ACF8;color: #fff;}
.w3-service .shadow-sm {-webkit-box-shadow: 0 1.5625rem 2.8125rem rgb(0 87 255 / 15%) !important;box-shadow: 0 1.5625rem 2.8125rem rgb(0 87 255 / 15%) !important;}

.why-w3{ width:100%; position:relative;}
.why-w3 .pic_2{ position:absolute; right:0; top:-200px;}
.why-w3 .flex-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}

.why-w3 .card {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-clip: border-box;border: 1px solid var(--light-green);-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}


.why-w3 .card-body {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 1rem 0rem;}
.why-w3 .card-body h5{ font-size:16px; text-align:left; color: var(--light-green); line-height:1.5;}

.why-w3 .hover-top:hover .card-body p, .why-w3 .hover-top:hover .card-body h5{ color: var(--white-color);}

.why-w3 .hover-top {background-color: var(--bg-color);-webkit-transform: translateY(0) translateZ(0);transform: translateY(0) translateZ(0);-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.why-w3 .hover-top:hover, .why-w3 .hover-top:focus {-webkit-transform: translateY(-1rem) translateZ(0);transform: translateY(-1rem) translateZ(0);-webkit-box-shadow: 0.5rem 0.5rem 1.5rem rgb(22 28 45 / 10%) !important;box-shadow: 0.5rem 0.5rem 1.5rem rgb(22 28 45 / 10%) !important;background-color: var(--light-green);color: #fff;}
.why-w3 .shadow-sm {-webkit-box-shadow: 0 1.5625rem 2.8125rem rgb(0 87 255 / 15%) !important;box-shadow: 0 1.5625rem 2.8125rem rgb(0 87 255 / 15%) !important;}

.faq .accordion-item .heading {text-align: left;font-size: 18px;line-height: 1.5;margin: 0; }
.faq .accordion-item .heading > a {position: relative;color: var(--primary-color);text-decoration: none; }
.faq .accordion-item .heading > a:before {width: 32px;height: 32px;line-height: 1.5;border: 1px solid #ccc;text-align: center;font-size: 18px;top: -0.2em;left: -2.5em;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.faq .accordion-item .heading > a[aria-expanded="true"]:before {font-family: 'icomoon';position: absolute;content: "\f077";-webkit-transition: .3s all ease;-o-transition: .3s all ease;transition: .3s all ease;background: var(--primary-color);color: #fff;border: 1px solid var(--primary-color); }
.faq .accordion-item .heading > a[aria-expanded="false"]:before {content: "\f078";font-family: 'icomoon';position: absolute;-webkit-transition: .3s all ease;-o-transition: .3s all ease;transition: .3s all ease; }
.faq .accordion-item .body-text {padding-left: 3.5em;line-height: 1.5;font-size: 16px;font-weight: 400; }
.faq .accordion-item .body-text ul{ padding-left:1.5em;}
.faq .accordion-item .body-text ul li {line-height: 1.5;font-size: 16px;font-weight: 400;padding-bottom: .5em;list-style-type: disc;}


.hosting-services{ background:url(../images/get-hosting_bg.jpg) no-repeat; position:relative; padding:3em 0; background-position: bottom;}
.hosting-services::before{content:""; background: rgba(0,56,92,.9); width:100%; height:100%;top: 0em; position:absolute; z-index:1;}
.hosting-services .wrapper{ z-index:9;}
.hosting-services h2{ font-size:44px; font-weight:700; color: var(--white-color);z-index: 1;}
.hosting-services h2 .cart-i{ position: relative;}
.hosting-services h2 .cart-i .number{
    position: absolute;
    top: 2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    line-height: 1.3;
    color: #000;
    font-size: 14px;
    background: var(--white-color);
    left: 0px;
    text-align: center;
    font-weight: 500;
}
.hosting-services .wrapper .h-serv{}
.hosting-services .wrapper .h-serv{font-size: 14px;font-weight: 700;color: var(--black-color);float: left;}
.hosting-services .wrapper .ft-content h3{ font-size:30px; color: var(--white-color);position:relative;}
.hosting-services .wrapper .ft-content .host-frm{ width:100%; display:inline-block;}
.hosting-services .wrapper .ft-content .host-frm .FormReg{ margin-bottom:1em;}
.hosting-services .wrapper .ft-content .host-frm label{font-size: 16px; font-weight: 400; color:var(--white-color);}


.why-choose{padding-top: 70px;}
.why-choose .border-tt{padding-top: 70px; border-bottom: 1px solid #ccc;}
@media (max-width: 991px) {
  .why-choose .border-tt{padding-top: 20px;}
}
.why-choose .choose-img{display: block;}

@media (max-width: 991px) {
.why-choose .choose-img{
  margin-bottom: 20px;
}
}

.why-choose .choose-img img{width: 100%;}

@media (min-width: 1200px) {
.why-choose .choose-content{ padding-left: 20px;}
}
.why-choose .choose-content h2{ font-size: 60px; color: var(--primary-color); font-weight: bold; margin-bottom: 0px;}
.why-choose .choose-content h3{ font-weight: 400; font-size: 36px; margin-bottom: 0px;}

.why-choose .choose-content p{font-size: 18px;}
@media (max-width: 767px) {
  .why-choose .choose-content p{font-size: 14px;}
}

.why-choose .lister{ display: inline-block; margin-bottom: 10px;}
.why-choose .lister h3{font-weight: bold;}
.why-choose .lister p{ font-size: 18px;}

@media (max-width: 767px) {
.why-choose .lister p{ font-size: 14px;}
}

.trusted-block-wrap{padding-top: 70px;padding-bottom: 70px;}
@media (max-width: 991px) {
  .trusted-block-wrap{padding-top: 40px;}
}
.trusted-block-wrap .content{display: block;}
.trusted-block-wrap .content h2{font-weight: bold; font-size: 62px;color: #000; line-height: 1.2;}
@media (min-width: 1200px) {
.trusted-block-wrap .content{ padding-right: 50px;}
}

.trusted-block-wrap .content h2 span{color: var(--primary-color);}
.trusted-block-wrap .content p{font-size: 18px;}
@media (max-width: 767px) {
  .trusted-block-wrap .content p{font-size: 14px;}
}
@media (max-width: 991px) {
.trust-content{
  order: 2;
 } 
.trusted{
  order: 1;
  margin-bottom: 20px;
}
}
.trusted-block-wrap .trust-image{display: block;}
.trusted-block-wrap .trust-image img{width: 100%;}

.city-block-wrap{padding-top: 0px; padding-bottom: 70px;}
.city-block-wrap h3{font-weight: bold;}
.city-block-wrap .place-carousel{padding-top: 20px;}

.city-block-wrap .place-carousel .item span{display: block;font-size: 17px; font-weight: bold; padding: 15px;}
@media (max-width: 767px) {
  .city-block-wrap .place-carousel .item span{font-size: 15px;}
}
.city-block-wrap .place-carousel .item span:hover{background-color: #DAD6CD;}

.w3-bulletin{ display: block;}
.w3-bulletin .card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.w3-bulletin p{ font-size: 16px; font-weight: 400;}

.read-more{ display: flex;}
.read-more a{ font-size: 14px; padding: .5em 1.5em; font-weight: 600; background: var(--green-color); color: var(--white-color);-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;}
.read-more a:hover{ background: var(--orange-color); color: var(--white-color);}


.t-wrap{ display: block;}
.search-grid {background: var(--sky-blue);display: flex; padding:4em 0;}
.search-grid .price-grid { font-weight: 400; width: 100%;font-size: 22px;line-height: 18px;text-align: center;    display: inline-block;}
.search-grid .p-sub {float: none;}
.search-grid .price-grid span{ font-weight: 700; color:var(--green-color);}
.search-grid input[type=checkbox], input[type=radio] {
    margin-top: 1px\9;
    line-height: normal;
    width: 20px !important;
    height: 20px !important;
}


.contact-left{ display:block;}
.contact-left h2{font-weight: 700;display: flex;color: var(--primary-color);align-items: center;}
.contact-left h2 span{ display:block;}

.contact-left h4{color: var(--light-red);display: flex;align-items: center;}
.contact-left .cnt-desc{ font-weight:600;}
.contact-left .cnt-desc a{ color: var(--black-color);}
.contact-left .cnt-desc a:hover{color: var(--primary-color);}

.contact-left .sm-cap{ display:inline-block; font-size:16px; font-weight: 600;}
.contact-left .sm-cap li{ display: block;float: left; padding-right:.5em;border-right: 1px solid #ccc;margin-right: .5em;}
.contact-left .sm-cap li:nth-of-type(3){ border:none; padding:0; margin:0; }
.contact-left .sm-cap li a{ color: var(--black-color);}
.contact-left .sm-cap li a:hover{ color: var(--orange-color);}
.contact-right{ display:block;}
.contact-right .contact-form{ background: var(--light-red);-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;}


.contact_wrap2{background-color: var(--bg-color);padding: 3em 0;}

.contact_wrap2 h2{font-weight: 700;display: flex;color: var(--primary-color);align-items: center;}
.contact_wrap2 h2 span{ display:block;}

.contact_wrap2 .cont-wrap-left h4{color: var(--green-color);display: flex;align-items: center;}

.contact_wrap2 .cont-wrap-left .sm-cap {display: inline-block;font-size: 16px;font-weight: 600;}
.contact_wrap2 .cont-wrap-left .sm-cap li {display: block;float: left;padding-right: .5em;border-right: 1px solid #ccc;margin-right: .5em;}
.contact_wrap2 .cont-wrap-left .sm-cap li:nth-of-type(3){ border:none; padding:0; margin:0;}
.contact_wrap2 .cont-wrap-left .sm-cap li a{ color: var(--black-color);}
.contact_wrap2 .cont-wrap-left .sm-cap li a:hover{ color: var(--orange-color);}
.contact_wrap2 .cont-wrap-left .cnt-desc {font-weight: 600;}
.contact_wrap2 .cont-wrap-left .cnt-desc a {color: var(--black-color);}
.contact_wrap2 .cont-wrap-left .cnt-desc a:hover{color: var(--primary-color);}

.contact_wrap2 .cont-wrap-left .t-login{ display:flex;}
.contact_wrap2 .cont-wrap-left .t-login a{ padding:5px 10px; background: #FFBE3D; color: var(--black-color); font-size:13px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.contact_wrap2 .cont-wrap-left .t-login a:hover{background: var(--green-color); color: #fff;}

.contact_wrap2 .cont-wrap-left .aso-logo{color:#931941; font-weight:700;}

.contact_wrap2 .cont-wrap-left address{font-size: 16px;line-height: 1.5;}

.contact_wrap2 .cont-wrap-left address li{margin-bottom: .5em;font-weight: 400;}
.contact_wrap2 .cont-wrap-left address li span{ font-weight:700;}
.contact_wrap2 .cont-wrap-left address li a{color: var(--black-color);}
.contact_wrap2 .cont-wrap-left address li a:hover{color: var(--primary-color);}

	
.btn-green{ background: var(--green-color); color: var(--white-color);}	
.btn-green:hover{background: var(--orange-color); color: var(--white-color);}

.btn-yellow{ background: var(--light-yellow); color: var(--black-color);}	
.btn-yellow:hover{background: var(--orange-color); color: var(--white-color);}

.btn-blue{ background: var(--secondary-color); color: var(--white-color);}	
.btn-blue:hover{background:var(--orange-color); color: var(--white-color);}

.btn-sea-blue{ background: var(--sea-blue); color: var(--white-color);}	
.btn-sea-blue:hover{background:var(--orange-color); color: var(--white-color);}

.btn-white-color{ background: var(--white-color); color: var(--black-color);}	
.btn-white-color:hover{background: var(--orange-color); color: var(--white-color);}

.btn-pink-color{ background: var(--pink-color); color: var(--white-color);}	
.btn-pink-color:hover{background: var(--orange-color); color: var(--white-color);}

.btn-rose-color{ background: var(--rose-color); color: var(--white-color);}	
.btn-rose-color:hover{background: var(--orange-color); color: var(--white-color);}

.btn-red-color{ background: var(--light-red); color: var(--white-color);}	
.btn-red-color:hover{background: var(--orange-color); color: var(--white-color);}

.btn-normal{ background: #333; color: var(--white-color);}	
.btn-normal:hover{background: var(--orange-color); color: var(--white-color);}

.domain_select{ font-size:14px;width: 100%;height: 50px;padding-left: 22px;border: none;outline: none;background: #f1f1f1;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;-webkit-appearance: menulist !important;}

.form-control{display: block;width: 100%;padding: 0.8em;font-size: 16px;color: #666666;background-color: #fff;background-image: none;outline: none;border: 0;line-height: 1.42857143;margin-bottom: 10px;height: 50px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}

.form-option{display: block;width: 100%;padding: 0.8em;font-size: 16px;color: #000;background-color: #fff;background-image: none;outline: none;border: 0;line-height: 1.42857143;margin-bottom: 10px;height: 50px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}

.contact-form textarea{ height:auto;}

.map_wr {width: 100%;border-top: #f47d23 solid 1px;display: flex;}
.map_wr iframe {width: 100%;height: 450px;float: left;border: 0;}


.login {color: var(--sea-blue);}
.login h3{ font-weight:700;}
.login .form-control, .login .form-option{border: 2px solid var(--sea-blue);}
.login .link-st {position: relative;right: 0;text-align: right;top: -33px;width: auto;float: right;}
.login .link-st a {color: var(--sea-blue);text-decoration: none;}
.login .link-st a:hover{ color: var(--orange-color);}


.login_right {display: inline-block; background-color: var(--sea-blue); color: var(--white-color);-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.login_right h3{ font-weight:700;}
.login_right .btn-white-color{ color: var(--sea-blue);}
.login_right .btn-white-color:hover{ color: var(--white-color);}

.whois {color: var(--rose-color);}
.whois .form-control{border: 2px solid var(--rose-color); color: var(--rose-color);}
.whois .link-st {position: relative;right: 0;text-align: right;top: -33px;width: auto;float: right;}
.whois .link-st a {color: var(--rose-color);text-decoration: none;}
.whois .link-st a:hover{ color: var(--orange-color);}

.forgot{background: var(--sky-color);-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.forgot .form-control{ color: var(--black-color);}
.forgot h4{ color: var(--white-color);}
.forgot label{ color: var(--white-color);}


.reseller-login {background-color: var(--pink-color); color: var(--white-color);-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.reseller-login h3{ font-weight:700;}
.reseller-login .form-control{border: 2px solid var(--pink-color); color: var(--pink-color);}
.reseller-login .link-st{position: relative;right: 0;text-align: right;top: -33px;width: auto;float: right;}
.reseller-login .link-st a{color: var(--white-color);text-decoration: none;}
.reseller-login .link-st a:hover{ color: var(--grey-color);}

.reseller-login .btn-white-color{ color: var(--pink-color);}
.reseller-login .btn-white-color:hover{ color: var(--white-color);}

.reseller-left {display: inline-block; }
.reseller-left h2{ font-weight:700; text-transform:uppercase;}
.resell-area h2{ color:var(--light-red); font-weight:700;}

.center-align{align-items: center;}

.w3-price{}
.w3-price .price-box{-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.w3-price .price-box .price-head{ background: var(--light-blue); color: var(--white-color);-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.w3-price .price-box .price-desc{letter-spacing: 1px;}

.box-title{-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; color: var(--white-color);}

.account-dashboard{ background: #F2F2F2; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.account-dashboard .icon-button{ display:block;}
.account-dashboard .icon-button .i-wrap{ width:100%; background:#fff; padding:1em;-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-family: 'Poppins'; }
.account-dashboard .icon-button .i-wrap .account-icon a{font-size: 2.5em;
    padding: 26% 0;
    border: 5px solid #515151;
    color: #515151;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 100%;}
.account-dashboard .icon-button .i-wrap:hover .account-icon a, .account-dashboard .icon-button .i-wrap.active .account-icon a{ color: var(--orange-color);border: 5px solid var(--orange-color); cursor:pointer;}
.account-dashboard .icon-button .i-wrap:hover h5, .account-dashboard .icon-button .i-wrap.active h5{color: var(--orange-color); cursor:pointer;}

.account-dashboard .icon-button .i-wrap:hover, .account-dashboard .icon-button .i-wrap.active{-webkit-box-shadow: 0px 1px 21px -4px rgb(120 120 120 / 71%);
    -moz-box-shadow: 0px 1px 21px -4px rgba(120,120,120,0.71);
    box-shadow: 0px 1px 21px -4px rgb(120 120 120 / 71%);}
.account-dashboard .icon-button .i-wrap h5{     
	font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;}

.contact_row {
    width: 100%;
    display: inline-block!important;
    /* margin-top: 1.5em; */
}
.contact_row .contact_input, .contact_row .select_textbox {
    display: block;
    width: 100%;
    padding: 0.8em;
    font-size: 16px;
    color: var(--black-color);
    background-color: #fff;
    outline: none;
    border: none;
    line-height: 1.42857143;
    margin-bottom: 10px;
    height: 50px;
	-webkit-box-shadow: 0px 1px 10px -4px rgb(120 120 120 / 71%);
    -moz-box-shadow: 0px 1px 10px -4px rgba(120,120,120,0.71);
    box-shadow: 0px 1px 10px -4px rgb(120 120 120 / 71%);
}

.pay-card-but{ display:block;}
.pay-card-but a{ background: var(--orange-color); color: var(--white-color); padding: 1em 1.5em; font-weight: 600; -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.pay-card-but a:hover{background: var(--green-color);}
.pay-card-but a img{position: relative;left: -14px;top: 12px;}
.pay-img{display: inline-block;
    align-items: center;
    top: 10%;
    position: relative;}

.create-ticket{ display:block;}
.create-ticket a{ background: var(--orange-color); color: var(--white-color); padding: 1em 1.5em 1em 2.5em; font-weight: 600; -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.create-ticket a:hover{background: var(--green-color);}
.create-ticket a img{position: relative;left: -14px;top: 6px;}
.create-img{display: inline-block;
    align-items: center;
    top: 10%;
    position: relative;}

.vew-button{ background: var(--view-color);}
.renew-button{ background: var(--renew-color);}
.active-button{ background: var(--active-color);}
.expired-button{ background: var(--expired-color);}
.receipt-button{ background: var(--expired-color);}

.invoice-button{background: var(--renew-color);}
.pay-button{background: var(--green-color);}
.pending-button{ background: var(--orange-color);}


.s-button{display:block; float:left;}
.s-button a{font-size: 13px; font-weight: 500; float:left; color: var(--white-color); padding: .5em 1em;-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;}
.s-button a:hover{background: var(--orange-color);}

.status{ font-size:13px;padding: .5em 1em; color: var(--white-color);-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}

input[disabled] {
    background-color: #feeda7!important;
}

.price-declare{ background: var(--white-color);-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;-webkit-box-shadow: 0px 1px 21px -4px rgb(120 120 120 / 71%);-moz-box-shadow: 0px 1px 21px -4px rgba(120,120,120,0.71);box-shadow: 0px 1px 21px -4px rgb(120 120 120 / 71%);}
.disclaimer{ color:#1739C2;}


.pay-mode{ display:block;}
.pay-mode .pay_sec{ display: inline-block;}
.pay-mode .pay_sec .pay_divid{ vertical-align:middle;float: left;}
.pay-mode .pay_sec .pay_divid h5{ font-weight:700;font-size: 15px;}

.pay-mode .pay_sec .pay_divid .pay-wrr{}
.pay-mode .pay_sec .pay_divid .pay-wr span label {
  color: var(--dark-gray-color);
  display: flex;
  align-items: center;
  position: relative;
  top: -8px;
}
.pay-mode .pay_sec .pay_divid .pay-wrr input[type=radio] {
  display: none;
}


.pay-mode .pay_sec .pay_divid .pay-wrr input[type=radio] + label:before {
  font-family: 'icomoon';
  display: inline-block;
  font-size: 24px;
  margin-right: 5px;
}
.pay-mode .pay_sec .pay_divid span label {
  color: var(--dark-gray-color);
  display: flex;
  align-items: center;
  position: relative;
  top: 0px;
}
.pay-mode .pay_sec .pay_divid .pay-wrr input[type=radio] + label:before { content: "\e836"; } /* unchecked icon */
.pay-mode .pay_sec .pay_divid .pay-wrr input[type=radio]:checked + label:before { content: "\e837"; } /* checked icon */

.concent{ display: flex;align-items: center;background: var(--primary-color); color: var(--white-color);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.concent .chk{ display: flex;}

.concent .chk .chk-wrr{margin-right: 10px;}
.concent .chk .chk-wrr input[type=checkbox] {
  display: none;
}
.concent .chk .chk-wrr span label {
  align-items: center;
  position: relative;
  top: -3px;
  color: var(--dark-gray-color);
}
.concent .chk .chk-wrr input[type=checkbox] + label:before {
  font-family: 'icomoon';
  display: inline-block;
  font-size: 24px;
}
.concent .chk .chk-wrr input[type=checkbox] + label:before { content: "\ea53"; } /* unchecked icon */
.concent .chk .chk-wrr input[type=checkbox]:checked + label:before { content: "\ea52"; } /* checked icon */
.concent p{ margin:0}

.ticket-row{ background:  var(--white-color); border: 1px solid var(--grey-color);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }

.ticket-row input[type="radio"], .ticket-row input[type="checkbox"] {width: 20px;height: 20px;}
.ticket-row .tick-wrr{width: 100%;
  display: block;
    position: relative;
    top: 0px;}
.ticket-row span label{
  align-items: center;
  position: relative;
  top: -3px;
  color: var(--dark-gray-color);}
.ticket-row .tick-wrr input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.ticket-row .tick-wrr input[type=checkbox] + label:before {
  font-family: 'icomoon';
  display: inline-block;
  font-size: 24px;
}
.ticket-row .tick-wrr input[type=checkbox] + label:before { content: "\ea53"; } /* unchecked icon */
.ticket-row .tick-wrr input[type=checkbox]:checked + label:before { content: "\ea52"; } /* checked icon */

.ticket-row h4{ font-weight: 600!important;}
.ticket-row h4 a{ font-weight: 700; color: var(--secondary-color);}
.ticket-row h4 a:hover{color: var(--orange-color);}
.ticket-row p{ font-weight: 400!important;color: var(--mh-color);font-size: 13px;}
.ticket-row p span{ font-weight: 700;}
.ticket-row .text-status{ text-align: right;}
.ticket-row .active{ color: var(--active-color);}
.ticket-row .deactive{ color: var(--expired-color);}

.new-ticket{width: 100%;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
  -webkit-box-shadow: 0px 1px 21px -4px rgb(120 120 120 / 71%);
  -moz-box-shadow: 0px 1px 21px -4px rgba(120,120,120,0.71);
  box-shadow: 0px 1px 21px -4px rgb(120 120 120 / 71%);}

.new-ticket .new-wrr{}
.new-ticket .new-wrr input[type=radio] {
  display: none;
}
.new-ticket .new-wrr input[type=radio] + label:before {
  font-family: 'icomoon';
  display: inline-block;
  font-size: 24px;
  margin-right: 5px;
}
.new-ticket span{float: left;margin-right: 5px;}
.new-ticket span label {
  color: var(--dark-gray-color);
  display: flex;
  align-items: center;
  position: relative;
  top: -8px;
}
.new-ticket .new-wrr input[type=radio] + label:before { content: "\e836"; } /* unchecked icon */
.new-ticket .new-wrr input[type=radio]:checked + label:before { content: "\e837"; } /* checked icon */

.new-ticket .rply {
    width: 90%;
    background: #d3f8d2;
    float: left;
    border: #41b63d solid 1px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    position: relative;
  }
  .new-ticket .rply::after{
    font-size: 30px;
    font-family: "icomoon";
    content: "\f0d7";
    position: absolute;
    bottom: -26px;
    right: 15%;
    color: #41b63d;}
  .new-ticket .comt {
    width: 90%;
    background: #fcf7a4;
    float: right;
    border: #d1b82e solid 1px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    position: relative;
}
.new-ticket .comt::after{
    font-size: 30px;
    font-family: "icomoon";
    content: "\f0d7";
    position: absolute;
    bottom: -26px;
    left: 15%;
    color: #d1b82e;
}
.new-ticket h5{
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 1em;
}  
  
.RegWrap{ display: inline-block;}
.RegWrap .rr{ display: block;}
.RegWrap .rr .t-head{ font-size: 16px; margin-bottom: 1em; font-weight: 600;}
.RegWrap .rr .t-head1{ font-size: 20px; margin-bottom: 1em;}
.RegWrap .rr .t-head1 span{font-weight: 700;}
.RegWrap .rr a{ color: #2A8FCE;}
.RegWrap .rr a:hover{ color: #f47d23;}
.RegWrap .rr p span{}

.RegWrap .form-control{ border: 1px solid var(--grey-color);}
.RegWrap .in_reg{ display: flex;}
.RegWrap .in_reg label{ font-size: 14px;}
.RegWrap .in_reg input{ margin-right: 5px;}
.RegWrap textarea {
  height: auto;
}

.tt_write { display: inline-block;}

.tt_write textarea {
  display: block;
  width: 100%;
  padding: 2em;
  font-size: 14px;
  line-height: 1.25;
  outline: none;
  color: #000;
  background-color: #fff;
  background-image: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid var(--grey-color);
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.tt_write .ad_wrr {
  width: 100%;
  display: inline-block;
  background: #dbdbdb;
  border: 1px solid #var(--grey-color);
  border-top: 0;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
.rep-sub{float: left;}
.comp-req{float: left;}
.comp-up{float: left;}
.comp-up span{ font-size: 26px;color: var(--expired-color);}

.email-left{height: fit-content; display: inline-block;-webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 1px 21px -4px rgb(120 120 120 / 71%);
  -moz-box-shadow: 0px 1px 21px -4px rgba(120,120,120,0.71);
  box-shadow: 0px 1px 21px -4px rgb(120 120 120 / 71%); }
.email-left .head{ float: left;
  width: 100%;background: var(--head-blue);-webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;}
.email-left h4{ font-size: 18px; font-weight: 700; color: var(--white-color); margin: 0;;}
.email-left ul{width: 100%;display: block;float: left;}
.email-left ul li{width: 100%;display: block;float: left;}
.email-left ul li a{width: 100%;float: left;font-size: 16px; font-weight: 700; padding: 1em 1.5em; color: var(--black-color);}
.email-left ul li a:hover, .email-left ul li a.active{ background: #f1f1f1;}

.email-content{ display: inline-block;}
.email-content .main-menu{ display: inline-block;}
.email-content .main-menu .butn{display: inherit; float:left;}
.email-content .main-menu .butn a{font-size: 13px;font-weight: 500;float: left;color: var(--white-color);padding: .5em 1.5em; -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;}
.email-content .main-menu .but1{ background: var(--orange-color);}
.email-content .main-menu .but2{ background: var(--blue-color);}
.email-content .main-menu .but3{ background: var(--light-green);}
.email-content .main-menu .but4{ background: var(--expired-color);}

.email-content .main-menu .but1:hover, .email-content .main-menu .but2:hover, .email-content .main-menu .but3:hover, .email-content .main-menu .but4:hover{ background: var(--head-blue);}

.email-form{height: fit-content; display: inline-block;-webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 1px 21px -4px rgb(120 120 120 / 71%);
  -moz-box-shadow: 0px 1px 21px -4px rgba(120,120,120,0.71);
  box-shadow: 0px 1px 21px -4px rgb(120 120 120 / 71%);}

.email-form .form-control{border: 2px solid var(--sea-blue);}
.email-form span, .email-form span input {
    position: relative;
    display: block;
    box-sizing: border-box;
}

.email-form span::after {
    content: '' attr(data-domain);
    position: absolute;
    top: 13px;
    right: 14px;
    font-size: 16px;
    display: block;
    color: var(--sea-blue);
}

.wrap_404 {display: block;padding-bottom: 30px;}
.wrap_404 .title_404 {font-size: 11em;font-weight: 700;margin-bottom: 20px;}
.wrap_404 .line_2_404 {font-size: 16px;margin-bottom: 32px;display: inline-block;}

.shopping-cart{ display: inline-block;}
.shopping-cart .total-amount {margin-top: 50px;}
.shopping-cart .total-amount .cart-center {    
  background: var(--bg-gray);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
  -webkit-box-shadow: 0px 1px 21px -4px rgb(120 120 120 / 71%);
  -moz-box-shadow: 0px 1px 21px -4px rgba(120,120,120,0.71);
  box-shadow: 0px 1px 21px -4px rgb(120 120 120 / 71%);}
.shopping-cart .total-amount .cart-center ul {}
.shopping-cart .total-amount .cart-center ul li {
  font-size: 16px;
  margin-bottom: 15px;
}
.shopping-cart .total-amount .cart-center ul li span {
  display: inline-block;
  float: right;
}
.shopping-cart .total-amount .cart-center ul li.last {
  padding-top: 15px;
  border-top: 1px solid #c8c8c8;
  color: #333;
  font-size: 20px;
  font-weight: 700;
}
.shopping-cart .total-amount .cart-center .button5 .btn {
  font-size: 20px;
  font-weight: 700;
  padding: 1em 0;
  text-align: center;
  border-radius: 0;
  width: 100%;
  margin-top: 10px;
  line-height: 18px;
  color: #000;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 10px;
  
}
.shopping-cart .total-amount .cart-center .button5 .btn:hover{ color: var(--white-color);}
.shopping-cart .total-amount .cart-center ul li span::before{content: "\e909";font-family: 'icomoon';display: inline-block;}	
/* -- quantity box -- */


 .adding {
  display: inline-block; }
 
 .adding .input-text.qty {
  width: 35px;
  height: 28px;
  float: left;
  padding: 0 5px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #efefef;
  outline: none;
  border-radius: 0;
 }
 
 .adding.buttons_added {
  text-align: left;
  position: relative;
  white-space: nowrap;
  vertical-align: top; }
 
 .adding.buttons_added input {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  box-shadow: none;
 }
 
 .adding.buttons_added .minus,
 .adding.buttons_added .plus {
  padding: 5px 10px;
  height: 28px;
  float: left;
  background-color: #e4e4e4;
  border: 1px solid #efefef;
  cursor:pointer;}
 
 .adding.buttons_added .minus {
  border-right: 0;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;}
 
 .adding.buttons_added .plus {
  border-left: 0; 
  -webkit-border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;}
 
 .adding.buttons_added .minus:hover,
 .adding.buttons_added .plus:hover {
  background: #eeeeee; }
 
 .adding input::-webkit-outer-spin-button,
 .adding input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0; }
  
 .adding.buttons_added .minus:focus,
 .adding.buttons_added .plus:focus {
  outline: none; }


.blog{ display: block;}
.blog .card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.w3-blog p{ font-size: 16px; font-weight: 400;}


/* Blog Single CSS */
.blog-single{
	background:#fff;
}
.blog-single .blog-single-main {
	background: #fff;
}
.blog-single .blog-detail {
	background: #fff;
}
.blog-single .image{
	position:relative;
}
.blog-single .image img{
	width:100%;
	height:100%;
}
.blog-single .blog-title {
	font-size: 24px;
	font-weight: 600;
	text-transform: capitalize;
	margin: 40px 0 15px 0;
}
.blog-single .blog-meta {
	margin-bottom: 0;
	overflow: hidden;
	border-bottom: 1px solid #dddddd6e;
	padding-bottom: 20px;
	margin-bottom: 25px;
}
.blog-single .blog-meta .author i {
	color: #F7941D;
	margin-right: 10px;
	font-size: 13px;
}
.blog-single .blog-meta .author a {
	font-size: 13px;
	border-right:1px solid #ddd;
	padding:0px 15px;
	color: var(--black-color);
}
.blog-single .blog-meta .author  a:first-child{
	padding-left:0;
}
.blog-single .blog-meta .author  a:last-child{
	padding-right:0;
	border:none;
}
.blog-single .blog-meta span {
	display: inline-block;
	font-size: 14px;
	color: #666;
}
.blog-single .blog-meta span a i {
	margin-right: 10px;
	color: #F7941D;
}
.blog-single .blog-meta span a:hover{
	color:#F7941D;
}
.blog-single .content p {
	margin-bottom: 25px;
	line-height: 26px;
}
.blog-single .content p:last-child{
	margin:0;
}
.blog-single blockquote {
	position: relative;
	font-size: 13px;
	font-weight: 400;
	padding-left: 20px;
	padding: 10px 20px;
	background: #F6F6F6;
	padding: 30px 40px 30px 70px;
	color: #555;
	border: none;
	margin-bottom: 25px;
	border-left: 3px solid #F7941D;
}
.blog-single blockquote i {
	font-size: 30px;
	color: #F7941D;
	position: absolute;
	left: 20px;
	top: 20px;
}
.blog-single .content .img-post{
	margin-bottom: 25px;
}
.blog-single .share-social .content-tags {
	position: relative;
	margin-top: 25px;
}
.blog-single .share-social .content-tags h4 {
	position: absolute;
	left: 0;
	top: 7px;
	font-size: 15px;
	font-weight: 500;
}
.blog-single .share-social .content-tags .tag-inner{
	padding-left:60px;
}
.blog-single .share-social .content-tags .tag-inner li {
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 10px;
	margin-top: 8px;
}
.blog-single .share-social .content-tags .tag-inner li:last-child{
	margin-right: 0px;
	margin-bottom: 0px;
}
.blog-single .share-social .content-tags .tag-inner li a {
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
	padding: 5px 15px;
	background:#f4f7fc;
	font-size: 13px;
	color: var(--black-color);
}
.blog-single .share-social .content-tags .tag-inner li a:hover{
	color:#fff;
	background:#F7941D;
}
/* Comments */
.blog-single .comments{
	margin-top:40px;
}
.blog-single .comments .comment-title {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 30px;
	display: block;
	background: #fff;
	padding-left: 12px;
}
.blog-single .comments .comment-title:before{
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	height: 100%;
	width: 3px;
	background:#F7941D;
}
.blog-single .comments{
	
}
.blog-single .comments .single-comment {
	position: relative;
	margin-bottom: 40px;
	border-radius: 5px;
	padding-left: 95px;
}
.blog-single .comments .single-comment.left{
	margin-left:110px;
}
.blog-single .comments .single-comment img {
	height: 70px;
	width: 70px;
	border-radius: 100%;
	position: absolute;
	left: 0;
}
.blog-single .single-comment .content {
	
}
.blog-single .single-comment .content h4 {
	color: #333;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
	display: inline-block;
	margin-bottom: 18px;
	text-transform: capitalize;
}
.blog-single .single-comment .content h4 span {
	display: inline-block;
	font-size: 13px;
	color: #8D8D8D;
	margin: 0;
	font-weight: 400;
	text-transform: capitalize;
	display: block;
	margin-top: 5px;
}
.blog-single .single-comment .content p {
	color: #666;
	font-weight: 400;
	display: block;
	margin: 0;
	margin-bottom: 20px;
	line-height: 22px;
}
.blog-single .single-comment .content .button{}
.blog-single .single-comment .content .btn {
	display: inline-block;
	color: #666;
	font-weight: 400;
	color: #6a6a6a;
	border-radius: 4px;
	text-transform: capitalize;
	font-size: 14px;
	background: transparent;
	padding: 0;
}
.blog-single .single-comment .content a i{
	display:inline-block;
	margin-right:5px;
}
.blog-single .single-comment .content a:hover{
	color:#F7941D;
}
/* Comment Form */
.blog-single .reply form {
	padding: 40px;
	border: 1px solid #eee;
}
.blog-single .reply .reply-title {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 30px;
	display: block;
	background: #fff;
	padding-left: 12px;
}
.blog-single .reply .reply-title:before{
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	height: 100%;
	width: 3px;
	background:#F7941D;
}
.blog-single .reply .form-group {
	margin-bottom: 20px;
}
.blog-single .reply .form-group input {
	width: 100%;
	height: 45px;
	line-height: 50px;
	padding: 0 20px;
	border-radius: 0px;
	color: #333 !important;
	border: none;
	border: 1px solid #eee;
}
.blog-single .reply .form-group textarea {
	width: 100%;
	height: 200px;
	line-height: 50px;
	padding: 0 20px;
	border-radius: 0px;
	color: #333 !important;
	border: none;
	border: 1px solid #eee;
}
.blog-single .reply .form-group label {
	color: #333;
	position: relative;
}
.blog-single .reply .form-group label span {
	color:#ff2c18;
	display: inline-block;
	position: absolute;
	right: -12px;
	top: 4px;
	font-size: 16px;
}
.blog-single .reply .button {
	text-align: left;
	margin-bottom:0px;
}
.blog-single .reply .button .btn {
	height: 50px;
	border: none;
}
/* Blog Sidebar */
.main-sidebar {
	background: #fff;
	padding: 40px;
	background: transparent;
	border: 1px solid #eeeeeec2;
}
.main-sidebar .single-widget{
	margin-bottom:50px;
}
.main-sidebar .single-widget .title {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 30px;
	display: block;
	background: #fff;
	padding-left: 12px;
}
.main-sidebar .single-widget .title::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	height: 100%;
	width: 3px;
	background: #F7941D;
}
.main-sidebar .single-widget:last-child{
	margin:0;
}
.main-sidebar .search{
	position:relative;
}
.main-sidebar .search input {
	width: 100%;
	height: 45px;
	box-shadow: none;
	text-shadow: none;
	font-size: 14px;
	border: none;
	color: #222;
	background: transparent;
	padding: 0 70px 0 20px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 0;
	border: 1px solid #eee;
}
.main-sidebar .search .button {
	position: absolute;
	right: 0;
	top: 0;
	height: 44px;
	width: 50px;
	line-height: 45px;
	box-shadow: none;
	text-shadow: none;
	text-align: center;
	border: none;
	font-size: 14px;
	color: #fff;
	background: #333;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.main-sidebar .search .button:hover {
	background:#F7941D;
	color:#fff;
}
/* Category List */
.main-sidebar .categor-list {
	margin-top: 15px;
}
.main-sidebar .categor-list li{
	
}
.main-sidebar .categor-list li {
	margin-bottom: 10px;
}
.main-sidebar .categor-list li:last-child{
	margin-bottom:0px;
}
.main-sidebar .categor-list li a {
	display: inline-block;
	color: #333;
	font-size:14px;
}
.main-sidebar .categor-list li a:hover{
	color:#F7941D;
	padding-left:7px;
}
.main-sidebar .categor-list li a i {
	display: inline-block;
	margin-right:0px;
	font-size: 9px;
	transform: translateY(-1px);
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.main-sidebar .categor-list li a:hover i{
	margin-right: 6px;
	opacity:1;
	visibility:visible;
}
/* Recent Post */
.main-sidebar .recent-post{}
.main-sidebar .single-post {
	position: relative;
	border-bottom: 1px solid #ddd;
	display: inline-block;
	padding: 17px 0;
}
.main-sidebar .single-post:last-child{
	padding-bottom:0px;
	border:none;
}
.main-sidebar .single-post .image {
	
}
.main-sidebar .single-post .image img{
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 20px;
}
.main-sidebar .single-post .content{
	padding-left:100px;
}
.main-sidebar .single-post .content h5 {
	line-height: 18px;
}
.main-sidebar .single-post .content h5 a {
	color: #2C2D3F;
	font-weight: 500;
	font-size: 14px;
	font-weight: 500;
	margin-top: 10px;
	display: block;
	margin-bottom: 10px;
	margin-top: 0;
}
.main-sidebar .single-post .content h5 a:hover{
	color:#F7941D;
}
.main-sidebar .single-post .content .comment{}
.main-sidebar .single-post .content .comment li{
	color:#888;
	display:inline-block;
	margin-right:15px;
	font-weight:400;
	font-size:14px;
}
.main-sidebar .single-post .content .comment li:last-child{
	margin-right:0;
}
.main-sidebar .single-post .content .comment li i{
	display:inline-block;
	margin-right:5px;
}
/* Blog Tags */
.main-sidebar .side-tags{}
.main-sidebar .side-tags .tag{
	margin-top:40px;
}
.main-sidebar .side-tags .tag li {
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 20px;
}
.main-sidebar .side-tags .tag li a {
	background: #fff;
	color: #333;
	padding: 8px 14px;
	text-transform: capitalize;
	border-radius: 0;
	font-size: 13px;
	background: #F6F7FB;
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.main-sidebar .side-tags .tag a:hover{
	color:#fff;
	background:#F7941D;
	border-color:transparent;
}
/* Blog Newslatter CSS */
.main-sidebar .newsletter{
	
}
.main-sidebar .newsletter .letter-inner {
	position:relative;
	padding: 35px 30px;
	box-shadow: 0px 0px 12px #00000014;
	z-index:2;
	overflow:hidden;
}
.main-sidebar .newsletter .letter-inner h4 {
	text-transform: capitalize;
	margin-bottom: 25px;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
}
.main-sidebar .newsletter .letter-inner p{
	margin-bottom: 20px;
}
.main-sidebar .newsletter .letter-inner .form-inner{
	position:relative;
}
.main-sidebar .newsletter .letter-inner input {
	width: 100%;
	height: 45px;
	background: #fff;
	border: none;
	border: 1px solid #ddd;
	padding: 0px 60px 0px 20px;
	box-shadow: none;
	text-shadow: none;
	border-radius: 0;
}
.main-sidebar .newsletter .letter-inner .form-inner a {
	height: 42px;
	width: 100%;
	background: #F7941D;
	color: #fff;
	font-size: 14px;
	display: block;
	text-align: center;
	line-height: 42px;
	margin-top: 10px;
	text-transform: uppercase;
	font-weight: 500;
	-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.main-sidebar .newsletter .letter-inner .form-inner a:hover{
	background:#333;
	color:#fff;
}


/***********
1. TABLE CSS
***********/

.thead-dark{background-color: var(--primary-color);}
.table .thead-dark th {
	font-size: 15px;
    font-weight: 600;
    color: #fff;

}
.table td, .table th {
	font-weight: 400;
    padding: 1rem;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}
.available{color: #34ac07;}
.not-available{color: #ff0000;}

/***********
1. END TABLE CSS
***********/

footer{ color:var(--white-color); padding-top:7.5em;background: url(../images/footer-wave.png)#00428b no-repeat;background-position: right 100px;}

footer .footer-top { width:100%; padding:2em 0em;}


footer .mtext-right {text-align: right;}
footer .email-f {font-size: 22px;}
footer .email-f svg{margin-right: 5px;}
footer .email-f a{ color:var(--white-color);  text-decoration:none;}
footer .email-f a:hover{ color:var(--primary-color);}
footer .contact-f{font-size:26px;}
footer .contact-f svg{margin-right: 5px;}
footer .contact-f a{ color: var(--white-color);}
footer .contact-f a:hover{ color: var(--orange-color);}

footer .footer-widget{ margin-bottom: 20px;}
footer h3{ position:relative; margin-bottom: 15px;}

footer .footer-widget ul{width: 100%;display: inline-block;}
footer .footer-widget ul li{display: block;margin-bottom: 10px;}
footer .footer-widget ul li a{color: var(--white-color);text-decoration: none;font-size: 13px;font-weight: 400;}
footer .footer-widget ul li a:hover{ color: var(--primary-color);}

footer .social-media{display: inline-block;}
footer .social-media li{ float: left;margin-right: 15px;}
footer .social-media li a{ font-size:24px; color: var(--white-color);}
footer .social-media li a:hover{ color: var(--primary-color);}

footer .copyright-wrap{width: 100%; background-color:#18275D;}
footer .copyright-wrap .copyright{ font-weight:400; color:var(--white-color);}
@media (min-width: 1200px) {
  footer .footer-col{padding-right: 50px;}
}
footer .footer-col h3{font-size: 24px;}

@media (max-width: 1200px) {
  footer .footer-col h3{font-size: 20px;}
}

footer .footer-col p{font-size: 15px;line-height: 1.6;margin-bottom: 25px;text-align: justify;}

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

@media (max-width: 480px) {

 body{font-size:12px;line-height: 1.5;}
.page-title .title-text h1 {font-size: 24px;}
.banner .searchFrame1 .checker .idn-select, .resellFrame1 .checker .idn-select{ 
	  height:48px; padding: .95em 0.5em; font-size: 14px;
	  -webkit-appearance: menulist!important;
	  /*webkit browsers */
	  -moz-appearance: none;
	  /*Firefox */
	  appearance: none;
	  /* modern browsers */
 }
	.banner .searchFrame1 .checker .idn-select{ height:56px!important; padding: 2em 1em;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;}
	
	.banner .searchFrame1 .searchFrameSubmit{-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;}
	
.contact-left .sm-cap li, .contact_wrap2 .cont-wrap-left .sm-cap li{border-right: none;}
}

@media screen and (min-width: 481px) and (max-width: 766px) {	
.page-title .title-text h1 {font-size: 28px;}
}
@media (max-width: 767px) {
	h1{ font-size: 30px;line-height: 1.2!important;}
	h2{font-size: 26px!important;line-height: 1.2!important;}
	h3{font-size: 20px!important;line-height: 1.2!important;}
	h4{font-size: 16px!important;line-height: 1.2!important;}
	
	.page-title { min-height:180px;}
	.ticket-row .text-status{ text-align: left!important;}
  .ticket-row input { margin-bottom: 1.5em;}
  .new-ticket .rply, .new-ticket .comt{ width: 100%; float: none;}
	.top_bar_contact_list ul{ margin-bottom: 1em;text-align: center;}
	.top_bar_contact_list li{ margin-bottom: .5em;float: none; text-align: center;}
	.top_bar_login ul{ text-align: center;}
	.top_bar_login ul li{margin-bottom: 1em;float: none; text-align: center;}
  .top_bar_login ul li ul li{ margin: 0;}
	.banner{ padding: 3em 0 2em;}
	.banner .searchFrame .searchBox {width: 65%;}
	.banner .searchFrame .searchFrameSub {width: 35%;}
	/*.banner .searchFrame .searchBox .searchFrametxt, .banner .searchFrame1 .searchBox .searchFrametxt{ height: 42px;}*/
	.banner .searchFrame1 .checker .idn-select{font-size: 12px;padding: 1.5em 0em 1.2em 1em; height: 56px;}
	.banner .searchFrame1 .checker {width: 15%;}
	.banner .searchFrame1 .searchFrameSub {width: 35%;}
	.banner .searchFrame1 .searchBox {width: 50%;}
	
	.banner .searchFrame .searchFrameSubmit, .banner .searchFrame1 .searchFrameSubmit, .resellFrame .searchFrameSubmit, .resellFrame1 .searchFrameSubmit {
    font-size: 14px;
	padding: 1.5em 1em;
}
	.banner .searchFrame .searchBox .searchFrametxt, .banner .searchFrame1 .searchBox .searchFrametxt {
    font-size: 14px;
    padding: 1em 1.5em;
}
	.slider{ display: none;}
	.banner .accredited{ position:relative;margin:0 auto;width:max-content;left:auto;}
	.advance-search-wrap .serchr{ width: 100%;}
	
	.s-division {padding: 2em 0;}
	.s-division .s-icon{ font-size: 12px;display: inline-block;margin: 1.5em 0em;}
	.s-division .s-icon h5{ font-size: 12px;}
	.t-wrap{ display: block;overflow-x: scroll;}
	
	.subbr, .m-captcha{text-align:center;display: inline-block!important;}
	.m-captcha{ margin-bottom:1em;}
}


@media screen and (min-width: 768px) and (max-width: 992px) {

	h1 {font-size: 36px!important;line-height: 1.2!important;}
	
	.page-title {min-height: 220px;}
	.top_bar_contact_list li{margin-bottom: .5em;}
	.top_bar_login ul li {margin-bottom: 1em;}
	.s-division .s-icon {float: left;margin: 2em 0;}
	
	.banner .slider{width:200px; top: 100px;}
	.banner .accredited {width: 80px;left: 0px;}
	
	.theme-search .ft-tab{font-size: 16px!important;}
	.theme-search .ft-tab span{font-size: 10px!important;}
	
	
	
}


@media screen and (min-width: 993px) and (max-width: 1199px) {
	
	.page-title {min-height: 260px;}
    .site-navbar .site-navigation .site-menu > li > a {
    font-size: 14px;
	padding: 15px 0px;}
	.top_bar_contact_list li, .top_bar_login ul li{ margin-bottom: .5em;}
	
	.theme-search .ft-tab{font-size: 16px!important;}
	.theme-search .ft-tab span{font-size: 10px!important;}
	
	.banner .slider{width:240px; top: 15px;}
	.banner .accredited {width: 90px;left: -40px;}

}


@media screen and (min-width: 1200px) and (max-width: 1399px) {
	.page-title {min-height: 300px;}
	.site-navbar .site-navigation .site-menu > li > a {
    font-size: 15px;
    padding: 15px 7px;
}
	.banner .slider{width:240px;}
	.banner .accredited {width: 100px;left: 0px;}
	
	
}

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    z-index: 99;
    bottom: 50px;
    right: 40px;
    overflow: hidden;
    width: 55px;
    height: 55px;
    border: none;
    text-indent: 100%;
    background: url(../images/up.svg) no-repeat 0px 0px;
    -moz-opacity: 0.9;
    filter: alpha(opacity=0.9);
    opacity: 0.9;
}




/* Domain reg Page */

  .drp-sec1{
    background: linear-gradient(135deg, #0E0439 0%, #3533CC 100%);
  }
.drp-sec1-btn {
  border-radius: 50px;
  background-color: #f4511e;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 18px;
  padding: 10px 20px;
  width: auto;
  transition: transform 0.3s ease;
  cursor: pointer;


}

.drp-sec1-btn:hover {
  background-color: #3533CC;
  color: #FFFFFF;
  transform: scale(1.1);

}

.hdr{
 margin: 30px 0px 0px 0px;
}


.drp-sec2-btn {
  border-radius: 50px;
  background-color: #f4511e;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 18px;
  padding: 10px 20px;
  width: 200px;
  transition: transform 0.3s ease;
  cursor: pointer;
  margin: 0px;

}
.drp-sec2-btn:hover {
  background-color: #ac2d06;
  transform: scale(1.1);
}

.drp-all-sec h2 {
  font-size: 40px;
  font-weight: 700;
  color: #024791;
  margin-bottom: 20px;
}

.drp-all-sec P{
  font-size: 18px;
  font-weight: 500;
  color: #333;
  margin-bottom: 20px;
}

.drp-all-sec h3 {
  font-size: 28px;
  font-weight: 400;
  color: #000;
  margin-top: -30px;
}



.drp-sec3-dr{
  display: flex;
  width: max-content;
  overflow: hidden;
  white-space: nowrap;

}

.drp-sec3-dcard{
  border-radius: 100px;
  margin-right: 20px;
  padding: 20px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
  font-size: large;
  font-weight: 700;
}

.drp-sec4 {
  background-color: #D4DFF0;
  padding: 50px 0;
}
.drp-sec4-btn:hover{
  background-color: #005596;

}


.drp-sec4-btn:hover{
  background-color: #d33808;
}



.drp-sec7{
  background: linear-gradient(135deg, #0E0439 0%, #3533CC 100%);
  padding: 50px 0;
}

.drp-sec7 h2{
  font-size: 40px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 20px;
}

.drp-sec7 P{
  font-size: 20px;
  font-weight: 500;
  color: #FFFFFF;

}

.drp-sec7 h3 :link{
  font-size: 28px;
  font-weight: 700;
  color: #FFFFFF;

}


.drp-sec8 ul li {
  display: inline-block;
  margin-right: 20px;
  font-size: 18px;
  font-weight: 500;

}


@media (min-width: 768px) and (max-width: 1100px) {
 
.drp-sec1-col1 h1{
    font-size: 60px !important;
 
  }
.drp-sec1-col1 p{
    font-size: 30px;
 
  }

.drp-sec1-col1 a {
  border-radius: 50px;
  background-color: hsl(14, 91%, 54%);
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 30px;
  padding: 10px 20px;
  transition: transform 0.3s ease;
  cursor: pointer;

}

}


/* Domain reg Page */