/*<style>
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Roboto:wght@400;500&display=swap');
</style>*/
* {
     box-sizing: border-box;
}

:root{
      --sp-bg-light: #fff;
      /*--theme-color: #00d1d0 !important;*/
      --theme-color: #33d1b3 !important;
      --white: #fff;
      --sp-bg-blue: #e8eff9;
      --sp-bg-gray: #f0f3f6;
     }
     
     /*@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');*/
     @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
   
   .sp-navbar {
       min-height: 3rem;
       background-color: var(--white) ;
    }
    .sp-navbar a.nav-link{
      color: var(--theme-color);
    }
   
    .navbar-brand img {
         max-width: 150px;
    }
   img:focus-visible {
       outline: none;
   }
   
   body{
      /*background: var(--sp-bg-blue);*/
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 14px;
      color: #666666;
   }
   
   .navbar-toggler {
       color: rgba(255,255,255,.5);
       border-color: rgba(255,255,255,.1);
   }
   .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
   }
   
   .container-fluid {
      width: 100%;
       margin-right: auto;
       margin-left: auto;
       background: var(--white);
       width: 100%;
       transition: width 0.25s ease, margin 0.25s ease;
       /*min-height: calc(100vh - 56px);*/
       display: flex;
       flex-direction: column;
   }
   
   .page-body-wrapper {
      padding-left: 0;
       padding-right: 0;
   }
   
   .content-wrapper {
         padding: 1rem 0;
         width: 100%;
         padding-right: var(--bs-gutter-x, 0.75rem);
         padding-left: var(--bs-gutter-x, 0.75rem);
         flex-grow: 1;
   }
   
   .row {
       --bs-gutter-x: 30px;
       --bs-gutter-y: 0;
       display: flex;
       flex-wrap: wrap;
       margin-right: calc(-.5 * var(--bs-gutter-x));
       margin-left: calc(-.5 * var(--bs-gutter-x));
   }
   
   .box123 {
       display: flex;
       flex-direction: column;
       justify-content: space-between;
       height: 100%;
   }
   
   .point-font {
       font-size: 13px;
   }
   
   .footer {
       background: #ffffff;
       padding: 10px;
       border-top: 1px solid rgba(0, 0, 0, 0.06);  
   }
   
   .congratulations-text {
       position: absolute;
       top: 50%;
       text-align: center;
       width: 100%;    
   }
   
   .img-fluid-dashboard {
       max-width: 70% !important;
   }
   
   .sub-menu::after {
       display: inline-block;
       margin-left: 0.255em;
       vertical-align: 0.255em;
       content: "";
       border-top: 0.3em solid;
       border-right: 0.3em solid transparent;
       border-bottom: 0;
       border-left: 0.3em solid transparent;
       position: absolute;
       right: 0;
       top: 25px;
   }
   
   .dropdown-menu {
       z-index: 1500;
   }
   
   .theme-ul li a {
       font-size: 14px;
       font-weight: 600;
       color: var(--theme-color);
   }
   
   .theme-btn {
       background-color: var(--white);
       border:1px solid var(--theme-color);
       color: var(--theme-color);
       font-weight: bold;
   }
   
   .theme-btn:hover,.theme-btn:focus {
       /*background-color: var(--theme-color);*/
       background-color: var(--theme-color);
       border:1px solid var(--theme-color);
       color: var(--white);
       font-weight: bold;
   }
   
   .theme-title {
       color: var(--theme-color);
   }
   
   .theme-title:hover {
       color: #0fa98b;
   }
   
   .slider-size-weight {
       font-weight: 600;
       font-size: 36px;    
   }
   
   /*Survey-Detail Page*/
   .banner_main {
        margin: 0 170px;
   }
   
   .club {
        text-align: center;
   }
   
   .club figure {
        margin: 0;
   }
   
   .club figure img {
        height: 417px;
        max-width: 100%;
   }
   
   .club h1 {
        color: #fff;
        font-size: 50px;
        line-height: 50px;
        text-transform: uppercase;
        font-weight: bold;
        padding-bottom: 10px;
   }
   
   .club p {
        color: #fff;
        line-height: 25px;
        font-weight: 400;
        font-size: 14px;
   }
   
   .poa_t {
        position: absolute;
        top: 97px;
        left: 0;
        right: 0;
   }
   
   .footbol {
        margin-top: -180px;
   }
   
   .relative {
        position: inherit;
        bottom: 0;
        padding: 0;
   }
   
   .bluid {
        text-align: center;
   }
   
   .foot_img {
        /*background: var(--theme-color);*/
        max-width: 350px;
        margin: 0 auto;
        padding: 2px;
        border-radius: 60%;
        margin-bottom: 15px;
   }
   
   .foot_img figure > img {
       border-radius: 10%!important;
       max-width: 100%;
   }
   
   .read_more {
        display: inline-block;
        background: var(--theme-color);
        color: #fff;
        max-width: 110px;
        height: 50px;
        line-height: 50px;
        width: 100%;
        font-size: 14px;
        text-align: center;
        font-weight: bold;
        border-radius: 50px;
        transition: ease-in all 0.5s;
   }
   
   .read_more:hover {
        color: #fff;
        background: #009376;
        text-decoration: none;
        transition: ease-in all 0.5s;
   }
   
   /** sports **/
   
   .sports {
        padding-top: 30px;
   }
   
   .sports .titlepage p {
        color: #000;
        font-size: 14px;
        line-height: 30px;
        padding-top: 10px;
        margin-bottom: 40px;
   }
   
   .sports_main figure {
        margin: 0;
   }
   
   .dorder {
        border: #1f1d45 solid 40px;
   }
   
   .sports_main figure img {
        filter: drop-shadow(0px 0px 4px #1e1e1e3d);
        border-radius: 50%;
   }
   
   .sports_text h3 {
        padding-top: 97px;
        color: var(--theme-color);
        font-size: 16px;
        line-height: 10px;
        padding-bottom: 20px;
        font-weight: bold;
        text-transform: uppercase;
   }
   
   .sports_text p {
        color: #111111;
        font-size: 14px;
   /*     line-height: 30px;*/
        padding-bottom: 25px;
   }
   
   .dark3 {
        color: var(--theme-color) !important;
   }
   
   .sports_text .read_more {
        max-width: 143px;
        line-height: 48px;
        height: 48px;
   }
   
   
   /* end sports */
   
   .titlepage {
        padding-bottom: 1px;
   }
   
   .titlepage h2 {
        font-size: 16px;
        font-weight: bold;
       /* line-height: 55px;*/
        color: #000000;
   }
   
   .titlepage h5 {
        font-size: 14px;
       /*font-weight: bold;*/
        line-height: 30px;
        color: #000000;
   }
   
   .titlepage h3{
       font-size:14px;
   }
   
   p {
        margin: 0px;
        padding: 0;
        font-weight: 400;
        font-size: 14px;
        line-height: 28px;
   }
   
   .sports_main figure {
        margin: 0;
   }
   
   .text_align_center {
        text-align: center;
   }
   
   .abo_btn {
        position: absolute;
        background-position: center;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
   }
   
   /** trannir **/
   
   .trannir {
        padding-top: 90px;
   }
   
   .trannir .titlepage {
        padding-bottom: 60px;
   }
   
   .trannir .titlepage p {
        color: #000000;
        font-size: 14px;
        line-height: 30px;
        padding-top: 10px;
   }
   
   .posi_in {
        position: inherit;
        padding: 0;
   }
   
   .trannir_text i img {
        border-radius: 50%;
   }
   
   .trannir_text h3 {
        margin-top: 40px;
        color: #111111;
        font-size: 31px;
        padding: 0;
        font-weight: bold;
        line-height: 20px;
   }
   
   .trannir_text span {
        color: #26cc35;
        font-size: 23px;
        font-weight: bold;
        display: block;
   }
   
   .trannir_text ul.social_icon li a {
        color: #000000;
   }
   
   #testimo .carousel-indicators {
        display: none;
   }
   
   #testimo a.carousel-control-next,
   #testimo a.carousel-control-prev {
        background: #26cc35;
        width: 80px;
        height: 80px;
        top: 49%;
        opacity: 1;
        font-size: 40px;
        border-radius: 40px;
        color: #fff;
   }
   
   #testimo a.carousel-control-next:focus,
   #testimo a.carousel-control-next:hover,
   #testimo a.carousel-control-prev:focus,
   #testimo a.carousel-control-prev:hover {
        background: #1f1d47;
        color: #fff;
        opacity: 1;
   }
   
   
   /** end trannir **/
   
   ul,
   li,
   ol {
        margin: 0px;
        padding: 0px;
        list-style: none;
   }
   
   ul.social_icon {
        padding-top: 20px;
   }
   
   ul.social_icon li {
        display: inline-block;
        padding-right: 20px;
   }
   
   ul.social_icon li:last-child {
        padding-right: 0;
   }
   
   ul.social_icon li a {
        color: #fff;
        display: inline-block;
        text-align: center;
        line-height: 35px;
        font-size: 30px;
        font-weight: bold;
   }
   
   ul.social_icon li a:hover {
        color: #26cc35;
        transform: rotate(360deg);
        transition: ease-in all 0.7s;
   }
   
   /* our_club */
   
   .our_club {
        padding-top: 60px;
   }
   
   .our_club .titlepage p {
        color: #000000;
        font-size: 14px;
        line-height: 30px;
        padding-top: 10px;
   }
   
   .club_btn {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
   }
   
   .club_btn .read_more {
        max-width: 143px;
        height: 50px;
        line-height: 84px;
        text-decoration: none;
        text-transform: uppercase;
        margin: 0 11px;
   }
   
   
   /* end our_club */
   
   /*Footer code Start*/
   
   ul {
       margin: 0;
       padding: 0;
       list-style: none;
   }
   img {
       max-width: 100%;
       height: auto;
   }
   
   section {
       /*padding: 60px 0;
       min-height: 100vh;*/
   }
   
   .main-footer{
       position:relative;
       padding:110px 0px 0px;
       background-color: #fff;
       background-repeat:repeat-x;
       background-position:right bottom;
   }
   
   .main-footer .footer-widget{
       position:relative;
       margin-bottom:40px;
   }
   
   .main-footer .widgets-section{
       position:relative;
       padding-bottom:60px;
   }
   
   .main-footer .footer-widget h2{
       position:relative;
       font-size:22px;
       font-weight:600;
       color:#161c42;
       line-height:1.2em;
       margin-bottom:30px;
       margin-top:25px;
       text-transform:capitalize;
   }
   
   .main-footer .about-widget{
       position:relative;
   }
   
   .main-footer .about-widget .logo {
       position: relative;
       margin-bottom: 15px;
       width: 210px;
   }
   .main-footer .about-widget .text{
       position:relative;
   }
   
   .main-footer .about-widget .text p{
       position:relative;
       color:#8a8d91;
       font-size:15px;
       line-height:1.7em;
       margin-bottom:20px;
   }
   
   .main-footer .about-widget .text p:last-child{
       margin-bottom:0px;
   }
   
   /* Footer List */
   
   .main-footer .footer-list{
       position:relative;
   }
   
   .main-footer .footer-list li{
       position:relative;
       margin-bottom:17px;
   }
   
   .main-footer .footer-list li a{
       position:relative;
       color:#8a8d91;
       font-size:15px;
       padding-left:15px;
       -webkit-transition:all 300ms ease;
       -ms-transition:all 300ms ease;
       -o-transition:all 300ms ease;
       -moz-transition:all 300ms ease;
       transition:all 300ms ease;
   }
   
   .main-footer .footer-list li a:hover{
       text-decoration:underline;
       color:#ff6666;
   }
   
   .main-footer .footer-list li a:before{
       position:absolute;
       content:'\f105';
       left:0px;
       top:0px;
       color:#8a8d91;
       font-weight:800;
       font-family: 'Font Awesome 5 Free';
   }
   
   /*Gallery Widget*/
   
   .main-footer .gallery-widget{
       position:relative;
       max-width:350px;
   }
   
   .main-footer .gallery-widget .images-outer{
       position:relative;
       margin:0px -3px;
   }
   
   .main-footer .gallery-widget .image-box{
       position:relative;
       float:left;
       width:33.333%;
       padding:0px 5px;
       margin-bottom:10px;
   }
   
   .main-footer .gallery-widget .image-box img{
       position:relative;
       display:block;
       width:100%;
       border-radius:4px;
       -webkit-transition:all 300ms ease;
       -ms-transition:all 300ms ease;
       -o-transition:all 300ms ease;
       -moz-transition:all 300ms ease;
       transition:all 300ms ease;
   }
   
   .main-footer .gallery-widget .image-box img:hover{
       opacity:0.70;   
   }
   
   /* Info List */
   
   .main-footer .info-list{
       position:relative;
   }
   
   .main-footer .info-list li{
       position:relative;
       color:#8a8d91;
       font-size:15px;
       line-height:1.8em;
       margin-bottom:12px;
   }
   
   .main-footer .info-widget .social-links{
       position:relative;
       float:left;
       padding:15px 0px;
   }
   
   .main-footer .info-widget .social-links li{
       position:relative;
       margin-right:8px;
       display:inline-block;
   }
   
   .main-footer .info-widget .social-links li:last-child{
       margin-right:0px;
   }
   
   .main-footer .info-widget .social-links li a{
       position:relative;
       color: #ffffff;
       width:50px;
       height:50px;
       line-height:50px;
       text-align:center;
       border-radius:50%;
       display:inline-block;
       -webkit-transition:all 300ms ease;
       -moz-transition:all 300ms ease;
       -ms-transition:all 300ms ease;
       -o-transition:all 300ms ease;
       transition:all 300ms ease;
   }
   
   .main-footer .info-widget .social-links li.google a{
       background-color:#dd4b39;
   }
   
   .main-footer .info-widget .social-links li.facebook a{
       background-color:#4a6fbe;
   }
   
   .main-footer .info-widget .social-links li.twitter a{
       background-color:#55acee;
   }
   
   .main-footer .info-widget .social-links li.instagram a{
       background-color:#ea4c89;
   }
   
   .main-footer .info-widget .social-links li.vimeo a{
       background-color:#1ab7ea;
   }
   
   .main-footer .footer-bottom{
       position:relative;
       padding:20px 0px;
       border-top:1px solid #e5e5e5;
   }
   
   .main-footer .footer-bottom .footer-nav{
       position:relative;
       text-align:right;
   }
   
   .main-footer .footer-bottom .footer-nav li{
       position:relative;
       padding-right:10px;
       margin-right:10px;
       line-height:1.1em;
       display:inline-block;
       border-right:1px solid #8a8d91;
   }
   
   .main-footer .footer-bottom .footer-nav li:last-child{
       padding-right:0px;
       margin-right:0px;
       border-right:none;
   }
   
   .main-footer .footer-bottom .footer-nav li a{
       position:relative;
       color:#8a8d91;
       font-size:15px;
       -webkit-transition:all 300ms ease;
       -moz-transition:all 300ms ease;
       -ms-transition:all 300ms ease;
       -o-transition:all 300ms ease;
       transition:all 300ms ease;
   }
   
   .main-footer .footer-bottom .footer-nav li a:hover{
       color:#ff6666;
       text-decoration:underline;
   }
   
   /*Footer code End*/
   
   
   body-survey-detail {
        color: #666666;
        font-size: 14px;
        font-family: 'Poppins', sans-serif;
        line-height: 1.80857;
        font-weight: normal;
        background: url(assets/image/bg-body.jpg);
        background-position: center;
        background-repeat: no-repeat;
   }
   
   .footer-detail {
        background: url(../image/footer_bg.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        padding-top: 60px;
        margin-top: 70px;
   }
   
   .footer-detail h3 {
        color: #ffffff;
        font-size: 26px;
        font-weight: bold;
        line-height: 25px;
        text-align: center;
   }
   
   .footer-height{
       min-height: 300px;
   }
   
   .head-text-size {
       color: #00d0ce;
       font-size: 20px;
       font-weight: 500;    
   }
   
   .conta {
        margin-top: 40px;
   }
   
   .conta ul li {
        display: inline-block;
        padding-right: 40px;
   }
   
   .conta ul li:last-child {
        padding-right: 0;
   }
   
   .conta ul li a {
        color: #fff;
        font-size: 16px;
   }
   
   .conta ul li a img {
        padding-right: 15px;
   }
   
   .menu_bottom {
        padding-top: 45px;
   }
   
   .menu_bottom li {
        display: inline-block;
        padding: 0 30px;
        color: #ffffff;
   }
   
   .menu_bottom ul li a {
        color: #fff;
        font-size: 16px;
        line-height: 29px;
   }
   
   .menu_bottom li a:hover {
        color: #26cc35;
   }
   
   .copyright {
        margin-top: 30px;
   }
   
   .copyright p {
        color: #fff;
        padding: 20px 0px;
        border-top: #222323 solid 1px;
   }
   
   .copyright a {
        color: #fff;
   }
   
   .copyright a:hover {
        color: #26cc35;
   }
   
   .badge-primary-header {
       color: #fff;
       padding: 7px;
       height: 32px;    
       max-width: 100%;
       background-color: #00d1d2;
   }
   
   
   /*slider code start*/
   .hero-home {
       background-image: url(../image/hero-home-bg.png);    
       mix-blend-mode: normal;
       background-color: var(--theme-color);
       background-size: cover;    
       /*padding-top: 50px;*/
       padding-bottom: 50px;
       overflow: hidden;   
   }
   
   
   /*slider code end*/
   
   
   
   @media only screen and (max-width: 768px) {
     body {
       background-color: lightblue;
     }
     .banner_main {
       margin: 0 10px;
       }
       .sub-menu::after {
       display: inline-block;
       margin-left: 0.255em;
       vertical-align: 0.255em;
       content: "";
       border-top: 0.3em solid;
       border-right: 0.3em solid transparent;
       border-bottom: 0;
       border-left: 0.3em solid transparent;
       position: absolute;
       right: 0;
       top: 15px;
       }
   
       .club h1 {
       color: #fff;
       font-size: 25px;
       line-height:10px;
       text-transform: uppercase;
       font-weight: bold;
       padding-bottom: 10px;
   }
   .nav-link {
       display: block;
       padding: 0.5rem 0.8rem;
   }
   
   }
   
   .dorder {
       border: #250b2a solid 40px;
   }
   
   .dropdown-menu{
        min-width: 12rem;
        font-size: 14px;
   }
   
   .titlepage h2 {
       color: var(--theme-color);
   }
   
   .text-muted {
       color: #ffffff!important;
   }    
   
   .poa_t h1 {
       color: var(--theme-color);
   }
   
   .green-clr {
       color: var(--theme-color);
   }
   
   
   .green-clr-bg {
       background: var(--theme-color);
   }
   
   .head-menu {
       font-size: 14px;
       font-weight: 600 !important;
       color: var(--theme-color);    
   }
   
   input[type=radio] {
       border: 0px;
       width: 250px;
       height: 1rem;
   }
   
   .text-height {
       line-height: 50px;    
   }
   
   .right-col-box {
       position: sticky;
       right: 0;
       top: 0;    
   }
   
   
   <!--index2-->
   
   .team-style-default.style-two {
       margin-top: 30px;
   }
   
   
   .thumbnail img {
       border-radius: 100%;
   }
   
   .team-style-default .inner .thumbnail img {
       border-radius: 100%;
   }
   .row--15 {
       margin-left: -15px;
       margin-right: -15px;
   }
   
   .team-style-default.style-two .inner {
       padding-top: 35px;
   }
   
   
   .team-style-default .inner {
       background:/* linear-gradient(180deg, var(--color-lessdark) 20%, rgba(19, 19, 19, 0.4));*/ cyan;
       -webkit-backdrop-filter: blur(4px) opacity(0.95);
       backdrop-filter: blur(4px) opacity(0.95);
       border-radius: var(--radius-big);
   }
   
   .team-style-default.style-two .inner .thumbnail {
       top: 0;
       position: static;
       left: inherit;
       transform: none;
       min-width: 150px;
       min-height: 150px;
       margin: 0 auto;
   }
   
   
   .team-style-default .inner .thumbnail img {
       border-radius: 100%;
   }
   
   .team-style-default.style-two .inner .content {
       padding-top: 10px;
   }
   
   .team-style-default .inner .content .title {
       font-size: 34px;
       line-height: 1.4;
       font-weight: 700;
       margin-bottom: 6px;
   }
   
   .team-style-default .inner .content .subtitle {
       font-size: 20px;
       line-height: 1.4;
       margin-bottom: 15px;
       display: inline-block;
   }
   
   .team-style-default .inner .content .team-form {
       display: block;
       font-size: 14px;
       margin-bottom: 12px;
       letter-spacing: 0.6px;
       font-style: italic;
   }
   
   .team-style-default .inner .content .description {
       margin-bottom: 0;
       padding: 0 5%;
   }
   
   .header-bg-color {
       background-color: var(--theme-color) !important;
   }
   
   .team-style-default .inner .thumbnail {
       max-width: 150px;
       max-height: 150px;
       border-radius: 100%;
       border: 6px solid var(--color-lessdark);
       top: -75px;
       position: absolute;
       left: 50%;
       transform: translateX(-50%);
       min-width: 150px;
       min-height: 150px;
       overflow: hidden;
   }
   
   .padd-top-bottom {
       padding-top: 20px;
       padding-bottom: 20px;
   }
   
   .footer-top-bottom {
       padding-top: 60px;
       padding-bottom: 60px;
   }
   
   .footer a {
       color: #00d1d0;
       text-decoration: none;
   }
   
   .link-slider-decor {
       color: #00d1d0;
       text-decoration: none;
   }
   
   .footer a:hover {
       color: #00d1d0;
       text-decoration: none;
   }
   
   .icon-height {
       height: 150px;    
   }
   
   .text-font{
       font-size: 20px;
   }
   
   /*accordion {
       overflow-anchor: none;
   }
   
   .panel-title collapsed {
       display: block;
       width: 100%;
       background: #fff;
       padding: 15px 40px 15px 20px;
       font-size: 18px;
       font-weight: 600;
       margin-bottom: 0px;
       color: #242424;
       position: relative;
       border-radius: 3px;
       cursor: pointer;
   }*/
   
   /*-----------------------------
   ** FAQ Area Start
   ------------------------------*/
   .faq {
     padding: 110px 0px 100px;
     position: relative;
     background: #F7F9FF;
   }
   .faq .right-shape {
     position: absolute;
     right: 0;
     top: 350px;
   }
   .faq .accordion .panel {
     margin-bottom: 20px;
     background: #fff;
     border-radius: 3px;
     box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.1);
     position: relative;
   }
   .faq .accordion .panel::after {
     position: absolute;
     content: " ";
     top: 0;
     left: 0;
     height: 100%;
     width: 4px;
     background-image: linear-gradient(55deg, #0250c5 0%, #d43f8d 100%);
   }
   .faq .accordion .panel .panel-body {
     padding: 4px 20px 7px;
   }
   .faq .accordion .panel-title {
     display: block;
     width: 100%;
     background: #fff;
     padding: 15px 40px 15px 20px;
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 0px;
     color: #242424;
     position: relative;
     border-radius: 3px;
     cursor: pointer;
   }
   .faq .accordion .panel-title::after {
     position: absolute;
     content: "";
     width: 40px;
     height: 100%;
     border-radius: 3px 0px 0px 3px;
     right: 0;
     top: 0;
     text-align: center;
   }
   .faq .accordion .panel-title::before {
     position: absolute;
     font-family: "Font Awesome 5 Free";
     content: "";
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     width: 40px;
     text-align: center;
     z-index: 1;
     font-size: 12px;
     transition: 0.3s ease-in;
     width: 22px;
     height: 22px;
     border: 1px solid rgba(0, 0, 0, 0.5);
     line-height: 22px;
     border-radius: 50%;
     color: #555;
     margin-right: 10px;
   }
   .faq .accordion .panel-title[aria-expanded=true]::before {
     font-family: "Font Awesome 5 Free";
     content: "";
   }
   .faq .faq-img {
     align-self: center;
   }
   
   .def-bg-color {
       background-color: var(--theme-color);
   }
   
   .def-font-color {
       color: var(--theme-color);
   }
   
   .card-font-head {
       font-size: 16px;
       font-weight: 400;
   }
   
   /* Demo CSS Start */
   pre {
     margin: 0 !important;
     display: inline-block;
   }
   
   .token.operator,
   .token.entity,
   .token.url,
   .language-css .token.string,
   .style .token.string,
   .token.variable {
     background: none;
   }
   
   input
    {
     /*height: 35px;*/
     margin: 0;
     padding: 6px 12px;
     border-radius: 2px;
     font-family: inherit;
     font-size: 100%;
     border: 1px solid #ccc;
   }
   input[disabled],
   button[disabled] {
     background-color: #eee;
   }
   
   select {
     border: 1px solid #ccc;
     width: 250px;
   }
   
   ::placeholder,
   :-ms-input-placeholder {
     color: #bbb;
   }
   
   /*button {
     color: #fff;
     background-color: #428bca;
     border: 1px solid #357ebd;
   }*/
   
   /* Demo CSS End */



/*  Start hardik patel CSS */
.disabled-copy-paste, .disabled-copy-paste * {
    -moz-user-select: none;  
    -webkit-user-select: none;  
    -ms-user-select: none;  
    -o-user-select: none;  
    user-select: none;
}
/*  End hardik patel CSS */