.cd-words-wrapper {



    display: inline-block;



    position: relative;



    text-align: left;



}







.cd-words-wrapper b {



    display: inline-block;



    position: absolute;



    white-space: nowrap;



    left: 0;



    top: 0;



}







.cd-words-wrapper b.is-visible {



    position: relative;



}







.no-js .cd-words-wrapper b {



    opacity: 0;



}







.no-js .cd-words-wrapper b.is-visible {



    opacity: 1;



}







/* xclip */



.cd-headline.clip span {



    display: inline-block;



    padding: .2em 0;



}







.cd-headline.clip .cd-words-wrapper {



    overflow: hidden;



    vertical-align: top;



}







.cd-headline.clip .cd-words-wrapper::after {



    /* line */



    content: '';



    position: absolute;



    top: 10%;



    right: 0;



    width: 2px;



    height: 70%;



    background-color: #aebcb9;



}







.cd-headline.clip b {



    opacity: 0;



}







.cd-headline b.is-visible {



    opacity: 1;



    font-weight: 700;



}



.cd-words-wrapper {



    display: inline-block;



    position: relative;



    text-align: left;



}







.cd-words-wrapper b {



    display: inline-block;



    position: absolute;



    white-space: nowrap;



    left: 0;



    top: 0;



}







.cd-words-wrapper b.is-visible {



    position: relative;



}







.no-js .cd-words-wrapper b {



    opacity: 0;



}







.no-js .cd-words-wrapper b.is-visible {



    opacity: 1;



}















/* Theme 6



================================================== */



audio,



canvas,



iframe,



img,



svg,



video {



  vertical-align: middle; }



[data-overlay] {



  position: relative;



}



[data-overlay]::before {



  background: #000 none repeat scroll 0 0;



  content: "";



  height: 100%;



  left: 0;



  position: absolute;



  top: 0;



  width: 100%;



  z-index: 1;



}



[data-overlay="3"]::before {



  opacity: 0.3;



}



[data-overlay="4"]::before {



  opacity: 0.4;



}



[data-overlay="5"]::before {



  opacity: 0.5;



}



[data-overlay="6"]::before {



  opacity: 0.6;



}



[data-overlay="7"]::before {



  opacity: 0.7;



}



[data-overlay="8"]::before {



  opacity: 0.8;



}



[data-overlay="9"]::before {



  opacity: 0.9;



}







.main-btn {



  display: inline-block;



  font-weight: 500;



  text-align: center;



  white-space: nowrap;



  vertical-align: middle;



  -webkit-user-select: none;



  -moz-user-select: none;



  -ms-user-select: none;



  user-select: none;



  padding: 0 25px;



  font-size: 16px;



  line-height: 48px;



  border-radius: 8px;



  border: 0;



  color: #fff;



  cursor: pointer;



  z-index: 5;



  -webkit-transition: all 0.4s ease-out 0s;



  -moz-transition: all 0.4s ease-out 0s;



  -ms-transition: all 0.4s ease-out 0s;



  -o-transition: all 0.4s ease-out 0s;



  transition: all 0.4s ease-out 0s;



  background: -webkit-linear-gradient(left, #33c8c1 0%, #119bd2 50%, #33c8c1 100%);



  background: -o-linear-gradient(left, #33c8c1 0%, #119bd2 50%, #33c8c1 100%);



  background: linear-gradient(to right, #33c8c1 0%, #119bd2 50%, #33c8c1 100%);



  background-size: 200%; }



  .main-btn:hover {



    color: #fff;



    background-position: right center; }







/*===== All SECTION TITLE Style =====*/



.section-title .line {



  background: -webkit-linear-gradient(#fe8464 0%, #fe6e9a 100%);



  background: -o-linear-gradient(#fe8464 0%, #fe6e9a 100%);



  background: linear-gradient(#fe8464 0%, #fe6e9a 100%);



  width: 150px;



  height: 5px;



  margin-bottom: 10px !important; }







.section-title .title {



  font-size: 38px;



  font-weight: 700;



  line-height: 42px; }



  @media (max-width: 767px) {



    .section-title .title {



      font-size: 20px; } }



  @media only screen and (min-width: 576px) and (max-width: 767px) {



    .section-title .title {



      font-size: 30px; } }



  .section-title .title span {



    font-weight: 400;



    display: contents; }







/*===== All Section Title Style =====*/



.section-title .sub-title {



  font-size: 18px;



  font-weight: 400;



  color: #361CC1;



  text-transform: uppercase; }



  @media (max-width: 767px) {



    .section-title .sub-title {



      font-size: 16px; } }







.section-title .title {



  font-size: 32px;



  padding-top: 10px; }



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



    .section-title .title {



      font-size: 30px; } }



  @media (max-width: 767px) {



    .section-title .title {



      font-size: 24px; } }



  .section-title .title span {



    font-weight: 400;



    display: contents; }







.bg_cover {



  background-position: center center;



  background-size: cover;



  background-repeat: no-repeat;



  width: 100%;



  height: 100%; }







.slick-slide {



  outline: 0; 



}



/*===== HEADER HERO =====*/







/*.header-hero-image {



   height: 350px;



    margin: 0 auto;



    border-radius: 100%;



    overflow: hidden;



    padding-top: 0px!important;



    margin-top: 44px;



}*/







.header-hero-image {



    height: 200px;



    width: 200px;



    margin: 0 auto;



    border-radius: 100%;



    overflow: hidden;



    padding-top: 0px!important;



    margin-top: 30px;



}



.header-hero.bg_cover{



  min-height: 100vh;



}







.header-hero-image img {



    height: 100%;



    width: 100%;



    object-fit: cover;



}







.header-hero {



  position: relative;



  z-index: 5;



  background-position: bottom center; }







#particles-1 {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  z-index: -1; }







.header-hero-content {



  padding-top: 150px; }



  @media (max-width: 767px) {

    .header-hero-content { padding-top: 100px; } 
    .whats-app { right: 25px; bottom: 20px; }
    .iframe_area iframe{width: 100%;}
    .qrcode{ margin-bottom: 40px;}
}



  .header-hero-content .header-sub-title {



    font-size: 38px;



    font-weight: 300;



    color: #fff; }



    @media (max-width: 767px) {



      .header-hero-content .header-sub-title {



        font-size: 24px; } }



    @media only screen and (min-width: 576px) and (max-width: 767px) {



      .header-hero-content .header-sub-title {



        font-size: 30px; } }



  .header-hero-content .header-title {



    font-size: 38px;



    font-weight: 700;



    color: #fff; }



    @media (max-width: 767px) {



      .header-hero-content .header-title {



        font-size: 24px; } }



    @media only screen and (min-width: 576px) and (max-width: 767px) {



      .header-hero-content .header-title {



        font-size: 30px; } }



  .header-hero-content .text {



    color: #fff;



    margin-top: 30px; }



  .header-hero-content .main-btn {



    margin-top: 40px; }







.header-hero-image {



  padding-top: 45px; }



  .header-hero-image img {



    max-width: 650px; }



    @media (max-width: 767px) {



      .header-hero-image img {



        max-width: 100%; } }



  @media (max-width: 767px) {



    .header-hero-image {



      padding-top: 30px; } }











/* About



================================================== */







.img-thumb img {



    border: 8px solid #fff;



    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);



    height: 520px;



    object-fit: contain;



}







.profile-wrappers {



  padding: 45px 0;



}







.profile-wrappers .btn {



  margin: 10px 10px 0px 0px;



}







.profile-wrappers .btn i {



  vertical-align: middle;



  margin-right: 5px;



}







.about-profile {



  position: relative;



  margin: 20px 0 20px 0;



}







.about-profile .pro-title {



  font-weight: 700;



  color: #040404;



  position: relative;



  min-width: 120px;



  display: inline-block;



  margin-bottom: 5px;



}







.about-profile .pro-title:after {



  position: absolute;



  content: ':';



  color: #040404;



  font-size: 14px;



  right: 5px;



}







.about-profile .admin-sign {



  position: absolute;



  right: 45px;



  bottom: 10px;



}



.btn_style_5 {



    background-color: #00b4d9;



    position: relative;



    z-index: 1;



    color: #fff;



}



.profile-wrappers .btn {



    margin: 10px 10px 0px 0px;



}



.btn_style_5:hover,



.btn_style_5.active {



    color: #fff;



    background-color: #21cff3;



    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1);



    transition: all .2s ease-in-out;



    -moz-transition: all .2s ease-in-out;



    -webkit-transition: all .2s ease-in-out;



}











/* Resume */



.timeline {



  position: relative;



}







.timeline .timelin-title {



  font-size: 20px;



  text-transform: uppercase;



  margin-left: 25px;



}







.timeline li {



  padding: 0 20px 20px 30px;



  list-style: none;



  border-left: 2px solid #f1f1f1;



}







.timeline li .content-text {



  background: #f2f2f2;



  padding: 20px;



}







.timeline li .line-title {



  font-size: 16px;



  line-height: 6px;



}







.timeline li span {



  font-size: 12px;



  padding: 9px 0;



  display: block;



}







.timeline li .line-text {



  color: #888;



  line-height: 18px;



}







.timeline li:first-child:before {



  border: 0;



  background: none;



  position: relative;



}







.timeline li:last-child {



  padding: 0 20px 0px 30px;



}







.timeline li:before {



  content: "";



  border: solid 2px;



  width: 8px;



  height: 8px;



  border-radius: 50px;



  -moz-border-radius: 50px;



  -webkit-border-radius: 50px;



  font-size: 8px;



  margin-left: -35px;



  font-weight: 400;



  background: #fff;



  display: block;



  position: absolute;



  margin-top: 18px;



  border-color: #00b4d9;



}







.timeline li:first-child i {



  font-size: 20px;



  float: left;



  margin-left: -30px;



  line-height: 50px;



  border-radius: 30px;



  margin: -12px -55px;



  background: #00b4d9;



  color: #fff;



  width: 50px;



  height: 50px;



  text-align: center;



}







/* ==========================================================================



  Portfolio Section



   ========================================================================== */



#portfolios {



  background: #f2f2f2;



}







#portfolios .mix {



  padding: 10px;



}







#portfolios .portfolio-item .shot-item {



  margin: 0px;



}







#portfolio .mix {



  display: none;



}







.controls {



  text-align: center;



  padding: 0px 0px 20px;



}







.controls .active {



  color: #00b4d9 !important;



  border-color: #00b4d9;



  background: transparent;



}







.controls .btn {



  text-transform: uppercase;



  margin: 2px;



  color: #fff;



}







.controls:hover {



  cursor: pointer;



}







.portfolio-img {



  overflow: hidden;



  display: block;



  position: relative;



}







.portfolio-img img {



  width: 100%;



}







.shot-item {



  margin-right: 15px;



  border-radius: 4px;



  background: #fff;



  position: relative;



}







.shot-item img {



  width: 100%;



}







.shot-item .overlay {



  position: absolute;



  width: 100%;



  height: 100%;



  left: 0;



  top: 0;



  background: rgba(0, 180, 217, 0.6);



  opacity: 0;



  -webkit-transition: all 0.5s ease-in-out;



  transition: all 0.5s ease-in-out;



}







.shot-item:hover .overlay {



  opacity: 1;



}







.overlay {



  opacity: 0;



}







.overlay .icons i {



  height: 42px;



  width: 42px;



  line-height: 42px;



  color: #00b4d9;



  left: 50%;



  margin-left: -24px;



  margin-top: -24px;



  top: 50%;



  position: absolute;



  z-index: 2;



  cursor: pointer;



  text-align: center;



  font-size: 20px;



  -webkit-transition: all 0.5s ease-in-out;



  -moz-transition: all 0.5s ease-in-out;



  transition: all 0.5s ease-in-out;



  background: #fff;



  border-radius: 4px;



}







.overlay .preview {



  position: absolute;



  left: 45%;



  top: 50%;



  color: #fff;



}







.overlay .link {



  position: absolute;



  left: 60%;



  margin-left: 10px;



  top: 50%;



  color: #fff;



}







.shot-item:hover .overlay {



  opacity: 1;



}







a:not([href]):not([tabindex]) {



  color: #fff;



}







a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {



  color: #fff;



}











/*===== NAVBAR =====*/



.navbar-area {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  z-index: 99;



  -webkit-transition: all 0.3s ease-out 0s;



  -moz-transition: all 0.3s ease-out 0s;



  -ms-transition: all 0.3s ease-out 0s;



  -o-transition: all 0.3s ease-out 0s;



  transition: all 0.3s ease-out 0s; }



  .navbar-area a.navbar-brand {



    color: #fff;



}



.sticky {



  position: fixed;



  z-index: 99;



  background-color: #fff;



  -webkit-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05);



  -moz-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05);



  box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05);



  -webkit-transition: all 0.3s ease-out 0s;



  -moz-transition: all 0.3s ease-out 0s;



  -ms-transition: all 0.3s ease-out 0s;



  -o-transition: all 0.3s ease-out 0s;



  transition: all 0.3s ease-out 0s; }



  .sticky .navbar {



    padding: 10px 0; }







.style_6 .navbar {



  padding: 25px 0;



  border-radius: 5px;



  position: relative;



  -webkit-transition: all 0.3s ease-out 0s;



  -moz-transition: all 0.3s ease-out 0s;



  -ms-transition: all 0.3s ease-out 0s;



  -o-transition: all 0.3s ease-out 0s;



  transition: all 0.3s ease-out 0s; }







.navbar-brand {



  padding: 0; }







.navbar-toggler {



  padding: 0; }



  .navbar-toggler .toggler-icon {



    width: 30px;



    height: 2px;



    background-color: #fff;



    display: block;



    margin: 5px 0;



    position: relative;



    -webkit-transition: all 0.3s ease-out 0s;



    -moz-transition: all 0.3s ease-out 0s;



    -ms-transition: all 0.3s ease-out 0s;



    -o-transition: all 0.3s ease-out 0s;



    transition: all 0.3s ease-out 0s; }



  .navbar-toggler.active .toggler-icon:nth-of-type(1) {



    -webkit-transform: rotate(45deg);



    -moz-transform: rotate(45deg);



    -ms-transform: rotate(45deg);



    -o-transform: rotate(45deg);



    transform: rotate(45deg);



    top: 7px; }



  .navbar-toggler.active .toggler-icon:nth-of-type(2) {



    opacity: 0; }



  .navbar-toggler.active .toggler-icon:nth-of-type(3) {



    -webkit-transform: rotate(135deg);



    -moz-transform: rotate(135deg);



    -ms-transform: rotate(135deg);



    -o-transform: rotate(135deg);



    transform: rotate(135deg);



    top: -7px; }







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



  .style_6 .navbar-collapse {



    position: absolute;



    top: 100%;



    left: 0;



    width: 100%;



    background-color: #fff;



    z-index: 9;



    -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);



    -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);



    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);



    padding: 5px 12px; } }







@media (max-width: 767px) {



  .style_6 .navbar-collapse {



    position: absolute;



    top: 100%;



    left: 0;



    width: 100%;



    background-color: #fff;



    z-index: 9;



    -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);



    -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);



    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);



    padding: 5px 12px; } }







.style_6 .navbar-nav .nav-item {



  margin-right: 0px;



  position: relative; }



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



    .style_6 .navbar-nav .nav-item {



      margin-right: 30px; } }



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



    .style_6 .navbar-nav .nav-item {



      margin: 0; } }



  @media (max-width: 767px) {



    .style_6 .navbar-nav .nav-item {



      margin: 0; } }



  .style_6 .navbar-nav .nav-item a {



    font-size: 16px;



    font-weight: 400;



    color: #fff;



    -webkit-transition: all 0.3s ease-out 0s;



    -moz-transition: all 0.3s ease-out 0s;



    -ms-transition: all 0.3s ease-out 0s;



    -o-transition: all 0.3s ease-out 0s;



    transition: all 0.3s ease-out 0s;



    padding: 10px 0;



    position: relative;



    font-family: "Poppins", sans-serif; }

    .device_list_sec .card-section ul li {
      display: inline-block;
      color: #fff;
      padding: 10px 0px 10px 0px;
      width: 170px;
     
    }

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



      .style_6 .navbar-nav .nav-item a {



        display: block;



        padding: 4px 0;



        color: #2E2E2E; }
        .device_list_sec .card-section ul li {
          width: 190px;
        }
      
      }



    @media (max-width: 767px) {



      .style_6 .navbar-nav .nav-item a {



        display: block;



        padding: 4px 0;



        color: #2E2E2E; }
      
        .device_list_sec .card-section ul li {
          width: 205px;
        }
      }

      @media (max-width: 514px) {
        .device_list_sec .card-section ul li {
          width: 160px;
        }
      }

  .style_6 .navbar-nav .nav-item:hover .sub-menu {



    top: 100%;



    opacity: 1;



    visibility: visible; }



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



      .style_6 .navbar-nav .nav-item:hover .sub-menu {



        top: 0; } }



    @media (max-width: 767px) {



      .style_6 .navbar-nav .nav-item:hover .sub-menu {



        top: 0; } }



  .style_6 .navbar-nav .nav-item .sub-menu {



    width: 200px;



    background-color: #fff;



    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);



    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);



    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);



    position: absolute;



    top: 110%;



    left: 0;



    opacity: 0;



    visibility: hidden;



    -webkit-transition: all 0.3s ease-out 0s;



    -moz-transition: all 0.3s ease-out 0s;



    -ms-transition: all 0.3s ease-out 0s;



    -o-transition: all 0.3s ease-out 0s;



    transition: all 0.3s ease-out 0s; }



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



      .style_6 .navbar-nav .nav-item .sub-menu {



        position: relative;



        width: 100%;



        top: 0;



        display: none;



        opacity: 1;



        visibility: visible; } }



    @media (max-width: 767px) {



      .style_6 .navbar-nav .nav-item .sub-menu {



        position: relative;



        width: 100%;



        top: 0;



        display: none;



        opacity: 1;



        visibility: visible; } }



    .style_6 .navbar-nav .nav-item .sub-menu li {



      display: block; }



      .style_6 .navbar-nav .nav-item .sub-menu li a {



        display: block;



        padding: 8px 20px;



        color: #2E2E2E; }



        .style_6 .navbar-nav .nav-item .sub-menu li a.active, .style_6 .navbar-nav .nav-item .sub-menu li a:hover {



          padding-left: 25px;



          color: #361CC1; }







.navbar-nav .sub-nav-toggler {



  display: none; }



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



    .navbar-nav .sub-nav-toggler {



      display: block;



      position: absolute;



      right: 0;



      top: 0;



      background: none;



      color: #2E2E2E;



      font-size: 18px;



      border: 0;



      width: 30px;



      height: 30px; } }



  @media (max-width: 767px) {



    .navbar-nav .sub-nav-toggler {



      display: block;



      position: absolute;



      right: 0;



      top: 0;



      background: none;



      color: #2E2E2E;



      font-size: 18px;



      border: 0;



      width: 30px;



      height: 30px; }







       }



  .navbar-nav .sub-nav-toggler span {



    width: 8px;



    height: 8px;



    border-left: 1px solid #2E2E2E;



    border-bottom: 1px solid #2E2E2E;



    -webkit-transform: rotate(-45deg);



    -moz-transform: rotate(-45deg);



    -ms-transform: rotate(-45deg);



    -o-transform: rotate(-45deg);



    transform: rotate(-45deg);



    position: relative;



    top: -5px; }







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



  .navbar-btn {



    position: absolute;



    top: 50%;



    right: 50px;



    -webkit-transform: translateY(-50%);



    -moz-transform: translateY(-50%);



    -ms-transform: translateY(-50%);



    -o-transform: translateY(-50%);



    transform: translateY(-50%); } }







@media (max-width: 767px) {



  .navbar-btn {



    position: absolute;



    top: 50%;



    right: 50px;



    -webkit-transform: translateY(-50%);



    -moz-transform: translateY(-50%);



    -ms-transform: translateY(-50%);



    -o-transform: translateY(-50%);



    transform: translateY(-50%); } }







.navbar-btn .main-btn {



  height: 45px;



  line-height: 45px;



  background: -webkit-linear-gradient(left, #fe8464 0%, #fe6e9a 50%, #fe8464 100%);



  background: -o-linear-gradient(left, #fe8464 0%, #fe6e9a 50%, #fe8464 100%);



  background: linear-gradient(to right, #fe8464 0%, #fe6e9a 50%, #fe8464 100%);



  background-size: 200%; }



  .navbar-btn .main-btn:hover {



    color: #fff;



    background-position: right center; }







.sticky .navbar-toggler .toggler-icon {



  background-color: #2E2E2E; }







.sticky .style_6 .navbar-nav .nav-item a {



  color: #2E2E2E; }







.sticky .style_6 .navbar-nav .nav-item.active > a, .sticky .style_6 .navbar-nav .nav-item:hover > a {



  color: #361CC1; }







.home_style_4 .socialLink ul li a {



    color: #fff!important;



}















div.one_page.theme_6  .sectionHeader h1::before {



    content: "";



    position: absolute;



    background: rgba(3,127,255,.3);



    width: 100%;



    height: 1px!important;



    bottom: 1px!important;



    border-radius: 15px;



}



div.one_page.theme_6  .sectionHeader h1::after {



    content: "";



    position: absolute;



    background: #037fff;



    width: 40%;



    height: 3px!important;



    bottom: 0;



    left: 0;



    border-radius: 15px;



}







body.dark nav.style_6 .mainMenu ul a{



  color:#fff!important;



}







body.light nav.style_6.light .navbar-brand{



  color:#000;



}







body.dark .navbar-area.sticky .navbar.style_6 .mainMenu ul a{



  color: #000;



}



.navbar-area.sticky .navbar.style_6.light .navbar-brand{



    color:#000!important;



}







body.gradient .navbar.style_6.light .navbar-brand{



    color:#fff!important;



}







#map iframe{



  width: 100%;



  height: 450px;



}







.c_green{



  color: #4CAF50;



}







.c_red{



  color: red;



}







/*  home banner



================================================== */







.users_banner_area.home_banner {



    height: 100vh;



    z-index: 5;



}



.users_banner_area.home_banner p {



  color: #fff;



  width: 50%;



  text-align: center;



  margin: 10px auto;



}







.custom-file.home_search_area {



  position: relative;



}



.cd-headline.clip.typing_data.home_search_type {



  font-size: 24px;



  padding: 5px 10px;



  font-family: Boogaloo;



}



.search_typing {



    display: flex;



    align-items: center;



    justify-content: center;



    margin-bottom: 15px;



}







/*



.sticky.home_page_navbar nav.navbar{



  background: #f7fafc!important;



  box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);



}







.sticky.home_page_navbar nav.navbar .navbar-toggler {



    color: #000;



    background: #777;



}







.sticky.home_page_navbar nav.navbar span.navbar-toggler-icon{



  color: #000;



}







.sticky.home_page_navbar nav.navbar ul li.active a,



.sticky.home_page_navbar nav.navbar ul li a:hover{



  color: #2ec1ac!important;







}



.sticky.home_page_navbar nav.navbar ul li a{



  color: #000!important;



}



.sticky.home_page_navbar nav.navbar .right_bar a {



    color: #000;



}







.home_page_navbar.navbar-area.sticky a.navbar-brand {



    color: #000!important;



}



*/



.sticky.home_page_navbar nav.navbar .right_bar a:hover {



  background: #2ec1ac;



  color: #fff;



   border-color: transparent;



}



.sticky.home_page_navbar nav.navbar::after{



  opacity:0;



  position: relative;



  background: transparent;



  z-index: -99;



}



.home_page_navbar.navbar-area .navbar::after {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,.3);z-index: -1;}







.home_page_navbar.navbar-area .navbar {



    position: relative;



    z-index: 9999;



}







.add_area {



    height: 150px;



    width: 100%;



    overflow: hidden;



    margin: 20px 0;



}







.single_add img {



    height: 100%;



    width: 100%;



    object-fit: cover;



}







.single_add {



    background: #ddd;



}



.theme_slider ul.slick-dots {



    position: relative;



    display: flex;



    align-items: center;



    justify-content: center;



    width: 100%;



    margin-top: 10px;

    visibility: hidden;



}







.theme_slider ul.slick-dots li button {



    /* background: transparent; */



    border: 1px solid #ddd;



    border-radius: 100%;



    height: 50px;



    width: 50px;



    margin: 2px;



    background: #f8f8f8;



    font-size: 12px;



    outline: none;



}







.theme_slider ul.slick-dots li.slick-active button {



    background: rgba(73,188,247,1);



    color: #fff;



}



.layout_box {



    /* box-shadow: 0 0 8px #ddd; */



    /*height: 225px;*/



}







.slick_theme_slide.slick-active.slick-current .layout_box {



    position: relative;



    z-index: 1;



}







/* .slick_theme_slide.slick-active.slick-current .layout_box::after {



    position: absolute;



    content: "";



    height: 25px;



    width: 25px;



    bottom: -4px;



    left: 45%;



    z-index: 9;



    border-top: 10px solid rgba(73,188,247,1);



    border-left: 10px solid transparent;



    border-bottom: 10px solid transparent;



    border-right: 10px solid rgba(73,188,247,1);



    transform: rotate(-45deg) translateY(50%);



} */







.null_ads {



    height: 168px;



    display: flex;



    align-items: center;



    justify-content: center;



    width: 100%;



    overflow: hidden;



}







.null_ads h4 {



    font-size: 22px;



}







.home_profile {



    height: 150px;



    width: 150px;



    margin: 0 auto;



}







.home_profile img {



    border-radius: 100%;



}



.style_6.light li a {



    color: #000;



}







rating_button {



    display: flex;



    align-items: center;



    justify-content: space-between;



    margin-bottom: 30px;



    flex-direction: row;



    flex-wrap: nowrap;



}







.select_rating {



    display: flex;



    align-items: center;



    flex-direction: row;



}







.select_rating span {



    flex: 0 0 60px;



    display: inline-block;



    margin-right: 11px;



}







.rating_button a {



}



.review_section{



  min-height: 100vh;



}



.author_rating {



    padding: 5px;



    background: #f8f8f8;



}



.sction_title h4 {



    font-size: calc(22px + 1.0vw);



    font-family: 'Mitr';



    text-transform: capitalize;



}



/*   rating



================================================== */







.rating_header {



    display: flex;



    align-items: center;



    justify-content: space-between;



    background: #eee;



    padding: 10px;



}







.comments_area {



    padding: 10px;



    border: 1px solid #ddd;



}



.rating_content{



  margin-bottom: 10px;



}



span.time_ago {



    color: #777;



    font-size: 13px;



    margin-left: 10px;



}



.star_area i.fa.fa-star{



  color: #FF912C;



}







.star_area i.fa.fa-star-o{



  color: #F2B827;



}



.rating_button {



    display: flex;



    align-items: center;



    justify-content: space-between;



    margin-bottom: 30px;



    flex-direction: row;



    flex-wrap: nowrap;



}







.select_rating {



    display: flex;



    align-items: center;



    flex-direction: row;



}







.select_rating span {



    flex: 0 0 60px;



    display: inline-block;



    margin-right: 11px;



}







.rating_button a {



}







.author_rating {



    padding: 5px;



    background: #f8f8f8;



}







.review_section{



  min-height: 100vh;



  padding-top: 80px;



}







.sction_title {



    text-align: center;



    position: relative;



    padding: 20px 15px;



    margin-bottom: 50px;



    padding-bottom: 10px;



}







.sction_title p {



    padding-bottom: 11px;



    padding-top: 7px;



}



.sction_title h4 {



    font-size: calc(22px + 1.0vw);



    font-family: 'Mitr';



    text-transform: capitalize;



}







.sction_title::before {



    content: "";



    position: absolute;



    width: 5px;



    left: 50%;



    bottom: 0;



    width: 16%;



    height: 4px;



    background: #2ec1ac;



    transform: translateX(-50%);



}







.home_page_navbar nav.navbar{



    



    background: rgb(26 26 26)!important; 



    



    top: 50%;



    width: 100%;



    z-index: 9;



}







.home_page_navbar.sticky nav.navbar {



    background: #343a40!important;



}







.homeMenu {



  position: fixed;



  top: 0;



  left: 0;



  width: 100%;



  z-index: 99;



  -webkit-transition: all 0.3s ease-out 0s;



  -moz-transition: all 0.3s ease-out 0s;



  -ms-transition: all 0.3s ease-out 0s;



  -o-transition: all 0.3s ease-out 0s;



  transition: all 0.3s ease-out 0s; 



  background: rgba(0,0,0,.5)!important; 



}



.homeMenu nav{



  background: rgba(0,0,0,.5)!important; 



}







.home_page_navbar.homeMenu.sticky nav {



    background:#1a1a1a!important;



}

.home-slide-sec {

    position: relative;

}

.vcart-account-text {

    position: absolute;

    bottom: 0px;

    right: 0px;

    padding-bottom: 30px;

}



.vcart-account-text .vcard-btn:hover {

    color: #fff;

    background: transparent;

}

.vcart-account-text .vcard-btn {

    

    background: #000;

    padding: 15px;

    border-radius: 15px;

    color: #1b9bff;

    border: 2px solid #000;

    letter-spacing: 2px;

    font-size: 18px;

    float: right;

}

.vcart-account-text .contant {

      display: block;

    font-size: 30px;

    letter-spacing: 2px;

    color: #1b9bff;

    padding-bottom: 10px;

}

.choose-vkart-sec {

    background-color: #000;

    padding: 50px 0px;

}

.choose-vkart-sec img {

   

    margin: auto;

    display: inline-block;

}

.vkart-1 {

    text-align: center;

}

.vkart-1 h2 {

    font-size: 25px;

    color: #4197d4 !important;

    margin-top: 28px;

    margin-bottom: 15px;

}

.vkart-1 p {

    font-size: 17px;

    color: #fff !important;

   

}

.custom-head {

       color: #3caeff !important;

    text-align: center;

    font-size: 30px;

    padding: 10px 0px 40px 0px;

}

.usevkart-sec{ padding: 50px 0px;}

.usevkart-sec img {

    width: 100%;

    max-width: 50%;

}

button:focus:not(:focus-visible) {

    outline: 0;

}

.vcard-bttn:hover {

    color: #000;

    cursor: pointer;

    box-shadow: inset 300px 0 0 0 #1b9bff;

}

.vcard-bttn {

    background: #000;

    padding: 15px 70px;

    border-radius: 15px;

    color: #1b9bff;

    border: 2px solid #000;

    letter-spacing: 2px;

    font-size: 18px;

    margin: 20px 0px;

    transition: ease-out 0.8s;

    box-shadow: inset 0 0 0 0 #1b9bff;

}

.analytics_vkartsec {

    background-color: #000;

    padding: 50px 0px;

}



/* .analytics_vkart img{

  width: 70%;

} */

.analytics_vkart h3 {

    color: #3caeff !important;

}

.analytics_vkart p {

    color: #fff !important;

    padding-bottom: 20px;

}



.vcard-btn-design {

    position: relative;

    padding: 10px 40px;

    border: none;

    background: none;

    cursor: pointer;

    

    font-weight: 600;

    font-size: 20px;

    color: #fff;

    background-color: #1b9bff;

    box-shadow: var(--shadow-color) 2px 2px 22px;

    border-radius: 4px;

    z-index: 0;

    overflow: hidden;

}

.vcard-btn-design::before {

    content: '';

    pointer-events: none;

    opacity: .6;

    background: radial-gradient(circle at 20% 35%, transparent 0, transparent 2px, var(--text-color) 3px, var(--text-color) 4px, transparent 4px), radial-gradient(circle at 75% 44%, transparent 0, transparent 2px, var(--text-color) 3px, var(--text-color) 4px, transparent 4px), radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, var(--text-color) 5px, var(--text-color) 6px, transparent 6px);

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    position: absolute;

    animation: bubbles 5s linear infinite both;

}

.vcart-account-texts {

  font-size: 27px;

  padding: 50px 0px;

  color: #000;

}



p.text-contant {

  margin-bottom: 15px;

}



p.text-contant:last-child {

  margin-bottom: 0px;

}



.vcard-img-sec {

  position: relative;

}



.img-text-sec {

  position: absolute;

  bottom: 0;

  right: 0;

  padding-bottom: 30px;

}



.img-text {

  color: #fff !important;

  font-size: 27px;

  letter-spacing: 1px;

}



.own-vkart-sec {

  background: #f5f5f5;

  padding: 50px 0px;

}



.own-vcart-head {

  font-size: 22px;

  margin-bottom: 7px;

  color: #000;

  font-weight: 600;

}



.own-vkart-sec p {

  margin-bottom: 5px;

}

:root {

  --text-color: hsla(210, 50%, 85%, 1);

  --btn-color: hsl(210, 80%, 42%);

}

.vcard-btn-design {

  position: relative;

  padding: 10px 50px;

  border: none;

  background: none;

  cursor: pointer;



  font-weight: 500;

  font-size: 20px;

  color: #fff;



  background-color:#1b9bff;

  border-radius: 4px;

  z-index: 0;

  overflow: hidden;

}



.vcard-btn-design:focus {

  outline-color: transparent;

  box-shadow: var(--btn-color) 2px 2px 22px;

}



/* bubbles */

.vcard-btn-design::before {

  content: '';

  pointer-events: none;

  opacity: .6;

  background:

      radial-gradient(circle at 20% 35%, transparent 0, transparent 2px, var(--text-color) 3px, var(--text-color) 4px, transparent 4px),

      radial-gradient(circle at 75% 44%, transparent 0, transparent 2px, var(--text-color) 3px, var(--text-color) 4px, transparent 4px),

      radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, var(--text-color) 5px, var(--text-color) 6px, transparent 6px);



  width: 100%;

  height: 300%;

  top: 0;

  left: 0;

  position: absolute;

  animation: bubbles 5s linear infinite both;

}



@keyframes bubbles {

  from {

      transform: translate();

  }



  to {

      transform: translate(0, -66.666%);

  }

}



.choose-vkart-sec img {

    width: 100%;

    max-width: 50%;

}



.choose-vkart-sec .vkart-1 {

    margin-bottom: 30px;

}





p.vkart-btm-text {

  padding: 40px 0px 20px 0px;

}





.head-menu-sec .dropdown-menu li a {

    color: #333;

    width: 100%;

    margin-bottom: 0px;

    text-align: left;

    padding: 6px 8px!important;

    border-radius: 0px;



}

.head-menu-sec .dropdown-menu li a:hover {

  color: #fff;

  }

 .head-menu-sec .right_bar a{

    margin-right: 0px;

  }

   .head-menu-sec .dropdown-menu.show {

    margin: 0px;

    padding: 0px;

}



.vcard-card-design .card-header {

    background-color: #4e9ad2;

    box-shadow: none;

   padding: 5px 0px !important;

}

.vcard-card-design h5 .btn {

    color: #fff;

    font-size: 19px;

    font-weight: 500;

}

.vcard-card-design .card {

    margin-bottom: 7px;

}

.cart-step {

   font-size: 12px;

    color: #2874f0;

    background-color: #f0f0f0;

    border-radius: 2px;

    padding: 4px 10px;

    vertical-align: baseline;

    margin-right: 6px;

}





.vcart-detail h2 {

    font-size: 24px;

    margin-bottom: 10px;

    color: #1a1a1a !important;

}

@media only screen and (max-width:767px) {

.vcart-accountimg img {

    height: 400px;

    width: 100%;

    object-fit: cover;

}

.vcart-account-text {

  text-align: center;

  padding-bottom: 8px;

  right: inherit;

  width: 100%;



}

.vcart-account-text .vcard-btn {

    padding: 5px 10px;

    border-radius: 4px;

    letter-spacing: 1px;

    font-size: 12px;

    float: none;

    color: #fff;

    margin-bottom: 6px;

}

.vcart-account-text .contant {

  font-size: 16px;

  letter-spacing: 0px;

  color: #242424;

  padding-bottom: 0px;

}

.vcart-account-texts .text-contant {

    font-size: 20px;

}

.img-text-sec .img-text {

    font-size: 14px;

}

.total_user_type_area {

    padding-top: 40px;

}

.layout_section h1 {

    font-size: 26px;

    margin-bottom: 10px;

}



.price-head {

   font-size: 26px;

}

.custom-head{font-size: 26px;}

.vkart-1 h2 {font-size: 23px;}

.analytics_vkart .header_content1 { font-size: 26px;}

.contact_form_area h1 {font-size: 23px;}

.sectionHeader { padding: 20px 0;}

.footer-logo-sec img {width: 100%; max-width: 200px;}

.contact-information {margin-top: 20px !important;}

.terms-information { margin-top: 20px !important;}

.header-info {color: #509ed7 !important; margin-bottom: 5px; font-size: 20px;}

.barcode-img { margin: 20px 0px 0px 0px !important;}

.chat-botton {position: inherit !important;  margin-top: 11px; bottom: 0px;}

.footer_bottom p { text-align: center; font-size: 14px;}

.footer-bottom-sec { text-align: center;}

.vkart-price-2 { padding: 25px 0px 20px 0px; text-align: center;}

.vkart-price-btns { width: 100%; max-width: 150px; margin:0px auto;}

.vkart-price-2 {padding: 10px 0px 10px 0px;text-align: center;}

.vkart-price-2 ul {margin: 20px 0px 0px 0px;}

}

@media only screen and (min-width:320px) and (max-width:480px) {

  .vcart-account-text .vcard-btn:hover {

    color: #fff !important;

    background: transparent !important;

}

.vcard-bttn:hover {

  color: #000 !important;

  cursor: pointer !important;

  box-shadow: inset 300px 0 0 0 #1b9bff !important;

}

.vcart-accountimg img {

    height: 470px;

    width: 100%;

    object-fit: cover;

}

.vcart-account-texts .text-contant {

    font-size: 17px;

}

.img-text-sec .img-text {font-size: 12px;}

.layout_section h1 {  font-size: 23px;}

.section_padding { padding: 0px 0;}

.price-head { font-size: 23px !important;}

.custom-head{font-size: 23px;}

.vkart-1 h2 {font-size: 21px;}

.own-vcart-head {font-size: 18px;}

.analytics_vkart .header_content1 { font-size: 23px;}

.contact_form_area h1 {font-size: 23px;}

.contact_form a {font-size: 17px;}

.contact_btn button {padding: 10px 22px;}

.contact_form_area { padding-bottom: 50px; min-height: 26vh;}

.own-vcarts-head {font-size: 19px !important;}

}









@media only screen and (min-width:300px) and (max-width:580px) {

.img-text-sec {

  padding-bottom: 8px;

    padding-right: 10px;

}



.vkart-cards-img {

  margin-left:-6px !important;

  width: 100% !important;

  height: 100% !important;

  max-width: 200px;

}

.vkart-card-imgs {

  margin-left:-15px !important;

  width: 100% !important;

  height: 100% !important;

  max-width: 200px;

}



}





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

  .vcart-account-text .contant {

    font-size: 19px;

    letter-spacing: 0px ;

    padding-bottom: 3px;

}

.vcart-account-text .vcard-btn {

  padding: 5px;

  border-radius: 15px;

  letter-spacing: 1px;

  font-size: 14px;

  float: right;

}

.img-text-sec {

  padding-bottom: 15px;

}

.img-text {

  font-size: 15px;

}

}



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

  .vkart-cards-img {

    width: 225px !important;

    height: 210px !important;

  }

.vkart-card-imgs {

  width: 250px !important;

  height: 200px !important;

}



.vkart-price-2 ul {

  margin: 0px 0px 20px 0px;

}

}

.vkart-price-card {

  padding: 50px 0px;

}



img.vkart-card-img {

  width: 100%;

  height: auto;

}



.price-head {

color: #3caeff !important;

text-align: center;

font-size: 30px;

padding: 10px 0px;

}



/* .cards-title {

  color: #3caeff !important;

  font-size: 25px;

  margin-top: 20px;

  font-weight: 700;

  letter-spacing: 1px;

} */



.vkart-price {
  color: #3599ff !important;
  font-size: 31px;
  font-weight: 700;
  padding-bottom: 10px;
}



.vkart-price-2 ul {

  margin: 0px 0px 15px 0px;

}

.vkart-price-1 ul li {

  color: #808080 !important;

  font-size: 15px;

}



.vkart-price-2 ul li {

  color: #808080 !important;

  font-size: 15px;

}



.vkart-price-1 {

  padding: 20px 0px;
  box-shadow: 0px 0px 5px #a8a8a8;
  margin: 20px;
  background-color: #ffffff;

}



.vkart-price-btn {

  background: #000;

  color: #3caeff !important;

  padding: 20px;

}



.vkart-price-btn {

    background: #000;

    color: #ffffff !important;

    padding: 12px 0px;

    width: 180px;

    font-weight: 600;

    border-radius: 5px;

    text-align: center;

    font-size: 15px;

    margin: 25px auto 10px auto;

}

.vkart-price-btn:hover{

   background: #000;

   color: #ffffff !important;

}



p.price-head-title {

  padding-bottom: 20px;

}



.vkart-price-btns {

  background: #000;

    color: #3caeff !important;

    padding: 7px;

    width: 180px;

    border-radius: 5px;

    text-align: center;

    font-size: 15px;

}



.vkart-card-imgs {

  width: 350px;

    height: 285px;

    margin-left: -30px;

}



.cards-titles {

  color: #454545 !important;

  font-size: 21px;

  margin-top: 20px;

  font-weight: 700;

  letter-spacing: 1px;

}

.vkart-price-2{

  padding: 40px 0px 20px 0px;

}



.vkart-price-cards {

  padding: 50px 0px;

}



.vkart-prices-cards {

  padding: 20px 0px 50px 0px;

}

.vkart-cards-img {

  width: 314px;

  height: 310px;

  margin-left: -30px;

}



.own-vkarts-sec {

  background: #575757;

  padding: 50px 0px;

}



.own-vcarts-head {

  font-size: 22px;

  margin-bottom: 7px;

  color: #fff;

  font-weight: 500;

}



.vcart-para{

  color: #fff !important;

  font-weight: 200 !important;

    font-size: 15px;

}



.own-vcarts-head {

  margin-bottom: 10px;

}



.own-vkart-bt{

  color: #fff !important;

  font-size: 12px;

}

.own-vkart-btm {

  padding: 50px 0px;

}



img.payment-img {

  width: 90px;

  height: 31px;

  object-fit: cover;

}



.price-head-titles {

  color: #555555 !important;

}

.price-head-subtitle {

  color: #808080 !important;

  font-size: 14px;

}



.chat-btn {

  background-color: #fff;

  color: #1b9bff;

  padding: 10px 30px;

  font-size: 15px;

  border-radius: 5px;

}



.chat-botton {

  position: absolute;

  bottom: -38px;

}

.price-detail {

    background-color: #fff;

    box-shadow: 0px 0px 9px #dddddd;

    padding: 20px 20px;

}

.price-detail h3 span {

    float: right;

    font-size: 15px;

}

.price-detail h3 {

    font-size: 17px;

    color: #333;

    padding: 10px 0px;

}

h3.total-amount {

    border-top: 1px solid #dbdbdb;

}

.help-block.error{

  color:red;

}

.brand-sec .slick-dots{display: none!important;}

.login-bg-sec{

  background: url(./assets/images/login-bg-color.png), #101010;

    display: flex;



}



#preloader img {

  width: 100px; height: 100px;

  background-size: contain;

  animation: spin 1s linear infinite;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

}



@keyframes spin {

  to { transform: rotate(360deg) }

}

.home_page_navbar .dropdown-menu {

  right: 8px;

  left: inherit;

}

.head-menu-sec .user-menu .dropdown-toggle{

  background-color: #3caeff;

  padding: 12px 17px !important;

  border: none;

  border-radius: 2px;

}



/*=== Will Get css ===*/ 



.custom_head {

  padding: 10px 0px 20px 0px !important;

  position: relative;

  display: inline-block;

}

.custom_head:after {

  content: '';

  position: absolute;

  left: 0;

  right: 0;

  top: 58%;

  margin: 10px auto;

  width: 70%;

  height: 2px;

  background: #000;

}

.own-vcart-icon {

  width: 70px;

  height: 70px;

  margin: 10px;

}

.own-vcart-head {

  font-size: 22px;

  margin-bottom: 7px;

  color: #000;

  font-weight: 600;

}

.usevkart-sec img {

  width: 100%;

  max-width: 20%;

}







.profile_theme ul.slick-dots li button {



  background: transparent; 



 border: 1px solid #ddd;



 border-radius: 100%;



 height: 50px;



 width: 50px;



 margin: 2px;



 background: #f8f8f8;



 font-size: 12px;



 outline: none;



 visibility: hidden;



}







.profile_theme ul.slick-dots li.slick-active button {



 background: rgba(73,188,247,1);



 color: #fff;



}

.profile_theme .slick-dots {

 margin: auto;

 display: table;

}

.profile_theme .slick-dots li {

 display: inline-block;

}

#home_price {

  padding-bottom: 0px;

}

.payment-sec {

  width: 30px;

}





.form__radio-input {

  display: none;

}



.form__label-radio {

  font-size: 1rem;

  cursor: pointer;

  position: relative;

  padding-left: 1.5rem;

}



.form__radio-button {

  height: 1.5rem;

  width: 1.5rem;

  border: 3px solid #4e9ad2;

  border-radius: 50%;

  display: inline-block;

  position: absolute;

  left: -4px;

  top: 0.2rem;

}

.form__radio-button::after {

  content: "";

  display: block;

  height: 0.7rem;

  width: 0.7rem;

  border-radius: 50%;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  background-color: #4e9ad2;

  opacity: 0;

  transition: opacity 0.2s;

}



.form__radio-input:checked ~ .form__label-radio .form__radio-button::after {

  opacity: 1;

}



.design-sec .form__radio-button {

  top: 0rem;

}

#custom-design-form{

  display: none;

}

span.requried {

  color: red;

  font-size: 17px;

  margin-left: 2px;

}

.whats-app {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 90px;
  right: 31px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #ddd;
  z-index: 100;
}

.my-float {
  margin-top: 16px;
}
.whats-app:hover { color: #fff;}

.device_list_sec .card-section{
  background-color: #1a1a1a;
  border-radius: 25px;
  padding: 30px 30px;
  margin-bottom: 50px;
}

.device_list_sec .card-section .name.title{ display: block !important; padding: 18px 0px;}
.device_list_sec .card-section .name.title h1 { color: #fff !important;}
.device_list_sec .card-section h3 {
  border-bottom: 2px solid #509ed7;
  padding-bottom: 11px;
  padding-top: 20px;
}
.device_list_sec .card-section h3 span {
  color: #509ed7;
  font-size: 25px;}
  .device_list_sec .card-section .name.title h1 {
    color: #fff;
    font-size: 21px;
}

/*== Style1 theme css ==*/ 
.title_style h1 {
  font-size: 23px;
}
.skill_content .leftProgress h4 {
  font-size: 18px;
}
.sectionHeader h1 {
  font-size: 25px;
}
.orginal-price {
  margin-right: 8px;
  text-decoration: line-through;
  font-size: 23px;
}

.shopitem .rpb-shop-items-tittl h3 a{white-space: inherit !important;}



#country-listbox{
  color: #a2a2a2;
    background: #101010;
}