
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins|Ubuntu&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url('https://fonts.googleapis.com/css?family=Muli:400,400i,700,700i');
@import url("https://fonts.googleapis.com/css?family=Cardo:400i|Rubik:400,700&display=swap");
@import url('https://fonts.googleapis.com/css?family=Abel');
@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Fira+Mono:wght@500&display=swap');

/* @import url("https://fonts.googleapis.com/css2?family=Poppins:weight@100;200;300;400;500;600;700;800&display=swap"); */
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700");
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap);

/* For Card Section  For Card Section  For Card Section  For Card Section  For Card Section  For Card Section  For Card Section */


/* Common */
/* .qa-footer4,.qa-footer5,.qa-footer6,.qa-footer5,
.qa-pricing12,.qa-pricing27,.qa-pricing30,.qa-pricing31,.qa-pricing32,.qa-pricing33,.qa-pricing34,.qa-pricing35,.qa-pricing36,.qa-pricing37 */

[class^="qa-footer"],
[class^="qa-pricing"]
 {
	margin-bottom: 40px !important;
	background-color: #fff !important;
}

/* End of Common */

.btn-insert {
    padding: 6px !important;
    position: absolute;
    top: 0;
    left: 20px;
}

.card-section,.testimonial-section,.about-section,.team-section {
    /* padding: 30px 5px 5px 5px; */
    padding: 10px;
    border: 1px solid var(--linecolor1);
    margin-top: 25px;
    background-color: #fff;
    min-height: 250px;
    /* pointer-events: none; */
}

.card-section:hover {
    /* transform: scale(1.5);
    transform-origin: top left; */
    /* background-color: red; */
}

.card-section * {
    cursor: pointer;
}

.qa-card22{
  
}


/* Card1 */
.qa-card1 {
    height: 600px;
* {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif
}
body
{
    min-width: 100vw;
    min-height: 100vh;
    display:flex;
    justify-content: center;
    align-items: center;
    background: #16384c;
}

.container .card
{
    max-width: 300px;
    height: 215px;
    margin: 30px 10px;
    padding: 20px 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.5);
    transition: 0.3s ease-in-out;
}
.container .card:hover
{
    height: 450px;
}
.container .card .imgContainer
{
    position: relative;
    width:250px;
    height:250px;
    top:-50px;
    left:10px;
    z-index: 1;
    box-shadow: 0 5px 20px rgba(0,0,0,0.2);
}
.container .card .imgContainer img
{
    max-width: 100%;
    border-radius: 4px;
}
.container .card .content
{
    position: relative;
    margin-top: -140px;
    padding: 10px 15px;
    text-align: center;
    color:#111;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s ease-in-out;
}
.container .card:hover .content
{
    visibility: visible;
    opacity: 1;
    margin-top: -40px;
    transition-delay: 0.3s;
}

@media (max-width: 330px){
    .container .card .imgContainer{
        left: -2px;
    }
}

}

/* Card2 */
.qa-card2 {
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif
}

body {
    margin-top: 30px;
    background-color:#eee;
}

.container {
    min-height: 100vh;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

p {
    margin: 0px
}

.card {
    width: 280px;
    height: 520px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background: #fff;
    transition: all 0.5s ease;
    cursor: pointer;
    user-select: none;
    z-index: 10;
    overflow: hidden
}

.card .backgroundEffect {
    bottom: 0;
    height: 0px;
    width: 100%
}

.card:hover {
    color: #fff;
    transform: scale(1.025);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 5px 10px
}

.card:hover .backgroundEffect {
    bottom: 0;
    height: 320px;
    width: 100%;
    position: absolute;
    z-index: -1;
    background: #1b9ce3;
    animation: popBackground 0.3s ease-in
}

.card .pic {
    position: relative
}

.card .pic img {
    width: 100%;
    height: 280px;
    object-fit: cover
}

.card .date {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 70px;
    background-color: #1b9ce3;
    color: white;
    position: absolute;
    bottom: 0px;
    transition: all ease
}

.card .date .day {
    font-size: 14px;
    font-weight: 600
}

.card .date .month,
.card .date .year {
    font-size: 10px
}

.card .text-muted {
    font-size: 12px
}

.card:hover .text-muted {
    color: #fff !important
}

.card .content {
    padding: 0 20px
}

.card .content .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    background-color: #1b9ce3;
    border-radius: 25px;
    font-size: 12px;
    border: none
}

.card:hover .content .btn {
    background: #fff;
    color: #1b9ce3;
    box-shadow: #0000001a 0px 3px 5px
}

.card .content .btn .fas {
    font-size: 10px;
    padding-left: 5px
}

.card .content .foot .admin {
    color: #1b9ce3;
    font-size: 12px
}

.card:hover .content .foot .admin {
    color: #fff
}

.card .content .foot .icon {
    font-size: 12px
}
    
}

/* Card3 */
.qa-card3 {
    * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        font-family: 'Poppins', sans-serif;
    }
    
    body {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh;
    }
    
    p {
        margin: 0px;
    }
    
    .container {
        margin: 50px auto;
    }
    
    .card {
        width: 220px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 25px;
        position: relative;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    
    }
    
    .card .fas.fa-arrow-right {
        position: absolute;
        bottom: -100px;
        background-color: #4e9525;
        height: 50px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: gold;
        opacity: 0;
        transform: translateY(50%);
        transition: all 0.5s ease;
    }
    
    .card:hover .fas.fa-arrow-right {
        bottom: 0px;
        opacity: 1;
    }
    
    .card .fab.fa-envira,
    .fas.fa-cut,
    .fas.fa-people-carry {
        font-size: 40px;
        background-color: #0000000d;
        height: 100px;
        width: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: #4e9525;
    }
    
    .card .h4 {
        font-weight: 700;
    }
    
    .container .content {
        max-width: 300px;
    }
    
    .container .content .h-6 {
        color: #4e9525;
        font-weight: 600;
    }
    
    .container .content .btn.btn-primary {
        padding: 15px;
        background-color: #4e9525;
        color: white;
        border-radius: 0px;
        border: none;
        box-shadow: none;
    }
    
    .card:hover .fab.fa-envira,
    .card:hover .fas.fa-cut,
    .card:hover .fas.fa-people-carry {
        color: gold;
        background-color: #4e9525;
    }
    
    @media (max-width:990px) {
        .container .content {
            max-width: 100%;
        }
    }
    
    @media (max-width:500px) {
        body {
            padding: 25px;
        }
    
        .card {
            width: 100%;
        }
    
        .content {
            padding: 25px;
        }
    }
}

/* Card4 */
.qa-card4{
    
whos-speaking-area .speakers {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    border: 1px solid #dee2e6;
    border-radius: 6px;
}
.whos-speaking-area .speakers:hover {
    -webkit-box-shadow: 0 0 6px 5px #ddd;
    box-shadow: 0 0 6px 5px #ddd;
    border-radius: 6px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    border: 1px solid #dee2e6;
}
.whos-speaking-area .speakers .spk-img {
    position: relative;
}
.whos-speaking-area .speakers .spk-img:before {
    background: rgba(91, 69, 213, 0.8);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 5;
}
.whos-speaking-area .speakers .spk-img:hover:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.whos-speaking-area .speakers .spk-img img {
    width: 100%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.whos-speaking-area .speakers .spk-img ul {
    position: absolute;
    display: inline-block;
    top: 35%;
    left: 40%;
    width: 100px;
    line-height: 3;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.whos-speaking-area .speakers .spk-img ul:before {
    position: absolute;
    content: "";
    height: 110px;
    width: 110px;
    background: transparent;
    top: -15%;
    left: -15px;
    border: 1px solid #fff;
    -webkit-transform: rotate(44deg) scale(1.4);
    -ms-transform: rotate(44deg) scale(1.4);
    transform: rotate(44deg) scale(1.4);
    opacity: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.whos-speaking-area .speakers .spk-img ul li {
    display: inline-block;
    margin: 0 3px;
    -webkit-transform: perspective(50px) rotatey(80deg);
    transform: perspective(50px) rotatey(80deg);
    -webkit-transition: all 0.5s ease 0.2s;
    -o-transition: all 0.5s ease 0.2s;
    transition: all 0.5s ease 0.2s;
    margin: 0 5px;
}
.whos-speaking-area .speakers .spk-img ul li a i.fa {
    color: rgba(255, 78, 0, 0.8);
    font-size: 18px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    width: 28px;
    color: #fff;
    height: 28px;
    line-height: 21px;
    text-align: center;
}
.whos-speaking-area .speakers .spk-img ul li a i.fa:hover {
    color: #cf057c;
}
.whos-speaking-area .speakers .spk-img ul li:nth-child(1) {
    -webkit-transform: translate3d(-53px, -50px, 0);
    transform: translate3d(-53px, -50px, 0);
}
.whos-speaking-area .speakers .spk-img ul li:nth-child(2) {
    -webkit-transform: translate3d(53px, -50px, 0);
    transform: translate3d(53px, -50px, 0);
}
.whos-speaking-area .speakers .spk-img ul li:nth-child(3) {
    -webkit-transform: translate3d(-53px, 50px, 0);
    transform: translate3d(-53px, 50px, 0);
}
.whos-speaking-area .speakers .spk-img ul li:nth-child(4) {
    -webkit-transform: translate3d(53px, 50px, 0);
    transform: translate3d(53px, 50px, 0);
}
.whos-speaking-area .speakers .spk-img:hover ul {
    left: 35%;
    opacity: 1;
    z-index: 9;
}
.whos-speaking-area .speakers .spk-img:hover ul:before {
    opacity: 1;
    -webkit-transform: rotate(44deg) scale(1);
    -ms-transform: rotate(44deg) scale(1);
    transform: rotate(44deg) scale(1);
}
.whos-speaking-area .speakers .spk-img:hover ul li:nth-child(1),
.whos-speaking-area .speakers .spk-img:hover ul li:nth-child(2),
.whos-speaking-area .speakers .spk-img:hover ul li:nth-child(3),
.whos-speaking-area .speakers .spk-img:hover ul li:nth-child(4) {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.whos-speaking-area .speakers .spk-info {
    text-align: center;
    padding: 30px 0;
}
.whos-speaking-area .speakers .spk-info h3 {
    color: #252525;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 5px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    text-transform: capitalize;
}
.whos-speaking-area .speakers .spk-info h3:hover {
    color: #4125dd;
}
.whos-speaking-area .speakers .spk-info p {
    font-size: 15px;
    margin-bottom: 0;
    color: #656565;
}

.whos-speaking-area-two .title-text h2 {
    color: #fff;
}

.whos-speaking-area-two .speakers {
    position: relative;
    overflow: hidden;
}
.whos-speaking-area-two .speakers:hover img {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}
.whos-speaking-area-two .speakers img {
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
.whos-speaking-area-two .speakers .img-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background: rgba(91, 69, 213, 0.9);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.whos-speaking-area-two .speakers:hover .img-overlay {
    opacity: 1;
}
.whos-speaking-area-two .speakers .name a {
    position: absolute;
    bottom: -20%;
    left: 10%;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.whos-speaking-area-two .speakers .name a:hover {
    color: #cf057c;
}
.whos-speaking-area-two .speakers:hover .name a {
    bottom: 10%;
}
.whos-speaking-area-two .speakers .social-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 23%;
    left: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.whos-speaking-area-two .speakers .social-icons li {
    margin-right: 10px;
}
.whos-speaking-area-two .speakers .social-icons li a {
    color: #fff;
}
.whos-speaking-area-two .speakers .social-icons li a:hover {
    color: #252525;
}
.whos-speaking-area-two .speakers:hover .social-icons {
    left: 27px;
}
ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    outline: none;
}
.mb50 {
    margin-bottom: 50px;
}
}

/* Card5 */
.qa-card5 {
  .container{
    margin-bottom: 50px;
  }
    .heading {
        font-size: 20px;
        font-weight: 600;
        color: #3D5AFE;
    }
    
    .line1 {
        color: #000;
        font-size: 12px;
    }
    
    .line2 {
        color: #000;
        font-size: 12px;
    }
    
    .line3 {
        color: #000;
        font-size: 12px;
    }
    
    .cards {
        transition: all 0.2s ease;
        cursor: pointer;
    }
    
    .cards:hover {
        box-shadow: 5px 6px 6px 2px #e9ecef;
        transform: scale(1.1);
    }
}

/* Card6 */
.qa-card6 {
    .wrapper {
        height: 250px;
        display: flex;
        justify-content: center;
        align-items: center
    }
    
    .wrapper {
        height: 250px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        /* background-color: #E1F5FE */
    }
    
    .card {
        padding: 10px;
        width: 350px;
        height: 80px;
        overflow: hidden;
        border-radius: 10px;
        cursor: pointer;
        border: none;
        position: relative
    }
    
    .coral {
        transform: rotate(90deg)
    }
    
    .card-details {
        margin-top: 5px
    }
    
    .details {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
    
    .plus {
        color: #ccc;
        font-size: 15px
    }
    
    .amount {
        color: #fff
    }
    
    .number {
        line-height: 17px;
        color: #ccc
    }
    
    .upper:hover .card {
        animation: height 1s ease-in forwards
    }
    
    .upper:hover .card-details {
        animation: card-details 1.5s ease-in forwards
    }
    
    .upper:hover .card-number {
        top: 45%;
        position: relative
    }
    
    
    .card:hover .coral {
        animation: coral 2s ease-in-out forwards
    }
}

/* Card7 */
.qa-card7 {
  * {
    box-sizing: border-box;
    margin: 0;
    padding: 0
  }
  
  body {
    background: #eee;
    font-family: 'Ubuntu', sans-serif
  }
  
  .box {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
  }
  
  .our-services {
    margin-top: 75px;
    padding-bottom: 30px;
    padding: 0 60px;
    min-height: 198px;
    text-align: center;
    border-radius: 10px;
    background-color: #fff;
    transition: all .4s ease-in-out;
    box-shadow: 0 0 25px 0 rgba(20, 27, 202, .17)
  }
  
  .our-services .icon {
    margin-bottom: -21px;
    transform: translateY(-50%);
    text-align: center
  }
  
  .our-services:hover h4,
  .our-services:hover p {
    color: #fff
  }
  
  .speedup:hover {
    box-shadow: 0 0 25px 0 rgba(20, 27, 201, .05);
    cursor: pointer;
    background-image: linear-gradient(-45deg, #fb0054 0%, #f55b2a 100%)
  }
  
  .settings:hover {
    box-shadow: 0 0 25px 0 rgba(20, 27, 201, .05);
    cursor: pointer;
    background-image: linear-gradient(-45deg, #34b5bf 0%, #210c59 100%)
  }
  
  .privacy:hover {
    box-shadow: 0 0 25px 0 rgba(20, 27, 201, .05);
    cursor: pointer;
    background-image: linear-gradient(-45deg, #3615e7 0%, #44a2f6 100%)
  }
  
  .backups:hover {
    box-shadow: 0 0 25px 0 rgba(20, 27, 201, .05);
    cursor: pointer;
    background-image: linear-gradient(-45deg, #fc6a0e 0%, #fdb642 100%)
  }
  
  .ssl:hover {
    box-shadow: 0 0 25px 0 rgba(20, 27, 201, .05);
    cursor: pointer;
    background-image: linear-gradient(-45deg, #8d40fb 0%, #5a57fb 100%)
  }
  
  .database:hover {
    box-shadow: 0 0 25px 0 rgba(20, 27, 201, .05);
    cursor: pointer;
    background-image: linear-gradient(-45deg, #27b88d 0%, #22dd73 100%)
  }
}

/* Card8 */
.qa-card8 {
  body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', serif;
    background: #AB47BC
  }
  
  .product {
    /* position: absolute; */
    margin-top: 20%;
    margin-left: 50%;
    margin-bottom: 0;
    padding: 20px 15px;
    transform: translate(-50%, -50%);
    width: 300px;
    height: 400px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .2);
    border-radius: 5px;
    background: #0e0e0f;
    overflow: hidden
  }
  
  .product .imgbox {
    height: 100%;
    box-sizing: border-box
  }
  
  .product .imgbox img {
    display: block;
    width: 80%;
    margin: 10px auto 0
  }
  
  .specifies {
    position: absolute;
    width: 100%;
    bottom: -160px;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    transition: .5s
  }
  
  .product:hover .specifies {
    bottom: 0
  }
  
  .specifies h2 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    width: 100%
  }
  
  .specifies h2 span {
    font-size: 15px;
    color: #ccc;
    font-weight: normal
  }
  
  .specifies .price {
    position: absolute;
    top: 12px;
    right: 25px;
    font-weight: bold;
    color: #000;
    font-size: 30px
  }
  
  label {
    display: block;
    margin-top: 5px;
    font-weight: bold;
    font-size: 15px
  }
  
  ul {
    display: flex;
    margin: 0;
    padding: 0
  }
  
  ul li {
    list-style: none;
    margin: 5px 5px 0;
    font-size: 15px;
    font-style: normal;
    color: #ccc
  }
  
  ul li:first-child {
    margin-left: 0
  }
  
  ul.colors li {
    width: 15px;
    height: 15px
  }
  
  ul.colors li:nth-child(1) {
    background: #4A148C
  }
  
  ul.colors li:nth-child(2) {
    background: #F50057
  }
  
  ul.colors li:nth-child(3) {
    background: #536DFE
  }
  
  ul.colors li:nth-child(4) {
    background: #388E3C
  }
  
  ul.colors li:nth-child(5) {
    background: #FF6D00
  }
  
  .btn {
    display: block;
    padding: 5px;
    color: #fff;
    margin: 10px 0 0;
    width: 100%;
    font-size: 13px;
    border-radius: 2px
  }
}

/* Card9 */
.qa-card9 {
  body {
    background-image: linear-gradient(#3F51B5, #1A237E);
    background-repeat: no-repeat;
    color: #000;
    overflow-x: hidden
  }
  
  
  p {
    color: #fff;
  }
  
  h2 {
    font-weight: bold;
    margin-bottom: 40px;
    padding-top: 40px;
    color: #fff;
  }
  
  @media (max-width:767px) {
    h2 {
      margin-bottom: 25px;
      padding-top: 25px;
      font-size: 24px;
    }
  }
  
  .intro {
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto;
  }
  
  .intro p {
    margin-bottom: 0;
  }
  
  .people {
    padding: 50px 0;
    cursor: pointer;
  }
  
  .item {
    margin-bottom: 30px;
  }
  
  .item .box {
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 280px;
    position: relative;
    overflow: hidden;
  }
  
  .item .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(31, 148, 255, 0.75);
    transition: opacity 0.15s ease-in;
    opacity: 0;
    padding-top: 80px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
  }
  
  .item:hover .cover {
    opacity: 1;
  }
  
  .item .name {
    font-weight: bold;
    margin-bottom: 8px;
  }
  
  .item .title {
    text-transform: uppercase;
    font-weight: bold;
    color: #bbd8fb;
    letter-spacing: 2px;
    font-size: 13px;
    margin-bottom: 20px;
  }
  
  .social {
    font-size: 18px;
  }
  
  .social a {
    color: inherit;
    margin: 0 10px;
    display: inline-block;
    opacity: 0.7;
  }
  
  .social a:hover {
    opacity: 1;
  }
}

/* Card10 */
.qa-card10 {
  body {
    background: #f9f9f9;
    font-size: 16px;
    font-family: 'Raleway', sans-serif
  }
  
  .container {
    margin-top: 200px
  }
  
  .title {
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 10px
  }
  
  .content {
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: auto;
    overflow: hidden
  }
  
  .content .content-overlay {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    height: 99%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s
  }
  
  .content:hover .content-overlay {
    opacity: 1
  }
  
  .content-image {
    width: 100%
  }
  
  img {
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
    border-radius: 5px
  }
  
  .content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s
  }
  
  .content:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1
  }
  
  .content-details h3 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    text-transform: uppercase
  }
  
  .content-details p {
    color: #fff;
    font-size: 0.8em
  }
  
  .fadeIn-bottom {
    top: 80%
  }
}

/* Card11 */
.qa-card11 {
  body {
    background: #319ac6;
    margin-top: 20px;
  }
  
  .ourTeam {
    background: #319ac6;
    height: 800px;
  }
  
  .ourTeam h2 {
    color: #fff;
    margin: 0 0 30px 0
  }
  
  .ourTeam .i {
    margin-top: 30px
  }
  
  .ourTeam .i .c {
    background: #fff;
    -webkit-box-shadow: 0 4px 0 #2b86ac;
    -moz-box-shadow: 0 4px 0 #2b86ac;
    box-shadow: 0 4px 0 #2b86ac;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
    overflow: hidden;
    padding-bottom: 110px
  }
  
  .ourTeam .i .c .wrap {
    position: relative
  }
  
  .ourTeam .i .c .wrap img {
    width: 100%;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
  }
  
  .ourTeam .i .c .wrap .info {
    padding: 30px 0;
    position: absolute;
    top: 100%;
    width: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
  }
  
  .ourTeam .i .c .wrap .info .name {
    margin: 0;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    margin: 0 0 8px 0
  }
  
  .ourTeam .i .c .wrap .info .position {
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem;
    color: #555659
  }
  
  .ourTeam .i .c .more {
    position: absolute;
    bottom: -100%;
    width: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
  }
  
  .ourTeam .i .c .more p {
    margin: 0 18px 30px 18px;
    line-height: 22px
  }
  
  .ourTeam .i .c .more .socials {
    margin: 0 0 20px 0
  }
  
  .ourTeam .i .c .more .socials a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    font-size: 2.2rem;
    color: #fff;
    margin: 0 0 0 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
    -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 0 rgba(0, 0, 0, .1)
  }
  
  .ourTeam .i .c .more .socials a:first-child {
    margin: 0
  }
  
  .ourTeam .i .c .more .socials a.facebook {
    background: #3262b9
  }
  
  .ourTeam .i .c .more .socials a.facebook:hover {
    background: #2d57a5
  }
  
  .ourTeam .i .c .more .socials a.twitter {
    background: #3dd7e5
  }
  
  .ourTeam .i .c .more .socials a.twitter:hover {
    background: #27d2e2
  }
  
  .ourTeam .i .c .more .socials a.google-plus {
    background: #e23535
  }
  
  .ourTeam .i .c .more .socials a.google-plus:hover {
    background: #de2020
  }
  
  .ourTeam .i .c .more .socials a.linkedin {
    background: #069
  }
  
  .ourTeam .i .c .more .socials a.linkedin:hover {
    background: #005580
  }
  
  .ourTeam .i .c:hover img {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0
  }
  
  .ourTeam .i .c:hover .info {
    top: 0
  }
  
  .ourTeam .i .c:hover .more {
    bottom: 0
  }
}

/* Card12 */
.qa-card12 {
  body {
    margin-top: 20px;
  }
  
  
  /* Team */
  
  .team-member {
    background: #fff;
    text-align: center;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
  }
  
  .team-member .team-photo {
    background: #fff;
    min-height: 200px;
    margin: 0 auto;
    padding: 24px 24px 32px 24px;
  }
  
  .team-member .team-attrs {
    padding: 2px 16px 16px 16px;
    color: #303030;
  }
  
  .team-member .team-attrs .team-name {
    font-size: 21px;
  }
  
  .team-member .team-attrs .team-position {
    font-size: 12px;
    letter-spacing: 2px;
    color: #a7a7a7;
  }
  
  .team-member .team-content {
    color: #303030;
    opacity: .8;
    padding: 16px 24px 40px 24px;
  }
  
  .team-member:hover {
    box-shadow: 2px 3px 9px rgba(0, 0, 0, 0.2);
  }
  
  
  /*------------------------------------------------------------------
  [10. Hover Effects]
  */
  
  .item-wrap {
    margin-bottom: 30px;
  }
  
  figure {
    position: relative;
    overflow: hidden;
    text-align: center;
  }
  
  figure img {
    position: relative;
    opacity: 1.0;
  }
  
  figure figcaption {
    padding: 1.0em;
    color: #303030;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  figure figcaption>.fig-description a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
  }
  
  figure figcaption:before,
  figure figcaption:after {
    pointer-events: none;
  }
  
  figure figcaption,
  figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  figure h3 {
    word-spacing: -0.15em;
    font-family: "Montserrat", sans-serif;
  }
  
  figure h3 span {
    font-family: "Montserrat", sans-serif;
  }
  
  figure h3,
  figure p {
    margin: 0;
  }
  
  figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
  }
  
  
  /* Team Hover */
  
  figure.effect-zoe {
    margin: 0;
    width: 100%;
    height: auto;
    min-width: 200px;
    max-height: none;
    max-width: none;
    float: none;
  }
  
  figure.effect-zoe img {
    display: inline-block;
    opacity: 1;
  }
  
  figure.effect-zoe p.icon-links {
    margin: 0px;
  }
  
  figure.effect-zoe p.icon-links a {
    color: #fff;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
  }
  
  figure.effect-zoe p.icon-links a i::before {
    color: #fff;
    font-size: 24px;
    display: inline-block;
    padding: 15px 10px;
    margin-left: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  figure.effect-zoe p.icon-links a:hover i::before {
    color: #f2f2f2;
  }
  
  figure.effect-zoe p.phone-number a {
    color: #fff;
    font-size: 12px;
    text-decoration: none;
  }
  
  figure.effect-zoe p.phone-number a:hover {
    color: #f2f2f2;
    text-decoration: none;
  }
  
  figure.effect-zoe figcaption {
    top: auto;
    bottom: 0;
    padding: 0;
    height: 8em;
    background: #a7a7a7;
    border-top: 3px solid #fff;
    color: #5d5d5d;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  
  figure.effect-zoe:hover figcaption,
  figure.effect-zoe:hover h2,
  figure.effect-zoe:hover p.icon-links a {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  
  figure.effect-zoe:hover p.icon-links a:nth-child(3) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
  }
  
  figure.effect-zoe:hover p.icon-links a:nth-child(2) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
  }
  
  figure.effect-zoe:hover p.icon-links a:first-child {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
}

/* Card13 */
.qa-card13 {
  #cards_landscape_wrap-2 {
    text-align: center;
    background: #F7F7F7;
  }
  
  #cards_landscape_wrap-2 .container {
    padding-top: 80px;
    padding-bottom: 100px;
  }
  
  #cards_landscape_wrap-2 a {
    text-decoration: none;
    outline: none;
  }
  
  #cards_landscape_wrap-2 .card-flyer {
    border-radius: 5px;
  }
  
  #cards_landscape_wrap-2 .card-flyer .image-box {
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.50);
    border-radius: 5px;
  }
  
  #cards_landscape_wrap-2 .card-flyer .image-box img {
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
    width: 100%;
    height: 200px;
  }
  
  #cards_landscape_wrap-2 .card-flyer:hover .image-box img {
    opacity: 0.7;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
  }
  
  #cards_landscape_wrap-2 .card-flyer .text-box {
    text-align: center;
  }
  
  #cards_landscape_wrap-2 .card-flyer .text-box .text-container {
    padding: 30px 18px;
  }
  
  #cards_landscape_wrap-2 .card-flyer {
    background: #FFFFFF;
    margin-top: 50px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.40);
  }
  
  #cards_landscape_wrap-2 .card-flyer:hover {
    background: #fff;
    box-shadow: 0px 15px 26px rgba(0, 0, 0, 0.50);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    margin-top: 50px;
  }
  
  #cards_landscape_wrap-2 .card-flyer .text-box p {
    margin-top: 10px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #000000;
  }
  
  #cards_landscape_wrap-2 .card-flyer .text-box h6 {
    margin-top: 0px;
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Roboto Black', sans-serif;
    letter-spacing: 1px;
    color: #00acc1;
  }
}

/* Card14 */
.qa-card14 {
  body {
    font-family: 'Muli', sans-serif;
    background: #ddd;
  }
  
  .shell {
    padding: 80px 0;
  }
  
  .wsk-cp-product {
    background: #fff;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    position: relative;
    margin: 20px auto;
  }
  
  .wsk-cp-img {
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -khtml-transform: translate(-50%);
    width: 100%;
    padding: 15px;
    transition: all 0.2s ease-in-out;
  }
  
  .wsk-cp-img img {
    width: 100%;
    transition: all 0.2s ease-in-out;
    border-radius: 6px;
  }
  
  .wsk-cp-product:hover .wsk-cp-img {
    top: -40px;
  }
  
  .wsk-cp-product:hover .wsk-cp-img img {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
  }
  
  .wsk-cp-text {
    padding-top: 150%;
  }
  
  .wsk-cp-text .category {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 45px;
    position: relative;
    transition: all 0.2s ease-in-out;
  }
  
  .wsk-cp-text .category>* {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
  }
  
  .wsk-cp-text .category>span {
    padding: 12px 30px;
    border: 1px solid #313131;
    background: #212121;
    color: #fff;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
    border-radius: 27px;
    transition: all 0.05s ease-in-out;
  }
  
  .wsk-cp-product:hover .wsk-cp-text .category>span {
    border-color: #ddd;
    box-shadow: none;
    padding: 11px 28px;
  }
  
  .wsk-cp-product:hover .wsk-cp-text .category {
    margin-top: 0px;
  }
  
  .wsk-cp-text .title-product {
    text-align: center;
  }
  
  .wsk-cp-text .title-product h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 15px auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
  }
  
  .wsk-cp-text .description-prod p {
    margin: 0;
  }
  
  /* Truncate */
  .wsk-cp-text .description-prod {
    text-align: center;
    width: 100%;
    height: 62px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
  }
  
  .card-footer {
    padding: 25px 0 5px;
    border-top: 1px solid #ddd;
  }
  
  .card-footer:after,
  .card-footer:before {
    content: '';
    display: table;
  }
  
  .card-footer:after {
    clear: both;
  }
  
  .card-footer .wcf-left {
    float: left;  
  }
  
  .card-footer .wcf-right {
    float: right;
  }
  
  .price {
    font-size: 18px;
    font-weight: bold;
  }
  
  a.buy-btn {
    display: block;
    color: #212121;
    text-align: center;
    font-size: 18px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    border: 1px solid #212121;
    transition: all 0.2s ease-in-out;
  }
  
  a.buy-btn:hover,
  a.buy-btn:active,
  a.buy-btn:focus {
    border-color: #FF9800;
    background: #FF9800;
    color: #fff;
    text-decoration: none;
  }
  
  .wsk-btn {
    display: inline-block;
    color: #212121;
    text-align: center;
    font-size: 18px;
    transition: all 0.2s ease-in-out;
    border-color: #FF9800;
    background: #FF9800;
    padding: 12px 30px;
    border-radius: 27px;
    margin: 0 5px;
  }
  
  .wsk-btn:hover,
  .wsk-btn:focus,
  .wsk-btn:active {
    text-decoration: none;
    color: #fff;
  }
  
  .red {
    color: #F44336;
    font-size: 22px;
    display: inline-block;
    margin: 0 5px;
  }
  
  @media screen and (max-width: 991px) {
    .wsk-cp-product {
      margin: 40px auto;
    }
  
    .wsk-cp-product .wsk-cp-img {
      top: -40px;
    }
  
    .wsk-cp-product .wsk-cp-img img {
      box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
    }
  
    .wsk-cp-product .wsk-cp-text .category>span {
      border-color: #ddd;
      box-shadow: none;
      padding: 11px 28px;
    }
  
    .wsk-cp-product .wsk-cp-text .category {
      margin-top: 0px;
    }
  
    a.buy-btn {
      border-color: #FF9800;
      background: #FF9800;
      color: #fff;
    }
  }

}

/* Card15 */
.qa-card15 {
  body {
    margin: 0;  
    padding: 0;  
    min-height: 100vh;  
    display: flex;  
    align-items: center;  
    justify-content: center;  
    font-family: sans-serif;  
    background-color: #f1f1f1;  
  }
  
  .container .card .icon {  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 100%;  
    background: #2c73df;  
  }
  
  .container .card .icon .fa-solid {  
    position: absolute;  
    top: 50%;  
    left: 50%;  
    transform: translate(-50%, -50%);  
    font-size: 80px;  
    color: #fff;  
  }
  
  .container .card .slide {  
    width: 300px;  
    height: 200px;  
    transition: 0.5s;  
  }
  
  .container .card .slide.slide1 {  
    position: relative;  
    display: flex;  
    justify-content: center;  
    align-items: center;  
    z-index: 1;  
    transition: .7s;  
    transform: translateY(100px);  
  }
  
  .container .card:hover .slide.slide1 {  
    transform: translateY(0px);  
  }
  
  .container .card .slide.slide2 {  
    position: relative;  
    display: flex;  
    justify-content: center;  
    align-items: center;  
    padding: 20px;  
    box-sizing: border-box;  
    transition: .8s;  
    transform: translateY(-100px);  
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);  
  }
  
  .container .card:hover .slide.slide2 {  
    transform: translateY(0);  
  }
  
  .container .card .slide.slide2::after {  
    content: "";  
    position: absolute;  
    width: 30px;  
    height: 4px;  
    bottom: 15px;  
    left: 50%;  
    left: 50%;  
    transform: translateX(-50%);  
    background: #2c73df;  
  }
  
  .container .card .slide.slide2 .content p {  
    margin: 0;  
    padding: 0;  
    text-align: center;  
    color: #414141;  
  }
  
  .container .card .slide.slide2 .content h3 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 24px;
    text-align: center;
    color: #414141;
  }
}

/* Card16 */
.qa-card16 {
  :root {
    --d: 700ms;
    --e: cubic-bezier(0.19, 1, 0.22, 1);
    --font-sans: "Rubik", sans-serif;
    --font-serif: "Cardo", serif;
  }
  
  * {
    box-sizing: border-box;
  }
  
  html,
  body {
    height: 100%;
  }
  
  body {
    display: grid;
    place-items: center;
  }
  
  .page-content {
    display: grid;
    grid-gap: 1rem;
    padding: 1rem;
    max-width: 1024px;
    margin: 0 auto;
    font-family: var(--font-sans);
  }
  
  @media (min-width: 600px) {
    .page-content {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media (min-width: 800px) {
    .page-content {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  
  .card {
    position: relative;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    padding: 1rem;
    width: 100%;
    text-align: center;
    color: whitesmoke;
    background-color: whitesmoke;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1);
  }
  
  @media (min-width: 600px) {
    .card {
      height: 350px;
    }
  }
  
  .card:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 110%;
    background-size: cover;
    background-position: 0 0;
    transition: transform calc(var(--d) * 1.5) var(--e);
    pointer-events: none;
  }
  
  .card:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200%;
    pointer-events: none;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.009) 11.7%, rgba(0, 0, 0, 0.034) 22.1%, rgba(0, 0, 0, 0.072) 31.2%, rgba(0, 0, 0, 0.123) 39.4%, rgba(0, 0, 0, 0.182) 46.6%, rgba(0, 0, 0, 0.249) 53.1%, rgba(0, 0, 0, 0.32) 58.9%, rgba(0, 0, 0, 0.394) 64.3%, rgba(0, 0, 0, 0.468) 69.3%, rgba(0, 0, 0, 0.54) 74.1%, rgba(0, 0, 0, 0.607) 78.8%, rgba(0, 0, 0, 0.668) 83.6%, rgba(0, 0, 0, 0.721) 88.7%, rgba(0, 0, 0, 0.762) 94.1%, rgba(0, 0, 0, 0.79) 100%);
    transform: translateY(-50%);
    transition: transform calc(var(--d) * 2) var(--e);
  }
  
  .card:nth-child(1):before {
    background-image: url(https://images.unsplash.com/photo-1517021897933-0e0319cfbc28?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ);
  }
  
  .card:nth-child(2):before {
    background-image: url(https://images.unsplash.com/photo-1533903345306-15d1c30952de?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ);
  }
  
  .card:nth-child(3):before {
    background-image: url(https://images.unsplash.com/photo-1545243424-0ce743321e11?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ);
  }
  
  .card:nth-child(4):before {
    background-image: url(https://images.unsplash.com/photo-1531306728370-e2ebd9d7bb99?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ);
  }
  
  .content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 1rem;
    transition: transform var(--d) var(--e);
    z-index: 1;
  }
  
  .content>*+* {
    margin-top: 1rem;
  }
  
  .title {
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.2;
  }
  
  .copy {
    font-family: var(--font-serif);
    font-size: 1.125rem;
    font-style: italic;
    line-height: 1.35;
  }
  
  .btn {
    cursor: pointer;
    margin-top: 1.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.65rem;
    font-weight: bold;
    letter-spacing: 0.025rem;
    text-transform: uppercase;
    color: white;
    background-color: black;
    border: none;
  }
  
  .btn:hover {
    background-color: #0d0d0d;
    color: red;
  }
  
  .btn:focus {
    outline: 1px dashed yellow;
    outline-offset: 3px;
  }
  
  @media (hover: hover) and (min-width: 600px) {
    .card:after {
      transform: translateY(0);
    }
  
    .content {
      transform: translateY(calc(100% - 4.5rem));
    }
  
    .content>*:not(.title) {
      opacity: 0;
      transform: translateY(1rem);
      transition: transform var(--d) var(--e), opacity var(--d) var(--e);
    }
  
    .card:hover,
    .card:focus-within {
      align-items: center;
    }
  
    .card:hover:before,
    .card:focus-within:before {
      transform: translateY(-4%);
    }
  
    .card:hover:after,
    .card:focus-within:after {
      transform: translateY(-50%);
    }
  
    .card:hover .content,
    .card:focus-within .content {
      transform: translateY(0);
    }
  
    .card:hover .content>*:not(.title),
    .card:focus-within .content>*:not(.title) {
      opacity: 1;
      transform: translateY(0);
      transition-delay: calc(var(--d) / 8);
    }
  
    .card:focus-within:before,
    .card:focus-within:after,
    .card:focus-within .content,
    .card:focus-within .content>*:not(.title) {
      transition-duration: 0s;
    }
  }
}

/* Card17 */
.qa-card17 {
  .container {
    height: 100vh;
    width: 100vw;
    max-height: 800px;
    max-width: 1280px;
    min-height: 600px;
    min-width: 1000px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
  }
  
  .border {
    height: 369px;
    width: 290px;
    background: transparent;
    border-radius: 10px;
    transition: border 1s;
    position: relative;
  }
  
  .border:hover {
    border: 1px solid #fff;
  }
  
  .card {
    height: 379px;
    width: 300px;
    background: #808080;
    border-radius: 10px;
    transition: background 0.8s;
    overflow: hidden;
    background: #000;
    box-shadow: 0 70px 63px -60px #000;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  
  .card0 {
    background: url("https://i.pinimg.com/736x/8f/a0/51/8fa051251f5ac2d0b756027089fbffde--terry-o-neill-al-pacino.jpg") center center no-repeat;
    background-size: 300px;
  }
  
  .card0:hover {
    background: url("https://i.pinimg.com/736x/8f/a0/51/8fa051251f5ac2d0b756027089fbffde--terry-o-neill-al-pacino.jpg") left center no-repeat;
    background-size: 600px;
  }
  
  .card0:hover h2 {
    opacity: 1;
  }
  
  .card0:hover .fa-brands {
    opacity: 1;
  }
  
  .card1 {
    background: url("https://i.pinimg.com/originals/28/d2/e6/28d2e684e7859a0dd17fbd0cea00f8a9.jpg") center center no-repeat;
    background-size: 300px;
  }
  
  .card1:hover {
    background: url("https://i.pinimg.com/originals/28/d2/e6/28d2e684e7859a0dd17fbd0cea00f8a9.jpg") left center no-repeat;
    background-size: 600px;
  }
  
  .card1:hover h2 {
    opacity: 1;
  }
  
  .card1:hover .fa-brands {
    opacity: 1;
  }
  
  .card2 {
    background: url("https://i.pinimg.com/originals/ee/85/08/ee850842e68cfcf6e3943c048f45c6d1.jpg") center center no-repeat;
    background-size: 300px;
  }
  
  .card2:hover {
    background: url("https://i.pinimg.com/originals/ee/85/08/ee850842e68cfcf6e3943c048f45c6d1.jpg") left center no-repeat;
    background-size: 600px;
  }
  
  .card2:hover h2 {
    opacity: 1;
  }
  
  .card2:hover .fa-brands {
    opacity: 1;
  }
  
  h2 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #fff;
    margin: 20px;
    opacity: 0;
    transition: opacity 1s;
  }
  
  .fa-brands {
    opacity: 0;
    transition: opacity 1s;
  }
  
  .icons {
    position: absolute;
    fill: #fff;
    color: #fff;
    height: 130px;
    top: 226px;
    width: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
  }
}

/* Card18 */
.qa-card18 {
  body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    background: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: consolas;
  }
  
  .container {
    width: 1000px;
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  
  .container .card {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
  }
  
  .container .card .face {
    width: 300px;
    height: 200px;
    transition: 0.5s;
  }
  
  .container .card .face.face1 {
    position: relative;
    background: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transform: translateY(100px);
  }
  
  .container .card:hover .face.face1 {
    background: #ff0057;
    transform: translateY(0);
  }
  
  .container .card .face.face1 .content {
    opacity: 0.2;
    transition: 0.5s;
  }
  
  .container .card:hover .face.face1 .content {
    opacity: 1;
  }
  
  .container .card .face.face1 .content img {
    max-width: 100px;
  }
  
  .container .card .face.face1 .content h3 {
    margin: 10px 0 0;
    padding: 0;
    color: #fff;
    text-align: center;
    font-size: 1.5em;
  }
  
  .container .card .face.face2 {
    position: relative;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);
    transform: translateY(-100px);
  }
  
  .container .card:hover .face.face2 {
    transform: translateY(0);
  }
  
  .container .card .face.face2 .content p {
    margin: 0;
    padding: 0;
  }
  
  .container .card .face.face2 .content a {
    margin: 15px 0 0;
    display: inline-block;
    text-decoration: none;
    font-weight: 900;
    color: #333;
    padding: 5px;
    border: 1px solid #333;
  }
  
  .container .card .face.face2 .content a:hover {
    background: #333;
    color: #fff;
  }
}

/* Card19 */
.qa-card19 {
  html,
  body {
    background: #FCEEB5;
    font-family: Abel, Arial, Verdana, sans-serif;
  }
  
  .center {
    /* position: absolute; */
    margin-top: 25%;
    margin-left: 50%;
    margin-bottom: 0;
    transform: translate(-50%, -50%);
  }
  
  .card {
    width: 450px;
    height: 250px;
    background-color: #fff;
    background: linear-gradient(#f8f8f8, #fff);
    box-shadow: 0 8px 16px -8px rgba(0, 0, 0, 0.4);
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    margin: 1.5rem;
  }
  
  .card h1 {
    text-align: center;
  }
  
  .card .additional {
    position: absolute;
    width: 150px;
    height: 100%;
    background: linear-gradient(#dE685E, #EE786E);
    transition: width 0.4s;
    overflow: hidden;
    z-index: 2;
  }
  
  .card.green .additional {
    background: linear-gradient(#92bCa6, #A2CCB6);
  }
  
  
  .card:hover .additional {
    width: 100%;
    border-radius: 0 5px 5px 0;
  }
  
  .card .additional .user-card {
    width: 150px;
    height: 100%;
    position: relative;
    float: left;
  }
  
  .card .additional .user-card::after {
    content: "";
    display: block;
    position: absolute;
    top: 10%;
    right: -2px;
    height: 80%;
    border-left: 2px solid rgba(0, 0, 0, 0.025);
  }
  
  .card .additional .user-card .level,
  .card .additional .user-card .points {
    top: 15%;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.75em;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.15);
    padding: 0.125rem 0.75rem;
    border-radius: 100px;
    white-space: nowrap;
  }
  
  .card .additional .user-card .points {
    top: 85%;
  }
  
  .card .additional .user-card svg {
    top: 50%;
  }
  
  .card .additional .more-info {
    width: 300px;
    float: left;
    position: absolute;
    left: 150px;
    height: 100%;
  }
  
  .card .additional .more-info h1 {
    color: #fff;
    margin-bottom: 0;
  }
  
  .card.green .additional .more-info h1 {
    color: #224C36;
  }
  
  .card .additional .coords {
    margin: 0 1rem;
    color: #fff;
    font-size: 1rem;
  }
  
  .card.green .additional .coords {
    color: #325C46;
  }
  
  .card .additional .coords span+span {
    float: right;
  }
  
  .card .additional .stats {
    font-size: 2rem;
    display: flex;
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    top: auto;
    color: #fff;
  }
  
  .card.green .additional .stats {
    color: #325C46;
  }
  
  .card .additional .stats>div {
    flex: 1;
    text-align: center;
  }
  
  .card .additional .stats i {
    display: block;
  }
  
  .card .additional .stats div.title {
    font-size: 0.75rem;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .card .additional .stats div.value {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.5rem;
  }
  
  .card .additional .stats div.value.infinity {
    font-size: 2.5rem;
  }
  
  .card .general {
    width: 300px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    box-sizing: border-box;
    padding: 1rem;
    padding-top: 0;
  }
  
  .card .general .more {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    font-size: 0.9em;
  }
}

/* Card20 */
.qa-card20 {
  *,
  *::after,
  *::before {
    box-sizing: inherit;
    margin: 0;
    padding: 0;
  }
  
  html {
    font-size: 62.5%;
  }
  
  body {
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    position: relative;
  }
  
  /* Typography =======================*/
  
  /* Headings */
  
  /* Main heading for card's front cover */
  .card-front__heading {
    font-size: 1.5rem;
    margin-top: .25rem;
  }
  
  /* Main heading for inside page */
  .inside-page__heading {
    padding-bottom: 1rem;
    width: 100%;
  }
  
  /* Mixed */
  
  /* For both inside page's main heading and 'view me' text on card front cover */
  .inside-page__heading,
  .card-front__text-view {
    font-size: 1.3rem;
    font-weight: 800;
    margin-top: .2rem;
  }
  
  .inside-page__heading--city,
  .card-front__text-view--city {
    color: #ff62b2;
  }
  
  .inside-page__heading--ski,
  .card-front__text-view--ski {
    color: #2aaac1;
  }
  
  .inside-page__heading--beach,
  .card-front__text-view--beach {
    color: #fa7f67;
  }
  
  .inside-page__heading--camping,
  .card-front__text-view--camping {
    color: #00b97c;
  }
  
  /* Front cover */
  
  .card-front__tp {
    color: #fafbfa;
  }
  
  /* For pricing text on card front cover */
  .card-front__text-price {
    font-size: 1.2rem;
    margin-top: -.2rem;
  }
  
  /* Back cover */
  
  /* For inside page's body text */
  .inside-page__text {
    color: #333;
  }
  
  /* Icons ===========================================*/
  
  .card-front__icon {
    fill: #fafbfa;
    font-size: 3vw;
    height: 3.25rem;
    margin-top: -.5rem;
    width: 3.25rem;
  }
  
  /* Buttons =================================================*/
  
  .inside-page__btn {
    background-color: transparent;
    border: 3px solid;
    border-radius: .5rem;
    font-size: 1.2rem;
    font-weight: 600;
  
    overflow: hidden;
    padding: .7rem .75rem;
    position: relative;
    text-decoration: none;
    transition: all .3s ease;
    width: 90%;
    z-index: 10;
  }
  
  .inside-page__btn::before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleY(0);
    transition: all .3s ease;
    width: 100%;
    z-index: -1;
  }
  
  .inside-page__btn--city {
    border-color: #ff40a1;
    color: #ff40a1;
  }
  
  .inside-page__btn--city::before {
    background-color: #ff40a1;
  }
  
  .inside-page__btn--ski {
    border-color: #279eb2;
    color: #279eb2;
  }
  
  .inside-page__btn--ski::before {
    background-color: #279eb2;
  }
  
  .inside-page__btn--beach {
    border-color: #fa7f67;
    color: #fa7f67;
  }
  
  .inside-page__btn--beach::before {
    background-color: #fa7f67;
  }
  
  .inside-page__btn--camping {
    border-color: #00b97d;
    color: #00b97d;
  }
  
  .inside-page__btn--camping::before {
    background-color: #00b97d;
  }
  
  .inside-page__btn:hover {
    color: #fafbfa;
  }
  
  .inside-page__btn:hover::before {
    transform: scaleY(1);
  }
  
  /* Layout Structure=========================================*/
  
  .main {
    background: linear-gradient(to bottom right,
        #eee8dd,
        #e3d9c6);
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
    width: 100%;
  }
  
  /* Container to hold all cards in one place */
  .card-area {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: space-evenly;
    padding: 1rem;
  }
  
  /* Card ============================================*/
  
  /* Area to hold an individual card */
  .card-section {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
  }
  
  /* A container to hold the flip card and the inside page */
  .card {
    background-color: rgba(0, 0, 0, .05);
    box-shadow: -.1rem 1.7rem 6.6rem -3.2rem rgba(0, 0, 0, 0.5);
    height: 15rem;
    position: relative;
    transition: all 1s ease;
    width: 15rem;
  }
  
  /* Flip card - covering both the front and inside front page */
  
  /* An outer container to hold the flip card. This excludes the inside page */
  .flip-card {
    height: 15rem;
    perspective: 100rem;
    position: absolute;
    right: 0;
    transition: all 1s ease;
    visibility: hidden;
    width: 15rem;
    z-index: 100;
  }
  
  /* The outer container's visibility is set to hidden. This is to make everything within the container NOT set to hidden  */
  /* This is done so content in the inside page can be selected */
  .flip-card>* {
    visibility: visible;
  }
  
  /* An inner container to hold the flip card. This excludes the inside page */
  .flip-card__container {
    height: 100%;
    position: absolute;
    right: 0;
    transform-origin: left;
    transform-style: preserve-3d;
    transition: all 1s ease;
    width: 100%;
  }
  
  .card-front,
  .card-back {
    backface-visibility: hidden;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  
  /* Styling for the front side of the flip card */
  
  /* container for the front side */
  .card-front {
    background-color: #fafbfa;
    height: 15rem;
    width: 15rem;
  }
  
  /* Front side's top section */
  .card-front__tp {
    align-items: center;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 57% 90%, 50% 100%, 43% 90%, 0 90%);
    display: flex;
    flex-direction: column;
    height: 12rem;
    justify-content: center;
    padding: .75rem;
  }
  
  .card-front__tp--city {
    background: linear-gradient(to bottom,
        #ff73b9,
        #ff40a1);
  }
  
  .card-front__tp--ski {
    background: linear-gradient(to bottom,
        #47c2d7,
        #279eb2);
  }
  
  .card-front__tp--beach {
    background: linear-gradient(to bottom,
        #fb9b88,
        #f86647);
  }
  
  .card-front__tp--camping {
    background: linear-gradient(to bottom,
        #00db93,
        #00b97d);
  }
  
  /* Front card's bottom section */
  .card-front__bt {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  
  /* Styling for the back side of the flip card */
  
  .card-back {
    background-color: #fafbfa;
    transform: rotateY(180deg);
  }
  
  /* Specifically targeting the <video> element */
  .video__container {
    clip-path: polygon(0% 0%, 100% 0%, 90% 50%, 100% 100%, 0% 100%);
    height: auto;
    min-height: 100%;
    object-fit: cover;
    width: 100%;
  }
  
  /* Inside page */
  
  .inside-page {
    background-color: #fafbfa;
    box-shadow: inset 20rem 0px 5rem -2.5rem rgba(0, 0, 0, 0.25);
    height: 100%;
    padding: 1rem;
    position: absolute;
    right: 0;
    transition: all 1s ease;
    width: 15rem;
    z-index: 1;
  }
  
  .inside-page__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: center;
    width: 100%;
  }
  
  /* Functionality ====================================*/
  
  /* This is to keep the card centered (within its container) when opened */
  .card:hover {
    box-shadow:
      -.1rem 1.7rem 6.6rem -3.2rem rgba(0, 0, 0, 0.75);
    width: 30rem;
  }
  
  /* When the card is hovered, the flip card container will rotate */
  .card:hover .flip-card__container {
    transform: rotateY(-180deg);
  }
  
  /* When the card is hovered, the shadow on the inside page will shrink to the left */
  .card:hover .inside-page {
    box-shadow: inset 1rem 0px 5rem -2.5rem rgba(0, 0, 0, 0.1);
  }
  
  /* Footer ====================================*/
  
  .footer {
    background-color: #333;
    margin-top: 3rem;
    padding: 1rem 0;
    width: 100%;
  }
  
  .footer-text {
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
  }
}

/* Card21 */
.qa-card21 {
  body {
    min-height: 95vh;
    background: #080808;
    display: flex;
    justify-content: center;
    align-items: center;
  
    flex-wrap: wrap;
    font-family: 'Fira Mono', monospace;
  }
  
  * {
    box-sizing: border-box;
  }
  
  h3 {
    font-family: 'Permanent Marker', cursive;
  }
  
  .container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .cards {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
  }
  
  .card {
    overflow: hidden;
    text-align: center;
    position: relative;
    width: 300px;
    height: 300px;
    background-image: url("https://namratapdrjs.netlify.app/scrolling-animations/assets-card/tanjiro.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50px;
    /*background: linear-gradient(145deg, #e6e6e6, #ffffff);
     */
    box-shadow: 30px 30px 40px #141313,
      -30px -30px 40px #1c1919;
    transform: scale(1.05);
    margin: 2rem;
  }
  
  .colour {
    position: absolute;
    width: 100%;
    height: 15%;
    background: rgb(255, 60, 14);
    background: linear-gradient(125deg, rgba(255, 60, 14, 1) 28%, rgba(255, 255, 102, 1) 89%);
    right: 120px;
    top: 40px;
    transform: rotate(-45deg) translateY(-90px);
  }
  
  .colour::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 40px;
    background-color: #FF3C0E;
    transform: translateX(-145px);
  }
  
  .colour-bottom {
    position: absolute;
    width: 100%;
    height: 15%;
    background-color: rgba(97, 34, 28, 1);
    left: 140px;
    top: 245px;
    transform: rotate(-45deg) translateY(95px);
    ;
  }
  
  .colour-bottom::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 40px;
    background: rgb(97, 34, 28);
    background: linear-gradient(331deg, rgba(97, 34, 28, 1) 40%, rgba(125, 215, 178, 1) 66%);
    transform: translateX(-147px);
  }
  
  .nezuko {
    background-image: url("https://namratapdrjs.netlify.app/scrolling-animations/assets-card/nezuko.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .nezuko .colour {
    background: rgb(227, 121, 130);
    background: linear-gradient(125deg, rgba(227, 121, 130, 1) 28%, rgba(172, 24, 69, 1) 89%);
  }
  
  .nezuko .colour::before {
    background: rgba(172, 24, 69, 1);
  }
  
  .nezuko .colour-bottom {
    background: rgba(128, 23, 34, 1);
  }
  
  .nezuko .colour-bottom::before {
    background: rgb(128, 23, 34);
    background: linear-gradient(125deg, rgba(128, 23, 34, 1) 40%, rgba(60, 29, 40, 1) 66%);
  }
  
  .zenitsu {
    background-image: url("https://namratapdrjs.netlify.app/scrolling-animations/assets-card/zenitsu.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .zenitsu .colour {
    background: rgb(254, 241, 163);
    background: linear-gradient(125deg, rgba(254, 241, 163, 1) 40%, rgba(254, 233, 88, 1) 59%);
  }
  
  .zenitsu .colour::before {
    background: rgba(254, 233, 88, 1);
  }
  
  .zenitsu .colour-bottom {
    background: rgb(224, 153, 45);
  }
  
  .zenitsu .colour-bottom::before {
    background: rgb(224, 153, 45);
    background: linear-gradient(125deg, rgba(224, 153, 45, 1) 40%, rgba(176, 123, 0, 1) 60%);
  }
  
  .card-text {
    opacity: 0;
    position: relative;
    top: 80px;
    font-size: 120%;
  }
  
  .card:hover {
    border-radius: 50px;
    background: linear-gradient(145deg, #e6e6e6, #ffffff);
    box-shadow: 30px 30px 40px #141313,
      -30px -30px 40px #1c1919;
    animation: large .7s ease-in-out forwards;
  }

  .card:hover .card-text {
    opacity: 1;
  }
  
  .card:hover .colour {
    animation: move .7s ease-in-out forwards;
  }
  
  .card:hover .colour-bottom {
    animation: move1 .7s ease-in-out forwards;
  }
}


/* Outside of Class Settings */
/* For Card2 */
@keyframes popBackground {
    0% {
        height: 20px;
        border-top-left-radius: 50%;
        border-top-right-radius: 50%
    }

    50% {
        height: 80px;
        border-top-left-radius: 75%;
        border-top-right-radius: 75%
    }

    75% {
        height: 160px;
        border-top-left-radius: 85%;
        border-top-right-radius: 85%
    }

    100% {
        height: 320px;
        border-top-left-radius: 100%;
        border-top-right-radius: 100%
    }
}

/* For Card6 */
@keyframes card-details {
    0% {
        left: 3%;
        top: 0%
    }

    100% {
        margin-top: 5px;
        left: 4%;
        top: 29%;
        position: absolute
    }
}

@keyframes coral {
    0% {
        left: 0%
    }

    100% {
        left: -89%
    }
}

@keyframes height {
    0% {
        height: 70px
    }

    25% {
        height: 100px
    }

    50% {
        height: 140px
    }

    50% {
        height: 170px
    }

    100% {
        height: 210px
    }
}

/* For Card21 */
@keyframes large {
	100% {
		transform: scale(.9);
	}
}

@keyframes move {
	0% {
		transform: rotate(-45deg) translateY(-85px);
	}
	100% {
		transform: rotate(-45deg) translateY(0px);
	}
}

@keyframes move1 {
	0% {
		transform: rotate(-45deg) translateY(90px);
	}
	100% {
		transform: rotate(-45deg) translateY(0px);
	}
}

/* End of Card Section   End of Card Section   End of Card Section   End of Card Section   End of Card Section   End of Card Section  */

/* Testimonials  Testimonials  Testimonials  Testimonials  Testimonials  Testimonials  Testimonials  Testimonials  Testimonials  Testimonials */

.qa-testimonial2 {
	.container {
		background-color: #fff;
		font-family: "Poppins", sans-serif;
		font-weight: 300;
	}

	@media only screen and (max-width:768px) {
		.container {
			margin-top: 66px;
		}
	}

	.height {
		height: 100vh;
	}

	.card {
		border: none;
		cursor: pointer;
		box-shadow: 0 0 40px rgba(51, 51, 51, .1)
	}

	.card:hover {
		background-color: #eee;
	}

	.ratings i {
		color: orange;
	}

	.testimonial-list {
		list-style: none;
	}

	.testimonial-list li {
		margin-bottom: 20px;
	}


}

.qa-testimonial3 {

	.card {
		border: none;
	}

	.user-content p {
		margin-top: 5px;
		font-size: 12px;
	}

	.ratings i {
		color: blue;
	}

}

.qa-testimonial4 {
	body {
		font-family: "Open Sans", sans-serif;
	}

	h2 {
		color: #000;
		font-size: 26px;
		font-weight: 300;
		position: relative;
		margin: 0 0 50px 0;
		text-transform: uppercase;
		display: inline-block;
	}

	h2::after {
		content: "";
		width: 50%;
		position: absolute;
		height: 4px;
		border-radius: 1px;
		background: #ff5555;
		left: 0;
		bottom: -20px;
	}

	.carousel {
		margin: 50px auto;
	}

	.carousel .carousel-item {
		color: #999;
		overflow: hidden;
		min-height: 120px;
		font-size: 13px;
	}

	.carousel .media {
		position: relative;
		padding: 0 0 0 20px;
		margin-left: 20px;
	}

	.carousel .media img {
		width: 75px;
		height: 75px;
		display: block;
		border-radius: 50%;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
		border: 2px solid #fff;
	}

	.carousel .testimonial {
		color: #fff;
		position: relative;
		background: #9b9b9b;
		padding: 15px;
		margin: 0 0 20px 20px;
	}

	.carousel .testimonial::before,
	.carousel .testimonial::after {
		content: "";
		display: inline-block;
		position: absolute;
		left: 0;
		bottom: -20px;
	}

	.carousel .testimonial::before {
		width: 20px;
		height: 20px;
		background: #9b9b9b;
		box-shadow: inset 12px 0 13px rgba(0, 0, 0, 0.5);
	}

	.carousel .testimonial::after {
		width: 0;
		height: 0;
		border: 10px solid transparent;
		border-bottom-color: #fff;
		border-left-color: #fff;
	}

	.carousel .carousel-item .row>div:first-child .testimonial {
		margin: 0 20px 20px 0;
	}

	.carousel .carousel-item .row>div:first-child .media {
		margin-left: 0;
	}

	.carousel .testimonial p {
		text-indent: 40px;
		line-height: 21px;
		margin: 0;
	}

	.carousel .testimonial p::before {
		content: "\201D";
		font-family: Arial, sans-serif;
		color: #fff;
		font-weight: bold;
		font-size: 68px;
		line-height: 70px;
		position: absolute;
		left: -25px;
		top: 0;
	}

	.carousel .overview {
		padding: 3px 0 0 15px;
	}

	.carousel .overview .details {
		padding: 5px 0 8px;
	}

	.carousel .overview b {
		text-transform: uppercase;
		color: #ff5555;
	}

	.carousel-control-prev,
	.carousel-control-next {
		width: 30px;
		height: 30px;
		background: #666;
		text-decoration: none;
		text-shadow: none;
		top: 4px;
	}

	.carousel-control-prev i,
	.carousel-control-next i {
		font-size: 16px;
	}

	.carousel-control-prev {
		left: auto;
		right: 40px;
	}

	.carousel-control-next {
		left: auto;
	}

	.carousel-indicators {
		bottom: -80px;
		list-style: none;
	}

	.carousel-indicators li,
	.carousel-indicators li.active {
		width: 17px;
		height: 17px;
		border-radius: 0;
		margin: 1px 5px;
		box-sizing: border-box;
	}

	.carousel-indicators li {
		background: red;
		border: 4px solid #fff;
	}

	.carousel-indicators li.active {
		color: #fff;
		background: #ff5555;
		border: 5px double;
	}

	.carousel-indicators [data-bs-target] {
		background-color: #ff5555;
	}

	.star-rating li {
		padding: 0 2px;
	}

	.star-rating i {
		font-size: 14px;
		color: #ffdc12;
	}

}

.qa-testimonial5 {
	body {
		font-family: "Open Sans", sans-serif;
	}

	h2 {
		color: #333;
		text-align: center;
		text-transform: uppercase;
		font-family: "Roboto", sans-serif;
		font-weight: bold;
		position: relative;
		margin: 30px 0 60px;
	}

	h2::after {
		content: "";
		width: 100px;
		position: absolute;
		margin: 0 auto;
		height: 3px;
		background: #8fbc54;
		left: 0;
		right: 0;
		bottom: -10px;
	}

	.col-center {
		margin: 0 auto;
		float: none !important;
	}

	.carousel {
		padding: 0 70px;
	}

	.carousel .carousel-item {
		color: #999;
		font-size: 14px;
		text-align: center;
		overflow: hidden;
		min-height: 290px;
	}

	.carousel .carousel-item .img-box {
		width: 135px;
		height: 135px;
		margin: 0 auto;
		padding: 5px;
		border: 1px solid #ddd;
		border-radius: 50%;
	}

	.carousel .img-box img {
		width: 100%;
		height: 100%;
		display: block;
		border-radius: 50%;
	}

	.carousel .testimonial {
		padding: 30px 0 10px;
	}

	.carousel .overview {
		font-style: italic;
	}

	.carousel .overview b {
		text-transform: uppercase;
		color: #7AA641;
	}

	.carousel-control-prev,
	.carousel-control-next {
		width: 40px;
		height: 40px;
		margin-top: -20px;
		top: 50%;
		background: none;
	}

	.carousel-control-prev i,
	.carousel-control-next i {
		font-size: 68px;
		line-height: 42px;
		position: absolute;
		display: inline-block;
		color: rgba(0, 0, 0, 0.8);
		text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
	}

	.carousel-indicators {
		bottom: -40px;
		list-style: none;
	}

	.carousel-indicators li,
	.carousel-indicators li.active {
		width: 12px;
		height: 12px;
		margin: 1px 3px;
		border-radius: 50%;
		border: none;
	}

	.carousel-indicators li {
		background: #999;
		border-color: transparent;
		box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
	}

	.carousel-indicators li.active {
		background: #555;
		box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
	}

}

.qa-testimonial6 {
	body {
		font-family: "Open Sans", sans-serif;
	}

	h2 {
		color: #333;
		text-align: center;
		text-transform: uppercase;
		font-family: "Roboto", sans-serif;
		font-weight: bold;
		position: relative;
		margin: 25px 0 50px;
	}

	h2::after {
		content: "";
		width: 100px;
		position: absolute;
		margin: 0 auto;
		height: 3px;
		background: #ffdc12;
		left: 0;
		right: 0;
		bottom: -10px;
	}

	.carousel {
		width: 90%;
		margin: 0 auto;
		padding: 30px;
	}

	.carousel .carousel-item {
		color: #999;
		font-size: 14px;
		text-align: center;
		overflow: hidden;
		min-height: 340px;
	}

	.carousel .carousel-item a {
		color: #eb7245;
	}

	.carousel .img-box {
		width: 145px;
		height: 145px;
		margin: 0 auto;
		border-radius: 50%;
	}

	.carousel .img-box img {
		width: 100%;
		height: 100%;
		display: block;
		border-radius: 50%;
	}

	.carousel .testimonial {
		padding: 30px 0 10px;
	}

	.carousel .overview {
		text-align: center;
		padding-bottom: 5px;
	}

	.carousel .overview b {
		color: #333;
		font-size: 15px;
		text-transform: uppercase;
		display: block;
		padding-bottom: 5px;
	}

	.carousel .star-rating i {
		font-size: 18px;
		color: #ffdc12;
	}

	.carousel-control-prev,
	.carousel-control-next {
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background: #999;
		text-shadow: none;
		top: 4px;
		text-decoration: none;
	}

	.carousel-control-prev i,
	.carousel-control-next i {
		font-size: 20px;
		margin-right: 2px;
	}

	.carousel-control-prev {
		left: auto;
		right: 40px;
	}

	.carousel-control-next i {
		margin-right: -2px;
	}

	.carousel-indicators {
		bottom: -30px;
		list-style: none;
	}

	.carousel-indicators li,
	.carousel-indicators li.active {
		width: 17px;
		height: 17px;
		border-radius: 0;
		margin: 1px 5px;
		box-sizing: border-box;
	}

	.carousel-indicators li {
		background: red;
		border: 4px solid #fff;
	}

	.carousel-indicators li.active {
		color: #fff;
		background: #e2e2e2;
		border: 5px double;
	}

	.carousel-indicators [data-bs-target] {
		background-color: #888;
	}

	@media only screen and (max-width: 768px) {
		.carousel {
			width: 100%;
			padding: 30px;
		}

		.carousel-control-prev {
			right: 85px;
		}

		.carousel-control-next {
			right: 40px;
		}
	}
}

.qa-testimonial7 {
	body {
		font-family: "Open Sans", sans-serif;
	}

	h2 {
		color: #000;
		font-size: 26px;
		font-weight: 300;
		text-align: center;
		text-transform: uppercase;
		position: relative;
		margin: 30px 0 70px;
	}

	h2::after {
		content: "";
		width: 100px;
		position: absolute;
		margin: 0 auto;
		height: 4px;
		border-radius: 1px;
		background: #1c47e3;
		left: 0;
		right: 0;
		bottom: -20px;
	}

	.carousel .carousel-item {
		color: #999;
		overflow: hidden;
		min-height: 120px;
		font-size: 13px;
	}

	.carousel .media img {
		width: 80px;
		height: 80px;
		display: block;
		border-radius: 50%;
	}

	.carousel .testimonial {
		padding: 0 15px 0 60px;
		position: relative;
	}

	.carousel .testimonial::before {
		content: "\201C";
		font-family: Arial, sans-serif;
		color: #e2e2e2;
		font-weight: bold;
		font-size: 68px;
		line-height: 54px;
		position: absolute;
		left: 15px;
		top: 0;
	}

	.carousel .overview b {
		text-transform: uppercase;
		color: #1c47e3;
	}

	.carousel .carousel-indicators {
		bottom: -48px;
		list-style: none;
	}

	.carousel-indicators li,
	.carousel-indicators li.active {
		width: 20px;
		height: 20px;
		border-radius: 20%;
		margin: 1px 3px;
		box-sizing: border-box;
	}

	.carousel-indicators li {
		background: #1c47e3 !important;
		border: 4px solid #fff;
	}

	.carousel-indicators li.active {
		color: #fff;
		background: #1c47e3;
		border: 5px double;
	}

}

.qa-testimonial8 {
	body {
		font-family: "Open Sans", sans-serif;
	}

	h2 {
		color: #000;
		font-size: 26px;
		font-weight: 300;
		text-align: center;
		position: relative;
		margin: 30px 0 60px;
	}

	h2::after {
		content: "";
		width: 100px;
		position: absolute;
		margin: 0 auto;
		height: 4px;
		border-radius: 1px;
		background: #1abc9c;
		left: 0;
		right: 0;
		bottom: -20px;
	}

	.carousel .carousel-item {
		color: #999;
		overflow: hidden;
		min-height: 120px;
		font-size: 13px;
	}

	.carousel .media {
		position: relative;
		padding: 0 0 0 20px;
	}

	.carousel .media img {
		width: 75px;
		height: 75px;
		display: block;
		border-radius: 50%;
	}

	.carousel .testimonial-wrapper {
		padding: 0 10px;
	}

	.carousel .testimonial {
		color: #808080;
		position: relative;
		padding: 15px;
		background: #f1f1f1;
		border: 1px solid #efefef;
		border-radius: 3px;
		margin-bottom: 15px;
	}

	.carousel .testimonial::after {
		content: "";
		width: 15px;
		height: 15px;
		display: block;
		background: #f1f1f1;
		border: 1px solid #efefef;
		border-width: 0 0 1px 1px;
		position: absolute;
		bottom: -8px;
		left: 46px;
		transform: rotateZ(-46deg);
	}

	.carousel .star-rating li {
		padding: 0 2px;
	}

	.carousel .star-rating i {
		font-size: 16px;
		color: #ffdc12;
	}

	.carousel .overview {
		padding: 3px 0 0 15px;
	}

	.carousel .overview .details {
		padding: 5px 0 8px;
	}

	.carousel .overview b {
		text-transform: uppercase;
		color: #1abc9c;
	}

	.carousel .carousel-indicators {
		bottom: -50px;
		list-style: none;
	}

	.carousel-indicators li,
	.carousel-indicators li.active {
		width: 20px;
		height: 20px;
		border-radius: 20%;
		margin: 1px 2px;
		box-sizing: border-box;
	}

	.carousel-indicators li {
		background: #1abc9c !important;
		border: 4px solid #fff;
	}

	.carousel-indicators li.active {
		color: #fff;
		background: #1abc9c;
		border: 5px double;
	}
}

.qa-testimonial9 {
	body {
		min-height: 100vh;
		display: flex;
		align-items: center;
		background-color: rgb(233, 150, 150);
		font-family: 'Open Sans';
	}

	#demo {
		background: linear-gradient(112deg, #ffffff 50%, antiquewhite 50%);
		max-width: 900px;
		margin: auto;
	}

	.carousel-caption {
		position: initial;
		z-index: 10;
		padding: 5rem 8rem;
		color: rgba(78, 77, 77, 0.856);
		text-align: center;
		font-size: 1.2rem;
		font-style: italic;
		font-weight: bold;
		line-height: 2rem;
	}

	.carousel-control-prev,
	.carousel-control-next {
		text-decoration: none;
	}

	@media(max-width:767px) {
		.carousel-caption {
			position: initial;
			z-index: 10;
			padding: 3rem 2rem;
			color: rgba(78, 77, 77, 0.856);
			text-align: center;
			font-size: 0.7rem;
			font-style: italic;
			font-weight: bold;
			line-height: 1.5rem;
		}
	}

	.carousel-caption img {
		width: 6rem;
		border-radius: 5rem;
		margin-top: 2rem;
	}

	@media(max-width:767px) {
		.carousel-caption img {
			width: 4rem;
			border-radius: 4rem;
			margin-top: 1rem;
		}
	}

	#image-caption {
		font-style: normal;
		font-size: 1rem;
		margin-top: 0.5rem;
	}

	@media(max-width:767px) {
		#image-caption {
			font-style: normal;
			font-size: 0.6rem;
			margin-top: 0.5rem;
		}
	}

	i {
		background-color: rgb(223, 56, 89);
		padding: 1.4rem;
	}

	@media(max-width:767px) {
		i {
			padding: 0.8rem;
		}
	}

	.carousel-control-prev {
		justify-content: flex-start;
	}

	.carousel-control-next {
		justify-content: flex-end;
	}

	.carousel-control-prev,
	.carousel-control-next {
		transition: none;
		opacity: unset;
	}
}

.qa-testimonial10 {
	.heading {
		text-align: center;
		color: #454343;
		font-size: 30px;
		font-weight: 700;
		position: relative;
		margin-bottom: 70px;
		text-transform: uppercase;
		z-index: 999;
	}

	.white-heading {
		color: #ffffff;
	}

	.heading:after {
		content: ' ';
		position: absolute;
		top: 100%;
		left: 50%;
		height: 40px;
		width: 180px;
		border-radius: 4px;
		transform: translateX(-50%);
		background: url(img/heading-line.png);
		background-repeat: no-repeat;
		background-position: center;
	}

	.white-heading:after {
		background: url(https://i.ibb.co/d7tSD1R/heading-line-white.png);
		background-repeat: no-repeat;
		background-position: center;
	}

	.heading span {
		font-size: 18px;
		display: block;
		font-weight: 500;
	}

	.white-heading span {
		color: #ffffff;
	}

	/*-----Testimonial-------*/
	.testimonial:after {
		position: absolute;
		top: -0 !important;
		left: 0;
		content: " ";
		background: url(img/testimonial.bg-top.png);
		background-size: 100% 100px;
		width: 100%;
		height: 100px;
		float: left;
		z-index: 99;
	}

	.testimonial {
		min-height: 375px;
		position: relative;
		background: url(https://i.ibb.co/PTJDkgb/testimonials.jpg);
		padding-top: 50px;
		padding-bottom: 50px;
		background-position: center;
		background-size: cover;
	}

	#testimonial4 .carousel-inner:hover {
		cursor: -moz-grab;
		cursor: -webkit-grab;
	}

	#testimonial4 .carousel-inner:active {
		cursor: -moz-grabbing;
		cursor: -webkit-grabbing;
	}

	#testimonial4 .carousel-inner .item {
		overflow: hidden;
	}

	.testimonial4_indicators .carousel-indicators {
		left: 0;
		margin: 0;
		width: 100%;
		font-size: 0;
		height: 20px;
		bottom: 15px;
		padding: 0 5px;
		cursor: e-resize;
		overflow-x: auto;
		overflow-y: hidden;
		position: absolute;
		text-align: center;
		white-space: nowrap;
	}

	.testimonial4_indicators .carousel-indicators li {
		padding: 0;
		width: 14px;
		height: 14px;
		border: none;
		text-indent: 0;
		margin: 2px 3px;
		cursor: pointer;
		display: inline-block;
		background: #ffffff;
		-webkit-border-radius: 100%;
		border-radius: 100%;
	}

	.testimonial4_indicators .carousel-indicators .active {
		padding: 0;
		width: 14px;
		height: 14px;
		border: none;
		margin: 2px 3px;
		background-color: #9dd3af;
		-webkit-border-radius: 100%;
		border-radius: 100%;
	}

	.testimonial4_indicators .carousel-indicators::-webkit-scrollbar {
		height: 3px;
	}

	.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb {
		background: #eeeeee;
		-webkit-border-radius: 0;
		border-radius: 0;
	}

	.testimonial4_control_button .carousel-control {
		top: 175px;
		opacity: 1;
		width: 40px;
		bottom: auto;
		height: 40px;
		font-size: 10px;
		cursor: pointer;
		font-weight: 700;
		overflow: hidden;
		line-height: 38px;
		text-shadow: none;
		text-align: center;
		position: absolute;
		background: transparent;
		border: 2px solid #ffffff;
		text-transform: uppercase;
		-webkit-border-radius: 100%;
		border-radius: 100%;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-transition: all 0.6s cubic-bezier(0.3, 1, 0, 1);
		transition: all 0.6s cubic-bezier(0.3, 1, 0, 1);
	}

	.testimonial4_control_button .carousel-control.left {
		left: 7%;
		top: 50%;
		right: auto;
	}

	.testimonial4_control_button .carousel-control.right {
		right: 7%;
		top: 50%;
		left: auto;
	}

	.testimonial4_control_button .carousel-control.left:hover,
	.testimonial4_control_button .carousel-control.right:hover {
		color: #000;
		background: #fff;
		border: 2px solid #fff;
	}

	.testimonial4_header {
		top: 0;
		left: 0;
		bottom: 0;
		width: 550px;
		display: block;
		margin: 30px auto;
		text-align: center;
		position: relative;
	}

	.testimonial4_header h4 {
		color: #ffffff;
		font-size: 30px;
		font-weight: 600;
		position: relative;
		letter-spacing: 1px;
		text-transform: uppercase;
	}

	.testimonial4_slide {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 70%;
		margin: auto;
		padding: 20px;
		position: relative;
		text-align: center;
	}

	.testimonial4_slide img {
		top: 0;
		left: 0;
		right: 0;
		width: 136px;
		height: 136px;
		margin: auto;
		display: block;
		color: #f2f2f2;
		font-size: 18px;
		line-height: 46px;
		text-align: center;
		position: relative;
		border-radius: 50%;
		box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
		-moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
		-o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
		-webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
	}

	.testimonial4_slide p {
		color: #ffffff;
		font-size: 20px;
		line-height: 1.4;
		margin: 40px 0 20px 0;
	}

	.testimonial4_slide h4 {
		color: #ffffff;
		font-size: 22px;
	}

	.testimonial .carousel {
		padding-bottom: 50px;
	}

	.testimonial .carousel-control-next-icon,
	.testimonial .carousel-control-prev-icon {
		width: 35px;
		height: 35px;
	}

	/* ------testimonial  close-------*/
}

.qa-testimonial11 {
	body {
		font-family: 'Noto Sans', sans-serif;
		padding: 40px 0;
	}

	h2 {
		color: #333;
		text-align: center;
		text-transform: uppercase;
		font-family: 'Noto Sans', sans-serif;
		font-weight: bold;
		position: relative;
		margin: 30px 0 60px;
	}

	h2::after {
		content: "";
		width: 140px;
		position: absolute;
		margin: 0 auto;
		height: 3px;
		background: #db584e;
		left: 0;
		right: 0;
		bottom: -10px;
		opacity: .8;
	}

	.col-center {
		margin: 0 auto;
		float: none !important;
	}

	.carousel {
		margin: 50px auto;
		padding: 0 70px;
	}

	.carousel-item {
		color: #999;
		font-size: 14px;
		text-align: center;
		overflow: hidden;
		min-height: 290px;
	}

	.carousel .item .img-box {
		width: 135px;
		height: 135px;
		margin: 0 auto;
		padding: 5px;
		border: 1px solid #ddd;
		border-radius: 50%;
	}

	.carousel .img-box img {
		width: 100%;
		height: 100%;
		display: block;
		border-radius: 50%;
	}

	.carousel .testimonial {
		padding: 30px 0 10px;
	}

	.carousel .overview {
		font-style: italic;
	}

	.carousel .overview b {
		text-transform: uppercase;
		color: #db584e;
	}

	.carousel .carousel-control {
		width: 40px;
		height: 40px;
		margin-top: -20px;
		top: 50%;
		background: none;
	}

	.carousel-control i {
		font-size: 68px;
		line-height: 42px;
		position: absolute;
		display: inline-block;
		color: rgba(0, 0, 0, 0.8);
		text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
	}

	.carousel .carousel-indicators {
		bottom: -40px;
	}

	.carousel-indicators li,
	.carousel-indicators li.active {
		width: 10px;
		height: 10px;
		margin: 1px 3px;
		border-radius: 50%;
	}

	.carousel-indicators li {
		background: #999;
		border-color: transparent;
		box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
	}

	.carousel-indicators li.active {
		background: #555;
		box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
	}
}

.qa-testimonial12 {
	body {
		margin-top: 20px;
	}

	.btn.btn-outline-primary:hover,
	.bg-primary {
		background-color: #0cb4ce !important;
	}

	.section-medium {
		padding: 55px 0px;
	}

	.testimonial-four blockquote:hover::after,
	.section-arrow-primary-color.section-arrow--bottom-center:after {
		border-right-color: #0cb4ce;
	}

	.section-arrow-primary-color.section-arrow--bottom-center:after {
		background-color: #0cb4ce;
		border-right-color: #0cb4ce;
		border-bottom-color: #0cb4ce;
	}

	.section-arrow--bottom-center:after {
		z-index: 1;
		position: absolute;
		left: 50%;
		margin-left: -15px;
		content: "";
		position: absolute;
		bottom: -15px;
		width: 30px;
		height: 30px;
		border-right: 1px solid #262626;
		border-bottom: 1px solid #262626;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		background-color: #262626;
	}

	.text-white h1,
	.text-white h2,
	.text-white h3,
	.text-white h4,
	.text-white h5,
	.text-white h6 {
		color: white !important;
	}

	.section-title {
		font-size: 32px;
		font-weight: 600;
		margin-top: 0.45em;
		margin-bottom: 0.35em;
		color: #303133;
		font-family: Poppins;
		letter-spacing: -0.02em;
	}

	.section-sub-title {
		font-size: 18px;
		margin-bottom: 20px;
		font-weight: 400;
		font-family: Poppins;
	}

	.section-arrow-primary-color.section-arrow--bottom-center:after {
		border-bottom-color: #0cb4ce;
	}

	.section-arrow-primary-color.section-arrow--bottom-center:after {
		background-color: #0cb4ce;
	}

	.special-heading.line span:before,
	.special-heading.line span:after,
	.footer.footer-minimal,
	.t-bordered {
		border-top-color: #eaeaea;
	}

	.t-bordered {
		border-top: 1px solid #eaeaea;
	}

	.section-primary {
		padding: 75px 0px;
	}

	section {
		position: relative;
	}

	.testimonial-two {
		padding: 20px;
		border: 2px solid #0cb4ce;
		border-radius: 2px;
	}

	.testimonial-two blockquote p:before {
		font-family: 'Playfair Display';
		font-size: 54px;
		color: #0cb4ce;
		font-weight: 900;
		left: 10px;
		color: #FFF;
		content: "“";
		font-style: normal;
		line-height: 1;
		position: absolute;
		top: 5px;
		font-size: 45px;
	}

	.testimonial-two blockquote p:after {
		font-family: 'Playfair Display';
		font-size: 54px;
		color: #0cb4ce;
		content: "”";
		font-size: 80px;
		font-style: normal;
		line-height: 1;
		position: absolute;
		bottom: -0.5em;
		right: 10px;
		font-weight: 900;
		transform: scaleY(-1);
		font-size: 45px;
		bottom: -5px;
	}

	.testimonial-two blockquote {
		padding: 15px 15px 15px 48px;
		position: relative;
	}

	.testimonial-two blockquote p:before,
	.testimonial-two blockquote p:after {
		color: #0cb4ce;
		font-weight: 900;
	}

	.testimonial-two blockquote p {
		font-size: inherit;
		font-weight: inherit;
	}

	.testimonial-two .testimonial-author p {
		color: #999;
		margin: 0 0 0 25px;
		text-align: left;
	}

	.testimonial-two .testimonial-author strong {
		display: block;
		padding-top: 10px;
		margin-bottom: -2px;
		font-weight: 500;
		font-size: 14px;
		color: #444;
	}

	.testimonial-two .testimonial-author span {
		color: #666;
		display: block;
		font-size: 12px;
	}

	.testimonial-two .testimonial-author .testimonial-author-thumbnail {
		float: left;
		margin-right: 15px;
		width: auto;
	}

	.testimonial-two .testimonial-author img {
		max-width: 55px;
	}

	.testimonial-two .testimonial-author {
		margin-left: 12px;
		margin-bottom: 15px;
	}

	.testimonial-two .owl-theme .owl-nav.disabled+.owl-dots {
		margin-top: 0px;
	}

	.testimonial-two .owl-theme .owl-dots {
		text-align: left;
		margin-left: 50px;
	}

	.testimonial-two .owl-carousel .owl-dots .owl-dot.active span,
	.testimonial-two .owl-carousel .owl-dots .owl-dot:hover span {
		border-color: #0cb4ce;
	}

	.testimonial-two .owl-carousel .owl-dots .owl-dot.active span:before,
	.testimonial-two .owl-carousel .owl-dots .owl-dot:hover span:before {
		background-color: #0cb4ce;
	}

	.testimonial-three .testimonial-image {
		float: left;
		margin: 0 20px 0 0;
		width: 80px;
		height: 80px;
		border-radius: 100px;
		overflow: hidden;
	}

	.testimonial-three .testimonial-content {
		overflow: hidden;
	}

	.testimonial-three .testimonial-meta {
		position: relative;
		overflow: hidden;
		margin-left: 100px;
	}

	.testimonial-three .testimonial-name {
		display: block;
	}

	.testimonial-three .testimonial-three-col {
		padding-bottom: 35px;
	}

	.testimonial-three .testimonial-three-col {
		border-right-style: dashed;
		border-right-width: 1px;
		border-bottom-style: dashed;
		border-bottom-width: 1px;
		border-right-color: #ddd;
		border-bottom-color: #ddd;
		padding: 25px;
	}

	.testimonial-three .testimonial-three-col:hover {
		background-color: #f7f7f7;
	}

	.alternate-color .testimonial-three .testimonial-three-col:hover {
		background-color: white;
	}

	.testimonial-three.testimonial-three--col-two .testimonial-three-col:nth-child(2n) {
		border-right: none;
	}

	.testimonial-three.testimonial-three--col-two .testimonial-three-col:nth-last-child(-n+2),
	.testimonial-three.testimonial-three--col-two .testimonial-three-col:last-child {
		border-bottom: none;
	}

	.testimonial-three.testimonial-three--col-three .testimonial-three-col:nth-child(3n) {
		border-right: none;
	}

	.testimonial-three.testimonial-three--col-three .testimonial-three-col:nth-last-child(-n+3),
	.testimonial-three.testimonial-three--col-three .testimonial-three-col:nth-last-child(-n+2),
	.testimonial-three.testimonial-three--col-three .testimonial-three-col:last-child {
		border-bottom: none;
	}

	.testimonial-four .testimonial-author .testimonial-author-thumbnail {
		float: left;
		margin-right: 15px;
		width: auto;
	}

	.testimonial-four .testimonial-author img {
		max-width: 55px;
	}

	.testimonial-four .testimonial-author strong {
		display: block;
		padding-top: 10px;
		margin-bottom: -2px;
		font-weight: 500;
		font-size: 14px;
		color: #444;
	}

	.testimonial-four .testimonial-author span {
		color: #666;
		display: block;
		font-size: 12px;
	}

	.testimonial-four blockquote {
		padding: 30px;
		width: 100%;
		border-radius: 4px;
		position: relative;
		margin-bottom: 20px;
		padding-bottom: 25px;
		border: 2px solid #eaeaea;
	}

	.testimonial-four blockquote::after {
		content: "";
		border-right: 2px solid #eaeaea;
		border-bottom: 2px solid #eaeaea;
		-webkit-transform: rotate(55deg);
		-moz-transform: rotate(55deg);
		-ms-transform: rotate(55deg);
		-o-transform: rotate(55deg);
		transform: rotate(55deg);
		position: absolute;
		left: 55px;
		bottom: -12px;
		width: 15px;
		height: 21px;
		overflow: hidden;
		background: white;
	}

	.testimonial-four .owl-theme .owl-nav.disabled+.owl-dots {
		position: absolute;
		float: right;
		text-align: right;
		right: 3px;
		bottom: 40px;
	}

	.testimonial-four .testimonial-author {
		position: relative;
		overflow: hidden;
	}

	.testimonial-four blockquote:hover::after {
		border-right: 2px solid #0cb4ce;
		border-bottom: 2px solid #0cb4ce;
	}

	.testimonial-four blockquote:hover {
		border: 2px solid #0cb4ce;
	}

	.testimonial-five blockquote p {
		font-weight: 400;
		font-size: 14.58px;
		line-height: 1.6;
		margin-bottom: 0;
	}

	.testimonial-five .testimonial-author .testimonial-author-thumbnail {
		float: left;
		margin-right: 15px;
		width: auto;
	}

	.testimonial-five .testimonial-author img {
		max-width: 55px;
	}

	.testimonial-five .testimonial-author strong {
		display: block;
		padding-top: 10px;
		margin-bottom: -2px;
		font-weight: 600;
		font-size: 13px;
	}

	.testimonial-five .testimonial-author span {
		color: #666;
		display: block;
		font-size: 12px;
	}

	.testimonial-five blockquote {
		padding: 32px 41px 37px;
		width: 100%;
		border-radius: 4px;
		position: relative;
		margin-bottom: 30px;
		border: 0px solid #eaeaea;
		background-color: #f7f7f7;
	}

	.testimonial-five blockquote::after {
		content: "";
		border-right: 0px solid #eaeaea;
		border-bottom: 0px solid #eaeaea;
		-webkit-transform: rotate(55deg);
		-moz-transform: rotate(55deg);
		-ms-transform: rotate(55deg);
		-o-transform: rotate(55deg);
		transform: rotate(55deg);
		position: absolute;
		left: 55px;
		bottom: -10px;
		width: 15px;
		height: 21px;
		overflow: hidden;
		background: #f7f7f7;
	}

	.testimonial-five.testimonial-light blockquote {
		background-color: white;
	}

	.testimonial-five.testimonial-light blockquote::after {
		background: white;
	}

	.testimonial-five .owl-theme .owl-nav.disabled+.owl-dots {
		position: absolute;
		float: right;
		text-align: right;
		right: 3px;
		bottom: 40px;
	}

	.testimonial-five .testimonial-author {
		position: relative;
		overflow: hidden;
	}

	.testimonial-five blockquote:before {
		content: "“";
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 170px;
		color: rgba(189, 189, 189, 0.2);
		position: absolute;
		top: 10px;
		left: 20px;
	}

	img {
		max-width: 100%;
		height: auto;
	}
}

.qa-testimonial13 {
	body {
		background: #1e3c72;
		/* fallback for old browsers */
		background: -webkit-linear-gradient(to right, #2a5298, #1e3c72);
		/* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(to right, #2a5298, #1e3c72);
		/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		font-family: montserrat;
	}

	section {
		display: grid;
		place-items: center;
		height: 100vh;
	}

	.section-header {
		position: relative;
		padding-bottom: 10px;
		text-align: center;
		font-weight: 900;
		padding-bottom: 25px;
		color: #fff;
	}

	.section-header:after {
		content: '';
		height: 3px;
		width: 200px;
		position: absolute;
		bottom: 0;
		left: calc(50% - 100px);
		background: #fff;
	}

	.section-header span {
		display: block;
		font-size: 15px;
		font-weight: 300;
	}

	.testimonials {
		max-width: 1000px;
		padding: 0 15px 50px;
		margin: 0 auto 80px auto;
	}

	.single-item {
		background: #fff;
		color: #111;
		padding: 15px;
		margin: 50px 15px;
	}

	.profile {
		margin-bottom: 30px;
		text-align: center;
	}

	.img-area {
		margin: 0 15px 15px 15px;
	}

	.img-area img {
		height: 200px;
		width: 200px;
		border-radius: 50%;
		border: 7px solid #1e3c72;
	}

	.content {
		font-size: 18px;
	}

	.content p {
		text-align: justify;
	}

	.content p span {
		font-size: 48px;
		margin-right: 20px;
		color: #1e3c72;
	}

	.socials i {
		margin-right: 25px;
	}

	.bio h4 {
		font-family: 'Berkshire Swash', cursive;
	}

	.carousel-control-next-icon,
	.carousel-control-prev-icon {
		background-color: #1e3c72;
		/* fallback for old browsers */
		background-color: -webkit-linear-gradient(to right, #2a5298, #1e3c72);
		/* Chrome 10-25, Safari 5.1-6 */
		background-color: linear-gradient(to right, #2a5298, #1e3c72);
		/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	}
}

.qa-testimonial14 {
	body {
		background: linear-gradient(120deg, #E91E63 0%, #D81B60 100%)
	}

	.container {
		background-color: white;
		text-align: center;
		box-shadow: 0 20px 40px rgba(0, 0, 0, 0.58);
		border-radius: 16px;
		margin-top: 50px;
		margin-bottom: 50px
	}

	.card {
		border: none
	}

	.profile img {
		width: 68px;
		height: 68px;
		border-radius: 50%
	}

	.second {
		border-left: 2px dotted lightgrey;
		border-right: 2px dotted lightgrey
	}

	@media only screen and (max-width: 600px) {
		.second {
			border: none;
			border-top: 2px dotted lightgrey;
			margin-top: 25px
		}

		.third {
			border-top: 2px dotted lightgrey;
			margin-top: 25px
		}

		.icon {
			margin-top: 20px;
			top: 0
		}
	}

	.fa-quote-left:before {
		font-size: 7px;
		color: orangered;
		position: relative;
		bottom: 5px
	}

	.intro {
		font-size: 11px;
		margin-left: 13px;
		position: relative;
		bottom: 8px
	}

	.row {
		padding-bottom: 53px
	}

	.company {
		position: absolute;
		bottom: -42px
	}

	.fa-amazon:before {
		content: "\f270";
		font-size: 23px
	}

	.icon {
		margin-bottom: 15px;
		position: relative;
		bottom: 20px
	}

	.header {
		padding-top: 35px;
		padding-bottom: 50px
	}
}

.qa-testimonial15 {
	body {
		min-height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: rgb(1, 30, 34);
		font-family: sans-serif;
	}

	.container {
		max-width: 950px;
	}

	.card {
		border-radius: 1rem;
		box-shadow: 0px -10px 0px rgb(0 155 171);
	}

	@media(max-width:767px) {
		.card {
			margin: 1rem 0.7rem 1rem;
			max-width: 80vw;
		}
	}

	img {
		width: 6.2rem;
		border-radius: 5rem;
		margin: 1.3rem auto 1rem auto;
	}

	.col-md-4 {
		padding: 0 0.5rem;
	}

	.card-title {
		font-size: 1rem;
		margin-bottom: 0;
		font-weight: bold;
		font-family: 'IM Fell French Canon SC';
	}

	.card-text {
		text-align: center;
		padding: 1rem 2rem;
		font-size: 0.8rem;
		color: rgb(82, 81, 81);
		line-height: 1.4rem;
	}

	.footer {
		border-top: none;
		text-align: center;
		line-height: 1.2rem;
		padding: 2rem 0 1.4rem 0;
		font-family: 'Varela Round';
	}

	#name {
		font-size: 0.8rem;
		font-weight: bold;
	}

	#position {
		font-size: 0.7rem;
	}

	a {
		color: rgb(0 155 171);
		font-weight: bold;
		text-decoration: none;
	}

	a:hover {
		color: rgb(0 155 171);
		text-decoration: underline;
	}
}

.qa-testimonial16 {
	body {
		color: #000;
		overflow-x: hidden;
		height: 100%;
		background: linear-gradient(#01579B, #03A9F4);
		background-repeat: no-repeat;
	}

	.card-main {
		padding: 50px;
		border-radius: 10px;
		margin-top: 50px;
		margin-bottom: 50px;
		box-shadow: 0px 4px 8px 0px #283593;
	}

	.carousel-indicators {
		list-style: none;
	}

	.card-0 {
		color: #fff;
		background: #1e3c72;
		/* fallback for old browsers */
		background: -webkit-linear-gradient(to right, #2a5298, #1e3c72);
		/* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(to right, #2a5298, #1e3c72);
		/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		position: relative;
		margin-left: 70px;
		border-radius: 10px;
		min-height: 312px;
	}

	.profile {
		color: #000;
		background-color: #FFD54F;
		position: absolute;
		left: -70px;
		top: 17%;
		border-radius: 8px;
		border-top-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}

	.profile-pic {
		width: 120px;
		height: 120px;
		border-bottom-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	.open-quotes {
		margin-left: 130px;
		margin-top: 100px;
	}

	.content {
		margin-left: 150px;
		margin-right: 80px;
	}

	.close-quotes {
		margin-bottom: 100px;
		margin-right: 60px
	}

	@media screen and (max-width: 600px) {
		.card-main {
			padding: 50px 10px;
		}

		.card-0 {
			min-height: 432px;
		}

		.profile {
			top: 24%;
		}

		.profile-pic {
			width: 90px;
			height: 90px;
		}

		.open-quotes {
			margin-left: 100px;
		}

		.content {
			margin-left: 120px;
			margin-right: 50px;
		}

		.close-quotes {
			margin-right: 30px
		}
	}
}

.qa-testimonial17 {
	body {
		margin: 0;
		padding: 0;
		height: 100%;
		width: 100%;
		font-family: 'Cormorant', serif;
		background: #262626;
	}

	.container-fluid {
		margin-top: 200px !important;
	}

	p {
		font-size: 20px;
		line-height: 33px !important;
		color: #fff;
	}

	.small {
		letter-spacing: 0.5px !important;
	}

	.card {
		box-shadow: 0px 5px 16px rgba(223, 241, 223, 0.5);
		transition: 0.8s;
		background: #333;
		;
		margin: 0 auto;
		box-sizing: border-box;
		overflow: hidden;
		border-radius: 7px !important;
	}

	.card-header,
	.card-footer {
		border-radius: 7px !important;
	}

	.card:after {
		position: absolute;
		top: 0;
		left: -50%;
		width: 100%;
		z-index: 9999;
		height: 100%;
		pointer-events: none;
	}

	.card-title img {
		z-index: 99999 !important;
	}

	.card .layer {
		position: absolute;
		top: calc(100% - 5px);
		width: 100%;
		height: 100%;
		background: #1e3c72;
		/* fallback for old browsers */
		background: -webkit-linear-gradient(to right, #2a5298, #1e3c72);
		/* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(to right, #2a5298, #1e3c72);
		/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		left: 0;
		z-index: 1;
		transition: 0.5s;
	}

	.card:hover {
		box-shadow: -5px 50px 100px rgba(223, 241, 223, 0.5);
	}

	.card:hover hr {
		background-color: #fff;
	}

	.card:hover h4 {
		font-weight: 600;
	}

	.card:hover p {
		font-weight: 600;
	}

	.card:hover small {
		font-weight: 600;
	}

	.card:hover .layer {
		top: 0;
	}

	.card .content {
		position: relative;
		z-index: 2;
	}

	.card .content .img-1 {
		width: 100px;
		height: 100px;
		margin: 0 auto;
		border-radius: 50%;
		overflow: hidden;
		border: 5px solid white !important;
	}

	.card h4 {
		color: #fff;
		font-weight: 500;
	}

	hr {
		background-color: rgb(117, 117, 117);
		width: 80% !important;
		transition: 1s;
	}

	.bold {
		font-weight: 500;
	}

	#quotes {
		opacity: 0.1;
		filter: alpha(opacity=40);
	}

	@media (max-width: 479px) {
		p {
			padding: 0 !important;
		}

		.img-1 {
			margin-right: 0 !important;
		}
	}
}

.qa-testimonial18 {
	.testimonials-clean {
		color: #313437;
		background-color: #eef4f7;
	}

	.testimonials-clean p {
		color: #7d8285;
	}

	.testimonials-clean h2 {
		font-weight: bold;
		margin-bottom: 40px;
		padding-top: 40px;
		color: inherit;
	}

	@media (max-width:767px) {
		.testimonials-clean h2 {
			margin-bottom: 25px;
			padding-top: 25px;
			font-size: 24px;
		}
	}

	.testimonials-clean .intro {
		font-size: 16px;
		max-width: 500px;
		margin: 0 auto;
	}

	.testimonials-clean .intro p {
		margin-bottom: 0;
	}

	.testimonials-clean .people {
		padding: 50px 0 20px;
	}

	.testimonials-clean .item {
		margin-bottom: 32px;
	}

	@media (min-width:768px) {
		.testimonials-clean .item {
			height: 220px;
		}
	}

	.testimonials-clean .item .box {
		padding: 30px;
		background-color: #fff;
		position: relative;
	}

	.testimonials-clean .item .box:after {
		content: '';
		position: absolute;
		left: 30px;
		bottom: -24px;
		width: 0;
		height: 0;
		border: 15px solid transparent;
		border-width: 12px 15px;
		border-top-color: #fff;
	}

	.testimonials-clean .item .author {
		margin-top: 28px;
		padding-left: 25px;
	}

	.testimonials-clean .item .name {
		font-weight: bold;
		margin-bottom: 2px;
		color: inherit;
	}

	.testimonials-clean .item .title {
		font-size: 13px;
		color: #9da9ae;
	}

	.testimonials-clean .item .description {
		font-size: 15px;
		margin-bottom: 0;
	}

	.testimonials-clean .item img {
		max-width: 40px;
		float: left;
		margin-right: 12px;
		margin-top: -5px;
	}
}

.qa-testimonial19 {
	body {
		height: 100%;
		background-color: rgb(44, 44, 44)
	}

	p {
		font-size: 14px;
		line-height: 20px !important;
		font-weight: 500
	}

	.small {
		letter-spacing: 0.5px !important
	}

	.container {
		margin-top: 50px
	}

	.card-header {
		min-height: 11rem;
		background: #627482
	}

	h6 {
		color: #333
	}

	.card {
		background: #E6E7E9
	}

	.img-1 {
		position: relative;
		width: 200px;
		height: auto;
		border-radius: 50%;
		top: -127px !important;
		box-shadow: 3px 15px 20px rgba(0, 0, 0, 0.5)
	}

	.quotes {
		position: relative;
		top: -90px
	}

	.quotes-img {
		widows: 50px;
		height: auto
	}

	.carousel-indicators li {
		background-color: #252526 !important;
		list-style: none;
	}

	#carouselExampleIndicators {
		box-shadow: -5px 15px 25px rgba(7, 7, 7, 0.5) !important
	}

	.carousel-inner {
		border-radius: 15px !important
	}
}

.qa-testimonial20 {
	.testimonial-area {
		padding: 80px 0;
	}

	.section-header h4 {
		color: #f75023;
		font-weight: 600;
	}

	.section-header {
		padding-bottom: 15px;
	}

	.section-header h2 {
		font-weight: 700;
	}

	.section-header p {
		color: #6f6b80;
		width: 40%;
		margin: auto;
	}

	.icon-area {
		text-align: center;
	}

	.icon-area i {
		color: #f75023;
		font-size: 80px;
		margin-bottom: 20px;
	}

	.content p {
		color: #6f6b80;
		width: 60%;
		margin: auto;
	}

	.person {
		width: 100px;
		height: 100px;
		display: block;
		margin: auto;
		border-radius: 50%;
		overflow: hidden;
		border: 5px solid #f75023;
		margin-top: 50px;
	}

	.person img {
		width: 100%;
	}

	.content h5 {
		font-weight: 900;
		margin-top: 15px;
	}

	.testimonial-area {
		background: url(1.jpg);
		background-size: cover;
		background-position: center;
	}

	.carousel-indicators {
		bottom: -80px;
	}

	.carousel-indicators [data-bs-target] {
		width: 60px;
		height: 10px;
		background-color: #f75023;
	}

	@media (min-width: 768px) and (max-width: 991px) {
		.section-header p {
			width: 85%;
		}

		.content p {
			width: 95%;
		}
	}

	@media (max-width: 767px) {
		.testimonial-area {
			padding: 30px 0;
		}

		.section-header p {
			width: 95%;
		}

		.content p {
			width: 100%;
		}

		.icon-area i {
			font-size: 50px;
		}
	}
}

.qa-testimonial21 {
	body {
		font-family: 'Montserrat', sans-serif;
		background: #e3e9f7;
	}

	.wrapper {
		padding: 50px 0;
		position: relative;
		margin: 120px 0;
	}

	.carousel-control.left,
	.carousel-control.right {
		background: transparent;
	}

	.imgBox {
		width: 100px;
		height: 100px;
		margin: auto;
		border: 5px dashed #262626;
		border-radius: 50%;
		overflow: hidden;
	}

	.imgBox img {
		width: 100%;
	}

	.carousel-inner {
		background: aliceblue;
		padding: 35px;
		border-radius: 25px;
		box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
	}

	.carousel-caption {
		position: static;
		padding-bottom: 15px;
		padding-top: 0;
	}

	.carousel-caption h3 {
		font-size: 50px;
		margin-bottom: 15px;
		margin-top: 25px;
		font-family: 'Allura', cursive;
		color: #262626;
		text-shadow: none;
	}

	.carousel-caption h4 {
		color: #2b2626;
		text-shadow: none;
	}

	.carousel-caption p {
		font-size: 18px;
		margin: auto;
		width: 70%;
		margin-bottom: 10px;
		font-family: 'Teko', sans-serif;
		font-weight: 300;
		letter-spacing: 2px;
		text-shadow: none;
		color: #2b2626;
	}

	.carousel-indicators [data-bs-target] {
		width: 60px;
		height: 10px;
		background-color: #f75023;
	}

	/*.carousel-indicators li {background-color: #ddd;width: 50px;}.carousel-control {color: #2b2626;}*/
	.carousel-indicators .active {
		background-color: #2b2626;
		width: 20px
	}

	.carousel-indicators {
		bottom: 10px;
		list-style: none;
	}
}

.qa-testimonial22 {
	body {
		background-color: rgb(30, 15, 33);
		margin: 0;
		padding: 0;
	}

	.carousel-indicators {
		list-style: none;
	}

	#client-testimonial-carousel {
		min-height: 200px;
	}
}

.qa-testimonial23 {
	body {
		letter-spacing: 0.8px;
		background-color: rgb(250, 221, 209);
		background-repeat: no-repeat
	}

	.container {
		margin-top: 100px !important;
		margin-bottom: 100px !important
	}

	p {
		font-size: 14px;
		margin-bottom: 7px
	}

	.small {
		font-size: 12px !important;
		letter-spacing: 0.5px !important
	}

	.card-header img {
		border: 5px solid white !important
	}

	.outside {
		position: absolute;
		left: -11%
	}

	.card {
		border-radius: 20px !important;
		box-shadow: 2px 2px 10px 0px rgb(100, 108, 170);
		width: 20rem;
		margin-left: 25px
	}

	hr {
		justify-content: center !important;
		align-self: center !important;
		width: 80%
	}

	.card-footer {
		border-radius: 20px !important
	}

	.bold {
		font-weight: 500
	}

	.margin-left {
		margin-left: 30px !important
	}

	@media (max-width: 390px) {
		.card {
			width: unset !important
		}

		.outside {
			position: relative;
			left: 0
		}
	}
}

.qa-testimonial24 {

	/* Testimonial CSS Code Start */
	/* background */
	.carousel-bg {
		background-color: none;
		margin-top: 40px;
		margin-bottom: 40px;
	}

	/* quote */
	.quote-image {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: auto;
		padding-top: 60px;
		width: 80px;
	}

	/* text-style */
	.testimonial-style .testimonial-caption-style {
		font-family: "Roboto";
		font-weight: 400;
		font-size: 24px;
		color: #354052;
		line-height: 30px;
		bottom: 40%;
		text-shadow: none;
		top: 10%;
	}

	.testimonial-style .testimonial-authors {
		font-family: "Roboto";
		font-weight: 700;
		font-size: 20px;
		color: #354052;
		line-height: 30px;
		margin-top: 40px;
	}

	/* carousel-height-control */
	.testimonial-style .carousel-inner>.carousel-item {
		padding-top: auto;
		padding-bottom: auto;
		height: 380px;
	}

	.testimonial-style .carousel-control {
		color: #354052;
	}

	.testimonial-style .carousel-control:hover {
		color: #354052;
		text-decoration: none;
		transition: background-color 1s ease;
	}

	/* indicators */
	.testimonial-style .carousel-indicators .active {
		background-color: #fff;
		transition: background 1s cubic-bezier(0.22, 0.61, 0.36, 1);
	}

	.testimonial-style .carousel-indicators li {
		border: 2px solid #354052;
		background-color: #354052;
		list-style: none;
	}

	.carousel-control-prev,
	.carousel-control-next {
		height: 40px;
		top: 30%;
		background: none;
	}

	.carousel-control-prev i,
	.carousel-control-next i {
		font-size: 68px;
		line-height: 42px;
		position: absolute;
		display: inline-block;
		color: rgba(0, 0, 0, 0.8);
		text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
	}

	/* Textimonial CSS Code End */
}

.qa-testimonial25 {
	img {
		width: 100%;
		height: 100%;
	}

	body {
		background-color: #F3E0BE;
		position: relative;
		margin: 20px 30px;
	}

	.container {
		max-width: 800px;
		background-color: white;
		padding: 0;
	}

	.review {
		font-size: 30px;
		font-weight: 600;
		padding: 30px 0;
	}

	.name {
		font-size: 18px;
		color: #34568B;
		margin: 0;
	}

	.job {
		color: #c8c8c8;
		font-size: 14px;
	}

	.carousel-inner {
		max-width: 800px;
	}

	.fa-minus {
		font-size: 14px;
	}

	.carousel-indicators {
		bottom: -20px;
		right: 0;
		margin: 0;
		list-style: none;
	}

	.carousel-indicators [data-bs-target] {
		height: 10px;
		border: 2px solid black;
		width: 10px;
		background-color: inherit;
		border-radius: 50%;
	}

	.carousel-indicators .active {
		border: 2px solid transparent;
		background-color: #34568B;
	}

	.left {
		color: rgb(20, 20, 20);
		font-weight: 600;
	}

	.right {
		color: rgb(12, 12, 12);
		font-weight: 600;
	}

	.carousel-control-next,
	.carousel-control-prev {
		position: relative;
	}

	@media (max-width:560px) {
		.review {
			font-size: 14px;
			font-weight: 600;
		}

		.name {
			font-size: 13px;
		}

		.job {
			font-size: 10px;
		}

		.right {
			font-size: 12px;
		}

		.left {
			font-size: 12px;
		}

		.carousel-indicators [data-bs-target] {
			height: 8px;
			border: 1px solid black;
			width: 8px;
			background-color: inherit;
			border-radius: 50%;
		}

		.carousel-indicators .active {
			border: 1px solid transparent;
			background-color: #c1e718;
		}
	}
}

.qa-testimonial26 {
	body {
		background-color: #eee;
	}

	.testimonials {
		height: 100vh;
	}

	.card {
		border: none;
		border-radius: 10px;
		height: 200px;
	}

	span {
		color: #fff;
		;
	}

	.about {
		background-color: #335e8a;
		;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		border: 0;
	}

	.col-md-4 {
		margin-bottom: 100px;
	}

	.about img {
		margin-top: -68px;
		border: 5px solid white;
	}

	@media(max-width:768px) {
		.card {
			height: 300px;
		}
	}
}

.qa-testimonial27 {
	body {
		font-family: "Roboto", sans-serif;
		background: #EDEEEF;
		height: 100vh;
		position: relative;
	}

	.primary-color {
		color: #FCA737;
	}

	.testimonial-view {
		max-width: 900px;
		margin: 0 auto 70px auto;
		border-radius: 3px;
	}

	.testimonial-view.top-margin .testimonial-block_user {
		margin-top: -60px;
	}

	@media (min-width: 900px) {
		.testimonial-view.top-margin .testimonial-block_user {
			margin-top: -100px;
		}
	}

	.testimonial-view img.left-quote {
		opacity: 0.01;
		width: 20%;
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		position: absolute;
		left: 40%;
	}

	@media (min-width: 900px) {
		.testimonial-view .carousel-control-prev {
			left: -50px;
		}

		.testimonial-view .carousel-control-next {
			right: -50px;
		}

		.testimonial-view .carousel-control-next-icon,
		.testimonial-view .carousel-control-prev-icon {
			width: 40px;
			height: 40px;
			background-color: #fca737;
		}

		.testimonial-block {
			padding: 50px;
			margin: 50px;
		}
	}

	.section-header,
	.testimonial-block_user_info_name {
		font-weight: bold;
		text-align: center;
		padding-bottom: 10px;
		margin-bottom: 20px;
		position: relative;
	}

	.section-header:after,
	.testimonial-block_user_info_name:after {
		content: "";
		height: 4px;
		width: 100px;
		background-color: #FCA737;
		position: absolute;
		bottom: 0;
		left: calc(50% - 50px);
	}

	.testimonial-block {
		padding: 15px;
		margin: 50px 15px;
		background: #fff;
		color: #333;
		-webkit-box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.15);
		box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.15);
	}

	.testimonial-block .row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		place-items: center;
	}

	.testimonial-block .testimonial-block_user {
		margin-bottom: 30px;
		text-align: center;
	}

	.testimonial-block .testimonial-block_user .testimonial-block_user_image {
		position: relative;
		margin: 0 15px 30px 15px;
	}

	.testimonial-block .testimonial-block_user .testimonial-block_user_image img {
		height: 170px;
		width: 170px;
		border: 7px solid #FFDFB8;
		border-radius: 170px;
		-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	}

	.testimonial-block .testimonial-block_user .testimonial-block_user_info .testimonial-block_user_info_name {
		margin-bottom: 10px;
	}

	.testimonial-block .testimonial-block_user .testimonial-block_user_info .testimonial-block_user_info_name:after {
		width: 50px;
		left: calc(50% - 25px);
	}

	.testimonial-block .testimonial-block_content {
		text-align: center;
		font-size: 18px;
	}

	.top-margin .testimonial-block .row {
		place-items: normal;
	}

	.testimonial-view .carousel-control-next-icon,
	.testimonial-view .carousel-control-prev-icon {
		width: 40px;
		height: 40px;
		background-color: #fca737;
	}
}

.qa-testimonial28 {
	.card .carousel-item {
		height: 200px;
	}

	.card .carousel-caption {
		padding: 0;
		right: 0;
		left: 0;
		color: #3d3d3d;
	}

	.card .carousel-caption h3 {
		color: #3d3d3d;
	}

	.card .carousel-caption p {
		line-height: 30px;
	}

	.card .carousel-caption .col-sm-3 {
		display: flex;
		align-items: center;
	}

	.card .carousel-caption .col-sm-9 {
		text-align: left;
	}

	.navi a {
		text-decoration: none;
	}

	a>.ico {
		background-color: grey;
		padding: 10px;
	}

	a:hover>.ico {
		background-color: #666;
	}
}

.qa-testimonial29 {
	.testimonial {
		padding-top: 70px;
		margin: 50px 15px 0;
		border: 1px solid #fff;
		text-align: center;
		position: relative;
		transition: all 0.7s ease 0s;
	}

	.testimonial:hover {
		border-color: #e7e3e3;
	}

	.testimonial .pic {
		width: 95px;
		height: 95px;
		border-radius: 50%;
		background: #fff;
		padding: 7px;
		position: absolute;
		top: -50px;
		left: 50%;
		overflow: hidden;
		transform: translateX(-50%);
		transition: all 0.7s ease 0s;
	}

	.testimonial:hover .pic {
		background: #1d3033;
	}

	.testimonial .pic img {
		width: 100%;
		height: auto;
		border-radius: 50%;
	}

	.testimonial .title {
		font-size: 16px;
		font-weight: 700;
		color: #eabd44;
		text-transform: uppercase;
		margin: 0 0 10px 0;
	}

	.testimonial .description {
		font-size: 15px;
		color: #999;
		line-height: 25px;
		border-bottom: 1px solid #f7f7f7;
		padding: 0 25px 35px;
		margin: 0;
	}

	.testimonial .testimonial-content {
		padding: 15px 25px 12px;
		border: 1px solid #f7f7f7;
		border-top: none;
		position: relative;
		text-align: left;
		transition: all 500ms ease 0s;
	}

	.testimonial:hover .testimonial-content {
		border-color: #1d3033;
	}

	.testimonial .testimonial-content:after {
		content: "";
		width: 100%;
		height: 0;
		background: #1d3033;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -1;
		transition: all 0.7s ease 0s;
	}

	.testimonial:hover .testimonial-content:after {
		height: 100%;
	}

	.testimonial-content .testimonial-profile {
		display: inline-block;
	}

	.testimonial .name {
		font-size: 16px;
		font-weight: 700;
		color: #3d3d3d;
		text-transform: uppercase;
		margin: 0 0 3px;
		transition: all 700ms ease 0s;
	}

	.testimonial:hover .name {
		color: #fff;
	}

	.testimonial .post {
		font-size: 14px;
		color: #eabd44;
		text-transform: capitalize;
	}

	.testimonial .rating {
		display: inline-block;
		padding: 1px 5px;
		margin: 0;
		list-style: none;
		background: #eabd44;
		position: absolute;
		right: 25px;
	}

	.testimonial .rating li {
		display: inline-block;
		font-size: 14px;
		color: #fff;
	}

	.carousel-control-next-icon,
	.carousel-control-prev-icon {
		background-color: #1e3c72;
		/* fallback for old browsers */
		background-color: -webkit-linear-gradient(to right, #2a5298, #1e3c72);
		/* Chrome 10-25, Safari 5.1-6 */
		background-color: linear-gradient(to right, #2a5298, #1e3c72);
		/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	}

	.carousel-item {
		padding: 70px;
	}

	@media only screen and (max-width: 768px) {
		.testimonial .testimonial-content {
			padding: 15px 10px 12px;
		}

		.testimonial .rating {
			right: 12px;
		}

		.carousel-item {
			padding: 47px;
		}
	}
}

.qa-testimonial30 {
	.testimonial .testimonial-content {
		padding: 35px 25px 35px 50px;
		margin-bottom: 35px;
		background: #fff;
		border: 1px solid #f0f0f0;
		position: relative;
	}

	.testimonial .testimonial-content:after {
		content: "";
		display: inline-block;
		width: 20px;
		height: 20px;
		background: #fff;
		position: absolute;
		bottom: -10px;
		left: 22px;
		transform: rotate(45deg);
	}

	.testimonial-content .testimonial-icon {
		width: 50px;
		height: 45px;
		background: #ff4242;
		text-align: center;
		font-size: 22px;
		color: #fff;
		line-height: 42px;
		position: absolute;
		top: 37px;
		left: -19px;
	}

	.testimonial-content .testimonial-icon:before {
		content: "";
		border-bottom: 16px solid #e41212;
		border-left: 18px solid transparent;
		position: absolute;
		top: -16px;
		left: 1px;
	}

	.testimonial .description {
		font-size: 15px;
		font-style: italic;
		color: #8a8a8a;
		line-height: 23px;
		margin: 0;
	}

	.testimonial .title {
		display: block;
		font-size: 18px;
		font-weight: 700;
		color: #525252;
		text-transform: capitalize;
		letter-spacing: 1px;
		margin: 0 0 5px 0;
	}

	.testimonial .post {
		display: block;
		font-size: 14px;
		color: #ff4242;
	}

	.carousel-control-next-icon,
	.carousel-control-prev-icon {
		background-color: #1e3c72;
		/* fallback for old browsers */
		background-color: -webkit-linear-gradient(to right, #2a5298, #1e3c72);
		/* Chrome 10-25, Safari 5.1-6 */
		background-color: linear-gradient(to right, #2a5298, #1e3c72);
		/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	}

	.carousel-item {
		padding: 150px;
		background: #f8f8f8;
	}

	@media only screen and (max-width: 768px) {
		.testimonial .testimonial-content {
			padding: 15px 10px 12px;
		}

		.testimonial .rating {
			right: 12px;
		}

		.carousel-item {
			padding: 55px;
		}
	}
}


/* End of  Testimonials  End of  Testimonials  End of  Testimonials  End of  Testimonials  End of  Testimonials  End of  Testimonials  */


/* About */
.qa-about1 {
	* {
		box-sizing: border-box !important;
		transition: ease all 0.5s;
	}

	html {
		scroll-behavior: smooth;
	}

	body {
		color: #666666;
		font-size: 14px;
		font-family: Roboto;
		line-height: 1.80857;
		font-weight: normal;
		overflow-x: hidden;
	}

	img {
		max-width: 100%;
		height: auto;
	}

	.image_1 {
		width: 100%;
		float: left;
	}

	/* .about_section {
		width: 100%;
		float: left;
	} */

	.about_taital {
		width: 100%;
		float: left;
		font-size: 40px;
		color: #1d1c1c;
		font-weight: bold;
		padding-top: 60px;
		padding-bottom: 40px;
		text-transform: uppercase;
	}

	.about_text {
		width: 100%;
		float: left;
		font-size: 16px;
		color: #010304;
		margin: 0px;
	}

	/* .layout_padding {
		padding-top: 90px;
		padding-bottom: 0px;
	} */

	.read_bt {
		width: 160px;
		float: left;
		margin-top: 40px;
	}

	.read_bt a {
		width: 100%;
		float: left;
		font-size: 16px;
		color: #ffffff;
		background-color: #bf3d42;
		text-align: center;
		padding: 10px 0px;
		text-decoration: none;
		border-radius: 30px;
	}

	.read_bt a:hover {
		color: #ffffff;
		background-color: #121212;
	}

	@media (min-width: 992px) and (max-width: 1199px) {
		.about_text {
			width: 100%;
		}
	}

	@media (min-width: 768px) and (max-width: 991px) {
		.about_taital {
			font-size: 30px;
			padding-top: 0px;
		}

		.image_1 {
			padding-top: 30px;
		}

		.read_bt {
			width: 150px;
		}
	}

	@media (min-width: 576px) and (max-width: 767px) {
		.about_taital {
			font-size: 34px;
			padding-top: 0px;
		}

		.image_1 {
			padding-top: 30px;
		}

		.read_bt {
			width: 150px;
		}
	}

	@media (max-width: 575px) {
		.about_taital {
			font-size: 24px;
			padding-top: 0px;
		}

		.image_1 {
			padding-top: 30px;
		}

		.read_bt {
			width: 150px;
		}
	}
}

/* End of About */

/* Team */
.qa-team1 {}

.qa-team2 {
	.team1 {
		font-family: "Montserrat", sans-serif;
		color: #8d97ad;
		font-weight: 300;
	}

	.team1 h1,
	.team1 h2,
	.team1 h3,
	.team1 h4,
	.team1 h5,
	.team1 h6 {
		color: #3e4555;
	}

	.team1 .font-weight-medium {
		font-weight: 500;
	}

	.team1 .bg-light {
		background-color: #f4f8fa !important;
	}

	.team1 .subtitle {
		color: #8d97ad;
		line-height: 24px;
	}

	.team1 .pro-pic {
		min-height: 200px;
	}

	.team1 .pro-pic .card-img-overlay {
		background-color: #000;
		opacity: 0.6;
		display: none;
		left: -11px;
	}

	.team1 .pro-pic .card-img-overlay ul {
		top: 50%;
	}

	.team1 .pro-pic .card-img-overlay ul li a {
		-webkit-transition: 0.1s ease-in;
		-o-transition: 0.1s ease-in;
		transition: 0.1s ease-in;
		color: #fff;
	}

	.team1 .pro-pic .card-img-overlay ul li a:hover {
		-webkit-transform: translate3d(0px, -5px, 0px);
		transform: translate3d(0px, -5px, 0px);
	}

	.team1 .pro-pic:hover .card-img-overlay {
		display: block;
	}
}

.qa-team3 {

	.team4 {
		font-family: "Montserrat", sans-serif;
		color: #8d97ad;
		font-weight: 300;
	}

	.team4 h1,
	.team4 h2,
	.team4 h3,
	.team4 h4,
	.team4 h5,
	.team4 h6 {
		color: #3e4555;
	}

	.team4 .font-weight-medium {
		font-weight: 500;
	}

	.team4 h5 {
		line-height: 22px;
		font-size: 18px;
	}

	.team4 .subtitle {
		color: #8d97ad;
		line-height: 24px;
		font-size: 13px;
	}

	.team4 ul li a {
		color: #8d97ad;
		padding-right: 15px;
		-webkit-transition: 0.1s ease-in;
		-o-transition: 0.1s ease-in;
		transition: 0.1s ease-in;
	}

	.team4 ul li a:hover {
		-webkit-transform: translate3d(0px, -5px, 0px);
		transform: translate3d(0px, -5px, 0px);
		color: #316ce8;
	}

}

.qa-team4 {
	.team3 {
		font-family: "Montserrat", sans-serif;
		color: #8d97ad;
		font-weight: 300;
	}

	.team3 h1,
	.team3 h2,
	.team3 h3,
	.team3 h4,
	.team3 h5,
	.team3 h6 {
		color: #3e4555;
	}

	.team3 .font-weight-medium {
		font-weight: 500;
	}

	.team3 .bg-light {
		background-color: #f4f8fa !important;
	}

	.team3 .subtitle {
		color: #8d97ad;
		line-height: 24px;
		font-size: 13px;
	}

	.team3 ul {
		margin-top: 30px;
	}

	.team3 h5 {
		line-height: 22px;
		font-size: 18px;
	}

	.team3 ul li a {
		color: #8d97ad;
		padding-right: 15px;
		-webkit-transition: 0.1s ease-in;
		-o-transition: 0.1s ease-in;
		transition: 0.1s ease-in;
	}

	.team3 ul li a:hover {
		-webkit-transform: translate3d(0px, -5px, 0px);
		transform: translate3d(0px, -5px, 0px);
		color: #316ce8;
	}

	.team3 .title {
		margin: 30px 0 0 0;
	}

	.team3 .subtitle {
		margin: 0 0 20px 0;
		font-size: 13px;
	}
}

.qa-team5 {
	#team {
		padding: 60px 0;
		text-align: center;

	}

	#team h2 {
		position: relative;
		padding: 0px 0px 15px;
		color: #3d5a80;

	}

	#team p {
		font-size: 15px;
		font-style: italic;
		padding: 0px;
		margin: 25px 0px 40px;
	}

	#team h2::after {
		content: '';
		border-bottom: 2px solid #fff;
		position: absolute;
		bottom: 0px;
		right: 0px;
		left: 0px;
		width: 90px;
		margin: 0 auto;
		display: block;
	}

	#team .member {
		margin-bottom: 20px;
		position: relative;
		overflow: hidden;
		background-color: #ffffff;
		padding: 10px;
		border-radius: 15px 0px 15px 0px;
		box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.4);
	}

	#team .member .member-info {
		display: block;
		position: absolute;
		bottom: 0px;
		left: -200px;
		transition: 0.4s;
		padding: 15px 0;
		background: rgba(0, 0, 0, 0.4);
		color: #fff;
	}

	#team .member:hover .member-info {
		left: 0px;
		right: 0px;
	}

	#team .member h4 {
		font-weight: 700;
		margin-bottom: 2px;
		font-size: 18px;
		color: #fff;
	}

	#team .member span {
		font-style: italic;
		display: block;
		font-size: 13px;
	}

	#team .member .social-links {
		margin-top: 15px;
	}

	#team .member .social-links a {
		transition: none;
		color: #fff;
	}

	#team .member .social-links a:hover {
		color: #ffc107;
	}

	#team .member .social-links i {
		font-size: 18px;
		margin: 0 2px;
	}

}

.qa-team6 {
	body {
		background-color: #eee;
		font-family: "Poppins", sans-serif;
		font-weight: 300
	}

	.container {
		margin-top: 50px
	}

	.card {
		border: none;
		border-radius: 13px;
		padding: 0px;
		width: auto;
		height: auto;
		position: relative
	}

	.info {
		width: 200px;
		height: 50px;
		position: absolute;
		bottom: 15px;
		border-radius: 5px;
		display: flex;
		justify-content: space-between;
		align-items: center
	}

	.info-yellow {
		background-color: yellow
	}

	.info-green {
		background-color: green;
		color: #fff
	}

	.info-blue {
		background-color: blue;
		color: #fff
	}

	.user-icons {
		width: 60px;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #fff;
		border-radius: 50%;
		bottom: 0px;
		right: 23px;
		position: relative
	}

	.user {
		line-height: 14px
	}

	.name {
		font-size: 14px
	}

	.designation {
		font-size: 10px
	}
}

.qa-team7 {}

.qa-team8 body {
	margin-top: 20px;
}
.qa-team8 .py-5 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}
.qa-team8 .pt-5 {
	padding-top: 3rem !important;
}
.qa-team8 .my-5 {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
}
.qa-team8 .border-0 {
	border: 0 !important;
}
.qa-team8 .position-relative {
	position: relative !important;
}
.qa-team8 .shadow-lg {
	box-shadow: 0 1rem 3rem #000 !important;
}
.qa-team8 .card {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0.25rem;
}
.qa-team8 .member-profile {
	top: -50px;
	left: 0;
}
.qa-team8 .text-center {
	text-align: center !important;
}
.qa-team8 .w-100 {
	width: 100% !important;
}
.qa-team8 .position-absolute {
	position: absolute !important;
}
.qa-team8 .member-profile img {
	width: 100px;
	height: 100px;
}
.qa-team8 .rounded-circle {
	border-radius: 50% !important;
}
.qa-team8 .mx-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}
.qa-team8 .shadow-sm {
	box-shadow: 0 0.125rem 0.25rem #000 !important;
}


.qa-team9 {
	body {
		margin-top: 20px;
	}

	.team_member {
		background: rgba(199, 201, 209, .09);
		padding-bottom: 50px;
		overflow: hidden;
	}

	.single_team_content {
		padding: 45px;
		margin-top: 60px;
	}

	.single_team_content h1 {
		font-size: 50px;
		font-weight: 600;
		line-height: 60px;
	}

	.single_team_content p {}

	.our-team {
		margin-bottom: 30px;
		box-shadow: 0 10px 40px -10px rgba(0, 64, 128, .09);
	}

	.our-team .team_img {
		position: relative;
		overflow: hidden;
	}

	.our-team .team_img:after {
		content: "";
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.2);
		position: absolute;
		bottom: -100%;
		left: 0;
		transition: all 0.3s ease 0s;
	}

	.our-team:hover .team_img:after {
		bottom: 0;
	}

	.our-team img {
		width: 100%;
		height: auto;
	}

	.our-team .social {
		padding: 0 0 18px 0;
		margin: 0;
		list-style: none;
		position: absolute;
		top: -100%;
		right: 10px;
		background: #ffaa17;
		border-radius: 0 0 20px 20px;
		z-index: 1;
		transition: all 0.3s ease 0s;
	}

	.our-team:hover .social {
		top: 0;
	}

	.our-team .social li a {
		display: block;
		padding: 15px;
		font-size: 15px;
		color: #232434;
	}

	.our-team:hover .social li a:hover {
		color: #fff;
	}

	.our-team .team-content {
		padding: 20px 0;
		background: #fff;
	}

	.our-team .title {
		font-size: 18px;
		font-weight: bold;
		color: #ffaa17;
		text-transform: capitalize;
		margin: 0 0 20px;
		position: relative;
	}

	.our-team .title:before {
		content: "";
		width: 25px;
		height: 1px;
		background: #ffaa17;
		position: absolute;
		bottom: -10px;
		right: 50%;
		margin-right: 9px;
		transition-duration: 0.25s;
	}

	.our-team .title:after {
		content: "";
		width: 25px;
		height: 1px;
		background: #ffaa17;
		position: absolute;
		bottom: -10px;
		left: 50%;
		margin-left: 9px;
		transition-duration: 0.25s;
	}

	.our-team:hover .title:before,
	.our-team:hover .title:after {
		width: 50px;
	}

	.our-team .post {
		display: inline-block;
		font-size: 15px;
		text-transform: capitalize;
	}

	.our-team .post:before {
		content: "";
		display: block;
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background: #ffaa17;
		margin: 0 auto;
		position: relative;
		top: -13px;
	}

	@media only screen and (max-width: 990px) {
		.our-team {
			margin-bottom: 30px;
		}
	}
}

.qa-team10 {
	.whos-speaking-area .speakers {
		-webkit-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
		border: 1px solid #dee2e6;
		border-radius: 6px;
	}

	.whos-speaking-area .speakers:hover {
		-webkit-box-shadow: 0 0 6px 5px #ddd;
		box-shadow: 0 0 6px 5px #ddd;
		border-radius: 6px;
		-webkit-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
		border: 1px solid #dee2e6;
	}

	.whos-speaking-area .speakers .spk-img {
		position: relative;
	}

	.whos-speaking-area .speakers .spk-img:before {
		background: rgba(91, 69, 213, 0.8);
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		-webkit-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
		z-index: 5;
	}

	.whos-speaking-area .speakers .spk-img:hover:before {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	.whos-speaking-area .speakers .spk-img img {
		width: 100%;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}

	.whos-speaking-area .speakers .spk-img ul {
		position: absolute;
		display: inline-block;
		top: 35%;
		left: 40%;
		width: 100px;
		line-height: 3;
		opacity: 0;
		-webkit-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
	}

	.whos-speaking-area .speakers .spk-img ul:before {
		position: absolute;
		content: "";
		height: 110px;
		width: 110px;
		background: transparent;
		top: -15%;
		left: -15px;
		border: 1px solid #fff;
		-webkit-transform: rotate(44deg) scale(1.4);
		-ms-transform: rotate(44deg) scale(1.4);
		transform: rotate(44deg) scale(1.4);
		opacity: 0;
		-webkit-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
	}

	.whos-speaking-area .speakers .spk-img ul li {
		display: inline-block;
		margin: 0 3px;
		-webkit-transform: perspective(50px) rotatey(80deg);
		transform: perspective(50px) rotatey(80deg);
		-webkit-transition: all 0.5s ease 0.2s;
		-o-transition: all 0.5s ease 0.2s;
		transition: all 0.5s ease 0.2s;
		margin: 0 5px;
	}

	.whos-speaking-area .speakers .spk-img ul li a i {
		color: rgba(255, 78, 0, 0.8);
		font-size: 18px;
		-webkit-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
		width: 28px;
		color: #fff;
		height: 28px;
		line-height: 21px;
		text-align: center;
	}

	.whos-speaking-area .speakers .spk-img ul li a i:hover {
		color: #cf057c;
	}

	.whos-speaking-area .speakers .spk-img ul li:nth-child(1) {
		-webkit-transform: translate3d(-53px, -50px, 0);
		transform: translate3d(-53px, -50px, 0);
	}

	.whos-speaking-area .speakers .spk-img ul li:nth-child(2) {
		-webkit-transform: translate3d(53px, -50px, 0);
		transform: translate3d(53px, -50px, 0);
	}

	.whos-speaking-area .speakers .spk-img ul li:nth-child(3) {
		-webkit-transform: translate3d(-53px, 50px, 0);
		transform: translate3d(-53px, 50px, 0);
	}

	.whos-speaking-area .speakers .spk-img ul li:nth-child(4) {
		-webkit-transform: translate3d(53px, 50px, 0);
		transform: translate3d(53px, 50px, 0);
	}

	.whos-speaking-area .speakers .spk-img:hover ul {
		left: 35%;
		opacity: 1;
		z-index: 9;
	}

	.whos-speaking-area .speakers .spk-img:hover ul:before {
		opacity: 1;
		-webkit-transform: rotate(44deg) scale(1);
		-ms-transform: rotate(44deg) scale(1);
		transform: rotate(44deg) scale(1);
	}

	.whos-speaking-area .speakers .spk-img:hover ul li:nth-child(1),
	.whos-speaking-area .speakers .spk-img:hover ul li:nth-child(2),
	.whos-speaking-area .speakers .spk-img:hover ul li:nth-child(3),
	.whos-speaking-area .speakers .spk-img:hover ul li:nth-child(4) {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.whos-speaking-area .speakers .spk-info {
		text-align: center;
		padding: 30px 0;
	}

	.whos-speaking-area .speakers .spk-info h3 {
		color: #252525;
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 5px;
		-webkit-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
		text-transform: capitalize;
	}

	.whos-speaking-area .speakers .spk-info h3:hover {
		color: #4125dd;
	}

	.whos-speaking-area .speakers .spk-info p {
		font-size: 15px;
		margin-bottom: 0;
		color: #656565;
	}

	.whos-speaking-area-two .title-text h2 {
		color: #fff;
	}

	.whos-speaking-area-two .speakers {
		position: relative;
		overflow: hidden;
	}

	.whos-speaking-area-two .speakers:hover img {
		-webkit-transform: translate3d(0px, 0px, 0px);
		transform: translate3d(0px, 0px, 0px);
	}

	.whos-speaking-area-two .speakers img {
		position: relative;
		-webkit-transform: translate3d(0px, 0px, 0px);
		transform: translate3d(0px, 0px, 0px);
		-webkit-transition: all 0.3s linear 0s;
		-o-transition: all 0.3s linear 0s;
		transition: all 0.3s linear 0s;
	}

	.whos-speaking-area-two .speakers .img-overlay {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		opacity: 0;
		background: rgba(91, 69, 213, 0.9);
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}

	.whos-speaking-area-two .speakers:hover .img-overlay {
		opacity: 1;
	}

	.whos-speaking-area-two .speakers .name a {
		position: absolute;
		bottom: -20%;
		left: 10%;
		color: #fff;
		font-size: 20px;
		font-weight: 600;
		text-transform: capitalize;
		-webkit-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
	}

	.whos-speaking-area-two .speakers .name a:hover {
		color: #cf057c;
	}

	.whos-speaking-area-two .speakers:hover .name a {
		bottom: 10%;
	}

	.whos-speaking-area-two .speakers .social-icons {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: absolute;
		bottom: 23%;
		left: 0;
		-webkit-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
	}

	.whos-speaking-area-two .speakers .social-icons li {
		margin-right: 10px;
	}

	.whos-speaking-area-two .speakers .social-icons li a i {
		color: #fff;
	}

	.whos-speaking-area-two .speakers .social-icons li a:hover {
		color: #252525;
	}

	.whos-speaking-area-two .speakers:hover .social-icons {
		left: 27px;
	}

	ul {
		list-style: outside none none;
		margin: 0;
		padding: 0;
		outline: none;
	}

	.mb50 {
		margin-bottom: 50px;
	}
}

.qa-team11 {
	body {
		margin-top: 20px;
		background: #f5f5f5;
	}

	.member {
		margin-bottom: 2rem
	}

	.member .member-top {
		position: relative;
		background-color: #d7d4d4;
		margin-bottom: 1.35rem;
		overflow: hidden
	}

	.member .member-top figure {
		position: relative
	}

	.member .member-top figure img {
		display: block;
		width: 100%;
		height: auto
	}

	.member .member-top figure:after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background-color: #673AB7;
		opacity: 0;
		visibility: hidden;
		transition: all .65s cubic-bezier(0.92, 0.17, 0.29, 0.93) 0s;
		z-index: 50
	}

	.member .member-top .social-icons {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-align: stretch;
		align-items: stretch;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 99;
		padding: 0;
		margin: 0;
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
		transition: all .65s cubic-bezier(0.92, 0.17, 0.29, 0.93) 0s
	}

	.member .member-top .social-icons label {
		color: #f2f2f2;
		font-weight: 400;
		margin-right: 4px;
		font-size: 12px
	}

	.member .member-top .social-icons .social-icon {
		display: block;
		border-radius: 0;
		margin: 0;
		width: 3rem;
		height: 3rem;
		line-height: 3rem
	}

	@media (min-width: 992px) and (max-width: 1199px) {
		.member .member-top .social-icons .social-icon {
			width: 2.7rem;
			height: 2.7rem;
			line-height: 2.7rem
		}
	}

	.member .member-title {
		font-size: 1.25rem;
		margin-bottom: 1rem
	}

	.member .member-title a {
		color: #212121
	}

	.member .member-title a:hover,
	.member .member-title a:focus {
		color: #673AB7
	}

	.member .member-title small {
		display: inline;
		font-size: 80%;
		color: #E91E63;
		font-weight: 600
	}

	.member .member-title:after {
		content: '';
		clear: both;
		display: table
	}

	.member.text-center .member-title {
		margin-bottom: 0.85rem
	}

	.member.text-center .member-title small {
		display: block;
		margin-top: 0.6rem
	}

	.member:hover .member-top figure:after {
		visibility: visible;
		opacity: 0.35
	}

	.member:hover .member-top .social-icons {
		-ms-transform: translateX(0);
		transform: translateX(0)
	}

	.swiper-container .member {
		margin-bottom: 0
	}

	.swiper-container .member p:last-child {
		margin-bottom: 0
	}

	.social-icons {
		margin-bottom: 1rem
	}

	.social-icons:after {
		content: '';
		display: table;
		clear: both
	}

	.social-icons .social-icon {
		display: inline-block;
		font-size: 1.1rem;
		width: 2.2rem;
		height: 2.2rem;
		line-height: 2.2rem;
		border-radius: 4px;
		color: #323232;
		background-color: #fff;
		transition: all .65s cubic-bezier(0.92, 0.17, 0.29, 0.93) 0s;
		margin: 0 0 0.25rem;
		text-align: center;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
	}

	.social-icons .social-icon+.social-icon {
		margin-left: 0.25rem
	}

	.social-icons .social-icon.circle {
		border-radius: 50%
	}

	.social-icons .social-icon:hover,
	.social-icons .social-icon:focus {
		color: #fff;
		background-color: #673AB7
	}

	.bg-white .social-icons .social-icon {
		background-color: #d7d4d4
	}

	.bg-white .social-icons .social-icon:hover,
	.bg-white .social-icons .social-icon:focus {
		color: #fff;
		background-color: #673AB7
	}

	.social-icons.circle .social-icon {
		border-radius: 50%
	}
}

.qa-team12 {
	body {
		background: #ddd;
	}

	.page-title {
		color: #5bc0de;
	}

	.member-content .social-content li a {
		display: inline-block;
		padding: 0;
		min-width: 40px;
		height: 40px;
		font-size: 21px;
		line-height: 40px;
		color: #5cc9df;
		border-radius: 5px;
		box-shadow: 0 3px 0 0 transparent;
		-webkit-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}

	.member-content .details {
		margin: 20px 0 0 20px;
		position: relative;
		padding: 30px;
		padding-left: 100px;
		background: #f5f5f5;
		border-radius: 10px;
		box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.08);
		-webkit-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}

	.member-content {
		margin-bottom: 30px;
	}

	.member-thumb {
		text-align: center;
	}

	.member-thumb h4 {
		font-size: 21px;
		margin: 10px 0;
	}

	.member-thumb .title {
		font-size: 18px;
		margin: 10px 0;
		color: #5CC9DF;
	}

	.member-content:hover .details {
		background: #5bc0de;
		color: #fff;
	}

	.member-content.right .details {
		margin: 20px 20px 0 0;
		box-shadow: -5px 5px 0 rgba(0, 0, 0, 0.08);
	}

	.member-content .details:after {
		display: block;
		content: "";
		position: absolute;
		left: -18px;
		top: 30px;
		width: 0px;
		height: 0px;
		background: transparent;
		border: 20px solid transparent;
		border-left: 20px solid #f5f5f5;
		box-shadow: -3px 0 0 rgba(0, 0, 0, 0.08);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: border-left-color .3s ease-out;
		transition: border-left-color .3s ease-out;
	}

	.member-content.right .details:after {
		position: absolute;
		left: auto;
		right: -17px;
		border-left: 20px solid transparent;
		border-right: 20px solid #f5f5f5;
		box-shadow: 3px 0 0 0 rgba(0, 0, 0, 0.08);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: border-right-color .3s ease-out;
		transition: border-right-color .3s ease-out;
	}

	.member-content:hover .details:after {
		border-left-color: #5CC9DF;
	}

	.member-content.right:hover .details:after {
		border-left-color: transparent;
		border-right-color: #5CC9DF;
	}

	.member-content .details:before {
		display: block;
		content: "\201D";
		position: absolute;
		left: 20px;
		top: 50px;
		font-size: 120px;
		font-weight: 800;
		line-height: 60px;
		font-family: Arial;
		color: #5cc9df;
		-webkit-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}

	.member-content:hover .details:before {
		color: #fff;
	}

	.member-content .social-content {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.member-content .social-content li {
		display: inline;
		text-align: center;
		margin: 0 2px;
	}

	.member-content:hover .social-content li a {
		color: #fff;
	}

	.member-content .social-content li a:hover {
		background: #fff;
		color: #5cc9df;
		box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
	}
}

.qa-team13 {
	.row.heading h2 {
		color: #fff;
		font-size: 52.52px;
		line-height: 95px;
		font-weight: 400;
		text-align: center;
		margin: 0 0 40px;
		padding-bottom: 20px;
		text-transform: uppercase;
	}

	ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.heading.heading-icon {
		display: block;
	}

	.padding-lg {
		display: block;
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.practice-area.padding-lg {
		padding-bottom: 55px;
		padding-top: 55px;
	}

	.practice-area .inner {
		border: 1px solid #999999;
		text-align: center;
		margin-bottom: 28px;
		padding: 40px 25px;
	}

	.our-webcoderskull .cnt-block:hover {
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
		border: 0;
	}

	.practice-area .inner h3 {
		color: #3c3c3c;
		font-size: 24px;
		font-weight: 500;
		font-family: 'Poppins', sans-serif;
		padding: 10px 0;
	}

	.practice-area .inner p {
		font-size: 14px;
		line-height: 22px;
		font-weight: 400;
	}

	.practice-area .inner img {
		display: inline-block;
	}

	.our-webcoderskull {
		background: url("./bkg.jpg") no-repeat center top / cover;
	}

	.our-webcoderskull .cnt-block {
		float: left;
		width: 100%;
		background: #fff;
		padding: 30px 20px;
		text-align: center;
		border: 2px solid #d5d5d5;
		margin: 0 0 28px;
	}

	.our-webcoderskull .cnt-block figure {
		width: 148px;
		height: 148px;
		border-radius: 100%;
		display: inline-block;
		margin-bottom: 15px;
	}

	.our-webcoderskull .cnt-block img {
		width: 148px;
		height: 148px;
		border-radius: 100%;
	}

	.our-webcoderskull .cnt-block h3 {
		color: #2a2a2a;
		font-size: 20px;
		font-weight: 500;
		padding: 6px 0;
		text-transform: uppercase;
	}

	.our-webcoderskull .cnt-block h3 a {
		text-decoration: none;
		color: #2a2a2a;
	}

	.our-webcoderskull .cnt-block h3 a:hover {
		color: #337ab7;
	}

	.our-webcoderskull .cnt-block p {
		color: #2a2a2a;
		font-size: 13px;
		line-height: 20px;
		font-weight: 400;
	}

	.our-webcoderskull .cnt-block .follow-us {
		margin: 20px 0 0;
	}

	.our-webcoderskull .cnt-block .follow-us li {
		display: inline-block;
		width: auto;
		margin: 0 5px;
	}

	.our-webcoderskull .cnt-block .follow-us li a {
		font-size: 24px;
		color: #767676 !important;
	}

	.our-webcoderskull .cnt-block .follow-us li a i:hover {
		color: #025a8e;
	}
}

.qa-team14 {
	body {
		font-family: 'Source Sans Pro', sans-serif;
		line-height: 1.5;
		color: #323232;
		font-size: 15px;
		font-weight: 400;
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
	}

	.heading-title {
		margin-bottom: 100px;
	}

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

	.heading-title h3 {
		margin-bottom: 0;
		letter-spacing: 2px;
		font-weight: normal;
	}

	.p-top-30 {
		padding-top: 30px;
	}

	.half-txt {
		width: 60%;
		margin: 0 auto;
		display: inline-block;
		line-height: 25px;
		color: #7e7e7e;
	}

	.text-uppercase {
		text-transform: uppercase;
	}

	.team-member,
	.team-member .team-img {
		position: relative;
	}

	.team-member {
		overflow: hidden;
	}

	.team-member,
	.team-member .team-img {
		position: relative;
	}

	.team-hover {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: 0;
		border: 20px solid rgba(0, 0, 0, 0.1);
		background-color: rgba(255, 255, 255, 0.90);
		opacity: 0;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}

	.team-member:hover .team-hover .desk {
		top: 35%;
	}

	.team-member:hover .team-hover,
	.team-member:hover .team-hover .desk,
	.team-member:hover .team-hover .s-link {
		opacity: 1;
	}

	.team-hover .desk {
		position: absolute;
		top: 0%;
		width: 100%;
		opacity: 0;
		-webkit-transform: translateY(-55%);
		-ms-transform: translateY(-55%);
		transform: translateY(-55%);
		-webkit-transition: all 0.3s 0.2s;
		transition: all 0.3s 0.2s;
		padding: 0 20px;
	}

	.desk,
	.desk h4,
	.team-hover .s-link a {
		text-align: center;
		color: #222;
	}

	.team-member:hover .team-hover .s-link {
		bottom: 10%;
	}

	.team-member:hover .team-hover,
	.team-member:hover .team-hover .desk,
	.team-member:hover .team-hover .s-link {
		opacity: 1;
	}

	.team-hover .s-link {
		position: absolute;
		bottom: 0;
		width: 100%;
		opacity: 0;
		text-align: center;
		-webkit-transform: translateY(45%);
		-ms-transform: translateY(45%);
		transform: translateY(45%);
		-webkit-transition: all 0.3s 0.2s;
		transition: all 0.3s 0.2s;
		font-size: 35px;
	}

	.desk,
	.desk h4,
	.team-hover .s-link a {
		text-align: center;
		color: #222;
	}

	.team-member .s-link a {
		margin: 0 10px;
		color: #333;
		font-size: 16px;
	}

	.team-title {
		position: static;
		padding: 20px 0;
		display: inline-block;
		letter-spacing: 2px;
		width: 100%;
	}

	.team-title h5 {
		margin-bottom: 0px;
		display: block;
		text-transform: uppercase;
	}

	.team-title span {
		font-size: 12px;
		text-transform: uppercase;
		color: #a5a5a5;
		letter-spacing: 1px;
	}
}

.qa-team15 {

	/*** ==========================================* FOR DEMO PURPOSE* ==========================================**/
	body {
		background: #e8cbc0;
		background: -webkit-linear-gradient(to right, #e8cbc0, #636fa4);
		background: linear-gradient(to right, #e8cbc0, #636fa4);
		min-height: 100vh;
	}

	.social-link:hover,
	.social-link:focus {
		background: #ddd;
		text-decoration: none;
		color: #555;
	}
}

.qa-team16 {

	/* TITRE */
	h1 {
		margin-top: 0;
		font-size: 3rem;
		display: inline-block;
	}

	h1 div {
		position: relative;
		float: left;
	}

	h1 div:first-child {
		color: #3498db;
		margin-right: 1rem;
	}

	/* PROFIL */
	.blog .carousel-indicators {
		left: 0;
		top: auto;
		bottom: -40px;
	}

	/* The colour of the indicators */
	.blog .carousel-indicators li {
		background: #a3a3a3;
		border-radius: 50%;
		width: 8px;
		height: 8px;
		margin-bottom: 10px;
	}

	.blog .carousel-indicators .active {
		background: #707070;
		margin-bottom: 10px;
	}

	.our-team-section {
		position: relative;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.our-team-section:before {
		position: absolute;
		top: -0;
		left: 0;
		content: " ";
		background: url(img/service-section-bottom.png);
		background-size: 100% 100px;
		width: 100%;
		height: 100px;
		float: left;
		z-index: 99;
	}

	.our-team {
		padding: 0 0 40px;
		background: #c6c6c6;
		text-align: center;
		overflow: hidden;
		position: relative;
		border-bottom: 5px solid #2ea2ff;
	}

	.our-team:hover {
		border-bottom: 5px solid #2f2f2f;
	}

	.our-team .pic {
		display: inline-block;
		width: 130px;
		height: 130px;
		margin-bottom: 50px;
		z-index: 1;
		position: relative;
	}

	.our-team .pic:before {
		content: "";
		width: 100%;
		height: 100%;
		border-radius: 50%;
		background: #1898ff;
		position: absolute;
		bottom: 135%;
		right: 0;
		left: 0;
		opacity: 1;
		transform: scale(3);
		transition: all 0.3s linear 0s;
	}

	.our-team:hover .pic:before {
		height: 100%;
		background: #2f2f2f;
	}

	.our-team .pic:after {
		content: "";
		width: 100%;
		height: 100%;
		border-radius: 50%;
		background: #ffffff00;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		transition: all 0.3s linear 0s;
	}

	.our-team:hover .pic:after {
		background: #145889;
	}

	.our-team .pic img {
		width: 100%;
		height: 100%;
		border-radius: 50%;
		transform: scale(1);
		transition: all 0.9s ease 0s;
		box-shadow: 0 0 0 14px #f7f5ec;
		transform: scale(0.7);
		position: relative;
		z-index: 2;
	}

	.our-team:hover .pic img {
		box-shadow: 0 0 0 14px #f7f5ec;
		transform: scale(0.7);
	}

	.our-team .team-content {
		margin-bottom: 30px;
	}

	.our-team .title {
		font-size: 22px;
		font-weight: 700;
		color: #4e5052;
		letter-spacing: 1px;
		text-transform: capitalize;
		margin-bottom: 5px;
	}

	.our-team .post {
		display: block;
		font-size: 15px;
		color: #4e5052;
		text-transform: capitalize;
	}

	.our-team .social {
		width: 100%;
		padding-top: 10px;
		margin: 0;
		background: #2f2f2f;
		position: absolute;
		bottom: -100px;
		left: 0;
		transition: all 0.5s ease 0s;
	}

	.our-team:hover .social {
		bottom: 0;
	}

	.our-team .social li {
		display: inline-block;
	}

	.our-team .social li a {
		display: block;
		padding-top: 6px;
		font-size: 15px;
		color: #fff;
		transition: all 0.3s ease 0s;
	}

	.our-team .social li a:hover {
		color: #145889;
		background: #f7f5ec;
	}

	@media only screen and (max-width: 990px) {
		.our-team {
			margin-bottom: 10px;
		}
	}
}

.qa-team17 {

	.container-fluid {
		background-color: white;
		text-align: center;
		box-shadow: 0 20px 40px rgba(0, 0, 0, .2);
	}

	.title {
		font-size: 25px;
		font-weight: 100
	}

	.icon {
		position: relative;
		bottom: 11px
	}

	.mt-100 {
		margin-top: 100px
	}

	.profile img {
		width: 68px;
		height: 68px;
		border-radius: 50%
	}

	.card {
		border-radius: 15px;
		margin-left: 30px;
		margin-right: 30px;
		box-shadow: 0 10px 20px rgba(0, 0, 0, .2)
	}

	.card-body {
		position: relative;
		bottom: 35px
	}

	.btn {
		margin-top: 36px;
		margin-bottom: 45px;
		background-color: #AB47BC;
		border: none;
		color: #fff
	}

	.btn:hover {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
		color: #fff
	}

	.header {
		padding-top: 40px
	}
}

.qa-team18 {

	.members {
		font-family: "Montserrat", sans-serif;
		color: #8d97ad;
		font-weight: 300;
	}

	.members h1,
	.members h2,
	.members h3,
	.members h4,
	.members h5,
	.members h6 {
		color: #3e4555;
	}

	.members .font-weight-medium {
		font-weight: 500;
	}

	.members .bg-light {
		background-color: #f4f8fa !important;
	}

	.members .subtitle {
		color: #8d97ad;
		line-height: 24px;
	}

	.members .pro-pic {
		min-height: 200px;
	}

	.members .pro-pic .card-img-overlay ul {
		top: 50%;
	}

	.members .pro-pic .card-img-overlay ul li a {
		-webkit-transition: 0.1s ease-in;
		-o-transition: 0.1s ease-in;
		transition: 0.1s ease-in;
	}

	.members .pro-pic .card-img-overlay ul li a:hover {
		-webkit-transform: translate3d(0px, -5px, 0px);
		transform: translate3d(0px, -5px, 0px);
	}

	.members .pro-pic:hover .card-img-overlay {
		display: block;
	}

	ul.social-network {
		list-style: none;
		display: inline;
		margin-left: 0 !important;
		padding: 0;
	}

	ul.social-network li {
		display: inline;
		margin: 0 5px;
	}

	.social-network a.icoFacebook:hover {
		background-color: #3B5998;
	}

	.social-network a.icoTwitter:hover {
		background-color: #33ccff;
	}

	.social-network a.icoJoomla:hover {
		background-color: #BD3518;
	}

	.social-network a.icoVimeo:hover {
		background-color: #0590B8;
	}

	.social-network a.icoLinkedin:hover {
		background-color: #007bb7;
	}

	.social-network a.icoRss:hover i,
	.social-network a.icoFacebook:hover i,
	.social-network a.icoTwitter:hover i,
	.social-network a.icoGoogle:hover i,
	.social-network a.icoVimeo:hover i,
	.social-network a.icoLinkedin:hover i {
		color: #fff;
	}

	a.socialIcon:hover,
	.socialHoverClass {
		color: #44BCDD;
	}

	.social-circle li a {
		display: inline-block;
		position: relative;
		margin: 0 auto 0 auto;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		text-align: center;
		width: 30px;
		height: 30px;
		font-size: 20px;
	}

	.social-circle li i {
		margin: 0;
		line-height: 30px;
		text-align: center;
	}

	.social-circle li a:hover i,
	.triggeredHover {
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-ms--transform: rotate(360deg);
		transform: rotate(360deg);
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		-ms-transition: all 0.2s;
		transition: all 0.2s;
	}

	.social-circle i {
		color: #fff;
		-webkit-transition: all 0.8s;
		-moz-transition: all 0.8s;
		-o-transition: all 0.8s;
		-ms-transition: all 0.8s;
		transition: all 0.8s;
	}

	a {
		background-color: #D3D3D3;
	}
}
/* End of Team */

/* For Login */
.qa-login1 {
	* {
		padding: 0;
		margin: 0;
	}

	.section {
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #eee
	}

	.section .container {
		height: 500px;
		width: 800px;
		background-color: #fff;
		position: relative;
		box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
		overflow: hidden
	}

	.section .container .form {
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: flex
	}

	.section .container .left-side {
		width: 55%;
		background-color: #040387;
		height: 100%
	}

	.section .container .left-side .content {
		color: #fff;
		letter-spacing: 1px;
		margin-top: 80px;
		padding: 10px 30px;
		text-align: center
	}

	.section .container .left-side .social {
		padding: 10px 30px;
		display: flex;
		justify-content: space-between;
		align-items: center
	}

	.section .container .left-side .social .social-icons {
		list-style: none;
		display: flex
	}

	.section .container .left-side .social .social-icons li {
		margin: 5px
	}

	.section .container .left-side .social .social-icons a {
		color: #fff;
		transition: all 0.5s
	}

	.section .container .left-side .social .social-icons a i {
		color: #fff;
		transition: all 0.5s
	}

	.section .container .left-side .social .social-icons a:hover i {
		transform: rotate(360deg)
	}

	.section .container .left-side .social .terms {
		list-style: none;
		display: flex;
		margin-top: 3px
	}

	.section .container .left-side .social .terms li .dots {
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background-color: #eee;
		display: flex;
		margin: 12px 5px
	}

	.section .container .left-side .social .terms li a {
		font-size: 12px;
		text-decoration: none;
		letter-spacing: 1px;
		color: #fff
	}

	.section .container .left-side .content h5 {
		font-size: 19px
	}

	.section .container .left-side .content p {
		font-size: 10px
	}

	.section .container .right-side {
		width: 45%;
		background-color: #fff;
		height: 100%;
		padding: 20px;
		display: flex;
		justify-content: center;
		align-items: center
	}

	.section .container .right-side .forms {
		padding-right: 20px;
		width: 100%
	}

	.section .container .right-side .forms input {
		width: 100% !important;
		height: 45px;
		border: none;
		margin-bottom: 10px;
		padding: 0px 10px;
		border: 2px solid #eee;
		transition: all 0.5s;
		background-color: #e8f0fe;
		border-radius: 3px;
		outline: none;
		box-shadow: none
	}

	.section .container .right-side .forms input[type="submit"] {
		width: 100%;
		background-color: #040387;
		border-radius: 5px;
		color: #fff;
		letter-spacing: 1px;
		cursor: pointer;
		border: none;
		text-transform: uppercase
	}

	.section .container .right-side .forms input[type="submit"]:hover {
		background-color: #020242
	}

	.submit-button {
		width: 110%
	}

	.section .container .right-side .forms input:focus {
		border: 2px solid #000 !important
	}

	.strength-list {
		margin-left: 5px;
		list-style: none;
		margin-bottom: 5px
	}

	.form-inputs {
		position: relative;
		width: 100% !important
	}

	.form-inputs i {
		position: absolute;
		top: 14px;
		right: 10px;
		color: #dbdada;
		z-index: 1000
	}

	.strength-list i {
		font-size: 10px;
		color: #aaa
	}

	.strength-list span {
		font-size: 11px;
		color: #aaa;
		letter-spacing: 1px;
	}

	.green-color {
		color: green !important
	}

	.random_password {
		margin-top: 5px;
		letter-spacing: 1px;
		font-size: 11px;
		cursor: pointer
	}

	@media (max-width:750px) {
		.section .container {
			max-width: 350px
		}

		.section .container .left-side {
			display: none
		}

		.section .container .right-side {
			width: 100%
		}
	}

	/* width */
	::-webkit-scrollbar {
		width: 10px;
	}

	/* Track */
	::-webkit-scrollbar-track {
		box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		border-radius: 10px;
	}

	/* Handle */
	::-webkit-scrollbar-thumb {
		background: #c1c1c1;
		border-radius: 10px;
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
		background: darkgray;
	}
}

.qa-login2 {
	.form-container {
		font-family: 'Poppins', sans-serif;
		background: repeating-linear-gradient(-45deg, #111, #111 4px, #2a2314 4px, #2a2314 8px);
		padding: 40px 25px;
		border-top: 6px solid #17c0eb;
	}

	.form-container .title {
		color: #fff;
		font-size: 30px;
		font-weight: 500;
		text-transform: capitalize;
		width: calc(100% - 129px);
		margin: 0 0 40px;
		display: inline-block;
	}

	.form-container .create-account {
		color: #fff;
		font-size: 15px;
		font-weight: 500;
		text-transform: capitalize;
		width: 125px;
		vertical-align: top;
		display: inline-block;
	}

	.form-container .create-account a {
		text-decoration: none;
		color: #fff;
		transition: all 0.3s ease 0s;
	}

	.form-container .create-account a:hover {
		color: #17c0eb;
	}

	.form-container .form-horizontal .form-group {
		background-color: #17c0eb;
		font-size: 0;
		padding: 10px;
		margin: 0 0 25px;
		border-radius: 5px;
	}

	.form-container .form-horizontal .input-icon {
		color: #fff;
		font-size: 25px;
		line-height: 20px;
		margin: 0 10px 0 0;
		display: inline-block;
	}

	.form-container .form-horizontal .form-control {
		color: #fff;
		background: transparent;
		font-size: 16px;
		width: calc(100% - 32px);
		height: 27px;
		padding: 5px 5px 5px 5px;
		border: none;
		border-radius: 0;
		box-shadow: none;
		display: inline-block;
		vertical-align: top;
	}

	.form-container .form-horizontal .form-control:focus {
		box-shadow: none;
	}

	.form-container .form-horizontal .form-control::placeholder {
		color: #fff;
		font-size: 16px;
	}

	.form-container .form-horizontal .btn {
		color: #615F5F;
		background: #222;
		font-size: 20px;
		line-height: 20px;
		width: 140px;
		padding: 14px 25px;
		border-radius: 10px;
		border: none;
		display: inline-block;
		transition: all 0.3s ease 0s;
	}

	.form-container .form-horizontal .btn:hover,
	.form-container .form-horizontal .btn:focus {
		background: #17c0eb;
		outline: none;
	}

	.form-container .form-horizontal .btn i {
		font-size: 16px;
	}

	.form-container .form-horizontal .forgot {
		font-size: 14px;
		font-weight: 500;
		text-align: right;
		width: calc(100% - 145px);
		display: inline-block;
		vertical-align: top;
	}

	.form-container .form-horizontal .forgot a {
		color: #fff;
		text-decoration: none;
		transition: all 0.3s ease 0s;
	}

	.form-container .form-horizontal .forgot a:hover {
		color: #17c0eb;
	}
}

.qa-login3 {
	.form-container {
		background: #ecf0f3;
		font-family: 'Nunito', sans-serif;
		padding: 40px;
		border-radius: 20px;
		box-shadow: 14px 14px 20px #cbced1, -14px -14px 20px white;
	}

	.form-container a {
		text-decoration: none;
	}

	.form-container .form-icon {
		color: #ac40ab;
		font-size: 55px;
		text-align: center;
		line-height: 100px;
		width: 100px;
		height: 100px;
		margin: 0 auto 15px;
		border-radius: 50px;
		box-shadow: 7px 7px 10px #cbced1, -7px -7px 10px #fff;
	}

	.form-container .title {
		color: #ac40ab;
		font-size: 25px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 1px;
		text-align: center;
		margin: 0 0 20px;
	}

	.form-container .form-horizontal .form-group {
		margin: 0 0 25px 0;
	}

	.form-container .form-horizontal .form-group label {
		font-size: 15px;
		font-weight: 600;
		text-transform: uppercase;
	}

	.form-container .form-horizontal .form-control {
		color: #333;
		background: #ecf0f3;
		font-size: 15px;
		height: 50px;
		padding: 20px;
		letter-spacing: 1px;
		border: none;
		border-radius: 50px;
		box-shadow: inset 6px 6px 6px #cbced1, inset -6px -6px 6px #fff;
		display: inline-block;
		transition: all 0.3s ease 0s;
	}

	.form-container .form-horizontal .form-control:focus {
		box-shadow: inset 6px 6px 6px #cbced1, inset -6px -6px 6px #fff;
		outline: none;
	}

	.form-container .form-horizontal .form-control::placeholder {
		color: #808080;
		font-size: 14px;
	}

	.form-container .form-horizontal .btn {
		color: #000;
		background-color: #ac40ab;
		font-size: 15px;
		font-weight: bold;
		text-transform: uppercase;
		width: 100%;
		padding: 12px 15px 11px;
		border-radius: 20px;
		box-shadow: 6px 6px 6px #cbced1, -6px -6px 6px #fff;
		border: none;
		transition: all 0.5s ease 0s;
	}

	.form-container .form-horizontal .btn:hover,
	.form-container .form-horizontal .btn:focus {
		color: #fff;
		letter-spacing: 3px;
		box-shadow: none;
		outline: none;
	}
}

/* End of Login */

/* Signup Form */
.qa-signup1 {
	.form-container {
		background-color: rgba(255, 255, 255, 0.9);
		font-family: 'Titillium Web', sans-serif;
		padding: 25px 30px 30px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	}

	.form-container .title {
		color: #333;
		font-size: 24px;
		font-weight: 600;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		margin: 0 0 25px;
	}

	.form-container .title:after {
		content: '';
		background-color: #0cd674;
		height: 2px;
		width: 150px;
		margin: 5px auto 0;
		clear: both;
		display: block;
	}

	.form-container .form-horizontal {
		margin: 0 0 20px;
		font-size: 0;
	}

	.form-container .form-horizontal .sub-title {
		font-size: 15px;
		font-weight: 600;
		text-transform: uppercase;
		text-align: center;
		margin: 0 0 15px;
		padding: 17px 0 0;
		border-top: 1px solid #d1d1d1;
	}

	.form-horizontal .form-group {
		width: calc(50% - 10px);
		margin: 0 10px 15px 0;
		display: inline-block;
	}

	.form-horizontal .form-group:nth-child(even) {
		margin: 0 0 10px 10px;
	}

	.form-horizontal .form-group:nth-child(3),
	.form-horizontal .form-group:nth-child(4) {
		margin-bottom: 25px;
	}

	.form-horizontal .form-group.phone-no {
		margin: 0 10px 20px 0;
	}

	.form-horizontal .form-group.age {
		margin: 0 0 20px 10px;
	}

	.form-horizontal .form-group label {
		color: #999;
		font-size: 13px;
		font-weight: 500;
		font-style: italic;
		margin: 0 0 3px;
	}

	.form-horizontal .form-control {
		color: #555;
		background-color: transparent;
		font-size: 14px;
		letter-spacing: 1px;
		height: 33px;
		padding: 5px;
		box-shadow: none;
		border: 1px solid #d1d1d1;
		border-radius: 0;
		display: inline-block;
		transition: all 0.3s;
	}

	.form-horizontal .form-control:focus {
		box-shadow: none;
		border: 1px solid #0cd674;
	}

	.form-horizontal .btn {
		color: #fff;
		background: #0cd674;
		font-size: 17px;
		font-weight: 600;
		text-transform: uppercase;
		padding: 7px 20px 7px;
		margin: 0 auto 20px;
		border: none;
		border-radius: 0;
		display: block;
		transition: all 0.3s ease;
	}

	.form-horizontal .btn:hover,
	.form-horizontal .btn:focus {
		color: #fff;
		background-color: #0cd674;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.3) inset;
		outline: none;
	}

	.form-horizontal .user-login {
		color: #333;
		font-size: 16px;
		font-weight: 600;
		text-align: center;
		display: block;
	}

	.form-horizontal .user-login a {
		color: #0cd674;
		text-decoration: none;
		transition: all 0.3s ease 0s;
	}

	.form-horizontal .user-login a:hover {
		color: #555;
	}

	.form-container .social-links {
		font-size: 14px;
		text-align: center;
	}

	.form-container .social-links span {
		font-style: italic;
		margin: 0 0 20px;
		display: block;
		position: relative;
	}

	.form-container .social-links span:before,
	.form-container .social-links span:after {
		content: '';
		background-color: #999;
		height: 1px;
		width: 25%;
		position: absolute;
		top: 50%;
		left: 0;
	}

	.form-container .social-links span:after {
		left: auto;
		right: 0;
	}

	.form-container .social-links a {
		color: #fff;
		background-color: #20599F;
		text-decoration: none;
		display: inline-block;
		font-size: 13px;
		font-weight: 600;
		text-transform: uppercase;
		text-align: center;
		width: 120px;
		padding: 7px 15px;
		margin: 0 5px;
		transition: all 0.3s ease 0s;
	}

	.form-container .social-links a i {
		font-size: 13px;
		margin-right: 3px;
	}

	.form-container .social-links a:nth-child(2) {
		background-color: #00ADF2;
	}

	.form-container .social-links a:hover {
		text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	}

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

		.form-container .form-group,
		.form-container .form-group:nth-child(even),
		.form-container .form-group.phone-no,
		.form-container .form-group.age {
			width: 100%;
			margin: 0 0 25px;
		}
	}

	@media only screen and (max-width:479px) {
		.form-container .social-links a {
			width: 80%;
			text-decoration: none;
			margin: 0 auto;
			display: block;
		}

		.form-container .social-links a:nth-child(even) {
			margin: 0 auto 10px;
		}
	}
}

.qa-signup2 {
	.form-bg {
		background-color: azure;
	}

	.form-container {
		font-family: 'Merriweather Sans', sans-serif;
		text-align: center;
		padding: 0 20px;
		position: relative;
		z-index: 1;
	}

	.form-container:after {
		content: '';
		background-color: #595bcc;
		height: 80%;
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: -1;
	}

	.form-container .form-horizontal {
		background-color: #fff;
		padding: 15px 0;
	}

	.form-container .form-horizontal .heading {
		color: #595bcc;
		font-size: 40px;
		font-weight: 600;
		margin: 0;
	}

	.form-container .form-horizontal span {
		color: rgba(0, 0, 0, .7);
		font-size: 18px;
		margin: 0 0 30px 0;
		display: block;
	}

	.form-container .form-horizontal .form-group {
		width: 70%;
		margin: 0 auto;
		border: 1px solid rgba(0, 0, 0, 0.2);
		border-bottom: none;
		position: relative;
	}

	.form-container .form-horizontal .form-group:nth-child(5) {
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
		margin: 0 auto 15px;
	}

	.form-container .form-horizontal i.icon {
		color: rgba(0, 0, 0, 0.2);
		font-size: 23px;
		transform: translateY(-50%);
		position: absolute;
		left: 8px;
		top: 50%;
	}

	.form-container .form-horizontal .form-control {
		height: 50px;
		font-size: 15px;
		padding: 10px 8px 10px 40px;
		border: none;
	}

	.form-container .form-control::placeholder {
		color: rgba(0, 0, 0, 0.2);
	}

	.form-container .form-horizontal .form-control:focus {
		box-shadow: none;
	}

	.form-container .form-horizontal .btn {
		color: #fff;
		background-color: #595bcc;
		padding: 3px 7px;
		border: 2px solid transparent;
		transition: all 0.5s;
	}

	.form-container .form-horizontal .btn:hover {
		color: #595bcc;
		background-color: #fff;
		border: 2px solid #595bcc;
	}

	.form-container .login-form ul {
		list-style: none;
		padding: 25px 0;
		margin: 0;
	}

	.form-container .login-form ul li {
		margin: 0 5px;
		display: inline-block;
	}

	.form-container .login-form ul li:first-child {
		border-right: 1px solid #fff;
	}

	.form-container .login-form ul li a {
		color: #fff;
		padding: 0 10px 0 0;
		transition: all 0.5s;
	}

	.form-container .login-form ul li a:hover {
		text-decoration: underline;
	}

	@media screen and (max-width: 576px) {
		.form-container {
			padding: 0 10px;
		}

		.form-container .form-horizontal span {
			font-size: 15px;
		}

		.form-container .form-horizontal .form-group {
			width: 90%;
		}
	}
}

.qa-signup3 {
	.form-bg {
		background-color: azure;
	}

	.form-horizontal {
		background-color: #fff;
		font-family: 'Blinker', sans-serif;
		text-align: center;
		padding: 20px 10px 20px;
		margin: 50px 0 0;
		border: 5px solid #d63031;
		border-radius: 10px;
	}

	.form-horizontal .form-icon {
		color: #fff;
		background-color: #d63031;
		font-size: 60px;
		line-height: 120px;
		height: 120px;
		width: 130px;
		margin: -80px auto 20px;
		border-radius: 50%;
		box-shadow: 0 0 13px -5px #000;
	}

	.form-horizontal .form-group {
		margin: 0 0 20px;
	}

	.form-horizontal label {
		color: #555;
		font-size: 15px;
		font-weight: 500;
		text-align: left;
		padding: 0;
		display: block;
	}

	.form-horizontal .form-control {
		color: #555;
		font-size: 16px;
		height: 35px;
		padding: 10px 8px 10px 5px;
		border-radius: 5px;
	}

	.form-control::placeholder {
		color: rgba(0, 0, 0, 0.2);
	}

	.form-horizontal .form-control:focus {
		box-shadow: none;
		border: 1px solid #d63031;
	}

	.form-horizontal .btn {
		color: #fff;
		background-color: #d63031;
		font-size: 16px;
		font-weight: 700;
		text-transform: capitalize;
		width: 60%;
		padding: 7px 10px;
		margin: 0 auto 15px;
		border: none;
		border-radius: 5px;
		display: block;
		overflow: hidden;
		position: relative;
		z-index: 1;
		transition: all 0.3s;
	}

	.form-horizontal .btn:hover {
		color: #555;
	}

	.form-horizontal .btn:after {
		content: '';
		background-color: #fff;
		height: 100%;
		margin: 0 auto;
		border-radius: 25px;
		transform: translateY(-100%);
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		z-index: -1;
		transition: all 0.2s;
	}

	.form-horizontal .btn:hover:after {
		transform: translateY(0) scaleX(0.85);
	}

	.form-horizontal .forgot {
		color: #555;
		font-size: 14px;
		text-decoration: none;
	}

	.form-horizontal .forgot:hover {
		color: #d63031;
		text-decoration: none;
	}
}

.qa-signup4 {
	.form-horizontal {
		background-color: #fff;
		font-family: 'Rubik', sans-serif;
		padding: 20px 0 0;
		box-shadow: 1px 1px 15px 0 rgba(0, 0, 0, 0.2);
		position: relative;
	}

	.form-horizontal .heading {
		color: #666;
		font-size: 35px;
		text-align: center;
		margin: 0 0 30px 0;
	}

	.form-horizontal .form-group {
		width: 80%;
		margin: 0 auto 10px;
		position: relative;
	}

	.form-horizontal .form-group>i {
		color: rgba(0, 0, 0, 0.2);
		font-size: 25px;
		position: absolute;
		left: 8px;
		top: 7px;
	}

	.form-horizontal .form-control {
		color: #3FA9F2;
		font-size: 14px;
		height: 42px;
		padding: 6px 8px 6px 40px;
		box-shadow: none;
		border-radius: 0;
	}

	.form-control::placeholder {
		color: rgba(0, 0, 0, 0.2);
		font-size: 15px;
		text-transform: uppercase;
	}

	.form-horizontal .form-control:focus {
		box-shadow: none;
		border-color: #3FA9F2;
	}

	.form-horizontal .form-terms {
		color: #909090;
		font-size: 14px;
		width: 80%;
		margin: 0 auto 10px;
	}

	.form-horizontal .form-terms input[type="checkbox"] {
		margin: 3px 5px 0 0;
		display: inline-block;
	}

	.form-horizontal .form-terms a {
		color: #3FA9F2;
		text-decoration: none;
	}

	.form-horizontal .form-terms a:hover {
		text-decoration: underline;
	}

	.form-horizontal .btn {
		color: #fff;
		background-color: #3FA9F2;
		font-size: 16px;
		padding: 7px 30px;
		margin: 0 0 10px;
		border-radius: 25px;
		border: 2px solid transparent;
		display: inline-block;
		float: left;
		transition: all 0.5s;
	}

	.form-horizontal .btn:focus,
	.form-horizontal .btn:hover {
		color: #3FA9F2;
		background-color: #fff;
		border: 2px solid #3FA9F2;
	}

	.form-horizontal .form-login {
		color: #909090;
		font-size: 14px;
		margin: 10px 0;
		display: inline-block;
		float: right;
	}

	.form-horizontal .form-login a {
		color: #3FA9F2;
		text-decoration: none;
	}

	.form-horizontal .form-login a:hover {
		text-decoration: underline;
	}

	.form-horizontal .form-footer {
		background-color: #3FA9F2;
		text-align: center;
		margin-top: 63px;
		padding: 20px 25px 25px;
	}

	.form-horizontal .form-footer:before {
		content: 'OR';
		color: #3FA9F2;
		background-color: #fff;
		font-weight: 600;
		text-align: center;
		line-height: 31px;
		height: 35px;
		width: 35px;
		margin: -35px auto 0;
		border: 3px solid #3FA9F2;
		border-radius: 50%;
		display: block;
	}

	.form-horizontal .form-footer span {
		color: #fff;
		font-size: 17px;
		margin: 0 0 15px 0;
		display: block;
	}

	.form-horizontal .social {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	.form-horizontal .social li {
		display: inline-block;
		margin: 0 3px;
	}

	.form-horizontal .social a {
		color: #3FA9F2;
		background-color: #fff;
		text-decoration: none;
		font-size: 18px;
		text-align: center;
		line-height: 36px;
		height: 40px;
		width: 40px;
		border: 2px solid transparent;
		border-radius: 50%;
		transition: all 0.5s;
	}

	.form-horizontal .social a:hover {
		color: #fff;
		background-color: #3FA9F2;
		border-color: #fff;
	}

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

		.form-horizontal .form-group .btn,
		.form-horizontal .form-group .form-login {
			text-align: center;
			display: block;
			float: none;
			margin: 0 auto 15px;
		}
	}
}

.qa-signup5 {
	.form-bg {
		background-image: url("../images/img-1.jpg");
		background-size: cover;
		position: relative;
	}

	.form-bg:before {
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background: linear-gradient(#2cd0cb, #a280c1);
		opacity: 0.95;
	}

	form {
		margin: 5% 0;
		font-family: 'Roboto', sans-serif;
	}

	form .heading {
		font-size: 35px;
		font-weight: bold;
		color: #fff;
		letter-spacing: 1px;
		text-transform: uppercase;
		margin-left: -20px;
	}

	form .form-group {
		padding: 30px;
		border-radius: 5px;
		background: #fff;
		box-shadow: 0 0 3px #bcb4b4;
		position: relative;
	}

	form .control-label {
		font-size: 18px;
		color: #6e6179;
		letter-spacing: 1px;
	}

	form .form-control {
		height: 50px;
		font-size: 16px;
		letter-spacing: 1px;
		margin-bottom: 30px;
		border-bottom: 2px solid #8f8597;
		border-radius: 2px;
		opacity: 0.8;
	}

	form .btn {
		font-size: 17px;
		font-weight: bold;
		color: #fff;
		background: #00d3bf;
		text-transform: uppercase;
		box-shadow: 0 0 8px 0 #a2a2a2;
		border: none;
		border-radius: 50px;
		padding: 12px 60px 12px 15px;
		position: absolute;
		bottom: -6%;
		right: -4%;
		transition: all 0.2s ease 0s;
	}

	form .btn:hover {
		background: #fff !important;
		color: #00d3bf !important;
	}

	form .btn .fa {
		font-size: 38px;
		position: absolute;
		top: 5px;
		right: 7px;
	}

	form .form-footer {
		font-size: 14px;
		color: #fff;
		text-transform: capitalize;
		margin-top: 20px;
		display: inline-block;
	}

	form .form-footer a {
		font-size: 14px;
		color: #fff;
	}

	form .form-footer a:hover {
		text-decoration: underline;
	}

	@media screen and (max-width: 990px) {
		form .heading {
			margin-left: 0;
		}

		form .btn {
			right: -10px;
		}

		form .btn .fa {
			top: 7px;
			font-size: 35px;
		}
	}

	@media screen and (max-width: 480px) {
		form .heading {
			font-size: 22px;
		}

		form .btn {
			padding: 7px 37px 6px 15px;
		}

		form .btn .fa {
			font-size: 24px;
		}
	}
}

.qa-signup6 {
	.form-bg {
		background: linear-gradient(to right, #7cacdc, #e0e5eb);
	}

	form {
		font-family: 'Roboto', sans-serif;
	}

	.form-horizontal .header {
		background: #b5953f;
		padding: 30px 25px;
		font-size: 30px;
		color: #fff;
		text-transform: uppercase;
		border-radius: 3px 3px 0 0;
	}

	.form-horizontal .form-content {
		padding: 25px;
		background: #f9fafd;
	}

	.form-horizontal .form-control {
		padding: 10px 50px 10px 15px;
		height: 50px;
		font-size: 18px;
		color: #000;
		border: 2px solid #acacac;
		margin-bottom: 15px;
	}

	.form-horizontal .form-control:hover {
		border-color: #c9af67;
	}

	.form-horizontal .form-control:focus {
		border-color: #b5953f;
		box-shadow: none;
	}

	.form-horizontal .captcha {
		padding-right: 0;
	}

	.form-horizontal .captcha label {
		background: #e0e0e0;
		display: block;
		height: 50px;
		font-size: 16px;
		color: #acacac;
		line-height: 45px;
		text-align: center;
		border-radius: 3px 0 0 3px;
	}

	.form-horizontal .captcha-text {
		padding-left: 0;
	}

	.form-horizontal .captcha-text input {
		border-radius: 0 3px 3px 0;
	}

	.form-horizontal .footer {
		background: #e8eaf6;
		border-top: 1px solid #b5953f;
		padding: 10px 25px;
	}

	.form-horizontal .footer .btn {
		background: #b5953f;
		font-size: 18px;
		color: #fff;
		float: right;
		margin: 10px 0;
		clear: both;
		padding: 10px 25px;
		transition: all 0.5s ease 0s;
	}

	.form-horizontal .name {
		padding: 10px 15px;
	}

	@media only screen and (max-width:767px) {
		.form-horizontal .control-label i {
			line-height: 40px;
		}

		.form-horizontal .captcha label {
			font-size: 13px;
		}
	}
}

.qa-signup7 {
	.form-container {
		font-family: 'Nunito', sans-serif;
		font-size: 0;
		border-radius: 20px;
		overflow: hidden;
	}

	.form-container .form-img {
		background-image: url('img1.png');
		background-repeat: no-repeat;
		background-position: center center;
		width: 50%;
		height: 514px;
		vertical-align: top;
		display: inline-block;
	}

	.form-container .form-horizontal {
		background: #000;
		width: 50%;
		padding: 33px 35px 32.5px;
		display: inline-block;
	}

	.form-container .title {
		color: #fff;
		font-size: 25px;
		font-weight: 400;
		margin: 0 0 35px;
	}

	.form-container .form-horizontal .form-group {
		margin: 0 0 10px;
	}

	.form-container .form-horizontal .form-control {
		color: #ccc;
		background: transparent;
		padding: 5px 0;
		margin-bottom: 33px;
		border: none;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
		border-radius: 0;
	}

	.form-container .form-horizontal .form-select {
		color: #ccc;
		background: transparent;
		padding: 5px 0;
		margin-bottom: 33px;
		border: none;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
		border-radius: 0;
	}

	.form-container .form-horizontal .form-control:focus {
		outline: none;
		box-shadow: none;
	}

	.form-container .form-horizontal .form-select:focus {
		outline: none;
		box-shadow: none;
	}

	.form-container .form-horizontal .form-control::placeholder {
		color: #ccc;
		font-size: 16px;
		font-weight: 400;
	}

	.form-container .form-horizontal .form-select::placeholder {
		color: #ccc;
		font-size: 16px;
		font-weight: 400;
	}

	.form-container .form-horizontal .form-group .form-select option {
		color: #000;
		background: #fff;
	}

	.form-container .form-horizontal .btn {
		color: #fff;
		background: #4dae3c;
		font-size: 18px;
		letter-spacing: 1px;
		border-radius: 50px;
		padding: 8px 25px;
		border: none;
		transition: all .4s ease;
	}

	.form-container .form-horizontal .btn:hover {
		text-shadow: 2px 2px 2px rgba(0, 0, 0, .6);
	}

	.form-container .form-horizontal .btn:focus {
		outline: none;
	}

	@media only screen and (max-width:576px) {
		.form-container .form-img {
			width: 100%;
			height: 400px;
		}

		.form-container .form-horizontal {
			width: 100%;
		}
	}
}

.qa-signup8 {

	.form-container {
		background-color: #fff;
		font-family: 'Titillium Web', sans-serif;
		font-size: 0;
		padding: 30px;
		border-radius: 20px;
		box-shadow: 0 0 25px -15px rgba(0, 0, 0, 0.3);
	}

	.form-container .title {
		color: #000;
		font-size: 25px;
		font-weight: 600;
		text-transform: capitalize;
		margin: 0 0 25px;
	}

	.form-container .title:after {
		content: '';
		background-color: #00A9EF;
		height: 3px;
		width: 60px;
		margin: 10px 0 0;
		display: block;
		clear: both;
	}

	.form-container .sub-title {
		color: #333;
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		text-transform: uppercase;
		margin: 0 0 20px;
	}

	.form-container .form-horizontal {
		font-size: 0;
	}

	.form-container .form-horizontal .form-group {
		color: #333;
		width: 50%;
		padding: 0 8px;
		margin: 0 0 15px;
		display: inline-block;
	}

	.form-container .form-horizontal .form-group:nth-child(4) {
		margin-bottom: 30px;
	}

	.form-container .form-horizontal .form-group label {
		font-size: 17px;
		font-weight: 600;
	}

	.form-container .form-horizontal .form-control {
		color: #888;
		background: #fff;
		font-weight: 400;
		letter-spacing: 1px;
		height: 40px;
		padding: 6px 12px;
		border-radius: 10px;
		border: 2px solid #e7e7e7;
		box-shadow: none;
	}

	.form-container .form-horizontal .form-control:focus {
		box-shadow: 0 0 5px #dcdcdc;
	}

	.form-container .form-horizontal .check-terms {
		padding: 0 8px;
		margin: 0 0 25px;
	}

	.form-container .form-horizontal .check-terms .check-label {
		color: #333;
		font-size: 14px;
		font-weight: 500;
		font-style: italic;
		vertical-align: top;
		display: inline-block;
	}

	.form-container .form-horizontal .check-terms .checkbox {
		height: 17px;
		width: 17px;
		min-height: auto;
		margin: 2px 8px 0 0;
		border: 2px solid #d9d9d9;
		border-radius: 2px;
		cursor: pointer;
		display: inline-block;
		position: relative;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		transition: all 0.3s ease 0s;
	}

	.form-container .form-horizontal .check-terms .checkbox:before {
		content: '';
		height: 5px;
		width: 9px;
		border-bottom: 2px solid #00A9EF;
		border-left: 2px solid #00A9EF;
		transform: rotate(-45deg);
		position: absolute;
		left: 2px;
		top: 2.5px;
		transition: all 0.3s ease;
	}

	.form-container .form-horizontal .check-terms .checkbox:checked:before {
		opacity: 1;
	}

	.form-container .form-horizontal .check-terms .checkbox:not(:checked):before {
		opacity: 0;
	}

	.form-container .form-horizontal .check-terms .checkbox:focus {
		outline: none;
	}

	.form-container .signin-link {
		color: #333;
		font-size: 14px;
		width: calc(100% - 190px);
		margin-right: 30px;
		display: inline-block;
		vertical-align: top;
	}

	.form-container .signin-link a {
		color: #00A9EF;
		font-weight: 600;
		transition: all 0.3s ease 0s;
	}

	.form-container .signin-link a:hover {
		text-decoration: underline;
	}

	.form-container .form-horizontal .signup {
		color: #fff;
		background: #00A9EF;
		font-size: 15px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 1px;
		width: 160px;
		padding: 8px 15px 9px;
		border-radius: 10px;
		transition: all 0.3s ease 0s;
	}

	.form-container .form-horizontal .btn:hover,
	.form-container .form-horizontal .btn:focus {
		text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
		box-shadow: 3px 3px rgba(0, 0, 0, 0.15), 5px 5px rgba(0, 0, 0, 0.1);
		outline: none;
	}

	@media only screen and (max-width:479px) {
		.form-container .form-horizontal .form-group {
			width: 100%;
		}

		.form-container .signin-link {
			width: 100%;
			margin: 0 10px 15px;
		}
	}
}

.qa-signup9 {
	.form-container {
		background-color: #fff;
		font-family: 'Poppins', sans-serif;
		text-align: center;
		padding: 30px 25px;
		border-radius: 10px;
		box-shadow: 0 0 25px -15px rgba(0, 0, 0, 0.3);
		position: relative;
	}

	.form-container a {
		text-decoration: none;
	}

	.form-container:before,
	.form-container:after {
		content: '';
		background-color: #4E4C97;
		height: 50%;
		width: 4px;
		position: absolute;
		left: 10px;
		top: 10px;
	}

	.form-container:after {
		top: auto;
		bottom: 10px;
		left: auto;
		right: 10px;
	}

	.form-container .title {
		color: #4E4C97;
		font-size: 25px;
		font-weight: 700;
		text-transform: capitalize;
		margin: 0 0 15px;
	}

	.form-container .social-links {
		padding: 0;
		margin: 0 0 15px;
		list-style: none;
	}

	.form-container .social-links li {
		display: inline-block;
		margin: 0 3px;
	}

	.form-container .social-links li a {
		color: #555;
		line-height: 27px;
		height: 28px;
		width: 28px;
		border: 1px solid #555;
		border-radius: 50%;
		display: block;
		transition: all 0.3s ease 0s;
	}

	.form-container .social-links li a:hover {
		color: #fff;
		background-color: #4E4C97;
	}

	.form-container .description {
		color: #555;
		font-size: 13px;
		margin: 0 0 10px;
		display: block;
	}

	.form-horizontal .form-group {
		margin: 0 0 15px;
	}

	.form-horizontal .form-group:last-of-type {
		text-align: left;
		margin-bottom: 35px;
	}

	.form-horizontal .form-control {
		color: #4E4C97;
		background: #F7F8F9;
		font-size: 14px;
		font-weight: 500;
		letter-spacing: 1px;
		height: 40px;
		padding: 6px 12px;
		border-radius: 5px;
		border: 2px solid #F2F5F6;
		box-shadow: none;
	}

	.form-horizontal .form-control:focus {
		border-color: rgba(78, 76, 151, 0.5);
		box-shadow: none;
	}

	.form-horizontal .form-control::placeholder {
		color: #e1e1e1;
		font-size: 14px;
		font-weight: 300;
	}

	.form-horizontal .form-group .check-label {
		color: #555;
		font-size: 12px;
		font-weight: 400;
		text-transform: none;
		margin: -2.5px 0 0;
		vertical-align: text-top;
		display: inline-block;
	}

	.form-horizontal .form-group .check-label a {
		color: #4E4C97;
		transition: all 0.3s ease;
	}

	.form-horizontal .form-group .check-label a:hover {
		text-decoration: underline;
	}

	.form-horizontal .checkbox {
		height: 17px;
		width: 17px;
		min-height: auto;
		margin: 0 3px 0 0;
		border: 1px solid #999;
		border-radius: 2px;
		cursor: pointer;
		display: inline-block;
		position: relative;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		transition: all 0.3s ease;
	}

	.form-horizontal .checkbox:before {
		content: '';
		height: 6px;
		width: 12px;
		border-bottom: 2px solid #fff;
		border-left: 2px solid #fff;
		opacity: 1;
		transform: rotate(-45deg);
		position: absolute;
		left: 2px;
		top: 2.5px;
		transition: all 0.3s ease;
	}

	.form-horizontal .checkbox:checked {
		background-color: #4E4C97;
		border-color: #4E4C97;
	}

	.form-horizontal .checkbox:checked:before {
		opacity: 1;
	}

	.form-horizontal .checkbox:not(:checked):before {
		opacity: 0;
	}

	.form-horizontal .checkbox:focus {
		outline: none;
	}

	.form-horizontal .btn {
		color: #fff;
		background-color: #4E4C97;
		font-size: 13px;
		font-weight: 600;
		letter-spacing: 0.5px;
		text-transform: capitalize;
		width: 130px;
		padding: 11px;
		margin: 0 10px 10px 0;
		border: 2px solid #4E4C97;
		border-radius: 15px;
		display: inline-block;
		transition: all 0.3s ease 0s;
	}

	.form-horizontal .btn.signin {
		color: #4E4C97;
		background-color: #fff;
	}

	.form-horizontal .btn:hover,
	.form-horizontal .btn:focus {
		color: #4E4C97;
		background-color: #fff;
		box-shadow: 0 0 5px #4E4C97, 0 0 15px #4E4C97 inset;
	}

	.form-horizontal .btn.signin:hover,
	.form-horizontal .btn.signin:focus {
		text-shadow: 3px 3px rgba(0, 0, 0, 0.3);
		box-shadow: 0 0 5px #4E4C97;
	}
}

.qa-signup10 {
	.form-bg {
		background: linear-gradient(to right, #7cacdc, #e0e5eb);
	}

	form {
		font-family: 'Roboto', sans-serif;
	}

	.form-horizontal .header {
		background: #b5953f;
		padding: 30px 25px;
		font-size: 30px;
		color: #fff;
		text-transform: uppercase;
		border-radius: 3px 3px 0 0;
	}

	.form-horizontal .form-content {
		padding: 25px;
		background: #f9fafd;
	}

	.form-horizontal .form-control {
		padding: 10px 50px 10px 15px;
		height: 50px;
		font-size: 18px;
		color: #000;
		border: 2px solid #acacac;
		margin-bottom: 15px;
	}

	.form-horizontal .form-control:hover {
		border-color: #c9af67;
	}

	.form-horizontal .form-control:focus {
		border-color: #b5953f;
		box-shadow: none;
	}

	.form-horizontal .captcha {
		padding-right: 0;
	}

	.form-horizontal .captcha label {
		background: #e0e0e0;
		display: block;
		height: 50px;
		font-size: 16px;
		color: #acacac;
		line-height: 45px;
		text-align: center;
		border-radius: 3px 0 0 3px;
	}

	.form-horizontal .captcha-text {
		padding-left: 0;
	}

	.form-horizontal .captcha-text input {
		border-radius: 0 3px 3px 0;
	}

	.form-horizontal .footer {
		background: #e8eaf6;
		border-top: 1px solid #b5953f;
		padding: 10px 25px;
	}

	.form-horizontal .footer .btn {
		background: #b5953f;
		font-size: 18px;
		color: #fff;
		float: right;
		margin: 10px 0;
		clear: both;
		padding: 10px 25px;
		transition: all 0.5s ease 0s;
	}

	.form-horizontal .name {
		padding: 10px 15px;
	}

	@media only screen and (max-width:767px) {
		.form-horizontal .control-label i {
			line-height: 40px;
		}

		.form-horizontal .captcha label {
			font-size: 13px;
		}
	}
}

/* End of Signup Form */


/* Footer */


.qa-footer1 {
    h1,
    .display-1,
    .display-4,
    .display-7,
    p,
    a {
        line-height: 1;
        word-break: break-word;
        word-wrap: break-word;
        font-weight: 400;
    }

    .display-1 {
        font-family: 'Jost', sans-serif;
        font-size: 4.6rem;
        line-height: 1.1;
    }

    .display-4 {
        font-family: 'Jost', sans-serif;
        font-size: 1.1rem;
        line-height: 1.5;
    }

    .display-7 {
        font-family: 'Jost', sans-serif;
        font-size: 1.2rem;
        line-height: 1.5;
    }

    @media (max-width: 768px) {
        .display-1 {
            font-size: 3.22rem;
            font-size: calc(2.26rem + (4.6 - 2.26) * ((100vw - 20rem) / (48 - 20)));
            line-height: calc(1.1 * (2.26rem + (4.6 - 2.26) * ((100vw - 20rem) / (48 - 20))));
        }

        .display-4 {
            font-size: 0.88rem;
            font-size: calc(1.0350000000000001rem + (1.1 - 1.0350000000000001) * ((100vw - 20rem) / (48 - 20)));
            line-height: calc(1.4 * (1.0350000000000001rem + (1.1 - 1.0350000000000001) * ((100vw - 20rem) / (48 - 20))));
        }

        .display-7 {
            font-size: 0.96rem;
            font-size: calc(1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20)));
            line-height: calc(1.4 * (1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20))));
        }
    }

    .footer4 {
        padding-top: 5rem;
        padding-bottom: 5rem;
        background-color: #232323;
    }

    .footer4 .media-wrap {
        padding: 0;

    }

    .media-wrap img {
        display: block;
        width: 100%;
    }

    .title {
        color: #fff;
        font-style: normal;
        line-height: 1.3;
    }

    .footer4 .social-row {
        display: flex;
        flex-wrap: wrap;
    }

    .footer4 .soc-item {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background-color: white;
        margin-right: 0.5rem;
        margin-bottom: 1rem;
        padding: 0.5rem;
        height: 2.5rem;
        width: 2.5rem;
    }

    .footer4 .list {
        list-style: none;
        padding-left: 0;
        color: #bbbbbb;
    }

    .footer4 .text {
        color: #bbbbbb;
    }

    .footer4 .iconfont {
        color: black;
    }

    @media (max-width: 767px) {
        .footer4 .row {
            text-align: center;
        }

        .footer4 .social-row {
            justify-content: center;
        }

        .footer4 .row>div {
            margin: auto;
        }

        @media (max-width: 991px) {
            .footer4 .list {
                margin-bottom: 2rem;
            }

            .footer4 .media-wrap {
                margin-bottom: 1rem;
            }
        }

        @media (min-width: 992px) {
            .footer4 .list {
                margin-bottom: 0rem;
            }
        }
    }
}

.qa-footer2 {
    .btn-light {
        background-color: #fff;
        border-color: #dee2e6;
        color: #212529;
    }

    .list-menu a:hover {
        color: #fff
    }

    .list-menu {
        list-style: none;

        padding-left: 0
    }

    .list-menu li>a {
        text-decoration: none
    }

    .list-menu li>a:hover {

        font-weight: 600;
        text-decoration: underline
    }
}

.qa-footer3 {
    .list-menu {
        list-style: none;
        padding-left: 0
    }

    .list-menu li>a {
        display: block;
        color: rgba(255, 255, 255, .7);
        text-decoration: none
    }

    .list-menu li>a:hover {
        color: #fff;
        text-decoration: underline
    }
}

.qa-footer4 {
    .list-menu {
        list-style: none;
        padding-left: 0
    }

    .list-menu li>a {
        color: #51585e;
        text-decoration: none
    }

    .list-menu li>a:hover {
        color: #0d6efd;
        text-decoration: underline
    }
}

.qa-footer5 {
    .list-icon,

    .list-menu {
        list-style: none;
        padding-left: 0
    }

    .list-menu li>a {
        display: block;
        color: #51585e;
        text-decoration: none
    }

    .list-menu li>a:hover {
        color: #0d6efd;
        text-decoration: underline
    }
}

.qa-footer6 {
    .btn-light {
        background-color: #fff;
        border-color: #dee2e6;
        color: #212529
    }

    .btn-light i {
        color: #9da1a7
    }

    .btn-light:hover i {
        color: #0d6efd
    }

    .list-menu {
        list-style: none;
        padding-left: 0
    }

    .list-menu li>a {
        color: #51585e;
        text-decoration: none
    }

    .list-menu li>a:hover {
        color: #0d6efd;
        text-decoration: underline
    }
}

.qa-footer7 {
    .btn-light {
        background-color: #fff;
        border-color: #dee2e6;
        color: #212529
    }

    .btn-light i {
        color: #9da1a7
    }

    .btn-light:hover i {
        color: #0d6efd
    }

    .list-menu {
        list-style: none;
        padding-left: 0
    }

    .list-menu li>a {
        color: #51585e;
        text-decoration: none
    }

    .list-menu li>a:hover {
        color: #0d6efd;
        text-decoration: underline
    }
}

.qa-footer8 {
h1,
.display-1,
.display-4,
.display-7,
p,
a {
    line-height: 1;
    word-break: break-word;
    word-wrap: break-word;
    font-weight: 400;
}

.display-1 {
    font-family: 'Jost', sans-serif;
    font-size: 4.6rem;
    line-height: 1.1;
}

.display-4 {
    font-family: 'Jost', sans-serif;
    font-size: 1.1rem;
    line-height: 1.5;
}

.display-7 {
    font-family: 'Jost', sans-serif;
    font-size: 1.2rem;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .display-1 {
        font-size: 3.22rem;
        font-size: calc(2.26rem + (4.6 - 2.26) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc(1.1 * (2.26rem + (4.6 - 2.26) * ((100vw - 20rem) / (48 - 20))));
    }

    .display-4 {
        font-size: 0.88rem;
        font-size: calc(1.0350000000000001rem + (1.1 - 1.0350000000000001) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc(1.4 * (1.0350000000000001rem + (1.1 - 1.0350000000000001) * ((100vw - 20rem) / (48 - 20))));
    }

    .display-7 {
        font-size: 0.96rem;
        font-size: calc(1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc(1.4 * (1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20))));
    }
}

.footer1 {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-color: #232323;
}

.title {
    color: #fff;
    font-style: normal;
    line-height: 1.3;
}

.footer1 .social-row {
    display: flex;
    flex-wrap: wrap;
}

.footer1 .soc-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: white;
    margin-right: 0.5rem;
    margin-bottom: 1rem;
    padding: 0.5rem;
    height: 2.5rem;
    width: 2.5rem;
}

.footer1 .list {
    list-style: none;
    padding-left: 0;
    color: #bbbbbb;
}

@media (max-width: 767px) {
    .footer1 .row {
        text-align: center;
    }

    .footer1 .social-row {
        justify-content: center;
    }
}

@media (max-width: 991px) {
    .footer1 .list {
        margin-bottom: 2rem;
    }
}

@media (min-width: 992px) {
    .footer1 .list {
        margin-bottom: 0rem;
    }
}

.footer1 .text {
    color: #bbbbbb;
}

.footer1 .iconfont {
    color: black;
}
}

.qa-footer9 {
h1,
.display-1,
.display-4,
.display-7,
p,
a {
    line-height: 1;
    word-break: break-word;
    word-wrap: break-word;
    font-weight: 400;
}

.display-1 {
    font-family: 'Jost', sans-serif;
    font-size: 4.6rem;
    line-height: 1.1;
}

.display-4 {
    font-family: 'Jost', sans-serif;
    font-size: 1.1rem;
    line-height: 1.5;
}

.display-7 {
    font-family: 'Jost', sans-serif;
    font-size: 1.2rem;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .display-1 {
        font-size: 3.22rem;
        font-size: calc(2.26rem + (4.6 - 2.26) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc(1.1 * (2.26rem + (4.6 - 2.26) * ((100vw - 20rem) / (48 - 20))));
    }

    .display-4 {
        font-size: 0.88rem;
        font-size: calc(1.0350000000000001rem + (1.1 - 1.0350000000000001) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc(1.4 * (1.0350000000000001rem + (1.1 - 1.0350000000000001) * ((100vw - 20rem) / (48 - 20))));
    }

    .display-7 {
        font-size: 0.96rem;
        font-size: calc(1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc(1.4 * (1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20))));
    }
}

.footer3 {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #232323;
}

.footer3 .row-links {
    width: 100%;
    justify-content: center;
}

.footer3 .social-row {
    width: 100%;
    justify-content: center;
}

.footer3 .media-container-row {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.footer3 .media-container-row .foot-menu {
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 0;
}

.footer3 .media-container-row .foot-menu li {
    padding: 0 1rem 1rem 1rem;
}

.footer3 .media-container-row .foot-menu li a {
    text-decoration: none;
}

.footer3 .media-container-row .foot-menu li a:hover {
    text-decoration: none;
    color: #c7c7c7 !important;
}

.footer3 .media-container-row .foot-menu li p {
    margin: 0;
}

.footer3 .media-container-row .social-list {
    width: auto;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.footer3 .media-container-row .social-list .iconfont {
    font-size: 1.5rem;
    color: #ffffff;
}

.footer3 .media-container-row .social-list .soc-item {
    margin: 0 .5rem;
}

.footer3 .media-container-row .social-list a {
    margin: 0;
    opacity: .5;
    transition: .2s linear;
}

.footer3 .media-container-row .social-list a:hover {
    opacity: 1;
}

@media (max-width: 767px) {
    .footer3 .media-container-row .social-list {
        -webkit-justify-content: center;
        justify-content: center;
    }
}

.footer3 .media-container-row .row-copirayt {
    word-break: break-word;
    width: 100%;
}

.footer3 .media-container-row .row-copirayt p {
    width: 100%;
}
}

.qa-footer10 {

h1,
.display-1,
.display-4,
.display-7,
p,
a {
    line-height: 1;
    word-break: break-word;
    word-wrap: break-word;
    font-weight: 400;
}

.display-1 {
    font-family: 'Jost', sans-serif;
    font-size: 4.6rem;
    line-height: 1.1;
}

.display-4 {
    font-family: 'Jost', sans-serif;
    font-size: 1.1rem;
    line-height: 1.5;
}

.display-7 {
    font-family: 'Jost', sans-serif;
    font-size: 1.2rem;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .display-1 {
        font-size: 3.22rem;
        font-size: calc(2.26rem + (4.6 - 2.26) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc(1.1 * (2.26rem + (4.6 - 2.26) * ((100vw - 20rem) / (48 - 20))));
    }

    .display-4 {
        font-size: 0.88rem;
        font-size: calc(1.0350000000000001rem + (1.1 - 1.0350000000000001) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc(1.4 * (1.0350000000000001rem + (1.1 - 1.0350000000000001) * ((100vw - 20rem) / (48 - 20))));
    }

    .display-7 {
        font-size: 0.96rem;
        font-size: calc(1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc(1.4 * (1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20))));
    }
}

.title {
    color: #fff;
    font-style: normal;
    line-height: 1.3;
}

.text {
    font-style: normal;
    line-height: 1.7;
}

.footer6 {
    padding-top: 75px;
    padding-bottom: 75px;
    background-color: #232323;
}

.footer6 .list {
    list-style-type: none;
    padding: 0;
}

.footer6 .list a {
    text-decoration: none;
}

@media (max-width: 767px) {
    .footer6 .content {
        text-align: center;
    }

    .footer6 .content>div:not(:last-child) {
        margin-bottom: 2rem;
    }
}

.footer6 .map {
    height: 18.75rem;
}

@media (max-width: 767px) {
    .footer6 .footer-lower .copyright {
        margin-bottom: 1rem;
        text-align: center;
    }
}

.footer6 .footer-lower hr {
    margin: 1rem 0;
    border-color: #fff;
    opacity: 0.05;
}

.footer6 .google-map {
    height: 25rem;
    position: relative;
}

.footer6 .google-map iframe {
    height: 100%;
    width: 100%;
}

.footer6 .google-map [data-state-details] {
    color: #6b6763;
    font-family: Montserrat;
    height: 1.5em;
    margin-top: -0.75em;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}

.footer6 .google-map[data-state] {
    background: #e9e5dc;
}

.footer6 .google-map[data-state="loading"] [data-state-details] {
    display: none;
}

.footer6 .social-list {
    padding-left: 0;
    margin-bottom: 0;
    margin-left: -7px;
    list-style: none;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.footer6 .social-list .iconfont {
    font-size: 1.3rem;
    color: #fff;
}

.footer6 .social-list .soc-item {
    margin: 0 0.5rem;
}

.footer6 .social-list a {
    margin: 0;
    opacity: 0.5;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
}

.footer6 .social-list a:hover {
    opacity: 1;
}

@media (max-width: 767px) {
    .footer6 .social-list {
        -webkit-justify-content: center;
        justify-content: center;
    }
}
}

.qa-footer11 {

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
    line-height: 1.5;
    font-weight: 400;
    font-family: "Poppins", Arial, sans-serif;
}

footer {
    padding: 7em 0;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.8;
    font-weight: normal;
}

.footer-10 {
    background: #222222;
    padding: 0 0 4em 0;
}

.footer-10 .border-top,
.footer-10 .border-bottom {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.footer-10 .footer-heading {
    font-size: 18px;
    color: #fff;
    margin-bottom: 30px;
}

.footer-10 p {
    color: rgba(255, 255, 255, 0.3);
}

.footer-10 a {
    color: #1089ff;
    text-decoration: none;
    background-color: transparent;
}

.footer-10 .con.con-1 {
    background: #1e1e1e;
}

.footer-10 .con.con-2 {
    background: #1c1c1c;
}

.footer-10 .con.con-3 {
    background: #252525;
}

.footer-10 .list-unstyled li a {
    color: rgba(255, 255, 255, 0.2);
}

.footer-10 .list-unstyled li a:hover {
    color: #fff;
}

.footer-10 .con-info .icon {
    width: 50px;
    height: 50px;
    background: #1089ff;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 10px;
}

.footer-10 .con-info .icon span {
    color: #fff;
    font-size: 24px;
}

.footer-10 .con-info span {
    color: rgba(255, 255, 255, 0.8);
}

.footer-10 .subscribe-form .form-group {
    position: relative;
    margin-bottom: 0;
    border-radius: 0;
}

.footer-10 .subscribe-form .form-group input {
    background: white !important;
    border: none !important;
    outline: none !important;
    color: rgba(0, 0, 0, 0.3) !important;
    font-size: 16px;
    border-radius: 0;
}

.footer-10 .subscribe-form .form-group .submit {
    color: #fff !important;
    display: block;
    width: 130px;
    height: 52px;
    font-size: 16px;
    background: #1089ff !important;
    border: none;
    border-radius: 0;
}

.footer-10 .subscribe-form .form-group .submit:hover,
.footer-10 .subscribe-form .form-group .submit:focus {
    text-decoration: none !important;
    outline: none !important;
}

.footer-10 .subscribe-form .subheading {
    display: inline-block;
    margin-top: 5px;
    color: rgba(255, 255, 255, 0.3);
    font-size: 13px;
}


}

.qa-footer12 {
footer {
    padding: 7em 0;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.8;
    font-weight: normal;
}

.footer-01 {
    background: #0d1824;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.footer-01:after {
    position: absolute;
    top: -300px;
    left: -100px;
    width: 800px;
    height: 800px;
    content: '';
    background: url(../images/blob-shape.svg);
    background-position: center center;
    background-size: cover;
    z-index: -1;
    opacity: .05;
}

.block-21 .text {
    width: calc(100% - 100px);
}

.block-21 .img {
    display: block;
    height: 80px;
    width: 80px;
}

.footer-01 a {
    color: #7f72e4;
}

.img,
.blog-img,
.user-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.rounded {
    border-radius: 0.25rem !important;
}

.footer-01 a {
    color: #7f72e4;
    text-decoration: none;
}

.footer-01 p {
    color: rgba(255, 255, 255, 0.6);
}

.footer-01 .copyright {
    color: rgba(255, 255, 255, 0.3);
    color: #999999;
}

.footer-01 .footer-heading {
    font-size: 18px;
    margin-bottom: 30px;
    color: #fff;
    position: relative;

}

.footer-01 .footer-heading:after {
    position: absolute;
    bottom: -4px;
    left: 0;
    content: '';
    width: 40px;
    height: 2px;
    background: #7f72e4;
}

.footer-01 ul.list-unstyled li a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
}

.footer-01 .block-21 .text .heading a {
    color: rgba(255, 255, 255, 0.7);

}

.block-23 ul {
    padding: 0;
}

.block-23 ul li,
.block-23 ul li>a {
    display: table;
    line-height: 1.5;
    margin-bottom: 15px;
}

.block-23 ul li .icon {
    width: 40px;
    font-size: 18px;
    padding-top: 2px;
}

.block-21 .text .heading {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
}

.footer-01 .block-21 .meta>div a {
    color: #7f72e4;
}

.block-21 .text .meta>div {
    display: inline-block;
    font-size: 12px;
    margin-right: 5px;
}

.footer-01 .block-23 ul li {
    color: rgba(255, 255, 255, 0.6);
}

.footer-01 .block-23 ul li a {
    color: rgba(255, 255, 255, 0.6);
    ;
    ;
}

.footer-01 .block-23 ul li .icon {
    color: rgba(255, 255, 255, 0.4);
}

.footer-01 .ftco-footer-social li a {
    background: #7f72e4;
    color: #fff;
}

.ftco-footer-social li a span {
    position: absolute;
    font-size: 20px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.footer-01 .block-23 ul li .icon {
    color: rgba(255, 255, 255, 0.4);
}

.block-23 ul li .icon {
    width: 40px;
    font-size: 18px;
    padding-top: 2px;
}

.block-23 ul li .icon,
.block-23 ul li .text {
    display: table-cell;
    vertical-align: top;
}

.ftco-footer-social li {
    list-style: none;
    margin: 0 10px 0 0;
    display: inline-block;
}

.footer-01 .ftco-footer-social li a {
    background: #7f72e4;
    color: #fff;
}

.ftco-footer-social li a {
    height: 40px;
    width: 40px;
    display: block;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    position: relative;
}
}

.qa-footer13 {
h5 {
    font-size: calc(14px + (18 - 14) * ((100vw - 360px) / (1600 - 360))) !important;
}

button {
    font-size: calc(13px + (16 - 13) * ((100vw - 360px) / (1600 - 320))) !important;
    border-radius: 0 !important;
    padding-left: calc(20px + (28 - 20) * ((100vw - 360px) / (1600 - 360))) !important;
    padding-right: calc(20px + (28 - 20) * ((100vw - 360px) / (1600 - 360))) !important;
    padding-top: calc(10px + (12 - 10) * ((100vw - 360px) / (1600 - 360))) !important;
    padding-bottom: calc(10px + (12 - 10) * ((100vw - 360px) / (1600 - 360))) !important;
    background-color: #383431 !important;
    border: none !important;
}

button:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline-width: 0;
}

li {
    margin-top: 8px;
    margin-bottom: 8px;
    cursor: pointer;
}

input::-webkit-input-placeholder {
    padding-left: 5px !important;
    transform: translate3d(0, -2px, 0)
}

input::placeholder {
    vertical-align: middle !important;
    text-align: center !important;
    color: #42443E !important;
    font-size: calc(12px + (14 - 12) * ((100vw - 360px) / (1600 - 360))) !important;
}

input {
    border-radius: 2px !important;
    background: #fff !important;
    color: #42443E !important;
    border-color: #42443E !important;


}

input:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline-width: 0;
}

img {
    vertical-align: middle !important;
    width: 100%;
    width: calc(30px + 6 * ((100vw - 320px) / 680)) !important;
}

.row-2 li:first-child {
    font-size: 18px !important;
    font-weight: bold;
    margin-bottom: 20px !important;
    text-transform: uppercase;
}

footer {
    overflow-x: hidden !important;
    background-color: #EFEFF9 !important;
    color: #546E7A !important;
}

small {
    font-size: calc(12px + (14 - 12) * ((100vw - 360px) / (1600 - 360))) !important;
}

p {
    font-size: calc(10px + (12 - 10) * ((100vw - 360px) / (1600 - 360))) !important;
}

.social {
    position: relative;
    left: -10px;
}

.btn {
    background-color: #42443E !important;
}

.fa-brands {
    background-color: #42443E !important;
    padding: calc(6px + (8 - 6) * ((100vw - 360px) / (1600 - 360))) !important;
    font-size: calc(14px + (15 - 14) * ((100vw - 360px) / (1600 - 360))) !important;
    width: calc(23px + (30 - 23) * ((100vw - 360px) / (1600 - 360))) !important;
    text-align: center;
    text-decoration: none;
    border-radius: 0px !important;
    margin: 5px 10px 5px 10px !important;
    cursor: pointer;
    color: #fff !important;

}

a {
    text-decoration: none !important;
}

a span {
    font-size: calc(14px + (13 - 14) * ((100vw - 360px) / (1600 - 360))) !important;
}


}

.qa-footer14 {

p {
    font-size: calc(12px + (14 - 12) * ((100vw - 360px) / (1600 - 360))) !important;
    display: fkex;
}

h3 {
    font-size: calc(24px + (30 - 24) * ((100vw - 360px) / (1600 - 360))) !important;
}

.social {
    font-size: 21px !important;
}


.color-text {
    color: #757575 !important;
}


footer {
    color: #caced1 !important;
}

li {
    margin-top: 20px;
    margin-bottom: 20px;
}

.Careers {
    cursor: pointer;
    color: #1E88E5;
}

.row-1 {
    background-color: #1E242A !important;
}

.row-2 {

    background-color: #28323C !important;
}
}

.qa-footer15 {

.Quickappz_area {
    position: relative;
    z-index: 1;
}

.foo_top_header_one {
    background-color: #15151e;
    color: #fff;
}

.section_padding_100_70 {
    padding-top: 100px;
    padding-bottom: 70px;
}

.foo_top_header_one {
    color: #fff;
}

.Quickappz_part {
    margin-bottom: 30px;
}

.foo_top_header_one .Quickappz_part>h5 {
    color: #fff;
}

.Quickappz_part h4,
.Quickappz_part h5 {
    margin-bottom: 30px;
}

.Quickappz_single_contact_info>p,
.Quickappz_single_contact_info>h5,
.Quickappz_blog_area>a,
.foo_top_header_one .Quickappz_part>p {
    color: rgba(255, 255, 255, .5);
    text-decoration: none;
}

p,
ul li,
ol li {
    font-weight: 300;
}

ul {
    margin: 0;
    padding: 0;
}

.Quickappz_bottom_header_one {
    background-color: #111;

}

.section_padding_50 {
    padding: 50px 0;
}

.Quickappz_bottom_header_one p {
    color: #fff;
    margin: 0;
}

p,
ul li,
ol li {
    font-weight: 300;
}

.Quickappz_bottom_header_one a {
    color: inherit;
    font-size: 14px;
    text-decoration: none;
}

a,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

.m-top-15 {
    margin-top: 15px;
}

ul {
    margin: 0;
    padding: 0;
}

.Quickappz_widget>li {
    display: inline-block;
}

p,
ul li,
ol li {
    font-weight: 300;
}

ol li,
ul li {
    list-style: outside none none;
}

.Quickappz_widget a {
    border: 1px solid #333;
    border-radius: 6px;
    color: #888;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 4px;
    padding: 7px 12px;
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
}

.Quickappz_links a {
    border-bottom: 1px solid #333;
    color: rgba(255, 255, 255, .5);
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
    padding-bottom: 10px;
    text-decoration: none;
}

.m-top-15 {
    margin-top: 15px;
}

.foo_top_header_one .Quickappz_part>h5 {
    color: #fff;
}

.Quickappz_part h4,
.Quickappz_part h5 {
    margin-bottom: 30px;
}

.Quickappz_social_links>li {
    display: inline-block;
}

p,
ul li,
ol li {
    font-weight: 300;
}

.Quickappz_social_links a {
    border: 1px solid #333;
    border-radius: 6px;
    color: #888;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 3px;
    padding: 7px 12px;
    text-decoration: none;
}

.Quickappz_blog_area .Quickappz_date {
    color: #27ae60;
    font-size: 13px;
    margin-bottom: 5px;
}

.Quickappz_blog_area>p {
    color: rgba(255, 255, 255, .5);
    line-height: 1.3;
    margin-bottom: 0;
}

.Quickappz_works>a {
    display: inline-block;
    float: left;
    position: relative;
    width: 33.33333333%;
    z-index: 1;
}

.Quickappz_thumb {
    left: 0;
    position: absolute;
    top: 0;
    width: 75px;
}

.Quickappz_links a i {
    padding-right: 10px;
}

/* :: 18.0 Footer Area CSS */

.footer_area {
    position: relative;
    z-index: 1;
}

.footer_bottom p>i,
.footer_bottom p>a:hover {
    color: #27ae60;
}

.social_links_area {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 50px 0 30px 0;
    text-align: center;
    position: relative;
    z-index: 1;
}

.social_links_area>a:hover {
    color: #27ae60;
}

.inline-style .social_links_area>a:hover {
    background-color: transparent;
    color: #27ae60;
    border: 0px solid transparent;
}

.single_feature:hover .feature_text h4 {
    color: #27ae60;
}

.Quickappz_blog_area {
    border-bottom: 1px solid #333;
    margin-bottom: 15px;
    padding: 0 0 15px 90px;
    position: relative;
    z-index: 1;
}

.Quickappz_links a {
    border-bottom: 1px solid #333;
    color: rgba(255, 255, 255, .5);
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
    padding-bottom: 10px;
}
}

.qa-footer16 {
.bg-grey {
    background: #292929;
}

.logo-footer {
    margin-bottom: 40px;
}

footer {
    font-family: 'Signika', sans-serif;
    color: grey;
}

footer p,
a {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

footer h6 {
    font-family: 'Playfair Display', serif;
    margin-bottom: 40px;
    position: relative;
}

footer h6:after {
    position: absolute;
    content: "";
    background: grey;
    width: 12%;
    height: 1px;
    left: 0;
    bottom: -20px;
}

.btn-footer {
    color: grey;

    text-decoration: none;
    border: 1px solid;
    border-radius: 43px;
    font-size: 13px;
    padding: 7px 30px;
    line-height: 47px;
}

.btn-footer:hover {

    text-decoration: none;

}

.form-footer input[type="text"] {
    border: none;
    border-radius: 16px 0 0 16px;
    outline: none;
    padding-left: 10px;

}

::placeholder {
    font-size: 10px;
    padding-left: 10px;
    font-style: italic;
}

.form-footer input[type="button"] {
    border: none;
    background: #232323;
    margin-left: -5px;
    color: #fff;
    outline: none;
    border-radius: 0 16px 16px 0;
    padding: 2px 12px;
}

.social .fa-brands {
    color: grey;
    font-size: 22px;
    padding: 10px 15px;
    background: #3c3c3c;
}

footer ul li {
    list-style: none;
    display: block;
}

footer ul {
    padding-left: 0;
}

footer ul li a {
    text-decoration: none;
    color: grey;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #f5f5f5 !important;

}

.logo-part {
    border-right: 1px solid grey;
    height: 100%;
}
}

.qa-footer17 {


p {
    font-size: 14px;
}

.container-fluid {
    background-color: #4527A0;
    color: #fff;
}

.line {
    border-top: 1px solid #7B1FA2;
    width: 90% !important;
}

.fa-mobile {
    font-size: 20px;
}

#contact {
    font-size: 15px;
}

.grey-text {
    color: lightgrey;
}
}


/* End of Footer */


/* TopNavbar */
.qa-topnav2,.qa-topnav4,.qa-topnav7,.qa-topnav9{
	background-color: #fff;
}

.qa-topnav1 {}

.qa-topnav2 {

	.navbar-transparent {
		background: transparent;
	}

	.navbar-light .navbar-nav .nav-link {
		color: #fff;
	}

	.navbar-nav>li:hover {
		border-bottom: 1px solid #ff7a7a;
	}

	.navbar-nav>.active {
		border-bottom: 1px solid #fff;
	}

	.navbar-brand {
		font-family: 'Allerta Stencil', sans-serif;
		color: #83ff00;
	}

	.navbar-brand:hover {
		color: #ff9898;
	}
}

.qa-topnav3 {


	.navbar-dark .navbar-nav .nav-link {
		color: #fff;
	}

	.topbar {
		background-color: #212529;
		padding: 0;
	}

	.topbar .container .row {
		margin: -7px;
		padding: 0;
	}

	.topbar .container .row .col-md-12 {
		padding: 0;
	}

	.topbar p {
		margin: 0;
		display: inline-block;
		font-size: 13px;
		color: #f1f6ff;
	}

	.topbar p>i {
		margin-right: 5px;
	}

	.topbar p:last-child {
		text-align: right;
	}


	.topbar li.topbar {
		display: inline;
		padding-right: 18px;
		line-height: 52px;
		transition: all .3s linear;
	}

	.topbar li.topbar:hover {
		color: #1bbde8;
	}

	.topbar ul.info i {
		color: #131313;
		font-style: normal;
		margin-right: 8px;
		display: inline-block;
		position: relative;
		top: 4px;
	}

	.topbar ul.info li {
		float: right;
		padding-left: 30px;
		color: #ffffff;
		font-size: 13px;
		line-height: 44px;
	}

	.topbar ul.info i span {
		color: #aaa;
		font-size: 13px;
		font-weight: 400;
		line-height: 50px;
		padding-left: 18px;
	}

	ul.social-network {
		border: none;
		margin: 0;
		padding: 0;
	}

	ul.social-network li {
		border: none;
		margin: 0;
	}

	ul.social-network li i {
		margin: 0;
	}

	ul.social-network li {
		display: inline;
		margin: 0 5px;
		border: 0px solid #2D2D2D;
		padding: 5px 0 0;
		width: 32px;
		display: inline-block;
		text-align: center;
		height: 32px;
		vertical-align: baseline;
		color: #000;
	}

	ul.social-network {
		list-style: none;
		margin: 5px 0 10px -25px;
		float: right;
	}

	.waves-effect {
		position: relative;
		cursor: pointer;
		display: inline-block;
		overflow: hidden;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-tap-highlight-color: transparent;
		vertical-align: middle;
		z-index: 1;
		will-change: opacity, transform;
		transition: .3s ease-out;
		color: #fff;
	}

	a {
		color: #0a0a0a;
		text-decoration: none;
	}

	li {
		list-style-type: none;
	}

	.bg-image-full {
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}

	.bg-dark {
		background-color: #222 !important;
	}

	.mx-background-top-linear {
		background: -webkit-linear-gradient(45deg, #00d2ff 48%, #1b1e21 48%);
		background: -webkit-linear-gradient(left, #00d2ff 48%, #1b1e21 48%);
		background: linear-gradient(45deg, #00d2ff 48%, #1b1e21 48%);
	}

}

.qa-topnav4 {
	.header-top-dark .nav-link {
		color: inherit;
		font-weight: normal
	}

	.header-top-dark .nav-link:hover {
		color: #fff
	}

	.brand-wrap {
		opacity: .75
	}

	.brand-wrap:hover {
		opacity: 1
	}

	.btn-light {
		background-color: #fff;
		border-color: #dee2e6;
		color: #212529
	}

	.btn-light i {
		color: #9da1a7;
	}

	.btn-light:hover i {
		color: #0d6efd
	}

	.rating-stars i {
		font-size: 14px;
		color: #ccc;
		display: inline
	}

	.rating-stars li.stars-active {
		z-index: 2;
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden
	}
}

.qa-topnav5 {
	.yellow {
		background: #fae8d2;
		box-shadow: 4px 6px 12px rgba(0, 0, 0, 0.4)
	}

	.nav-item .active {
		border-radius: 6px;
		background: linear-gradient(145deg, #ffe7ca, #f5d7b2);
		box-shadow: 4px 4px 8px #ddc1a0,
			-4px -4px 8px #f7e5cc;
	}

	.yellow .dropdown-menu a:hover {
		color: #454545
	}

	.yellow .nav-item {
		margin: auto 4px;
	}

	.yellow a {

		padding-left: 12px;
		padding-right: 12px;
	}

	.yellow .dropdown-menu {
		background: #545454;

	}

	.yellow .dropdown-menu .dropdown-item {

		color: #fff;
	}

	a.navbar-brand {
		color: #454545
	}
}

.qa-topnav6 {
	a {
		font-size: 14px;
		font-weight: 700
	}

	.superNav {
		font-size: 13px;
	}

	.form-control {
		outline: none !important;
		box-shadow: none !important;
	}

	@media screen and (max-width:540px) {
		.centerOnMobile {
			text-align: center
		}
	}
}

.qa-topnav7 {


	.dropdown-menu {
		background: #03727d;
	}

	a.dropdown-toggle {
		color: #0000008c;
	}

	a.dropdown-item:hover {
		color: #03727d;
	}

	.nav-item a {
		font-family: 'Cabin', sans-serif;
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 2px;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
		color: #0000008c;
	}

	.nav-item a:hover {
		color: #fff
	}

	.nav-item {
		min-width: 12vw;
	}

	#mainNavigation {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 123;
		padding-bottom: 120px;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
		background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
		/* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
		/* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
		/* IE6-9 */
	}

	#navbarSupportedContent.collapsing .navbar-nav,
	#navbarSupportedContent.show .navbar-nav {
		background: #037582;
		padding: 12px;
	}
}

.qa-topnav8 {
	a.nav-link {
		color: #343434;
		text-decoration: none;
		min-width: 80px
	}

	a.nav-link.active {
		color: #000;
		font-weight: 700
	}
}

.qa-topnav9 {
	.nav-item {
		font-size: 18px;
		text-transform: uppercase;
		height: 82px;
		line-height: 64px;
	}

	.flare {
		background: #ef662b;
	}

	.flare a.nav-link {
		color: #fff !important
	}

	.topbarElements>div:nth-of-type(1) {
		font-size: 48px;
		margin: 12px 32px;
		color: #ef662b
	}

	@media screen and (min-width:1040px) {
		.flare {
			margin-right: -10px;
		}
	}

	@media screen and (max-width:1029px) {
		.navbar-nav {
			margin-bottom: 15px;
			text-align: center
		}

		.nav-item {
			background: rgba(255, 255, 255, 0.1);
			margin: 2px;
		}
	}
}

.qa-topnav10 {
	.navbarBgDark {
		background: #030f27;
	}

	.navbar-brand {
		color: #fff;
	}

	.nav-link {
		color: #fff;
	}

	.nav-link:hover {
		color: #eda72f;
	}

	.nav-link:active {
		color: #eda72f;
	}

	.getBtn {
		color: #fff;
	}

	@media screen and (max-width:797px) {
		.navbarBgDark {
			background: #5883af;
		}
	}
}

.qa-topnav11 {
	.navbar-nav>li>a {
		text-transform: uppercase;
		font-size: 12px;
		margin-right: 20px;
		color: #fff;
	}


	.navbar-toggler {
		padding: .20rem .50rem;
		font-size: 1.25rem;
		line-height: 1;
		background-color: transparent;
		border: 1px solid white;

	}

	.nav-link {

		color: #fff !important;
	}


	.wrapper {
		width: 100%;
		position: absolute;
		height: 100%;
		background-color: #000;
		clip-path: polygon(81% 0, 100% 0, 100% 50%, 100% 100%, 71% 100%);
		transition: 1s all;
	}

	.navbar-brand {

		color: #fff;
		font-family: 'Allerta Stencil', sans-serif;
		margin-bottom: 4px;
		font-size: 27px;
	}

	.navbar-red:hover .wrapper {

		clip-path: polygon(81% 0, 100% 0, 100% 50%, 100% 100%, 65% 100%);

	}

	.navbar-brand:hover {

		color: #fff;

	}

	.navbar-red {

		background-color: #B31B1B;
		color: #fff;

	}

	.all-show {

		z-index: 10;
	}
}

/* End of TopNavbar */

/* Services */


.qa-services1{
    head,
body {
	background-color: lightcyan
}

.card {
	cursor: pointer
}

.hd {
	font-size: 25px;
	font-weight: 550
}

.card.hover,
.card:hover {
	box-shadow: 0 20px 40px rgba(0, 0, 0, .2)
}

.img {
	margin-bottom: 35px;
	-webkit-filter: drop-shadow(5px 5px 5px #222);
	filter: drop-shadow(5px 5px 5px #222)
}

.card-title {
	font-weight: 600
}

button.focus,
button:focus {
	outline: 0;
	box-shadow: none !important
}

.ft {
	margin-top: 25px
}

.chk {
	margin-bottom: 5px
}

.rck {
	margin-top: 20px;
	padding-bottom: 15px
}
   }
.qa-services2{
    background-color: #B3E5FC;

.card {
	border: none;
	border-radius: 20px;
	transition: all 0.5s;
	cursor: pointer;
}

.card:hover {
	transform: scale(1.1);
}

.heading {
	font-size: 32px;
	font-weight: bold;
	text-align: center
}

.name {
	font-size: 15px;
	font-weight: bold
}

.square {
	background-color: #fedcdd;
	height: 30px;
	width: 30px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center
}

.email {
	font-size: 14px;
	margin-left: 25px;
	font-weight: bold
}

.dummytext {
	font-size: 12px;
	font-weight: normal;
	color: #848590
}

.icons i {
	color: #FA222A;
	margin-left: 25px
}

.icons span {
	font-size: 13px;
	font-weight: normal;
	color: #848590
}

.square1 {
	background-color: #cfe3fe;
	height: 30px;
	width: 30px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center
}

.icons1 i {
	color: #497eea;
	margin-left: 25px
}

.icons1 span {
	font-size: 13px;
	font-weight: normal;
	color: #848590
}

.square2 {
	background-color: #ffefc5;
	height: 30px;
	width: 30px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center
}

.icons2 i {
	color: #ffc227;
	margin-left: 25px
}

.icons2 span {
	font-size: 13px;
	font-weight: normal;
	color: #848590
}

.square5 {
	background-color: #41cfff;
	height: 30px;
	width: 30px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center
}

.icons5 i {
	color: #41cfff;
	margin-left: 25px
}

.icons5 span {
	font-size: 13px;
	font-weight: normal;
	color: #848590
}

.square4 {
	background-color: #eae6fd;
	height: 30px;
	width: 30px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center
}

.icons4 i {
	color: #6a35ff;
	margin-left: 25px
}

.icons4 span {
	font-size: 13px;
	font-weight: normal;
	color: #848590
}

.square3 {
	background-color: #fedfce;
	height: 30px;
	width: 30px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center
}

.icons3 i {
	color: #ff8339;
	margin-left: 25px
}

.icons3 span {
	font-size: 13px;
	font-weight: normal;
	color: #848590
}
}
.qa-services3{
    .container-fluid {
	background-color: #000;
    padding-bottom: 10px;
}

.card {
	border: none;
}

.integration {
	font-size: 16px;
	font-weight: 500;
	color: #0d968d;
}

.improve {
	font-size: 13px;
	color: #99a0b0;
}

.btn1 {
	width: 90px;
	height: 28px;
	background-color: #c4c8d0;
	color: #7c8493;
	border: none;
	border-radius: 8px;
	transition: all 0.6s;
}

.google {
	font-size: 17px;
	font-weight: 700;
}

.btn1:hover {
	background-color: #0d968d;
	color: #b0dcda;
}

.text {
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	color: #0d968d;
}

.btn2 {
	background-color: #0d968d;
	border: none;
	height: 28px;
	width: 120px;
	color: #81c8c3;
	border-radius: 8px;
}
}
.qa-services4{
  /* your CSS goes here*/
.title {
	color: #fa9746;
	margin-bottom: 30px;
	position: relative;
}

.title::before {
	position: absolute;
	left: -29px;
	top: 0;
	height: 20px;
	width: 20px;
	transform: rotate(45deg);
	background-color: #7499f1;
	box-shadow: 0px 4px 4px 0px #aaa;
	border-radius: 4px;
	content: '';
}

.title::after {
	position: absolute;
	left: -19px;
	top: 25px;
	height: 14px;
	width: 14px;
	transform: rotate(45deg);
	background-color: #7499f1;
	box-shadow: 0px 4px 4px 0px #aaa;
	border-radius: 4px;
	content: '';
}

/* services */
.services {
	padding: 40px;
	position: relative;
}

.services .square {
	height: 100px;
	width: 100px;
	margin: 30px auto 40px;
	position: relative;
	border-radius: 15px;
	transform: rotate(45deg);
	padding: 10px;
	background-color: #7499f1;
	box-shadow: 0px 0px 27px 0px #ccc;
	border: 2px dotted #eaf3fa;
}

.square i {
	transform: rotate(315deg);
	display: block;
	color: #eaf3fa;
	font-size: 40px;
	padding-top: 17px;
	padding-right: 14px;
}

.services .square::before {
	position: absolute;
	left: -10px;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #fa9746;
	content: '';
}

.services .square::after {
	position: absolute;
	left: 50px;
	top: 66px;
	width: 1px;
	height: 88%;
	background-color: #fa9746;
	content: '';
	transform: rotate(90deg);
}

.services .serv .num {
	width: 60px;
	height: 60px;
	background-color: #7499f1;
	box-shadow: 0px 0px 15px 0px #00a9d3;
	margin: -38px auto 15px auto;
	border-radius: 50%;
	color: #fff;
	font-size: 30px;
	padding-top: 7px;
	border: 1px dashed;
}

.services .serv h5 {
	color: #fa9746;
}

.services .serv p {
	color: #777;
}

.services .serv hr {
	width: 30px;
	border-top: 3px solid rgb(0 169 211);
}  
}
.qa-services5{
    body {
	margin-top: 20px;
}

/* --------------------------------------------ICON LIST-------------------------------------------- */
ul.i-list {
	padding-left: 0;
	list-style: none;
}

ul.i-list .list-title {
	display: inline-block;
	position: absolute;
}

ul.i-list li {
	padding: 2px 0px;
}

ul.i-list i.fa {
	margin-right: 7px;
}

ul.i-list .list-item {
	margin-top: 3px;
	display: inline-block;
}

ul.i-list.filled i.fa {
	color: white;
	font-size: 9px;
	padding: 5px;
	border-radius: 50%;
}

ul.e-icon-list.filled li {
	padding: 2px 0px;
	line-height: 24px;
}

ul.i-list.underline li {
	padding: 6px 0px;
	border-bottom: 1px solid #eee;
}

ul.i-list.medium li {
	padding-bottom: 25px;
	position: relative;
}

ul.i-list.medium .icon {
	margin-right: 25px;
	color: white;
	font-size: 25px;
	text-align: center;
	line-height: 68px;
	width: 68px;
	height: 68px;
	border-radius: 50%;
	box-shadow: 0 5px 16px rgba(0, 0, 0, .28);
	position: relative;
	z-index: 1;
	/*background-image: url(../img/crease.svg) !important;-moz-background-size: 100% 100% !important;background-size: 100% 100% !important;background-position: center center !important;*/
}

ul.i-list.medium .icon i.fa {
	margin: 0;
}

ul.i-list.medium.bordered .icon {
	background: white;
	color: inherit;
	border: 2px solid #8fc135;
	font-size: 26px;
	color: #8fc135;
	position: relative;
	z-index: 1;
	box-shadow: 0 8px 22px rgba(0, 0, 0, .28);
}

ul.i-list.medium .list-item {
	text-transform: uppercase;
}

ul.i-list.large .icon {
	margin-right: 30px;
	background: #d0d0d0;
	color: white;
	font-size: 30px;
	text-align: center;
	line-height: 80px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	box-shadow: 0 8px 22px rgba(0, 0, 0, .28);
}

ul.i-list.large .icon i.fa {
	margin: 0;
}

ul.i-list.large.bordered .icon {
	background: inherit;
	color: inherit;
	border: 2px solid #8fc135;
	font-size: 30px;
	color: #8fc135;
}

ul.i-list.large .list-item {
	text-transform: uppercase;
}

ul.i-list .icon {
	float: left;
}

ul.i-list.right {
	text-align: right;
}

ul.i-list.right .icon {
	float: right;
}

ul.i-list.right .icon {
	float: right;
	margin-right: 0;
	margin-left: 25px;
}

ul.i-list.large.right .icon {
	float: right;
	margin-right: 0;
	margin-left: 30px;
}

ul.i-list.large li {
	margin-bottom: 25px;
}

ul.i-list .icon-content {
	overflow: hidden;
}

ul.i-list .icon-content .title {
	margin-top: 5px;
	margin-bottom: 10px;
}

.left-line .iconlist-timeline {
	left: auto;
	right: 35px;
}

.iconlist-timeline {
	position: absolute;
	top: 1%;
	left: 32px;
	width: 1px;
	height: 99%;
	border-right-width: 1px;
	border-right-style: dashed;
	height: 100%;
	border-color: #ccc;
}

.icon {
	background-color: #0cb4ce;
}

separator,
.testimonial-two,
.exp-separator-inner {
	border-color: #0cb4ce;
}

.exp-separator {
	border-color: #0cb4ce;
	border-top-width: 2px;
	margin-top: 10px;
	margin-bottom: 2px;
	width: 100%;
	max-width: 55px;
	border-top-style: solid;
	height: auto;
	clear: both;
	position: relative;
	z-index: 11;
}

.section-sub-title {
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: 400;
	font-family: Poppins;
}

.section-title {
	font-size: 32px;
	font-weight: 600;
	margin-top: 0.45em;
	margin-bottom: 0.35em;
	color: #303133;
	font-family: Poppins;
	letter-spacing: -0.02em;
}

.pb-20 {
	padding-bottom: 20px !important;
}

.text-center {
	text-align: center !important;
}

.center-separator .exp-separator-inner,
.center-separator.exp-separator {
	margin-left: auto;
	margin-right: auto;
}    
}
.qa-services6{
    #services .services-top {
	padding: 70px 0 50px;
}

#services .services-list {
	padding-top: 50px;
}

.services-list .service-block {
	margin-bottom: 25px;
}

.services-list .service-block .ico {
	font-size: 38px;
	float: left;
}

.services-list .service-block .text-block {
	margin-left: 58px;
}

.services-list .service-block .text-block .name {
	font-size: 20px;
	font-weight: 900;
	margin-bottom: 5px;
}

.services-list .service-block .text-block .info {
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 10px;
}

.services-list .service-block .text-block .text {
	font-size: 12px;
	line-height: normal;
	font-weight: 300;
}

.highlight {
	color: #2ac5ed;
	font-weight: bold;
}
}
.qa-services7{
    body {
	margin-top: 20px;
	background: #eee;
}

.card::after {
	display: block;
	position: absolute;
	bottom: -10px;
	left: 20px;
	width: calc(100% - 40px);
	height: 35px;
	background-color: #fff;
	-webkit-box-shadow: 0 19px 28px 5px rgba(64, 64, 64, 0.09);
	box-shadow: 0 19px 28px 5px rgba(64, 64, 64, 0.09);
	content: '';
	z-index: -1;
}

a.card {
	text-decoration: none;
}

.card {
	position: relative;
	border: 0;
	border-radius: 0;
	background-color: #fff;
	-webkit-box-shadow: 0 12px 20px 1px rgba(64, 64, 64, 0.09);
	box-shadow: 0 12px 20px 1px rgba(64, 64, 64, 0.09);
}

.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-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: .25rem;
}

.box-shadow {
	-webkit-box-shadow: 0 12px 20px 1px rgba(64, 64, 64, 0.09) !important;
	box-shadow: 0 12px 20px 1px rgba(64, 64, 64, 0.09) !important;
}

.ml-auto,
.mx-auto {
	margin-left: auto !important;
}

.mr-auto,
.mx-auto {
	margin-right: auto !important;
}

.rounded-circle {
	border-radius: 50% !important;
}

.bg-white {
	background-color: #fff !important;
}

.ml-auto,
.mx-auto {
	margin-left: auto !important;
}

.mr-auto,
.mx-auto {
	margin-right: auto !important;
}

.d-block {
	display: block !important;
}

img,
figure {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.card-text {
	padding-top: 12px;
	color: #8c8c8c;
}

.text-sm {
	font-size: 12px !important;
	font-weight: 700;
}

p,
.p {
	margin: 0 0 16px;
}

.card-title {
	margin: 0;
	font-family: "Montserrat", sans-serif;
	font-size: 18px;
	font-weight: 900;
}

.pt-1,
.py-1 {
	padding-top: .25rem !important;
}

.head-icon {
	margin-top: 18px;
	color: #FF4200;
}
}
.qa-services8{
    body {
	margin-top: 20px;
}

/* Feature Box---------------------*/
.feature-box-1 {
	padding: 32px;
	box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
	margin: 15px 0;
	position: relative;
	z-index: 1;
	border-radius: 10px;
	overflow: hidden;
	-moz-transition: ease all 0.35s;
	-o-transition: ease all 0.35s;
	-webkit-transition: ease all 0.35s;
	transition: ease all 0.35s;
	top: 0;
}

.feature-box-1 * {
	-moz-transition: ease all 0.35s;
	-o-transition: ease all 0.35s;
	-webkit-transition: ease all 0.35s;
	transition: ease all 0.35s;
}

.feature-box-1 .icon {
	width: 70px;
	height: 70px;
	line-height: 70px;
	background: #fc5356;
	color: #ffffff;
	text-align: center;
	border-radius: 50%;
	margin-bottom: 22px;
	font-size: 27px;
}

.feature-box-1 .icon i {
	line-height: 70px;
}

.feature-box-1 h5 {
	color: #20247b;
	font-weight: 600;
}

.feature-box-1 p {
	margin: 0;
}

.feature-box-1:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: auto;
	right: 0;
	border-radius: 10px;
	width: 0;
	background: #20247b;
	z-index: -1;
	-moz-transition: ease all 0.35s;
	-o-transition: ease all 0.35s;
	-webkit-transition: ease all 0.35s;
	transition: ease all 0.35s;
}

.feature-box-1:hover {
	top: -5px;
}

.feature-box-1:hover h5 {
	color: #ffffff;
}

.feature-box-1:hover p {
	color: rgba(255, 255, 255, 0.8);
}

.feature-box-1:hover:after {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	left: 0;
	right: auto;
}

.section {
	padding: 100px 0;
	position: relative;
}

.section-title {
	padding-bottom: 45px;
}

.section-title h2 {
	font-weight: 700;
	color: #20247b;
	font-size: 45px;
	margin: 0 0 15px;
	border-left: 5px solid #fc5356;
	padding-left: 15px;
}
}
.qa-services9{
    .service-container {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.service-container .icon {
  margin-top: 5%;
  font-size: 38px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.service-container .number-icon .icon-2 {
  height: 70px;
  width: 70px;
  line-height: 80px;
  border-radius: 64% 36% 55% 45% / 76% 72% 28% 24% !important;
  border-color: #f89d36 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.service-container .number-icon .icon-2 i {
  font-size: 30px;
}

.service-container .number-icon .number {
  position: absolute;
  top: 0;
  right: 70px;
  left: 0;
  height: 35px;
  width: 35px;
  margin: 0 auto;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.service-container .number-icon .number span {
  line-height: 30px;
}

.service-container .content .number {
  font-size: 40px;
  color: #dee2e6;
}

.service-container .content .title {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.service-container.hover-bg {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.service-container.hover-bg .smooth-icon {
  position: absolute;
  bottom: -40px;
  right: -20px;
  font-size: 60px;
  color: #f8f9fa;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.service-container.hover-bg:hover {
  background-color: #f89d36;
}

.service-container.hover-bg:hover .content .title {
  color: #ffffff !important;
}

.service-container.hover-bg:hover .content .serv-pera {
  color: #fafafb !important;
}

.service-container.hover-bg:hover .smooth-icon {
  font-size: 100px;
  opacity: 0.2;
  bottom: -20px;
  right: 10px;
}

.service-container:hover {
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 25px rgba(47, 60, 78, 0.15) !important;
          box-shadow: 0 10px 25px rgba(47, 60, 78, 0.15) !important;
}

.service-container:hover .icon {
  color: #f89d36;
  -webkit-animation: mover 1s infinite alternate;
          animation: mover 1s infinite alternate;
}

.service-container:hover .number-icon .icon-2 {
  background-color: #f89d36;
  border-radius: 50% !important;
}

.service-container:hover .number-icon .icon-2 i {
  color: #ffffff !important;
}

.service-container:hover .number-icon .number {
  color: #ffffff;
  background: #f89d36 !important;
  border-color: #ffffff !important;
}

.service-container:hover .content .title {
  color: #f89d36;
}

.service-container a:hover,
.service-container a .title:hover {
  color: #f89d36 !important;
}

@-webkit-keyframes mover {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

@keyframes mover {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

.service-wrapper {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.service-wrapper .icon {
  width: 60px;
  height: 60px;
  line-height: 45px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.service-wrapper .content .title {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-weight: 500;
}

.service-wrapper .big-icon {
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0.05;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.service-wrapper:hover {
  -webkit-box-shadow: 0 10px 25px rgba(47, 60, 78, 0.15) !important;
          box-shadow: 0 10px 25px rgba(47, 60, 78, 0.15) !important;
  background: #ffffff;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
  border-color: transparent !important;
}

.service-wrapper:hover .icon {
  background: #0062ff !important;
  color: #ffffff !important;
}

.service-wrapper:hover .big-icon {
  z-index: -1;
  opacity: 0.1;
  font-size: 160px;
}

.text-custom {
    color: #0062ff !important;
}

.uim-svg {
    display: inline-block;
    height: 1em;
    vertical-align: -0.125em;
    font-size: inherit;
    fill: var(--uim-color, currentColor);
}

      a{
          text-decoration: none;
      }a:hover{
          text-decoration: underline;
      }  
}
.qa-services10{
    .service-26 {
	font-family: "Montserrat", sans-serif;
	color: #8d97ad;
	font-weight: 300;
}

.service-26 h1,
.service-26 h2,
.service-26 h3,
.service-26 h4,
.service-26 h5,
.service-26 h6 {
	color: #3e4555;
}

.service-26 .font-weight-medium {
	font-weight: 500;
}

.service-26 .badge {
	line-height: 14px;
}

.service-26 .badge-info {
	background: #188ef4;
}

.service-26 .wrap-service-26 .max-box {
	max-width: 580px;
}

.service-26 a {
	text-decoration: none;
}

.service-26 .linking {
	color: #3e4555;
}

.service-26 .linking:hover {
	color: #316ce8;
}
    
}
.qa-services11{
    /*@import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500);*/
.service-12 {
	font-family: "Montserrat", sans-serif;
	color: #8d97ad;
	font-weight: 300;
}

.service-12 h1,
.service-12 h2,
.service-12 h3,
.service-12 h4,
.service-12 h5,
.service-12 h6 {
	color: #3e4555;
}

.service-12 h6 {
	line-height: 22px;
	font-size: 18px;
}

.service-12 .font-weight-medium {
	font-weight: 500;
}

.service-12 .badge {
	line-height: 14px;
}

.service-12 .badge-info {
	background: #188ef4;
}

.service-12 .subtitle {
	color: #8d97ad;
	line-height: 24px;
}

.service-12 .card.card-shadow {
	-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
	box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
}

.service-12 .img-shadow {
	-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.3);
	box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.3);
}

.service-12 .wrap-service12 .img-hover {
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.service-12 .wrap-service12 .img-hover:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.service-12 .wrap-service12 .uneven-box {
	margin-top: 100px;
}

.service-12 .btn-info-gradiant {
	background: #188ef4;
	background: -webkit-linear-gradient(legacy-direction(to right), #188ef4 0%, #316ce8 100%);
	background: -webkit-gradient(linear, left top, right top, from(#188ef4), to(#316ce8));
	background: -webkit-linear-gradient(left, #188ef4 0%, #316ce8 100%);
	background: -o-linear-gradient(left, #188ef4 0%, #316ce8 100%);
	background: linear-gradient(to right, #188ef4 0%, #316ce8 100%);
}

.service-12 .btn-info-gradiant:hover {
	background: #316ce8;
	background: -webkit-linear-gradient(legacy-direction(to right), #316ce8 0%, #188ef4 100%);
	background: -webkit-gradient(linear, left top, right top, from(#316ce8), to(#188ef4));
	background: -webkit-linear-gradient(left, #316ce8 0%, #188ef4 100%);
	background: -o-linear-gradient(left, #316ce8 0%, #188ef4 100%);
	background: linear-gradient(to right, #316ce8 0%, #188ef4 100%);
}

.service-12 .btn-md {
	padding: 15px 45px;
	font-size: 16px;
}

@media (max-width: 767px) {
	.service-12 .wrap-service-12 .uneven-box {
		margin-top: 0px;
	}
}
}
.qa-services12{
  
.service-21 {
	font-family: "Montserrat", sans-serif;
	color: #ffffff;
	font-weight: 300;
}

.service-21 h3 {
	line-height: 36px;
	font-size: 30px;
}

.service-21 .badge {
	line-height: 14px;
}

.service-21 .badge-info {
	background: #188ef4;
}

.service-21 .op-8 {
	opacity: 0.8;
}

.service-21.wrap-service21-box {
	background-size: cover;
	background-attachment: fixed;
	background-position: left center;
}

.service-21 .btn-info-gradiant {
	background: #188ef4;
	background: -webkit-linear-gradient(legacy-direction(to right), #188ef4 0%, #316ce8 100%);
	background: -webkit-gradient(linear, left top, right top, from(#188ef4), to(#316ce8));
	background: -webkit-linear-gradient(left, #188ef4 0%, #316ce8 100%);
	background: -o-linear-gradient(left, #188ef4 0%, #316ce8 100%);
	background: linear-gradient(to right, #188ef4 0%, #316ce8 100%);
}

.service-21 .btn-info-gradiant:hover {
	background: #316ce8;
	background: -webkit-linear-gradient(legacy-direction(to right), #316ce8 0%, #188ef4 100%);
	background: -webkit-gradient(linear, left top, right top, from(#316ce8), to(#188ef4));
	background: -webkit-linear-gradient(left, #316ce8 0%, #188ef4 100%);
	background: -o-linear-gradient(left, #316ce8 0%, #188ef4 100%);
	background: linear-gradient(to right, #316ce8 0%, #188ef4 100%);
}

.service-21 .btn-md {
	padding: 15px 45px;
	font-size: 16px;
}
}
.qa-services13{
   /*@import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500);*/
.service-37 {
	font-family: "Montserrat", sans-serif;
	color: #8d97ad;
	font-weight: 300;
}

.service-37 h1,
.service-37 h2,
.service-37 h3,
.service-37 h4,
.service-37 h5,
.service-37 h6 {
	color: #3e4555;
}

.service-37 h5 {
	font-size: 18px;
}

.service-37 .subtitle {
	color: #8d97ad;
	line-height: 24px;
}

.service-37 .card.card-shadow {
	-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
	box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
}

/*.service-37 .max-600 {max-width: 600px;}*/
.service-37 .btn-info-gradiant {
	background: #188ef4;
	background: -webkit-linear-gradient(legacy-direction(to right), #188ef4 0%, #316ce8 100%);
	background: -webkit-gradient(linear, left top, right top, from(#188ef4), to(#316ce8));
	background: -webkit-linear-gradient(left, #188ef4 0%, #316ce8 100%);
	background: -o-linear-gradient(left, #188ef4 0%, #316ce8 100%);
	background: linear-gradient(to right, #188ef4 0%, #316ce8 100%);
	border: 0px;
	color: #ffffff;
}

.service-37 .btn-md {
	padding: 15px 35px;
	font-size: 16px;
}

.service-37 .text-success-gradiant {
	background: #2cdd9b;
	background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%);
	background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc));
	background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
	background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
	background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
}

.service-37 .display-5 {
	font-size: 2.5rem;
} 
}
.qa-services14{
    /* @import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800);*/
.service-17 {
	font-family: "Montserrat", sans-serif;
	color: #8d97ad;
	font-weight: 300;
}

.service-17 h1,
.service-17 h2,
.service-17 h3,
.service-17 h4,
.service-17 h5,
.service-17 h6 {
	color: #3e4555;
}

.service-17 h5 {
	line-height: 26px;
	font-size: 21px;
}

.service-17 .font-weight-medium {
	font-weight: 500;
}

.service-17 .display-5 {
	font-size: 2.5rem;
}

.service-17 .text-info-gradiant {
	background: #188ef4;
	background: -webkit-linear-gradient(legacy-direction(to right), #188ef4 0%, #316ce8 100%);
	background: -webkit-gradient(linear, left top, right top, from(#188ef4), to(#316ce8));
	background: -webkit-linear-gradient(left, #188ef4 0%, #316ce8 100%);
	background: -o-linear-gradient(left, #188ef4 0%, #316ce8 100%);
	background: linear-gradient(to right, #188ef4 0%, #316ce8 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
}

.service-17 .btn-success-gradiant {
	background: #2cdd9b;
	background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%);
	background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc));
	background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
	background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
	background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%);
}

.service-17 .btn-success-gradiant:hover {
	background: #1dc8cc;
	background: -webkit-linear-gradient(legacy-direction(to right), #1dc8cc 0%, #2cdd9b 100%);
	background: -webkit-gradient(linear, left top, right top, from(#1dc8cc), to(#2cdd9b));
	background: -webkit-linear-gradient(left, #1dc8cc 0%, #2cdd9b 100%);
	background: -o-linear-gradient(left, #1dc8cc 0%, #2cdd9b 100%);
	background: linear-gradient(to right, #1dc8cc 0%, #2cdd9b 100%);
}

.service-17 .btn-md {
	padding: 15px 45px;
	font-size: 16px;
}
}
.qa-services15{
  /*@import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500);*/
.service-7 {
	font-family: "Montserrat", sans-serif;
	color: #8d97ad;
	font-weight: 300;
}

.service-7 h1,
.service-7 h2,
.service-7 h3,
.service-7 h4,
.service-7 h5,
.service-7 h6 {
	color: #3e4555;
}

.service-7 .font-weight-medium {
	font-weight: 600;
}

.service-7 a {
	text-decoration: none;
}

.service-7 .linking {
	color: #3e4555;
}

.service-7 .linking:hover {
	color: #316ce8;
}

.service-7 .subtitle {
	color: #8d97ad;
	line-height: 24px;
}

.service-7 .btn-info-gradiant {
	background: #188ef4;
	background: -webkit-linear-gradient(legacy-direction(to right), #188ef4 0%, #316ce8 100%);
	background: -webkit-gradient(linear, left top, right top, from(#188ef4), to(#316ce8));
	background: -webkit-linear-gradient(left, #188ef4 0%, #316ce8 100%);
	background: -o-linear-gradient(left, #188ef4 0%, #316ce8 100%);
	background: linear-gradient(to right, #188ef4 0%, #316ce8 100%);
}

.service-7 .btn-info-gradiant:hover {
	background: #316ce8;
	background: -webkit-linear-gradient(legacy-direction(to right), #316ce8 0%, #188ef4 100%);
	background: -webkit-gradient(linear, left top, right top, from(#316ce8), to(#188ef4));
	background: -webkit-linear-gradient(left, #316ce8 0%, #188ef4 100%);
	background: -o-linear-gradient(left, #316ce8 0%, #188ef4 100%);
	background: linear-gradient(to right, #316ce8 0%, #188ef4 100%);
}

.service-7 .btn-md {
	padding: 15px 45px;
	font-size: 16px;
}  
}
.qa-services16{
  /*@import url(//fonts.googleapis.com/css?family=Montserrat:300,500);*/
.service-27 {
	font-family: "Montserrat", sans-serif;
	color: #8d97ad;
	font-weight: 300;
}

.service-27 h1,
.service-27 h2,
.service-27 h3,
.service-27 h4,
.service-27 h5,
.service-27 h6 {
	color: #3e4555;
}

.service-27 .font-weight-medium {
	font-weight: 500;
}

.service-27 .bg-light {
	background-color: #f4f8fa !important;
}

.service-27 .badge {
	line-height: 14px;
}

.service-27 .badge-info {
	background: #188ef4;
}

.service-27 a {
	text-decoration: none;
}

.service-27 .linking {
	color: #3e4555;
}

.service-27 .linking:hover {
	color: #316ce8;
}

.service-27 .text-info-gradiant {
	background: #188ef4;
	background: -webkit-linear-gradient(legacy-direction(to right), #188ef4 0%, #316ce8 100%);
	background: -webkit-gradient(linear, left top, right top, from(#188ef4), to(#316ce8));
	background: -webkit-linear-gradient(left, #188ef4 0%, #316ce8 100%);
	background: -o-linear-gradient(left, #188ef4 0%, #316ce8 100%);
	background: linear-gradient(to right, #188ef4 0%, #316ce8 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
}

.service-27 .display-5 {
	font-size: 2.5rem;
}  
}
.qa-services17{
   /*@import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800);*/
.service-39 {
	font-family: "Montserrat", sans-serif;
	color: #8d97ad;
	font-weight: 300;
}

.service-39 h1,
.service-39 h2,
.service-39 h3,
.service-39 h4,
.service-39 h5,
.service-39 h6 {
	color: #3e4555;
}

.service-39 h5 {
	line-height: 26px;
	font-size: 21px;
}

.service-39 .subtitle {
	color: #8d97ad;
	line-height: 24px;
}

.service-39 .text-success-gradiant {
	background: #2cdd9b;
	background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%);
	background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc));
	background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
	background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
	background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
}

.wrap-service39-box .col-lg-6>img {
	margin-left: -40px;
}

.service-39 .display-5 {
	font-size: 2.5rem;
}

.service-39 .btn-success-gradiant {
	background: #2cdd9b;
	background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%);
	background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc));
	background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
	background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
	background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%);
}

.service-39 .btn-success-gradiant:hover {
	background: #1dc8cc;
	background: -webkit-linear-gradient(legacy-direction(to right), #1dc8cc 0%, #2cdd9b 100%);
	background: -webkit-gradient(linear, left top, right top, from(#1dc8cc), to(#2cdd9b));
	background: -webkit-linear-gradient(left, #1dc8cc 0%, #2cdd9b 100%);
	background: -o-linear-gradient(left, #1dc8cc 0%, #2cdd9b 100%);
	background: linear-gradient(to right, #1dc8cc 0%, #2cdd9b 100%);
}

.service-39 .btn-md {
	padding: 15px 45px;
	font-size: 16px;
}

@media only screen and (max-width: 768px) {
	.card-body {
		text-align: center;
	}
} 
}
.qa-services18{
    body {
	padding: 0 20px;
	height: 100vh;
	background: rgb(98, 9, 121);
	background: #000046;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #1CB5E0, #000046);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #1CB5E0, #000046);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	background-size: cover;
	background-repeat: none;
	margin: 0 auto;
	display: grid;
	place-items: center
}

.container {
	margin-top: 40px
}

.section-title {
	margin-bottom: 38px
}

.shadow,
.subscription-wrapper {
	box-shadow: 0px 15px 39px 0px rgba(8, 18, 109, 0.1) !important
}

.icon-primary {
	color: #062caf
}

.icon-bg-circle {
	position: relative
}

.icon-lg {
	font-size: 50px
}

.icon-bg-circle::before {
	z-index: 1;
	position: relative
}

.icon-bg-primary::after {
	background: #062caf !important
}

.icon-bg-circle::after {
	content: '';
	position: absolute;
	width: 68px;
	height: 68px;
	top: -35px;
	left: 15px;
	border-radius: 50%;
	background: inherit;
	opacity: .1
}

p,
.paragraph {
	font-weight: 400;
	color: #8b8e93;
	font-size: 15px;
	line-height: 1.6;
	font-family: "Open Sans", sans-serif
}

.icon-bg-yellow::after {
	background: #f6a622 !important
}

.icon-bg-purple::after {
	background: #7952f5
}

.icon-yellow {
	color: #f6a622
}

.icon-purple {
	color: #7952f5
}

.icon-cyan {
	color: #02d0a1
}

.icon-bg-cyan::after {
	background: #02d0a1
}

.icon-bg-red::after {
	background: #ff4949
}

.icon-red {
	color: #ff4949
}

.icon-bg-green::after {
	background: #66cc33
}

.icon-green {
	color: #66cc33
}

.icon-bg-orange::after {
	background: #ff7c17
}

.icon-orange {
	color: #ff7c17
}

.icon-bg-blue::after {
	background: #3682ff
}

.icon-blue {
	color: #3682ff
}
}
.qa-services19{
    .serviceBox {
	color: #5557b4;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	padding: 10px 10px 30px;
	border: 3px solid #5557b4;
	position: relative;
	z-index: 1;
}

.serviceBox:before,
.serviceBox:after {
	content: "";
	background: #fff;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
}

.serviceBox:after {
	background: #5557b4;
	width: 50%;
	height: 100%;
	box-shadow: none;
	transform: translateX(0) translateY(0);
	top: 0;
	left: auto;
	right: 0;
	z-index: -2;
}

.serviceBox .service-icon {
	color: #fff;
	background: #5557b4;
	font-size: 40px;
	line-height: 85px;
	width: 85px;
	height: 85px;
	margin: 0 0 25px;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.serviceBox .title {
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 10px 10px;
}

.serviceBox .description {
	color: #888;
	font-size: 14px;
	line-height: 22px;
	text-align: justify;
	margin: 0 15px 0;
}

@media only screen and (max-width: 1199px) {
	.serviceBox {
		margin: 0 0 40px;
	}
}
}
.qa-services20{
    .serviceBox {
	color: #8CACAA;
	background: #8CACAA;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	padding: 70px 20px 40px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	position: relative;
	z-index: 1;
}

.serviceBox:before {
	content: "";
	background: #fff;
	width: 100%;
	height: 100%;
	border-radius: 130px 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.serviceBox .title {
	color: #8CACAA;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0 0 7px;
}

.serviceBox .description {
	color: #888;
	font-size: 15px;
	line-height: 25px;
	text-align: justify;
	margin: 0 0 15px;
}

.serviceBox .service-icon {
	font-size: 40px;
	line-height: 40px;
}

.serviceBox.yellow {
	color: #F8B501;
	background: #F8B501;
}

.serviceBox.yellow .title {
	color: #F8B501;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0 0 7px;
}

.serviceBox.red {
	color: #F54646;
	background: #F54646;
}

.serviceBox.red .title {
	color: #F54646;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0 0 7px;
}

.serviceBox.purple {
	color: #920C60;
	background: #920C60;
}

.serviceBox.purple .title {
	color: #920C60;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0 0 7px;
}

@media only screen and (max-width: 1199px) {
	.serviceBox {
		margin: 0 0 30px;
	}
}
}
.qa-services21{
    .serviceBox {
	font-family: 'Varela Round', sans-serif;
	padding: 25px 0 0 25px;
}

.serviceBox .service-icon {
	color: #555;
	background: #ffff;
	font-size: 37px;
	text-align: center;
	line-height: 82px;
	width: 80px;
	height: 80px;
	margin: 0 0 45px;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), 0 0 0 20px #FD6A6B, 0 0 0 25px #fff, 0 0 60px rgba(0, 0, 0, 0.7);
}

.serviceBox .title {
	color: #555;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	padding: 0 0 5px;
	margin: 0 0 5px;
	border-bottom: 2px solid #FD6A6B;
}

.serviceBox .description {
	color: #555;
	font-size: 13px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0.5px;
	margin: 0;
}

.serviceBox.blue {
	color: #26B9DB;
}

.serviceBox.blue .service-icon {
	color: #555;
	background: #ffff;
	font-size: 37px;
	text-align: center;
	line-height: 82px;
	width: 80px;
	height: 80px;
	margin: 0 0 45px;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), 0 0 0 20px #26B9DB, 0 0 0 25px #fff, 0 0 60px rgba(0, 0, 0, 0.7);
}

.serviceBox.blue .title {
	color: #555;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	padding: 0 0 5px;
	margin: 0 0 5px;
	border-bottom: 2px solid #26B9DB;
}

.serviceBox.green {
	color: #ABCF55;
}

.serviceBox.green .service-icon {
	color: #555;
	background: #ffff;
	font-size: 37px;
	text-align: center;
	line-height: 82px;
	width: 80px;
	height: 80px;
	margin: 0 0 45px;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), 0 0 0 20px #ABCF55, 0 0 0 25px #fff, 0 0 60px rgba(0, 0, 0, 0.7);
}

.serviceBox.green .title {
	color: #555;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	padding: 0 0 5px;
	margin: 0 0 5px;
	border-bottom: 2px solid #ABCF55;
}

.serviceBox.yellow {
	color: #EFBF5B;
}

.serviceBox.yellow .service-icon {
	color: #555;
	background: #ffff;
	font-size: 37px;
	text-align: center;
	line-height: 82px;
	width: 80px;
	height: 80px;
	margin: 0 0 45px;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), 0 0 0 20px #EFBF5B, 0 0 0 25px #fff, 0 0 60px rgba(0, 0, 0, 0.7);
}

.serviceBox.yellow .title {
	color: #555;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	padding: 0 0 5px;
	margin: 0 0 5px;
	border-bottom: 2px solid #EFBF5B;
}

@media only screen and (max-width: 1199px) {
	.serviceBox {
		margin: 0 0 30px;
	}
}
}
.qa-services22{
    :root {
	--color1: #F5BC15;
	--color2: #E59702;
}

.serviceBox {
	font-family: 'Varela Round', sans-serif;
	text-align: right;
	padding: 0 0 10px;
	box-shadow: -20px 0 40px -20px rgba(0, 0, 0, 0.25) inset;
}

.serviceBox .service-icon {
	color: #fff;
	background: linear-gradient(#F5BC15, #E59702);
	font-size: 37px;
	text-align: center;
	line-height: 82px;
	width: 80px;
	height: 80px;
	margin: 0 0 25px;
	border-radius: 40px 0;
	display: inline-block;
}

.serviceBox .title {
	color: #E59702;
	font-size: 18px;
	font-weight: 600;
	font-style: italic;
	text-transform: capitalize;
	text-align: center;
	letter-spacing: 0.5px;
	margin: 0 15px 10px;
}

.serviceBox .description {
	color: #555;
	font-size: 13px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0.5px;
	text-align: center;
	margin: 0 25px;
}

.serviceBox.magenta {
	color: #BA2680;
}

.serviceBox.magenta .service-icon {
	color: #fff;
	background: linear-gradient(#E757AC, #BA2680);
	font-size: 37px;
	text-align: center;
	line-height: 82px;
	width: 80px;
	height: 80px;
	margin: 0 0 25px;
	border-radius: 40px 0;
	display: inline-block;
}

.serviceBox.magenta .title {
	color: #BA2680;
	font-size: 18px;
	font-weight: 600;
	font-style: italic;
	text-transform: capitalize;
	text-align: center;
	letter-spacing: 0.5px;
	margin: 0 15px 10px;
}

.serviceBox.purple {
	color: #6E438F;
}

.serviceBox.purple .service-icon {
	color: #fff;
	background: linear-gradient(#946EB3, #6E438F);
	font-size: 37px;
	text-align: center;
	line-height: 82px;
	width: 80px;
	height: 80px;
	margin: 0 0 25px;
	border-radius: 40px 0;
	display: inline-block;
}

.serviceBox.purple .title {
	color: #6E438F;
	font-size: 18px;
	font-weight: 600;
	font-style: italic;
	text-transform: capitalize;
	text-align: center;
	letter-spacing: 0.5px;
	margin: 0 15px 10px;
}

.serviceBox.blue {
	color: #30A5BD;
}

.serviceBox.blue .service-icon {
	color: #fff;
	background: linear-gradient(#54D0E6, #30A5BD);
	font-size: 37px;
	text-align: center;
	line-height: 82px;
	width: 80px;
	height: 80px;
	margin: 0 0 25px;
	border-radius: 40px 0;
	display: inline-block;
}

.serviceBox.blue .title {
	color: #30A5BD;
	font-size: 18px;
	font-weight: 600;
	font-style: italic;
	text-transform: capitalize;
	text-align: center;
	letter-spacing: 0.5px;
	margin: 0 15px 10px;
}

@media only screen and (max-width: 1199px) {
	.serviceBox {
		margin: 0 0 30px;
	}
}
}
.qa-services23{
    .serviceBox {
	background: linear-gradient(to top right, #fff, #e9e9e9);
	font-family: 'Poppins', sans-serif;
	text-align: center;
	padding: 25px 0 10px;
	margin: 0 10px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	position: relative;
	z-index: 1;
}

.serviceBox:after {
	content: '';
	background-color: #D20B54;
	clear: both;
	display: block;
	height: 10px;
	width: calc(100% - 20px);
	margin: 25px auto 0;
}

.serviceBox .service-icon {
	color: #fff;
	background-color: #D20B54;
	font-size: 40px;
	width: 55%;
	padding: 4px 10px 2px;
	margin: 0 0 25px -10px;
	position: relative;
}

.serviceBox .service-icon:after {
	content: '';
	background: linear-gradient(to top right, transparent 50%, #aaa 50%);
	height: 10px;
	width: 10px;
	position: absolute;
	left: 0;
	bottom: -10px;
}

.serviceBox .title {
	color: #D20B54;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0 15px 10px;
}

.serviceBox .description {
	font-size: 13px;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: 0.5px;
	margin: 0 15px;
}

.serviceBox.purple {
	color: #7D1B87;
}

.serviceBox.purple .service-icon {
	color: #fff;
	background-color: #7D1B87;
	font-size: 40px;
	width: 55%;
	padding: 4px 10px 2px;
	margin: 0 0 25px -10px;
	position: relative;
}

.serviceBox.purple:after {
	content: '';
	background-color: #7D1B87;
	clear: both;
	display: block;
	height: 10px;
	width: calc(100% - 20px);
	margin: 25px auto 0;
}

.serviceBox.purple .title {
	color: #7D1B87;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0 15px 10px;
}

.serviceBox.orange {
	color: #E75516;
}

.serviceBox.orange .service-icon {
	color: #fff;
	background-color: #E75516;
	font-size: 40px;
	width: 55%;
	padding: 4px 10px 2px;
	margin: 0 0 25px -10px;
	position: relative;
}

.serviceBox.orange:after {
	content: '';
	background-color: #E75516;
	clear: both;
	display: block;
	height: 10px;
	width: calc(100% - 20px);
	margin: 25px auto 0;
}

.serviceBox.orange .title {
	color: #E75516;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0 15px 10px;
}

.serviceBox.green {
	color: #0BA360;
}

.serviceBox.green .service-icon {
	color: #fff;
	background-color: #0BA360;
	font-size: 40px;
	width: 55%;
	padding: 4px 10px 2px;
	margin: 0 0 25px -10px;
	position: relative;
}

.serviceBox.green:after {
	content: '';
	background-color: #0BA360;
	clear: both;
	display: block;
	height: 10px;
	width: calc(100% - 20px);
	margin: 25px auto 0;
}

.serviceBox.green .title {
	color: #0BA360;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0 15px 10px;
}

@media only screen and (max-width: 1199px) {
	.serviceBox {
		margin: 0 15px 30px;
	}
}  
}
.qa-services24{
    .serviceBox {
	font-family: 'Poppins', sans-serif;
	text-align: center;
	padding: 25px 35px 40px;
	position: relative;
	z-index: 1;
}

.serviceBox:before,
.serviceBox:after {
	content: "";
	background-color: #5EA400;
	height: 100px;
	border-radius: 50%;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.serviceBox:after {
	background-color: #fff;
	height: auto;
	border-radius: 50%/15%;
	top: 0;
	left: 15px;
	right: 15px;
	bottom: 15px;
}

.serviceBox .service-icon {
	color: #5EA400;
	font-size: 40px;
	margin: 0 0 20px;
}

.serviceBox .title {
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	margin: 0 0 10px;
}

.serviceBox .description {
	font-size: 13px;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: 0.5px;
	text-align: center;
	margin: 0;
}

.serviceBox.red {
	color: #FF4E01;
}

.serviceBox.red:before,
.serviceBox.red:after {
	content: "";
	background-color: #FF4E01;
	height: 100px;
	border-radius: 50%;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.serviceBox.red:after {
	background-color: #fff;
	height: auto;
	border-radius: 50%/15%;
	top: 0;
	left: 15px;
	right: 15px;
	bottom: 15px;
}

.serviceBox.red .service-icon {
	color: #FF4E01;
	font-size: 40px;
	margin: 0 0 20px;
}

.serviceBox.red .title {
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	margin: 0 0 10px;
}

.serviceBox.red .description {
	font-size: 13px;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: 0.5px;
	text-align: center;
	margin: 0;
}

.serviceBox.green {
	color: #008B85;
}

.serviceBox.green:before,
.serviceBox.green:after {
	content: "";
	background-color: #008B85;
	height: 100px;
	border-radius: 50%;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.serviceBox.green:after {
	background-color: #fff;
	height: auto;
	border-radius: 50%/15%;
	top: 0;
	left: 15px;
	right: 15px;
	bottom: 15px;
}

.serviceBox.green .service-icon {
	color: #008B85;
	font-size: 40px;
	margin: 0 0 20px;
}

.serviceBox.green .title {
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	margin: 0 0 10px;
}

.serviceBox.green .description {
	font-size: 13px;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: 0.5px;
	text-align: center;
	margin: 0;
}

.serviceBox.orange {
	color: #FF7C19;
}

.serviceBox.orange:before,
.serviceBox.orange:after {
	content: "";
	background-color: #FF7C19;
	height: 100px;
	border-radius: 50%;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.serviceBox.orange:after {
	background-color: #fff;
	height: auto;
	border-radius: 50%/15%;
	top: 0;
	left: 15px;
	right: 15px;
	bottom: 15px;
}

.serviceBox.orange .service-icon {
	color: #FF7C19;
	font-size: 40px;
	margin: 0 0 20px;
}

.serviceBox.orange .title {
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	margin: 0 0 10px;
}

.serviceBox.orange .description {
	font-size: 13px;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: 0.5px;
	text-align: center;
	margin: 0;
}

@media only screen and (max-width: 1199px) {
	.serviceBox {
		margin: 0 0 30px;
	}
} 
}
.qa-services25{
    .serviceBox {
	color: #CB4D27;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	padding: 10px 15px 30px;
	position: relative;
	z-index: 1;
}

.serviceBox:before,
.serviceBox:after {
	content: "";
	background: linear-gradient(to left bottom, #eee, #fff, #fff);
	border-radius: 15px;
	position: absolute;
	top: 45px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	box-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
	z-index: -1;
}

.serviceBox:after {
	background: #CB4D27;
	width: 50%;
	height: 50%;
	border-radius: 0 0 20px 0;
	box-shadow: none;
	top: auto;
	left: auto;
	bottom: 0;
	right: 0;
	z-index: -2;
}

.serviceBox .service-icon {
	color: #CB4D27;
	background: #fff;
	font-size: 40px;
	line-height: 70px;
	width: 70px;
	height: 70px;
	margin: 0 0 30px;
	border-radius: 50px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3), 0 0 0 8px #CB4D27;
	;
}

.serviceBox .title {
	font-size: 19px;
	font-weight: 600;
	text-transform: capitalize;
	margin: 0 10px 10px;
}

.serviceBox .description {
	color: #888;
	font-size: 14px;
	line-height: 22px;
	text-align: justify;
	margin: 0 15px;
}

.serviceBox.golden {
	color: #D49530;
}

.serviceBox.golden .service-icon {
	color: #D49530;
	background: #fff;
	font-size: 40px;
	line-height: 70px;
	width: 70px;
	height: 70px;
	margin: 0 0 30px;
	border-radius: 50px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3), 0 0 0 8px #D49530;
}

.serviceBox.golden:after {
	background: #D49530;
	width: 50%;
	height: 50%;
	border-radius: 0 0 20px 0;
	box-shadow: none;
	top: auto;
	left: auto;
	bottom: 0;
	right: 0;
	z-index: -2;
}

.serviceBox.green {
	color: #8BC904;
}

.serviceBox.green .service-icon {
	color: #8BC904;
	background: #fff;
	font-size: 40px;
	line-height: 70px;
	width: 70px;
	height: 70px;
	margin: 0 0 30px;
	border-radius: 50px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3), 0 0 0 8px #8BC904;
}

.serviceBox.green:after {
	background: #8BC904;
	width: 50%;
	height: 50%;
	border-radius: 0 0 20px 0;
	box-shadow: none;
	top: auto;
	left: auto;
	bottom: 0;
	right: 0;
	z-index: -2;
}

.serviceBox.dark-green {
	color: #02917E;
}

.serviceBox.dark-green .service-icon {
	color: #02917E;
	background: #fff;
	font-size: 40px;
	line-height: 70px;
	width: 70px;
	height: 70px;
	margin: 0 0 30px;
	border-radius: 50px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3), 0 0 0 8px #02917E;
}

.serviceBox.dark-green:after {
	background: #02917E;
	width: 50%;
	height: 50%;
	border-radius: 0 0 20px 0;
	box-shadow: none;
	top: auto;
	left: auto;
	bottom: 0;
	right: 0;
	z-index: -2;
}

@media only screen and (max-width: 1199px) {
	.serviceBox {
		margin: 0 0 30px;
	}
}
}
.qa-services26{
    .serviceBox {
	color: #09BAC7;
	background: #09BAC7;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
	padding: 30px 15px 15px;
	border-radius: 25px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.serviceBox .title {
	color: #222;
	background: #fff;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 15px 5px 10px;
	margin: 0 0 15px;
	box-shadow: inset 0px 7px 15px 0px rgba(0, 0, 0, 0.3);
	border-radius: 50px;
}

.serviceBox .service-content {
	background: #fff;
	padding: 20px 15px;
	border-radius: 15px;
	box-shadow: inset 0 -8px 15px 0px rgba(0, 0, 0, 0.3);
}

.serviceBox .description {
	color: #333;
	font-size: 16px;
	line-height: 25px;
	letter-spacing: 0.3px;
	text-align: justify;
	margin: 0 0 15px;
}

.serviceBox .service-icon {
	font-size: 40px;
	line-height: 40px;
}

.serviceBox.pink {
	color: #DD016D;
	background: #DD016D;
}

.serviceBox.orange {
	color: #F69220;
	background: #F69220;
}

.serviceBox.purple {
	color: #940D61;
	background: #940D61;
}

@media only screen and (max-width: 1199px) {
	.serviceBox {
		margin: 0 0 40px;
	}
}
}
.qa-services27{
    .serviceBox {
	font-family: 'Poppins', sans-serif;
	text-align: center;
	padding: 40px 15px 15px;
	box-shadow: 0 0 25px -8px rgba(0, 0, 0, 0.4);
	position: relative;
	z-index: 1;
}

.serviceBox:before {
	content: "";
	background: #096276;
	width: 100%;
	height: 110px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	clip-path: polygon(0 0, 100% 100%, 0% 100%);
}

.serviceBox .title {
	color: #096276;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0 0 25px;
}

.serviceBox .description {
	color: #555;
	font-size: 15px;
	font-weight: 500;
	line-height: 25px;
	margin: 0 0 25px;
}

.serviceBox .service-icon {
	color: #fff;
	background-color: #096276;
	font-size: 40px;
	line-height: 80px;
	height: 100px;
	width: 100px;
	margin: 0 auto;
	border: 10px solid #fff;
	border-radius: 50%;
}

.serviceBox.yellow {
	color: #FDA702;
}

.serviceBox.yellow:before {
	content: "";
	background: #FDA702;
	width: 100%;
	height: 110px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	clip-path: polygon(0 0, 100% 100%, 0% 100%);
}

.serviceBox.yellow .title {
	color: #FDA702;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0 0 25px;
}

.serviceBox.yellow .service-icon {
	color: #fff;
	background-color: #FDA702;
	font-size: 40px;
	line-height: 80px;
	height: 100px;
	width: 100px;
	margin: 0 auto;
	border: 10px solid #fff;
	border-radius: 50%;
}

.serviceBox.green {
	color: #539D53;
}

.serviceBox.green:before {
	content: "";
	background: #539D53;
	width: 100%;
	height: 110px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	clip-path: polygon(0 0, 100% 100%, 0% 100%);
}

.serviceBox.green .title {
	color: #539D53;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0 0 25px;
}

.serviceBox.green .service-icon {
	color: #fff;
	background-color: #539D53;
	font-size: 40px;
	line-height: 80px;
	height: 100px;
	width: 100px;
	margin: 0 auto;
	border: 10px solid #fff;
	border-radius: 50%;
}

.serviceBox.blue {
	color: #0D7CE5;
}

.serviceBox.blue:before {
	content: "";
	background: #0D7CE5;
	width: 100%;
	height: 110px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	clip-path: polygon(0 0, 100% 100%, 0% 100%);
}

.serviceBox.blue .title {
	color: #0D7CE5;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0 0 25px;
}

.serviceBox.blue .service-icon {
	color: #fff;
	background-color: #0D7CE5;
	font-size: 40px;
	line-height: 80px;
	height: 100px;
	width: 100px;
	margin: 0 auto;
	border: 10px solid #fff;
	border-radius: 50%;
}

@media only screen and (max-width: 1199px) {
	.serviceBox {
		margin: 0 0 40px;
	}
}
}
.qa-services28{
    .serviceBox {
	font-family: 'Poppins', sans-serif;
	text-align: center;
}

.serviceBox .service-icon {
	color: #fff;
	background: linear-gradient(to right bottom, #ff00cc 35%, #333399 65%);
	font-size: 45px;
	line-height: 80px;
	height: 95px;
	width: 95px;
	margin: 0 auto 25px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05) inset, 0 0 5px rgba(0, 0, 0, 0.1);
	border: 10px solid #f9f9f9;
	background-clip: text;
	-webkit-background-clip: text;
	text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
}

.serviceBox .title {
	color: #777;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin: 0 0 8px;
}

.serviceBox .description {
	color: #999;
	font-size: 14px;
	line-height: 22px;
	margin: 0 15px;
}

.serviceBox.green .service-icon {
	background: linear-gradient(to right bottom, #38ef7d 35%, #11998e 65%);
	background-clip: text;
	-webkit-background-clip: text;
	text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
}

.serviceBox.blue .service-icon {
	background: linear-gradient(to right bottom, #91EAE4 35%, #86A8E7 65%);
	background-clip: text;
	-webkit-background-clip: text;
	text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
}

.serviceBox.orange .service-icon {
	background: linear-gradient(to right bottom, #ffae00 35%, #f83600 65%);
	background-clip: text;
	-webkit-background-clip: text;
	text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
}

@media only screen and (max-width: 990px) {
	.serviceBox {
		margin: 0 0 30px;
	}
}
}
.qa-services29{
    .serviceBox {
	font-family: 'Poppins', sans-serif;
	text-align: center;
	padding: 0 10px;
	position: relative;
	z-index: 1;
}

.serviceBox .service-icon {
	color: #fff;
	background: linear-gradient(to right, #47CA4E, #01BB93);
	font-size: 50px;
	line-height: 93px;
	height: 90px;
	width: 130px;
	margin: 0 auto 40px;
	border-radius: 50%;
	position: relative;
}

.serviceBox .service-icon:after {
	content: '';
	background: linear-gradient(to right, #027E9A, #02C06D);
	height: 100%;
	width: 100%;
	border-radius: 40% 40% 50% 50%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	position: absolute;
	left: 0;
	bottom: -16px;
	z-index: -1;
}

.serviceBox .title {
	color: #027E9A;
	font-size: 19px;
	font-weight: 500;
	text-transform: capitalize;
	margin: 0 0 7px;
}

.serviceBox .description {
	color: #999;
	font-size: 14px;
	line-height: 22px;
	margin: 0;
}

.serviceBox.red .service-icon {
	background: linear-gradient(to right, #FF8D00, #FF2566);
}

.serviceBox.red .service-icon:after {
	background: linear-gradient(to right, #CD2B3F, #FE6626);
}

.serviceBox.red .title {
	color: #CD2B3F;
}

.serviceBox.purple .service-icon {
	background: linear-gradient(to right, #C92CB0, #80208C);
}

.serviceBox.purple .service-icon:after {
	background: linear-gradient(to right, #6020AB, #9323A1);
}

.serviceBox.purple .title {
	color: #6020AB;
}

.serviceBox.blue .service-icon {
	background: linear-gradient(to right, #00C3E4, #5941FD);
}

.serviceBox.blue .service-icon:after {
	background: linear-gradient(to right, #373171, #0097F3);
}

.serviceBox.blue .title {
	color: #0018ff;
}

@media only screen and (max-width: 990px) {
	.serviceBox {
		margin: 0 0 30px;
	}
}
}
.qa-services30{
    .serviceBox {
	color: #555;
	font-family: 'Nunito', sans-serif;
	text-align: center;
	padding: 15px 0 0;
}

.serviceBox .service-icon {
	color: #fff;
	background: #0B7274;
	font-size: 45px;
	line-height: 103px;
	width: 100px;
	height: 100px;
	margin: 0 auto 65px;
	border-radius: 50%;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0s;
}

.serviceBox .service-icon:before,
.serviceBox .service-icon:after {
	content: "";
	width: calc(100% + 30px);
	height: calc(100% + 30px);
	border: 5px solid #0B7274;
	border-top-color: transparent;
	border-left-color: transparent;
	border-radius: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
}

.serviceBox .service-icon:after {
	background-color: #0B7274;
	height: 40px;
	width: 35px;
	border-radius: 0;
	border: none;
	transform: translateX(-50%) translateY(0) rotate(0);
	top: calc(100% + 10px);
	clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
}

.serviceBox .title {
	color: #0B7274;
	font-size: 22px;
	font-weight: 600;
	text-transform: capitalize;
	margin: 0 0 10px;
}

.serviceBox .description {
	font-size: 15px;
	line-height: 25px;
	margin: 0;
}

.serviceBox.pink .service-icon,
.serviceBox.pink .service-icon:after {
	background-color: #E4667B;
}

.serviceBox.pink .service-icon:before {
	border-color: #E4667B;
	border-left-color: transparent;
	border-top-color: transparent;
}

.serviceBox.pink .title {
	color: #E4667B;
}

.serviceBox.purple .service-icon,
.serviceBox.purple .service-icon:after {
	background-color: #583DA6;
}

.serviceBox.purple .service-icon:before {
	border-color: #583DA6;
	border-left-color: transparent;
	border-top-color: transparent;
}

.serviceBox.purple .title {
	color: #583DA6;
}

.serviceBox.green .service-icon,
.serviceBox.green .service-icon:after {
	background-color: #0EBAB3;
}

.serviceBox.green .service-icon:before {
	border-color: #0EBAB3;
	border-left-color: transparent;
	border-top-color: transparent;
}

.serviceBox.green .title {
	color: #0EBAB3;
}

@media only screen and (max-width: 990px) {
	.serviceBox {
		margin: 0 0 40px;
	}
}
}
.qa-services31{
    .serviceBox {
	color: #e85c90;
	font-family: 'Nunito', sans-serif;
	text-align: center;
	position: relative;
	z-index: 1;
}

.serviceBox .title {
	background: #fff;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 8px 10px;
	margin: 0 0 30px;
	border: 3px solid #e85c90;
	display: inline-block;
}

.serviceBox .service-content {
	color: #fff;
	background: #e85c90;
	padding: 15px;
	margin: 0 0 40px;
	border-radius: 30px;
	border: 10px solid #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.serviceBox .description {
	font-size: 15px;
	line-height: 25px;
	margin: 0;
}

.serviceBox .service-icon {
	background: #e85c90;
	font-size: 40px;
	line-height: 100px;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border-radius: 100px;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0s;
}

.serviceBox .service-icon:before,
.serviceBox .service-icon:after {
	content: "";
	background: #fff;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: -1;
}

.serviceBox .service-icon:after {
	background: #e85c90;
	width: 3px;
	height: 40px;
	margin: 0 auto;
	box-shadow: none;
	border-radius: 0;
	left: 0;
	right: 0;
	top: -40px;
}

.serviceBox.blue {
	color: #6b9fe3;
}

.serviceBox.blue .title {
	border-color: #6b9fe3;
}

.serviceBox.blue .service-content,
.serviceBox.blue .service-icon,
.serviceBox.blue .service-icon:after {
	background: #6b9fe3;
}

.serviceBox.cyan {
	color: #31bfc4;
}

.serviceBox.cyan .title {
	border-color: #31bfc4;
}

.serviceBox.cyan .service-content,
.serviceBox.cyan .service-icon,
.serviceBox.cyan .service-icon:after {
	background: #31bfc4;
}

.serviceBox.purple {
	color: #8746ae;
}

.serviceBox.purple .title {
	border-color: #8746ae;
}

.serviceBox.purple .service-content,
.serviceBox.purple .service-icon,
.serviceBox.purple .service-icon:after {
	background: #8746ae;
}

@media only screen and (max-width: 990px) {
	.serviceBox {
		margin: 0 0 40px;
	}
}
}
.qa-services32{
    .serviceBox {
	font-family: 'Poppins', sans-serif;
	text-align: center;
	padding: 0 15px;
	position: relative;
	z-index: 1;
}

.serviceBox:before {
	content: '';
	background: linear-gradient(#f5f5f5, transparent);
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	clip-path: polygon(50% 20%, 100% 0, 100% 70%, 50% 100%, 0 70%, 0 0);
}

.serviceBox .service-icon {
	color: #fff;
	background: linear-gradient(to bottom, #B6301E, #F77C36);
	font-size: 40px;
	line-height: 109px;
	width: 100px;
	height: 100px;
	margin: 0 auto 20px;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 15px 15px rgba(0, 0, 0, 0.4);
	clip-path: polygon(50% 20%, 100% 0, 100% 70%, 50% 100%, 0 70%, 0 0);
}

.serviceBox .title {
	color: #B6301E;
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 10px;
	text-transform: capitalize;
	letter-spacing: 1px;
}

.serviceBox .description {
	color: #9f9f9f;
	font-size: 15px;
	line-height: 23px;
}

.serviceBox.green .service-icon {
	background: linear-gradient(#438F51, #93D16D);
}

.serviceBox.green .title {
	color: #438F51;
}

.serviceBox.blue .service-icon {
	background: linear-gradient(#3983A5, #4EDCE3);
}

.serviceBox.blue .title {
	color: #3983A5;
}

.serviceBox.purple .service-icon {
	background: linear-gradient(#9835C4, #E244E9);
}

.serviceBox.purple .title {
	color: #9835C4;
}

@media only screen and (max-width: 990px) {
	.serviceBox {
		margin: 0 0 30px;
	}
}
}
.qa-services33{
    .serviceBox {
	color: #555;
	font-family: 'Poppins', sans-serif;
	text-align: right;
	padding: 10px 10px 10px 20px;
	position: relative;
	z-index: 1;
}

.serviceBox:before,
.serviceBox:after {
	content: '';
	width: calc(100% - 121px);
	height: calc(100% - 60px);
	border-left: 2px solid #333;
	border-top: 2px solid #333;
	position: absolute;
	bottom: 0;
	left: 4px;
}

.serviceBox:after {
	background-color: #333;
	border: none;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	left: 0;
}

.serviceBox .service-icon {
	color: #fff;
	background-color: #485c60;
	font-size: 50px;
	text-align: center;
	line-height: 100px;
	height: 100px;
	width: 100px;
	margin: 0 0 30px;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	display: inline-block;
	position: relative;
}

.serviceBox .service-icon:before {
	content: '';
	border: 2px solid #333;
	border-left-color: transparent;
	border-top-color: transparent;
	border-radius: inherit;
	transform: rotate(45deg);
	position: absolute;
	right: -8px;
	top: -8px;
	bottom: -8px;
	left: -8px;
}

.serviceBox .title {
	color: #485c60;
	font-size: 20px;
	font-weight: 500;
	line-height: 25px;
	text-transform: uppercase;
	text-align: left;
	margin: 0 0 5px;
}

.serviceBox .description {
	font-size: 13px;
	line-height: 20px;
	text-align: left;
	letter-spacing: 0.5px;
	margin: 0;
}

.serviceBox.cyan .service-icon {
	background-color: #25c6bc;
}

.serviceBox.cyan .title {
	color: #25c6bc;
}

.serviceBox.blue .service-icon {
	background-color: #2c69ba;
}

.serviceBox.blue .title {
	color: #2c69ba;
}

.serviceBox.purple .service-icon {
	background-color: #ab37ad;
}

.serviceBox.purple .title {
	color: #ab37ad;
}

@media only screen and (max-width: 990px) {
	.serviceBox {
		margin: 0 auto 30px;
	}
}

@media only screen and (max-width: 767px) {
	.serviceBox {
		width: 250px;
	}
}
}
.qa-services34{
    .serviceBox {
	padding: 10px 0;
}

.serviceBox .service-icon {
	background: hsl(214, 12%, 35%);
	color: #fff;
	width: 64px;
	height: 64px;
	line-height: 64px;
	font-size: 33px;
	text-align: center;
	float: left;
}

.serviceBox:hover .service-icon {
	background: #e98b39;
}

.serviceBox .service-content {
	margin-left: 85px;
}

.serviceBox .service-content h3 {
	font-size: 13px;
	margin-top: 5px;
	font-weight: bold;
	color: #000;
}

.serviceBox .service-content p {
	font-size: 13px;
	color: #000;
	line-height: 21px;
}

@media screen and (max-width: 990px) {
	.serviceBox {
		margin-bottom: 5px;
	}
}
}
.qa-services35{
    .serviceBox {
	color: #fff;
	background: linear-gradient(to right, #39AB99, #4DB179);
	font-family: 'Poppins', sans-serif;
	text-align: center;
	padding: 60px 40px;
	border-radius: 120px 60px/60px 120px;
	position: relative;
	z-index: 1;
}

.serviceBox:before {
	content: '';
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: inherit;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	position: absolute;
	left: 20px;
	right: 20px;
	top: 20px;
	bottom: 20px;
	z-index: -1;
}

.serviceBox .service-icon {
	font-size: 40px;
	line-height: 40px;
	margin: 0 0 10px;
}

.serviceBox .title {
	font-size: 17px;
	font-weight: 500;
	line-height: 25px;
	text-transform: uppercase;
	margin: 0 0 5px;
}

.serviceBox .description {
	color: rgba(255, 255, 255, 0.9);
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0.5px;
	margin: 0;
}

.serviceBox.orange {
	background: linear-gradient(to right, #F17D45, #F39C31);
}

.serviceBox.green {
	background: linear-gradient(to right, #81a82d, #a0c918);
}

.serviceBox.blue {
	background: linear-gradient(to right, #1278A3, #25A7C4);
}

@media only screen and (max-width: 990px) {
	.serviceBox {
		margin: 0 0 30px;
	}
}
}
.qa-services36{
    .serviceBox {
	font-family: 'Poppins', sans-serif;
	text-align: center;
	padding: 0 10px;
}

.serviceBox .service-icon {
	color: #fe8c00;
	background: linear-gradient(to bottom, #fe8c00, transparent);
	font-size: 80px;
	line-height: 170px;
	width: 170px;
	height: 170px;
	margin: 0 auto 10px;
	border-radius: 50% 50% 0 0;
	position: relative;
	z-index: 1;
}

.serviceBox .service-icon:before {
	content: "";
	background: #fff;
	width: 85%;
	height: 85%;
	border-radius: 50%;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
}

.serviceBox .title {
	color: #444;
	font-size: 20px;
	font-weight: 600;
	line-height: 25px;
	text-transform: uppercase;
	margin: 0 0 5px;
}

.serviceBox .description {
	color: #555;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 0.5px;
	margin: 0;
}

.serviceBox.pink .service-icon {
	color: #fd78b0;
	background: linear-gradient(to bottom, #fd78b0, transparent);
}

.serviceBox.purple .service-icon {
	color: #bd85e4;
	background: linear-gradient(to bottom, #bd85e4, transparent);
}

.serviceBox.green .service-icon {
	color: #7fcc4b;
	background: linear-gradient(to bottom, #7fcc4b, transparent);
}

@media only screen and (max-width: 990px) {
	.serviceBox {
		margin: 0 0 30px;
	}
}
}
.qa-services37{
    body {
	background: gray;
}

.serviceBox {
	color: #696969;
	font-family: 'Raleway', sans-serif;
	padding: 7px 20px 25px;
	position: relative;
	z-index: 1;
}

.serviceBox:before,
.serviceBox:after {
	content: '';
	background-color: #fff;
	border-radius: 0 0 30px 30px;
	position: absolute;
	left: 0;
	right: 0;
	top: 40px;
	bottom: 0;
	z-index: -2;
}

.serviceBox:before {
	background: linear-gradient(#07A5A7, #06817F);
	height: 33px;
	border-radius: 0;
	bottom: auto;
	z-index: -1;
}

.serviceBox .service-icon {
	color: #fff;
	background: linear-gradient(#07A5A7, #06817F);
	font-size: 50px;
	text-align: center;
	line-height: 100px;
	width: 100px;
	height: 100px;
	margin: 0 auto 30px;
	border-radius: 20px;
	box-shadow: 0 3px 0 5px rgba(0, 0, 0, 0.1);
}

.serviceBox .title {
	color: #06817F;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: capitalize;
	margin: 0 0 10px;
}

.serviceBox .description {
	color: #555;
	font-size: 14px;
	line-height: 25px;
	margin: 0;
}

.serviceBox.orange:before,
.serviceBox.orange .service-icon {
	background: linear-gradient(#F98B59, #FF6722);
}

.serviceBox.orange .title {
	color: #FF6722;
}

.serviceBox.blue:before,
.serviceBox.blue .service-icon {
	background: linear-gradient(#0662B7, #03488A);
}

.serviceBox.blue .title {
	color: #03488A;
}

.serviceBox.green:before,
.serviceBox.green .service-icon {
	background: linear-gradient(#1dd1a1, #10ac84);
}

.serviceBox.green .title {
	color: #10ac84;
}

@media only screen and (max-width: 990px) {
	.serviceBox {
		margin: 0 0 40px;
	}
}
}
.qa-services38{
    body {
	background-color: #F6F6F6;
}

.serviceBox {
	color: #666;
	font-family: 'Poppins', sans-serif;
	text-align: center;
}

.serviceBox .title {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0 0 30px;
}

.serviceBox .service-icon {
	color: #bbb;
	font-size: 50px;
	line-height: 130px;
	height: 130px;
	width: 130px;
	margin: 0 auto 30px;
	border-radius: 20px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3), -5px -5px 5px #fff;
}

.serviceBox .description {
	color: #777;
	font-size: 13px;
	letter-spacing: 0.5px;
	line-height: 22px;
	margin: 0 10px;
}

@media only screen and (max-width: 990px) {
	.serviceBox {
		margin: 0 0 30px;
	}
}
}
.qa-services39{
    .serviceBox {
	color: #f67d4a;
	background: linear-gradient(to right, #f67d4a 50%, transparent 50%);
	font-family: 'Poppins', sans-serif;
	text-align: center;
	padding: 30px 30px 50px;
	border-radius: 15px 15px 100px 100px;
	position: relative;
	z-index: 1;
}

.serviceBox:before {
	content: "";
	background: rgba(255, 255, 255, 0.95);
	width: calc(100% - 25px);
	height: calc(100% - 25px);
	border-radius: 15px 15px 100px 100px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
}

.serviceBox .service-icon {
	font-size: 45px;
	margin: 0 0 10px;
}

.serviceBox .title {
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
	margin: 0 0 10px;
}

.serviceBox .description {
	color: #777;
	font-size: 14px;
	line-height: 25px;
	margin: 0;
}

.serviceBox.blue {
	color: #29c6e5;
	background: linear-gradient(to right, #29c6e5 50%, transparent 50%);
}

.serviceBox.darkblue {
	color: #0991C2;
	background: linear-gradient(to right, #0991C2 50%, transparent 50%);
}

.serviceBox.black {
	color: #001735;
	background: linear-gradient(to right, #001735 50%, transparent 50%);
}

@media only screen and (max-width: 990px) {
	.serviceBox {
		margin: 0 0 30px;
	}
}
}
.qa-services40{
    .serviceBox {
	text-align: center;
}

.serviceBox .service-icon {
	background: #58B25E;
	height: 62px;
	width: 62px;
	border-radius: 50%;
	display: inline-block;
	margin-bottom: 20px;
}

.serviceBox .service-icon.purple {
	background: #9F84C4;
}

.serviceBox .service-icon.red {
	background: #F35958;
}

.serviceBox .service-icon.blue {
	background: #02A2DD;
}

.serviceBox a {
	text-decoration: none;
}

.serviceBox .service-icon i {
	font-size: 30px;
	color: #fff;
	line-height: 62px;
}

.serviceBox .service-content h3 {
	color: #252526;
	font-size: 18px;
	font-weight: 600;
	margin-top: 0;
}

.serviceBox .service-content p {
	color: hsl(0, 0%, 47%);
	line-height: 2;
	font-family: 'Open Sans', sans-serif;
}

@media screen and (max-width: 990px) {
	.serviceBox {
		margin-bottom: 25px;
	}
}
}
.qa-services41{
    .serviceBox {
	text-align: center;
}

.serviceBox .service-icon {
	width: 100px;
	height: 100px;
	line-height: 100px;
	font-size: 50px;
	border: 1px solid #727cb6;
	border-radius: 50%;
	margin: 0 auto 45px;
	color: #727cb6;
}

.serviceBox.green .service-icon {
	border: 1px solid #008b8b;
	color: #008b8b;
}

.serviceBox.orange .service-icon {
	border: 1px solid #e67e22;
	color: #e67e22;
}

.serviceBox.pink .service-icon {
	border: 1px solid #ed687c;
	color: #ed687c;
}

.serviceBox .service-icon>i {
	transition: all 0.3s ease 0s;
}

.serviceBox:hover .service-icon>i {
	transform: scale(0.8);
	transition: all 0.3s ease 0s;
}

.serviceBox .service-content h3 {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 20px;
	color: #727cb6;
}

.serviceBox.green .service-content h3 {
	color: #008b8b;
}

.serviceBox.orange .service-content h3 {
	color: #e67e22;
}

.serviceBox.pink .service-content h3 {
	color: #ed687c;
}

.serviceBox .service-content p {
	color: hsl(0, 0%, 38%);
	font-size: 14px;
	line-height: 24px;
}

@media screen and (max-width: 990px) {
	.serviceBox {
		margin-bottom: 25px;
	}
} 
}
.qa-services42{
    .serviceBox {
	text-align: center;
	margin-top: 50px;
}

.serviceBox .service-icon {
	border-left: 2px solid #e67e22;
	border-right: 2px solid #e67e22;
	width: 116px;
	height: 67px;
	margin: 0 auto;
	transform: rotate(0.0001deg);
	position: relative;
}

.serviceBox .service-icon:after,
.serviceBox .service-icon:before {
	content: "";
	width: 82px;
	height: 82px;
	border-bottom: 2.8284px solid #e67e22;
	border-left: 2.8284px solid #e67e22;
	position: absolute;
	left: 14.9878px;
	bottom: -41.0122px;
	transform: scaleY(0.5774) rotate(-45deg);
	z-index: 1;
}

.serviceBox .service-icon:before {
	border: 0px none;
	border-right: 2.8284px solid #e67e22;
	border-top: 2.8284px solid #e67e22;
	top: -41.0122px;
}

.serviceBox .service-icon>i {
	font-size: 48px;
	line-height: 67px;
	color: #e67e22;
}

.serviceBox .service-content h3 {
	font-size: 18px;
	line-height: 28px;
	color: #333333;
	margin-top: 60px;
	text-transform: uppercase;
}

.serviceBox .service-content h3:after {
	content: "";
	border: 1px solid #e67e22;
	width: 40px;
	display: block;
	margin: 20px auto;
}

.serviceBox .service-content p {
	line-height: 24px;
	font-size: 15px;
}

@media screen and (max-width: 990px) {
	.serviceBox {
		margin-bottom: 20px;
	}
} 
}
.qa-services43{
    .serviceBox {
	border: 1px solid #b9b9b9;
	margin-top: 70px;
	text-align: center;
	padding: 25px;
}

.serviceBox .service-icon {
	width: 100px;
	height: 100px;
	border: 1px solid #b9b9b9;
	text-align: center;
	line-height: 100px;
	font-size: 40px;
	background: #fff;
	transform: rotate(-45deg);
	margin: -75px auto -20px;
}

.serviceBox .service-icon i {
	transform: rotate(45deg);
	color: #4f4f4f;
	transition: all 0.3s ease-out;
}

.serviceBox:hover .service-icon {
	background: #3498db;
	border-color: #3498db;
	transition: all 0.3s ease-out;
}

.serviceBox:hover .service-icon i {
	color: #fff;
}

.serviceBox .service-content {
	margin-top: 60px;
}

.serviceBox .service-content h3 {
	text-transform: capitalize;
	color: #161616;
	font-size: 20px;
}

.serviceBox .service-content h3:after {
	content: "";
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	width: 70px;
	height: 4px;
	display: block;
	margin: 10px auto 20px;
}

.serviceBox .service-content p {
	color: #727272;
	line-height: 23px;
}

.serviceBox .read {
	margin-top: 40px;
}

.serviceBox .read a {
	color: #161616;
	text-transform: capitalize;
}

.serviceBox:hover .read a {
	color: #3498db;
	transition: all 0.3s ease-out;
}

@media only screen and (max-width: 990px) {
	.serviceBox {
		margin-top: 90px;
	}
}
}
.qa-services44{
    .serviceBox {
	border: 2px solid hsl(0, 0%, 27%);
	color: hsl(0, 0%, 27%);
	padding: 37px 18px;
	text-align: center;
}

.serviceBox .service-icon i {
	position: relative;
	bottom: 0;
	color: hsl(0, 0%, 27%);
	display: inline-block;
	font-size: 46px;
	transition: all 0.2s ease 0s;
}

.serviceBox:hover i {
	bottom: 5px;
}

.serviceBox .service-content h3 {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	color:hsl(0, 0%, 60%);
}

.serviceBox .service-content p {
	color: hsl(0, 0%, 60%);
}

.serviceBox .service-content .line {
	background: #000;
	height: 2px;
	margin: 22px auto;
	opacity: 0.2;
	width: 40px;
}

@media screen and (max-width: 990px) {
	.serviceBox {
		margin-bottom: 20px;
	}
}
}
.qa-services45{
    .serviceBox {
	text-align: center;
}

.serviceBox .service-icon {
	width: 84px;
	height: 84px;
	line-height: 84px;
	margin: 0 auto 30px;
	font-size: 34px;
	color: #ff9f1c;
	position: relative;
	z-index: 1;
	transition: all 0.5s ease 0s;
}

.serviceBox:hover .service-icon {
	color: #f2eeb3;
}

.serviceBox .service-icon:before {
	content: "";
	width: 100%;
	height: 100%;
	border: 1px solid #ff9f1c;
	border-radius: 0 30px 30px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: all 0.5s ease 0s;
}

.serviceBox:hover .service-icon:before {
	border-radius: 0 40px 40px 40px;
	background: #ff9f1c;
	transform: rotate(45deg);
}

.serviceBox .title {
	font-size: 23px;
	font-weight: 500;
	color: #011627;
	margin-bottom: 10px;
	transition: all 0.5s ease 0s;
}

.serviceBox:hover .title {
	color: #ff9f1c;
}

.serviceBox .description {
	font-size: 13px;
	color: #828484;
	line-height: 27px;
}

@media only screen and (max-width: 990px) {
	.serviceBox {
		margin-bottom: 30px;
	}
} 
}
.qa-services46{
    .serviceBox {
	text-align: center;
	padding: 35px 15px;
	overflow: hidden;
	position: relative;
	transition: all 0.3s ease 0s;
}

.serviceBox:hover {
	background: #967128;
}

.serviceBox:before {
	content: "";
	width: 40px;
	height: 40px;
	border-width: 20px;
	border-style: solid;
	border-color: #fff #fff rgba(1, 1, 1, 0.2) rgba(0, 0, 0, 0.2);
	position: absolute;
	top: -40px;
	right: -40px;
	transition: all 0.3s ease 0s;
}

.serviceBox:hover:before {
	top: 0;
	right: 0;
}

.serviceBox i {
	display: block;
	font-size: 35px;
	color: #967128;
	margin-bottom: 14px;
	transition: all 0.3s ease 0s;
}

.serviceBox .title {
	font-size: 18px;
	font-weight: 900;
	color: #545454;
	line-height: 25px;
	text-transform: capitalize;
	margin: 0 0 16px 0;
	transition: all 0.3s ease 0s;
}

.serviceBox .description {
	font-size: 15px;
	color: #545454;
	line-height: 25px;
	margin: 0;
	transition: all 0.3s ease 0s;
}

.serviceBox:hover i,
.serviceBox:hover .title,
.serviceBox:hover .description {
	color: #fff;
}

@media only screen and (max-width: 990px) {
	.serviceBox {
		margin-bottom: 20px;
	}
}
}
.qa-services47{
    .serviceBox {
	border: 1px solid #ddd;
	text-align: center;
	border-radius: 15px;
	padding: 25px;
	position: relative;
	transition: all 0.4s ease-in-out 0s;
}

.serviceBox:hover {
	transform: scale(1.05, 1.05);
}

.serviceBox .service-icon {
	width: 80px;
	height: 80px;
	line-height: 70px;
	border-radius: 50%;
	border: 5px solid #d3ae36;
	font-size: 42px;
	color: #d3ae36;
	margin: 0 auto 30px;
	position: relative;
	transition: all 0.2s ease-out 0s;
}

.serviceBox:hover .service-icon {
	border-color: #a88500;
}

.serviceBox .service-icon i {
	transform: rotate(0);
	transition: all 0.2s ease-out 0s;
}

.serviceBox:hover .service-icon i {
	transform: rotate(360deg);
	color: #a88500;
}

.serviceBox .title {
	font-size: 20px;
	font-weight: bold;
	color: #4a4a4a;
	line-height: 40px;
	margin: 0 0 35px 0;
	position: relative;
}

.serviceBox .title:after {
	content: "";
	display: block;
	width: 50px;
	height: 4px;
	background: #f1f1f1;
	margin: 0 auto;
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	transition: all 0.2s ease-out 0s;
}

.serviceBox:hover .title:after {
	width: 100%;
}

.serviceBox .description {
	font-size: 12px;
	color: #7a7a7a;
	line-height: 24px;
	margin-bottom: 20px;
}

.serviceBox .read-more {
	display: inline-block;
	padding: 8px 22px;
	background: #d3ae36;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	text-transform: capitalize;
	border-radius: 40px;
	transform: scale(1);
	transition: all 0.2s ease-out 0s;
}

.serviceBox .read-more:hover {
	transform: scale(1.1, 1.1);
}

.serviceBox:hover .read-more {
	background: #a88500;
}

@media only screen and (max-width: 990px) {
	.serviceBox {
		margin-bottom: 40px;
	}
}
}
.qa-services48{
    .serviceBox {
	text-align: center;
}

.serviceBox .service-icon {
	width: 70px;
	height: 70px;
	line-height: 70px;
	border: 1px solid #8466b7;
	font-size: 30px;
	color: #8466b7;
	margin: 0 auto 30px;
	position: relative;
	z-index: 1;
	transition: all 0.5s ease 0s;
}

.serviceBox:hover .service-icon {
	color: #fff;
}

.serviceBox .service-icon:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #8466b7;
	z-index: -1;
	transform: scale(0);
	transition: all 0.3s ease 0s;
}

.serviceBox:hover .service-icon:after {
	transform: scale(1);
}

.serviceBox .title {
	font-size: 25px;
	color: #292929;
	margin: 0 0 10px 0;
}

.serviceBox .description {
	font-size: 14px;
	color: #666;
	line-height: 25px;
	margin: 0 0 30px 0;
}

.serviceBox .read {
	display: inline-block;
	padding: 10px 30px;
	border: 1px solid #8466b7;
	text-decoration: none;
	font-weight: 600;
	color: #fff;
	position: relative;
	z-index: 1;
	transition: all 0.5s ease 0s;
}

.serviceBox:hover .read {
	color: #8466b7;
}

.serviceBox .read:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #8466b7;
	transform: scale(1);
	z-index: -1;
	transition: all 0.3s ease 0s;
}

.serviceBox:hover .read:after {
	transform: scale(0);
}

@media only screen and (max-width: 990px) {
	.serviceBox {
		margin-bottom: 30px;
	}
}
}
.qa-services49{
    .serviceBox {
	text-align: center;
	margin-top: 60px;
	position: relative;
	z-index: 1;
}

.serviceBox .service-icon {
	width: 78px;
	height: 78px;
	border-radius: 3px;
	background: #fff;
	margin: 0 auto;
	position: absolute;
	top: -34px;
	left: 0;
	right: 0;
	z-index: 1;
	transition: all 0.3s ease-out 0s;
}

.serviceBox:hover .service-icon {
	transform: rotate(45deg);
}

.serviceBox .service-icon span {
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 3px;
	background: #727cb6;
	font-size: 30px;
	color: #fff;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	transition: all 0.3s ease-out 0s;
}

.serviceBox .service-icon span i {
	transition: all 0.3s ease-out 0s;
}

.serviceBox:hover .service-icon span i {
	transform: rotate(-45deg);
}

.serviceBox .service-content {
	background: #fff;
	border: 1px solid #e7e7e7;
	border-radius: 3px;
	padding: 55px 15px;
	position: relative;
}

.serviceBox .service-content:before {
	content: "";
	display: block;
	width: 80px;
	height: 80px;
	border: 1px solid #e7e7e7;
	border-radius: 3px;
	margin: 0 auto;
	position: absolute;
	top: -37px;
	left: 0;
	right: 0;
	z-index: -1;
	transition: all 0.3s ease-out 0s;
}

.serviceBox:hover .service-content:before {
	transform: rotate(45deg);
}

.serviceBox .title {
	font-size: 17px;
	font-weight: 500;
	color: #324545;
	text-transform: uppercase;
	margin: 0 0 25px 0;
	position: relative;
	transition: all 0.3s ease-out 0s;
}

.serviceBox:hover .title {
	color: #727cb6;
}

.serviceBox .description {
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 0;
}

.serviceBox .read-more {
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #e7e7e7;
	font-size: 14px;
	color: #c4c2c2;
	margin: 0 auto;
	position: absolute;
	bottom: -17px;
	left: 0;
	right: 0;
	transition: all 0.3s ease-out 0s;
}

.serviceBox .read-more:hover {
	border: 1px solid #727cb6;
	color: #727cb6;
}

.serviceBox.green .service-icon span {
	background: #008b8b;
}

.serviceBox.blue .service-icon span {
	background: #3498db;
}

.serviceBox.orange .service-icon span {
	background: #e67e22;
}

.serviceBox.green:hover .title {
	color: #008b8b;
}

.serviceBox.blue:hover .title {
	color: #3498db;
}

.serviceBox.orange:hover .title {
	color: #e67e22;
}

.serviceBox.green .read-more:hover {
	border: 1px solid #008b8b;
	color: #008b8b;
}

.serviceBox.blue .read-more:hover {
	border: 1px solid #3498db;
	color: #3498db;
}

.serviceBox.orange .read-more:hover {
	border: 1px solid #e67e22;
	color: #e67e22;
}

@media only screen and (max-width: 990px) {
	.serviceBox {
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 767px) {
	.serviceBox {
		margin-bottom: 80px;
	}
} 
}
.qa-services50{
    .serviceBox {
	text-align: center;
	background-color: hsl(0, 0%, 25%);
	box-shadow: 0 0.0625em 0.1875em 0 hsla(0, 0%, 0%, 0.1), 0 0.5em 0 -0.25em hsl(0, 0%, 24%), 0 0.5em 0.1875em -0.25em hsla(0, 0%, 0%, 0.1), 0 1em 0 -0.5em hsl(0, 0%, 22%), 0 1em 0.1875em -0.5em hsla(0, 0%, 0%, 0.1);
	padding: 25px;
	color: #fff;
}

.serviceBox.orange {
	background-color: hsl(9, 100%, 64%);
	box-shadow: 0 0.0625em 0.1875em 0 hsla(0, 0%, 0%, 0.1), 0 0.5em 0 -0.25em hsl(9, 87%, 61%), 0 0.5em 0.1875em -0.25em hsla(0, 0%, 0%, 0.1), 0 1em 0 -0.5em hsl(9, 76%, 57%), 0 1em 0.1875em -0.5em hsla(0, 0%, 0%, 0.1);
}

.serviceBox.light-blue {
	background-color: hsl(189, 100%, 64%);
	box-shadow: 0 0.0625em 0.1875em 0 hsla(0, 0%, 0%, 0.1), 0 0.5em 0 -0.25em hsl(189, 87%, 61%), 0 0.5em 0.1875em -0.25em hsla(0, 0%, 0%, 0.1), 0 1em 0 -0.5em hsl(189, 76%, 57%), 0 1em 0.1875em -0.5em hsla(0, 0%, 0%, 0.1);
}

.serviceBox .service-icon i {
	font-size: 33px;
}

.serviceBox .service-content h3 {
	margin: 7px 0 10px 0;
	text-transform: capitalize;
}

.serviceBox .service-content p {
	margin-bottom: 12px;
	line-height: 24px;
}

@media only screen and (max-width: 990px) {
	.serviceBox {
		margin-bottom: 25px;
	}
} 
}
.qa-services51{
    .serviceBox {
	padding: 30px 0;
	text-align: center;
}

.serviceBox .service-icon {
	background: #fff;
	border: 5px solid #ff7f66;
	border-radius: 15px;
	width: 120px;
	height: 120px;
	line-height: 130px;
	margin: 0 auto;
}

.serviceBox .service-icon i {
	color: #3e454c;
	font-size: 50px;
}

.serviceBox h3 {
	font: 300 25px/35px sans-serif;
	margin-top: 20px;
	text-transform: uppercase;
}

.serviceBox p {
	color: #a9a8a8;
	font: 14px/24px sans-serif;
	margin: 15px 0 30px;
	padding: 0 20px;
}

.serviceBox .read a {
	border: 1px solid #ff7f66;
	background: #ff7f66;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	font: lighter 13px/18px;
	padding: 14px 23px;
	display: inline-block;
	transition: all 0.3s ease 0s;
}

.serviceBox .read a:hover {
	background: #fff;
	border: 1px solid #ccc;
	color: #FF7F66;
	text-decoration: none;
}

@media screen and (max-width: 767px) {
	.serviceBox {
		padding: 20px 0;
	}

	.serviceBox p {
		margin: 20px 0;
	}
}
}
.qa-services52{
    body {
	background-color: beige;
}

.serviceBox {
	background: #fff;
	text-align: center;
	border-top: 10px solid #e74c3c;
	position: relative;
}

.serviceBox:before {
	content: "";
	position: absolute;
	border: 20px solid transparent;
	border-bottom-color: #e74c3c;
	top: -50px;
	left: 44%;
}

.serviceBox .service-head {
	padding: 10px 0;
}

.serviceBox .service-head>h3 {
	color: #3e454c;
	font: bold 70px/60px "arial";
	margin-bottom: 20px;
	text-transform: uppercase;
}

.serviceBox .service-head>h4 {
	color: #e74c3c;
	font-size: 30px;
	font-weight: normal;
	line-height: 30px;
	margin-bottom: 20px;
	padding: 0 10px;
	text-transform: uppercase;
}

.serviceBox .service-content>span {
	color: #3e454c;
	font-size: 20px;
	line-height: 20px;
	text-transform: uppercase;
	margin: 0 0 8px;
	display: block;
}

.serviceBox .service-content>p {
	color: #bfbfbf;
	font-size: 14px;
	line-height: 25px;
	padding: 0 40px;
}

.serviceBox .read {
	padding: 20px 0 45px;
}

.serviceBox .read a {
	background: #e74c3c;
	border: medium none;
	border-radius: 0;
	color: #fff;
	padding: 14px 17px;
	font: 600 14px/18px "arial";
	text-transform: uppercase;
	transition: all 0.5s ease 0s;
}

.serviceBox .read a:hover {
	background: #3e454c;
	transition: all 0.5s ease 0s;
}

@media screen and (max-width: 990px) {
	.serviceBox {
		margin-bottom: 30px;
	}

	.serviceBox .service-head>h4 {
		font-size: 26px;
	}
}

@media screen and (max-width: 767px) {
	.serviceBox:before {
		left: 47%;
	}
}

@media screen and (max-width: 480px) {
	.serviceBox:before {
		left: 44%;
	}
}
}
.qa-services53{
    .serviceBox {
	padding: 20px 0;
	text-align: center;
	border-bottom: 3px solid transparent;
	position: relative;
	transition: all 0.5s ease-in-out;
}

.serviceBox:hover {
	border-bottom-color: #e64b6e;
}

.serviceBox:after {
	content: "";
	position: absolute;
	bottom: 0px;
	border: 9px solid transparent;
	border-top-color: transparent;
	transform: rotate(180deg);
	transition: all 0.4s ease-in-out;
}

.serviceBox:hover:after {
	border-top-color: #e64b6e;
}

.serviceBox .service-icon {
	width: 120px;
	height: 120px;
	line-height: 120px;
	border-radius: 50%;
	margin: 0 auto;
	background: #e3e0e0;
	color: #7e828a;
	font-size: 50px;
	margin-bottom: 40px;
	transition: all 0.5s ease-in-out;
}

.serviceBox:hover .service-icon {
	background: #e64b6e;
	color: #fff;
}

.serviceBox h3 {
	font-size: 18px;
	line-height: 20px;
	font-family: sans-serif;
	margin: 20px 0;
	color: #7e828a;
}

.serviceBox p {
	font-size: 14px;
	color: #7e828a;
}

@media screen and (max-width: 767px) {
	.serviceBox {
		margin-bottom: 10px;
	}
} 
}
.qa-services54{
    .serviceBox {
	text-align: center;
	margin-top: 20px;
}

.serviceBox .service-icon {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	display: inline-block;
	border: 1px solid #2395ec;
	margin-bottom: 20px;
	transition: all 0.5s ease 0s;
}

.serviceBox:hover .service-icon {
	background: #2395ec;
}

.serviceBox .service-icon i {
	font-size: 70px;
	color: #2395ec;
	line-height: 150px;
	transition: all 0.5s ease 0s;
}

.serviceBox .title {
	font-size: 24px;
	color: #171819;
	margin: 0 0 15px 0;
	transition: all 0.5s ease 0s;
}

.serviceBox:hover .title {
	color: #2395ec;
}

.serviceBox .title:after {
	content: "";
	display: block;
	font-family: "fontawesome";
	font-size: 15px;
	margin-top: 14px;
	color: #2395ec;
}

.serviceBox .description {
	font-size: 14px;
	color: #737577;
	line-height: 25px;
}

.serviceBox.purple .service-icon {
	border: 1px solid #8f8bd5;
}

.serviceBox.purple:hover .service-icon {
	background: #8f8bd5;
}

.serviceBox.purple .service-icon i,
.serviceBox.purple .title:after,
.serviceBox.purple:hover .title {
	color: #8f8bd5;
}

.serviceBox.green .service-icon {
	border: 1px solid #98c830;
}

.serviceBox.green:hover .service-icon {
	background: #98c830;
}

.serviceBox.green .service-icon i,
.serviceBox.green .title:after,
.serviceBox.green:hover .title {
	color: #98c830;
}

.serviceBox.orange .service-icon {
	border: 1px solid #e69020;
}

.serviceBox.orange:hover .service-icon {
	background: #e69020;
}

.serviceBox.orange .service-icon i,
.serviceBox.orange .title:after,
.serviceBox.orange:hover .title {
	color: #e69020;
}

.serviceBox:hover .service-icon i,
.serviceBox.purple:hover .service-icon i,
.serviceBox.green:hover .service-icon i,
.serviceBox.orange:hover .service-icon i {
	transform: rotateY(360deg);
	color: #fff;
}
}
.qa-services55{
    .serviceBox {
	border: 1px solid #8a716a;
	border-radius: 10px;
	margin-top: 30px;
	padding: 25px 20px;
	position: relative;
}

.serviceBox .service-icon {
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 5px;
	background: #de6b48;
	font-size: 40px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: -30px;
	right: 40px;
}

.serviceBox .service-icon:before {
	content: "";
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	top: -20px;
	left: -45px;
	opacity: 0.1;
	transform: rotate(137deg) scale(1.5) skew(29deg) translate(-1px);
}

.serviceBox .service-icon:after {
	content: "";
	border-top: 11px solid #de6b48;
	border-right: 11px solid transparent;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -4px;
}

.serviceBox .title {
	font-size: 24px;
	color: #787472;
}

.serviceBox .description {
	font-size: 16px;
	color: #8a716a;
	line-height: 25px;
}

@media only screen and (max-width: 990px) {
	.serviceBox {
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 767px) {
	.serviceBox {
		margin-bottom: 40px;
	}
}
}
.qa-services56{
    .serviceBox {
	text-align: center;
	margin: 0 -12px;
	padding: 50px 30px;
	color: #fffffa;
}

.serviceBox .service-icon {
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 50%;
	border: 1px solid #fffffa;
	font-size: 40px;
	display: inline-block;
	margin-bottom: 30px;
	transition: all 0.5s ease 0s;
}

.serviceBox:hover .service-icon {
	box-shadow: 0 0 0 15px #fff;
}

.serviceBox .title {
	font-size: 22px;
	font-weight: 500;
	margin: 0 0 15px;
}

.serviceBox .description {
	font-size: 14px;
	line-height: 23px;
	margin: 0;
}

.serviceBox.dark {
	background-color: #1b1b3a;
}

.serviceBox.dark-pink {
	background-color: #f0386b;
}

.serviceBox.pink {
	background-color: #ff5376;
}

.serviceBox.skyblue {
	background-color: #1adfee;
}
}
.qa-services57{
    .serviceBox {
	padding: 20px 0;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.serviceBox .title {
	font-size: 18px;
	font-weight: 800;
	color: #626262;
	margin-bottom: 15px;
	transition: all 0.5s ease 0s;
}

.serviceBox:hover .title {
	color: #6c1d8c;
}

.serviceBox .description {
	font-size: 14px;
	color: #575a5e;
	margin-bottom: 20px;
	z-index: 1;
}

.serviceBox .read {
	display: inline-block;
	padding: 10px 15px;
	background: #fadbea;
	font-size: 14px;
	color: #74628c;
	border-radius: 0 20px;
	transition: all 0.5s ease 0s;
	text-decoration: none;
}

.serviceBox:hover .read {
	background: #6c1d8c;
	color: #fdfffc;
}

.serviceBox .service-icon i {
	font-size: 70px;
	color: #fadbea;
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: -1;
	transform: rotate(45deg) scale(1);
	transition: all 0.5s ease 0s;
}

.serviceBox:hover .service-icon i {
	transform: rotate(0deg) scale(0.8);
}
}
.qa-services58{
    .serviceBox {
	border: 1px solid #ededed;
	padding: 30px 30px 30px 90px;
	position: relative;
	transition: all 0.5s ease 0s;
}

.serviceBox:hover {
	border-color: #41d7f7;
}

.serviceBox:before,
.serviceBox:after {
	content: "";
	display: block;
	width: 50px;
	height: 5px;
	background: #41d7f7;
	position: absolute;
	left: 0;
	opacity: 0;
	transition: all 0.5s ease 0s;
}

.serviceBox:before {
	top: -3px;
}

.serviceBox:after {
	bottom: -3px;
}

.serviceBox:hover:before,
.serviceBox:hover:after {
	left: 40px;
	opacity: 1;
}

.serviceBox .service-icon {
	display: inline-block;
	position: absolute;
	top: 33%;
	left: 23px;
	font-size: 45px;
	color: #41d7f7;
	opacity: 0.3;
	transition: all 0.5s ease-in 0s;
}

.serviceBox:hover .service-icon {
	opacity: 1;
}

.serviceBox .title {
	font-size: 16px;
	font-weight: 700;
	color: #41d7f7;
	margin-bottom: 15px;
}

.serviceBox .description {
	font-size: 13px;
	color: #666;
	line-height: 20px;
}

@media only screen and (max-width: 990px) {
	.serviceBox {
		margin-bottom: 30px;
	}
}
}
.qa-services59{
    .serviceBox {
	text-align: center;
	margin: 0 -15px;
}

.serviceBox img {
	width: 100%;
	height: auto;
}

.serviceBox .service-content {
	position: relative;
	background: #0f0c29;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #24243e, #302b63, #0f0c29);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #f0f4ba;
	padding: 50px 30px 30px;
}

.serviceBox .service-icon {
	display: block;
	width: 70px;
	height: 70px;
	background: #f0f4ba;
	border-radius: 10px;
	position: absolute;
	top: -35px;
	left: 0;
	right: 0;
	margin: auto;
	transform: rotate(45deg);
}

.serviceBox .service-icon i {
	font-size: 30px;
	line-height: 70px;
	color: #2f2b5f;
	transform: rotate(-45deg);
}

.serviceBox .title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.serviceBox .description {
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 20px;
}

.serviceBox .read-more {
	display: inline-block;
	padding: 7px 20px;
	border: 1px solid #f0f4ba;
	text-decoration: none;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 500;
	color: #f0f4ba;
	background: #262545;
	text-transform: capitalize;
	transition: all 0.5s ease 0s;
}

.serviceBox .read-more:hover {
	color: #262545;
	background: #f0f4ba;
	text-decoration: none;
}

.serviceBox.middle .service-content {
	padding: 30px 30px 50px;
}

.serviceBox.middle .service-icon {
	bottom: -35px;
	top: auto;
}

@media only screen and (max-width: 990px) {
	.serviceBox .title {
		font-size: 17px;
	}
}

@media only screen and (max-width: 767px) {
	.serviceBox {
		margin: 0 0 30px 0;
	}
}
}

/* End of Services */

/* Pricing */
.qa-pricing1 {}

.qa-pricing2 {
	.list-check>li::before {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		font-size: 15px;
		color: #33b750;
		position: absolute;
		top: 3px;
		left: 0;
		content: "\2713";
	}
}

.qa-pricing3 {}

.qa-pricing4 {
	.card {
		border: none;
		padding: 10px 50px;
	}

	.card::after {
		position: absolute;
		z-index: -1;
		opacity: 0;
		-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	}

	.card:hover {


		transform: scale(1.02, 1.02);
		-webkit-transform: scale(1.02, 1.02);
		backface-visibility: hidden;
		will-change: transform;
		box-shadow: 0 1rem 3rem rgba(0, 0, 0, .75) !important;
	}

	.card:hover::after {
		opacity: 1;
	}

	.card:hover .btn-outline-primary {
		color: white;
		background: #007bff;
	}
}

.qa-pricing5 {
	.pricingTable {
		margin-top: 30px;
		text-align: center;
		position: relative;
	}

	.pricingTable .pricing_heading:after {
		content: "";
		width: 36px;
		height: 29.5%;
		background: #EF476F;
		position: absolute;
		top: -1px;
		right: 0;
		z-index: 2;
		transform: skewY(45deg) translateY(18px);
		transition: all 0.4s ease 0s;
	}

	.pricingTable .title {
		font-size: 20px;
		font-weight: 700;
		line-height: 30px;
		color: #000;
		text-transform: uppercase;
		background: #EF476F;
		padding: 15px 0 0;
		margin: 0 35px 0 0;
		transition: all 0.4s ease 0s;
	}

	.pricingTable .value {
		display: block;
		font-size: 35px;
		font-weight: 700;
		color: #000;
		background: #EF476F;
		padding: 5px 0 10px;
		margin: 0 35px 0 0;
		transition: all 0.4s ease 0s;
	}

	.pricingTable:hover .title,
	.pricingTable:hover .value {
		color: #fff;
	}

	.pricingTable .month {
		display: block;
		font-size: 13px;
		font-weight: 500;
		color: #fff;
		text-transform: uppercase;
	}

	.pricingTable .content {
		border-left: 1px solid #f2f2f2;
		position: relative;
	}

	.pricingTable .content:after {
		content: "";
		width: 35px;
		height: 100%;
		background: #f8f8f8;
		box-shadow: 9px 9px 20px #ddd;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
		transform: skewY(-45deg) translateY(-18px);
		transition: all 0.4s ease 0s;
	}

	.pricingTable .content ul {
		padding: 0;
		margin: 0 35px 0 0;
		list-style: none;
		background: #fff;
	}

	.pricingTable .content ul li {
		display: block;
		font-size: 15px;
		color: #333;
		line-height: 23px;
		padding: 11px 0;
		border-bottom: 1px solid #f2f2f2;
	}

	.pricingTable .link {
		background: #fff;
		padding: 20px 0;
		margin-right: 35px;
		border-bottom: 1px solid #f2f2f2;
	}

	.pricingTable .link a {
		display: inline-block;
		padding: 9px 20px;
		font-weight: 700;
		color: #EF476F;
		text-transform: uppercase;
		border: 1px solid #EF476F;
		background: #fff;
		transition: all 0.4s ease 0s;
		text-decoration: none;
	}

	.pricingTable:hover .link a {
		color: #fff;
		background: #06D6A0;
		border: 1px solid #06D6A0;
	}

	.pricingTable:hover .pricing_heading:after,
	.pricingTable:hover .title,
	.pricingTable:hover .value {
		background: #06D6A0;
	}

	@media only screen and (max-width: 990px) {
		.pricingTable {
			margin-bottom: 35px;
		}
	}
}

.qa-pricing6 {

	.card1:hover {

		border: 1px solid #00ffb6;
	}

	.card1:hover .list-group-item {
		background: #00ffb6 !important
	}


	.card2:hover {
		background: #00C9FF;
		border: 1px solid #00C9FF;
	}

	.card2:hover .list-group-item {
		background: #00C9FF !important
	}


	.card3:hover {
		background: #ff95e9;
		border: 1px solid #ff95e9;
	}

	.card3:hover .list-group-item {
		background: #ff95e9 !important
	}


	.card:hover .btn-outline-dark {
		color: white;
		background: #212529;
	}

}

.qa-pricing7 {
	.pricing {
		margin: 40px 0px;
	}

	.pricing .table {
		border-top: 1px solid #ddd;
		background: #fff;
	}

	.pricing .table th,
	.pricing .table {
		text-align: center;
	}

	.pricing .table th,
	.pricing .table td {
		padding: 20px 10px;
		border: 1px solid #ddd;
		border: 1px solid rgba(255, 255, 255, 0.1);
	}

	.pricing .table th {
		width: 25%;
		font-size: 30px;
		font-weight: 400;
		border-bottom: 0;
		background: #2F313A;
		color: #EBEDF3;
		text-transform: uppercase;
	}

	.pricing .table th.highlight {
		border-top: 4px solid #4caf50 !important;
	}

	.pricing .table tr:nth-child(odd) {
		background: #f0f8ff;
	}

	.pricing .table td:first-child {
		padding-left: 20px;
		text-align: left;
		padding-top: 35px;
		background: #5F97FB;
	}

	.pricing tr td .ptable-title {
		font-size: 22px;
		font-weight: 400;
		color: #fff;
	}

	.pricing tr td .ptable-title i {
		width: 23px;
		line-height: 25px;
		text-align: right;
		margin-right: 5px;
	}

	.pricing .ptable-star {
		position: relative;
		display: block;
		text-align: center;
	}

	.pricing .ptable-star.red {
		color: #e91e63;
	}

	.pricing .ptable-star.green {
		color: #4caf50;
	}

	.pricing .ptable-star.lblue {
		color: #03a9f4;
	}

	.pricing .ptable-star i {
		width: 8px;
		font-size: 13px;
	}

	.pricing .ptable-price {
		display: block;
	}

	.pricing tr td {
		font-size: 16px;
		line-height: 32px;
		text-transform: uppercase;
	}

	.pricing tr td.bg-red {
		background: #e91e63;
	}

	.pricing tr td.bg-green {
		background: #4caf50;
	}

	.pricing tr td.bg-lblue {
		background: #03a9f4;
	}

	.pricing tr td.bg-red a,
	.pricing tr td.bg-green a,
	.pricing tr td.bg-lblue a {
		color: #fff;
	}

	.pricing tr td i {
		display: block;
		margin-bottom: 12px;
		font-size: 30px;
	}

	.pricing tr td i.red {
		color: #e91e63;
	}

	.pricing tr td i.green {
		color: #4caf50;
	}

	.pricing tr td i.lblue {
		color: #03a9f4;
	}

	.pricing tr td:first-child i {
		display: inline;
		margin-bottom: 0px;
		font-size: 22px;
	}
}

.qa-pricing8 {

	.pricingTable,
	.pricingTable .pricingTable-header {
		position: relative
	}

	a {
		text-decoration: none;
	}

	.demo {
		background: #C2C8C9;
		padding: 30px 0
	}

	.pricingTable {
		padding-bottom: 25px;
		margin: 0 20px;
		background: #fff;
		border-radius: 20px;
		border-bottom: 5px solid #4fc2f8;
		text-align: center;
		z-index: 1
	}

	.pricingTable .pricingTable-header:after,
	.pricingTable .pricingTable-header:before {
		content: "";
		border-top: 10px solid #48434a;
		border-left: 10px solid transparent;
		position: absolute;
		bottom: -10px;
		left: -10px
	}

	.pricingTable .pricingTable-header:after {
		border-left: none;
		border-right: 10px solid transparent;
		left: auto;
		right: -10px
	}

	.pricingTable .title {
		padding: 25px 5px;
		margin: 0;
		background: #030004;
		background: linear-gradient(to top, #030004, #314047);
		border-radius: 20px 20px 0 0;
		font-size: 26px;
		font-weight: 700;
		color: #fff;
		text-transform: uppercase;
		position: relative
	}

	.pricingTable .title:after,
	.pricingTable .title:before {
		content: "";
		border-left: 10px solid #c2c8c9;
		border-top: 37px solid transparent;
		border-bottom: 37px solid transparent;
		position: absolute;
		bottom: -114px;
		left: -30px
	}

	.pricingTable .title:after {
		border-left: none;
		border-right: 10px solid #c2c8c9;
		left: auto;
		right: -30px
	}

	.pricingTable .price-value {
		display: block;
		padding: 15px 5px;
		margin: 0 -10px;
		background: #4fc2f8;
		font-size: 36px;
		font-weight: 700;
		color: #fff;
		position: relative
	}

	.pricingTable .price-value:after,
	.pricingTable .price-value:before {
		content: "";
		width: 30px;
		height: 90%;
		background: #0082d4;
		position: absolute;
		top: 50%;
		left: -20px;
		z-index: -1
	}

	.pricingTable .price-value:after {
		left: auto;
		right: -20px
	}

	.pricingTable .month {
		font-size: 15px;
		font-weight: 700;
		margin-left: 3px;
		position: relative;
		top: -12px
	}

	.pricingTable .pricing-content {
		list-style: none;
		padding: 15px 0;
		margin: 0
	}

	.pricingTable .pricing-content li {
		padding: 8px 0;
		font-size: 15px;
		font-weight: 700;
		color: #b2bbc0;
		line-height: 30px;
		border-bottom: 2px dashed #e3e3e3;
		position: relative
	}

	.pricingTable .pricing-content li:last-child {
		border-bottom: none
	}

	.pricingTable .pricingTable-signup {
		display: inline-block;
		padding: 10px 30px;
		font-size: 16px;
		color: #fff;
		text-transform: uppercase;
		border: 2px solid #4fc2f8;
		box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .08);
		perspective: 300px;
		z-index: 1;
		position: relative;
		transition: all .3s ease 0s
	}

	.pricingTable .pricingTable-signup:hover {
		color: #4fc2f8
	}

	.pricingTable .pricingTable-signup:before {
		content: "";
		width: 100%;
		height: 100%;
		background: #4fc2f8;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		transform-origin: left center 0;
		transition: all .3s ease 0s
	}

	.pricingTable .pricingTable-signup:hover:before {
		transform: rotateY(90deg)
	}

	.pricingTable.orange {
		border-bottom-color: #fb8c00
	}

	.pricingTable.orange .price-value,
	.pricingTable.orange .pricingTable-signup:before {
		background: #fb8c00
	}

	.pricingTable.orange .price-value:after,
	.pricingTable.orange .price-value:before {
		background: #cd4410
	}

	.pricingTable.orange .pricingTable-signup {
		border-color: #fb8c00
	}

	.pricingTable.orange .pricingTable-signup:hover {
		color: #fb8c00
	}

	.pricingTable.pink {
		border-bottom-color: #d81a60
	}

	.pricingTable.pink .price-value,
	.pricingTable.pink .pricingTable-signup:before {
		background: #d81a60
	}

	.pricingTable.pink .price-value:after,
	.pricingTable.pink .price-value:before {
		background: #a91a58
	}

	.pricingTable.pink .pricingTable-signup {
		border-color: #d81a60
	}

	.pricingTable.pink .pricingTable-signup:hover {
		color: #d81a60
	}

	@media only screen and (max-width:990px) {
		.pricingTable {
			margin-bottom: 30px
		}
	}
}

.qa-pricing9 {
	.demo {
		padding: 30px 0
	}

	.pricingTable {
		text-align: center
	}

	body {
		padding: 0;
		margin: 0
	}

	.demo {
		background: #B2B2B2
	}

	h4 {
		color: #444
	}

	.pricingTable {
		background: #fff;
		border-radius: 10px;
		overflow: hidden;
		position: relative;
		transition: all .3s ease 0s
	}

	.pricingTable:hover {
		box-shadow: 0 0 5px rgba(0, 0, 0, .8) inset, 0 0 10px rgba(0, 0, 0, .8)
	}

	.pricingTable svg {
		display: block;
		margin-left: -1px
	}

	.pricingTable .pricing-content {
		padding: 50px 0 30px;
		position: relative
	}

	.pricingTable .title {
		font-size: 35px;
		font-weight: 600;
		color: #ae003d;
		text-transform: uppercase;
		margin: 0 0 10px
	}

	.pricingTable .pricing-content ul {
		padding: 0;
		margin: 0 0 30px;
		list-style: none
	}

	.pricingTable .pricing-content a {
		text-decoration: none;
	}

	.pricingTable .pricing-content ul li {
		font-size: 18px;
		color: rgba(0, 0, 0, .3);
		line-height: 40px;
		text-transform: capitalize
	}

	.pricingTable .pricingTable-signup {
		display: inline-block;
		padding: 8px 50px;
		background: #ae003d;
		border-radius: 20px;
		font-size: 20px;
		font-weight: 600;
		color: #fff;
		text-transform: uppercase;
		position: relative;
		transition: all .3s ease 0s
	}

	.pricingTable:hover .pricingTable-signup {
		box-shadow: 0 0 10px #ae003d
	}

	.pricingTable .pricingTable-signup:hover {
		color: #ae003d;
		background: #fff;
		box-shadow: 0 0 10px #ae003d, 0 0 10px #000 inset
	}

	.pricingTable.blue .title {
		color: #005c99
	}

	.pricingTable.blue .pricingTable-signup {
		background: #005c99;
	}

	.pricingTable.blue:hover .pricingTable-signup {
		box-shadow: 0 0 10px #005c99
	}

	.pricingTable.blue .pricingTable-signup:hover {
		color: #005c99;
		background: #fff;
		box-shadow: 0 0 10px #005c99, 0 0 10px #000 inset
	}

	.pricingTable.red .title {
		color: #db2c29
	}

	.pricingTable.red .pricingTable-signup {
		background: #db2c29
	}

	.pricingTable.red:hover .pricingTable-signup {
		box-shadow: 0 0 10px #db2c29
	}

	.pricingTable.red .pricingTable-signup:hover {
		color: #db2c29;
		background: #fff;
		box-shadow: 0 0 10px #db2c29, 0 0 10px #000 inset
	}

	@media only screen and (max-width:990px) {
		.pricingTable {
			margin-bottom: 30px
		}
	}
}

.qa-pricing10 {
	.single-price {
		text-align: center;
		background: #262626;
		transition: .7s;
		margin-top: 20px;
	}

	.single-price h3 {
		font-size: 25px;
		color: #000;
		font-weight: 600;
		text-align: center;
		margin: 0;
		margin-top: -80px;
		font-family: poppins;
		color: #fff;
	}

	.single-price h4 {
		font-size: 48px;
		font-weight: 500;
		color: #fff;
	}

	.single-price h4 span.sup {
		vertical-align: text-top;
		font-size: 25px;
	}

	.deal-top {
		position: relative;
		background: #16A086;
		font-size: 16px;
		text-transform: uppercase;
		padding: 136px 24px 0;
	}

	.deal-top::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: -50px;
		width: 0;
		height: 0;
		border-top: 50px solid #16A086;
		border-left: 175px solid transparent;
		border-right: 183px solid transparent;
	}

	.deal-bottom {
		padding: 56px 16px 0;
	}

	.deal-bottom ul {
		margin: 0;
		padding: 0;
	}

	.deal-bottom ul li {
		font-size: 16px;
		color: #fff;
		font-weight: 300;
		margin-top: 16px;
		border-top: 1px solid #E4E4E4;
		padding-top: 16px;
		list-style: none;
	}

	.btn-area a {
		display: inline-block;
		font-size: 18px;
		color: #fff;
		background: #16A086;
		padding: 8px 64px;
		margin-top: 32px;
		border-radius: 4px;
		margin-bottom: 40px;
		text-transform: uppercase;
		font-weight: bold;
		text-decoration: none;
	}

	.single-price:hover {
		background: #16A086;
	}

	.single-price:hover .deal-top {
		background: #262626;
	}

	.single-price:hover .deal-top:after {
		border-top: 50px solid #262626;
	}

	.single-price:hover .btn-area a {
		background: #262626;
	}

	/* ignore the code below */
	.link-area {
		position: fixed;
		bottom: 20px;
		left: 20px;
		padding: 15px;
		border-radius: 40px;
		background: tomato;
	}

	.link-area a {
		text-decoration: none;
		color: #fff;
		font-size: 25px;
	}
}

.qa-pricing11 {
	#generic_price_table {
		background-color: #f0eded;
	}

	/*PRICE COLOR CODE START*/
	#generic_price_table .generic_content {
		background-color: #fff;
	}

	#generic_price_table .generic_content .generic_head_price {
		background-color: #f6f6f6;
	}

	#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg {
		border-color: #e4e4e4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e4e4e4;
	}

	#generic_price_table .generic_content .generic_head_price .generic_head_content .head span {
		color: #525252;
	}

	#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign {
		color: #414141;
	}

	#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency {
		color: #414141;
	}

	#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent {
		color: #414141;
	}

	#generic_price_table .generic_content .generic_head_price .generic_price_tag .month {
		color: #414141;
	}

	#generic_price_table .generic_content .generic_feature_list ul li {
		color: #a7a7a7;
	}

	#generic_price_table .generic_content .generic_feature_list ul li span {
		color: #414141;
	}

	#generic_price_table .generic_content .generic_feature_list ul li:hover {
		background-color: #E4E4E4;
		border-left: 5px solid #2ECC71;
	}

	#generic_price_table .generic_content .generic_price_btn a {
		border: 1px solid #2ECC71;
		color: #2ECC71;
	}

	#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head_bg,
	#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg {
		border-color: #2ECC71 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #2ECC71;
		color: #fff;
	}

	#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head span,
	#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head span {
		color: #fff;
	}

	#generic_price_table .generic_content:hover .generic_price_btn a,
	#generic_price_table .generic_content.active .generic_price_btn a {
		background-color: #2ECC71;
		color: #fff;
	}

	#generic_price_table {
		margin: 50px 0 50px 0;
		font-family: 'Raleway', sans-serif;
	}

	.row .table {
		padding: 28px 0;
	}

	/*PRICE BODY CODE START*/
	#generic_price_table .generic_content {
		overflow: hidden;
		position: relative;
		text-align: center;
	}

	#generic_price_table .generic_content .generic_head_price {
		margin: 0 0 20px 0;
	}

	#generic_price_table .generic_content .generic_head_price .generic_head_content {
		margin: 0 0 50px 0;
	}

	#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg {
		border-style: solid;
		border-width: 90px 1411px 23px 399px;
		position: absolute;
	}

	#generic_price_table .generic_content .generic_head_price .generic_head_content .head {
		padding-top: 40px;
		position: relative;
		z-index: 1;
	}

	#generic_price_table .generic_content .generic_head_price .generic_head_content .head span {
		font-family: "Raleway", sans-serif;
		font-size: 28px;
		font-weight: 400;
		letter-spacing: 2px;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
	}

	#generic_price_table .generic_content .generic_head_price .generic_price_tag {
		padding: 0 0 20px;
	}

	#generic_price_table .generic_content .generic_head_price .generic_price_tag .price {
		display: block;
	}

	#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign {
		display: inline-block;
		font-family: "Lato", sans-serif;
		font-size: 28px;
		font-weight: 400;
		vertical-align: middle;
	}

	#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency {
		font-family: "Lato", sans-serif;
		font-size: 60px;
		font-weight: 300;
		letter-spacing: -2px;
		line-height: 60px;
		padding: 0;
		vertical-align: middle;
	}

	#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent {
		display: inline-block;
		font-family: "Lato", sans-serif;
		font-size: 24px;
		font-weight: 400;
		vertical-align: bottom;
	}

	#generic_price_table .generic_content .generic_head_price .generic_price_tag .month {
		font-family: "Lato", sans-serif;
		font-size: 18px;
		font-weight: 400;
		letter-spacing: 3px;
		vertical-align: bottom;
	}

	#generic_price_table .generic_content .generic_feature_list ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#generic_price_table .generic_content .generic_feature_list ul li {
		font-family: "Lato", sans-serif;
		font-size: 18px;
		padding: 15px 0;
		transition: all 0.3s ease-in-out 0s;
	}

	#generic_price_table .generic_content .generic_feature_list ul li:hover {
		transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
	}

	#generic_price_table .generic_content .generic_feature_list ul li .fa {
		padding: 0 10px;
	}

	#generic_price_table .generic_content .generic_price_btn {
		margin: 20px 0 32px;
	}

	#generic_price_table .generic_content .generic_price_btn a {
		border-radius: 50px;
		-moz-border-radius: 50px;
		-ms-border-radius: 50px;
		-o-border-radius: 50px;
		-webkit-border-radius: 50px;
		display: inline-block;
		font-family: "Lato", sans-serif;
		font-size: 18px;
		outline: medium none;
		padding: 12px 30px;
		text-decoration: none;
		text-transform: uppercase;
	}

	#generic_price_table .generic_content,
	#generic_price_table .generic_content:hover,
	#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg,
	#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg,
	#generic_price_table .generic_content .generic_head_price .generic_head_content .head h2,
	#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head h2,
	#generic_price_table .generic_content .price,
	#generic_price_table .generic_content:hover .price,
	#generic_price_table .generic_content .generic_price_btn a,
	#generic_price_table .generic_content:hover .generic_price_btn a {
		transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
	}

	@media (max-width: 320px) {}

	@media (max-width: 767px) {
		#generic_price_table .generic_content {
			margin-bottom: 75px;
		}
	}

	@media (min-width: 768px) and (max-width: 991px) {
		#generic_price_table .col-md-3 {
			float: left;
			width: 50%;
		}

		#generic_price_table .col-md-4 {
			float: left;
			width: 50%;
		}

		#generic_price_table .generic_content {
			margin-bottom: 75px;
		}
	}

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

	@media (min-width: 1200px) {}

	#generic_price_table_home {
		font-family: 'Raleway', sans-serif;
	}

	.text-center h1,
	.text-center h1 a {
		color: #7885CB;
		font-size: 30px;
		font-weight: 300;
		text-decoration: none;
	}

	.demo-pic {
		margin: 0 auto;
	}

	.demo-pic:hover {
		opacity: 0.7;
	}

	#generic_price_table_home ul {
		margin: 0 auto;
		padding: 0;
		list-style: none;
		display: table;
	}

	#generic_price_table_home li {
		float: left;
	}

	#generic_price_table_home li+li {
		margin-left: 10px;
		padding-bottom: 10px;
	}

	#generic_price_table_home li a {
		display: block;
		width: 50px;
		height: 50px;
		font-size: 0px;
	}

	#generic_price_table_home .blue {
		background: #3498DB;
		transition: all 0.3s ease-in-out 0s;
	}

	#generic_price_table_home .emerald {
		background: #2ECC71;
		transition: all 0.3s ease-in-out 0s;
	}

	#generic_price_table_home .grey {
		background: #7F8C8D;
		transition: all 0.3s ease-in-out 0s;
	}

	#generic_price_table_home .midnight {
		background: #34495E;
		transition: all 0.3s ease-in-out 0s;
	}

	#generic_price_table_home .orange {
		background: #E67E22;
		transition: all 0.3s ease-in-out 0s;
	}

	#generic_price_table_home .purple {
		background: #9B59B6;
		transition: all 0.3s ease-in-out 0s;
	}

	#generic_price_table_home .red {
		background: #E74C3C;
		transition: all 0.3s ease-in-out 0s;
	}

	#generic_price_table_home .turquoise {
		background: #1ABC9C;
		transition: all 0.3s ease-in-out 0s;
	}

	#generic_price_table_home .blue:hover,
	#generic_price_table_home .emerald:hover,
	#generic_price_table_home .grey:hover,
	#generic_price_table_home .midnight:hover,
	#generic_price_table_home .orange:hover,
	#generic_price_table_home .purple:hover,
	#generic_price_table_home .red:hover,
	#generic_price_table_home .turquoise:hover {
		border-bottom-left-radius: 50px;
		border-bottom-right-radius: 50px;
		border-top-left-radius: 50px;
		border-top-right-radius: 50px;
		transition: all 0.3s ease-in-out 0s;
	}

	#generic_price_table_home .divider {
		border-bottom: 1px solid #ddd;
		margin-bottom: 20px;
		padding: 20px;
	}

	#generic_price_table_home .divider span {
		width: 100%;
		display: table;
		height: 2px;
		background: #ddd;
		margin: 50px auto;
		line-height: 2px;
	}

	#generic_price_table_home .itemname {
		text-align: center;
		font-size: 50px;
		padding: 50px 0 20px;
		border-bottom: 1px solid #ddd;
		margin-bottom: 40px;
		text-decoration: none;
		font-weight: 300;
	}

	#generic_price_table_home .itemnametext {
		text-align: center;
		font-size: 20px;
		padding-top: 5px;
		text-transform: uppercase;
		display: inline-block;
	}

	#generic_price_table_home .footer {
		padding: 40px 0;
	}

	.price-heading {
		text-align: center;
	}

	.price-heading h1 {
		color: #666;
		margin: 0;
		padding: 0 0 50px 0;
	}

	.demo-button {
		background-color: #333333;
		color: #ffffff;
		display: table;
		font-size: 20px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		margin-bottom: 50px;
		outline-color: -moz-use-text-color;
		outline-style: none;
		outline-width: medium;
		padding: 10px;
		text-align: center;
		text-transform: uppercase;
	}

	.bottom_btn {
		background-color: #333333;
		color: #ffffff;
		display: table;
		font-size: 28px;
		margin: 60px auto 20px;
		padding: 10px 25px;
		text-align: center;
		text-transform: uppercase;
	}

	.demo-button:hover {
		background-color: #666;
		color: #FFF;
		text-decoration: none;
	}

	.bottom_btn:hover {
		background-color: #666;
		color: #FFF;
		text-decoration: none;
	}
}

.qa-pricing12 {


	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	div,
	input,
	p,
	a {
		font-family: "Open Sans";
		margin: 0px;
	}

	h3 {
		font-size: 22px;
	}


	a {
		color: inherit;
		text-decoration: none;
		;
	}

	a:hover,
	a:focus {
		text-decoration: none !important;
		color: #06D6A0 !important;
	}

	ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}


	.pricing-table-container {
		padding: 50px 0px;
	}

	.description {
		padding: 15px 0px;
	}

	.description a {
		padding: 10px;
		font-size: 13px;
		display: block;
		font-weight: bold;
		border-bottom: 1px solid #DDD;
	}

	.description a.active {
		background-color: #FFF;
		padding-left: 25px;
	}


	/* DEMO 01 */
	.pricing-table-3 {
		background-color: #FFF;
		margin: 15px auto;
		box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
		max-width: 300px;
		border-radius: 0px 10px 0px 10px;
		overflow: hidden;
		position: relative;
		min-height: 250px;
		transition: all ease-in-out 0.25s;
	}

	.pricing-table-3:hover {
		transform: scale(1.1, 1.1);
		cursor: pointer;
	}

	.pricing-table-3.basic .price {
		background-color: #28b6f6;
		color: #FFF;
	}

	.pricing-table-3.premium .price {
		background-color: #ff9f00;
		color: #FFF;
	}

	.pricing-table-3.business .price {
		background-color: #c3185c;
		color: #FFF;
	}

	.pricing-table-3 .pricing-table-header {
		background-color: #212121;
		color: #FFF;
		padding: 20px 0px 0px 20px;
		position: absolute;
		z-index: 5;
	}

	.pricing-table-3 .pricing-table-header p {
		font-size: 12px;
		opacity: 0.7;
	}

	.pricing-table-3 .pricing-table-header::before {
		content: "";
		position: absolute;
		left: -50px;
		right: -180px;
		height: 125px;
		top: -50px;
		background-color: #212121;
		z-index: -1;
		transform: rotate(-20deg)
	}

	.pricing-table-3 .price {
		position: absolute;
		top: 0px;
		text-align: right;
		padding: 110px 20px 0px 0px;
		right: 0px;
		left: 0px;
		font-size: 20px;
		z-index: 4;
	}

	.pricing-table-3 .price::before {
		content: "";
		position: absolute;
		left: 0px;
		right: 0px;
		height: 100px;
		bottom: -25px;
		background-color: inherit;
		transform: skewY(10deg);
		z-index: -1;
		box-shadow: 0px 5px 0px 5px rgba(0, 0, 0, 0.05);
	}

	.pricing-table-3 .pricing-body {
		padding: 20px;
		padding-top: 200px;
	}

	.pricing-table-3 .pricing-table-ul li {
		color: rgba(0, 0, 0, 0.7);
		font-size: 13px;
		padding: 10px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.pricing-table-3 .pricing-table-ul .fa {
		margin-right: 10px;
	}

	.pricing-table-3.basic .pricing-table-ul .fa {
		color: #28b6f6;
	}

	.pricing-table-3.premium .pricing-table-ul .fa {
		color: #ff9f00;
	}

	.pricing-table-3.business .pricing-table-ul .fa {
		color: #c3185c;
	}

	.pricing-table-3 .view-more {
		margin: 10px 20px;
		display: block;
		text-align: center;
		background-color: #212121;
		padding: 10px 0px;
		color: #FFF;
	}
}

.qa-pricing13 {
	body {
		background: #B1EA86;
		padding: 30px 0
	}

	a {
		text-decoration: none;
	}

	.pricingTable {
		text-align: center;
		background: #fff;
		margin: 0 -15px;
		box-shadow: 0 0 10px #ababab;
		padding-bottom: 40px;
		border-radius: 10px;
		color: #cad0de;
		transform: scale(1);
		transition: all .5s ease 0s
	}

	.pricingTable:hover {
		transform: scale(1.05);
		z-index: 1
	}

	.pricingTable .pricingTable-header {
		padding: 40px 0;
		background: #f5f6f9;
		border-radius: 10px 10px 50% 50%;
		transition: all .5s ease 0s
	}

	.pricingTable:hover .pricingTable-header {
		background: #ff9624
	}

	.pricingTable .pricingTable-header i {
		font-size: 50px;
		color: #858c9a;
		margin-bottom: 10px;
		transition: all .5s ease 0s
	}

	.pricingTable .price-value {
		font-size: 35px;
		color: #ff9624;
		transition: all .5s ease 0s
	}

	.pricingTable .month {
		display: block;
		font-size: 14px;
		color: #cad0de
	}

	.pricingTable:hover .month,
	.pricingTable:hover .price-value,
	.pricingTable:hover .pricingTable-header i {
		color: #fff
	}

	.pricingTable .heading {
		font-size: 24px;
		color: #ff9624;
		margin-bottom: 20px;
		text-transform: uppercase
	}

	.pricingTable .pricing-content ul {
		list-style: none;
		padding: 0;
		margin-bottom: 30px
	}

	.pricingTable .pricing-content ul li {
		line-height: 30px;
		color: #a7a8aa
	}

	.pricingTable .pricingTable-signup a {
		display: inline-block;
		font-size: 15px;
		color: #fff;
		padding: 10px 35px;
		border-radius: 20px;
		background: #ffa442;
		text-transform: uppercase;
		transition: all .3s ease 0s
	}

	.pricingTable .pricingTable-signup a:hover {
		box-shadow: 0 0 10px #ffa442
	}

	.pricingTable.blue .heading,
	.pricingTable.blue .price-value {
		color: #4b64ff
	}

	.pricingTable.blue .pricingTable-signup a,
	.pricingTable.blue:hover .pricingTable-header {
		background: #4b64ff
	}

	.pricingTable.blue .pricingTable-signup a:hover {
		box-shadow: 0 0 10px #4b64ff
	}

	.pricingTable.red .heading,
	.pricingTable.red .price-value {
		color: #ff4b4b
	}

	.pricingTable.red .pricingTable-signup a,
	.pricingTable.red:hover .pricingTable-header {
		background: #ff4b4b
	}

	.pricingTable.red .pricingTable-signup a:hover {
		box-shadow: 0 0 10px #ff4b4b
	}

	.pricingTable.green .heading,
	.pricingTable.green .price-value {
		color: #40c952
	}

	.pricingTable.green .pricingTable-signup a,
	.pricingTable.green:hover .pricingTable-header {
		background: #40c952
	}

	.pricingTable.green .pricingTable-signup a:hover {
		box-shadow: 0 0 10px #40c952
	}

	.pricingTable.blue:hover .price-value,
	.pricingTable.green:hover .price-value,
	.pricingTable.red:hover .price-value {
		color: #fff
	}

	@media screen and (max-width:990px) {
		.pricingTable {
			margin: 0 0 20px
		}
	}
}

.qa-pricing14 {


	#pricing-tables {
		background-color: #eeeeee;
		padding: 30px 0;
		position: relative;
		font-family: "Lato", sans-serif;
	}

	#pricing-tables .col-md-3,
	#pricing-tables .col-sm-6,
	#pricing-tables .col-xs-12 {
		padding-right: 0;
		padding-left: 0;
	}

	#pricing-tables .col-md-3:hover,
	#pricing-tables .col-sm-6:hover,
	#pricing-tables .col-xs-12:hover {
		box-shadow: 0px 11px 30px 0px rgba(0, 0, 0, 0.75);
		z-index: 2;
		transform: scale(1.06);
		border: 0;
		transition: 0.5s all;
		border: none;
	}

	.single-table {
		background: #fff;
		transition: all 0.2s linear;
		z-index: 1;
		/* Bubble Float Right */
	}

	.single-table .plan-header {
		background: #e67e22;
		color: #fff;
		text-transform: capitalize;
		padding: 2px 0;
	}

	.single-table .plan-header h3 {
		margin: 0;
		padding: 20px 0 5px 0;
		text-transform: uppercase;
	}

	.single-table .plan-price {
		display: inline-block;
		color: #e67e22;
		margin: 0 0 10px 0;
		font-size: 25px;
		font-weight: bold;
		background: #fff;
		border-radius: 50%;
		color: #e67e22;
		padding: 33px 15px;
	}

	.single-table .plan-price span {
		font-size: 14px;
		font-weight: normal;
	}

	.single-table ul {
		margin: 0;
		padding: 20px 0;
		list-style: none;
	}

	.single-table ul li {
		padding: 8px 0;
		margin: 0 20px;
		border-bottom: 1px solid white;
		font-size: 15px;
	}

	.single-table .plan-submit {
		display: inline-block;
		text-decoration: none;
		margin: 20px 0 30px 0;
		padding: 10px 40px;
		border: 1px solid #e67e22;
		color: #e67e22;
		font-size: 15px;
		text-transform: uppercase;
		border-radius: 3px;
		transition: all 0.25s linear;
	}

	.single-table .plan-submit:hover {
		background: #e67e22;
		color: #FFF;
		transition: all 0.25s linear;
	}

	.single-table .hvr-bubble-float-right {
		display: inline-block;
		vertical-align: middle;
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		transition-duration: 0.3s;
		transition-property: transform;
	}

	.single-table .hvr-bubble-float-right:before {
		position: absolute;
		z-index: -1;
		top: calc(50% - 10px);
		right: 0;
		content: "";
		border-style: solid;
		border-width: 10px 0 10px 10px;
		border-color: transparent transparent transparent transparent;
		transition-duration: 0.3s;
		transition-property: transform;
	}

	.single-table .hvr-bubble-float-right:hover,
	.single-table .hvr-bubble-float-right:focus,
	.single-table .hvr-bubble-float-right:active {
		transform: translateX(-10px);
	}

	.single-table .hvr-bubble-float-right:hover:before,
	.single-table .hvr-bubble-float-right:focus:before,
	.single-table .hvr-bubble-float-right:active:before {
		transform: translateX(10px);
		border-color: transparent transparent transparent #e67e22;
	}

	.color-2 .single-table .plan-header {
		background: #3498db;
		color: #fff;
	}

	.color-2 .single-table .plan-header .plan-price {
		color: #3498db;
		background: #fff;
	}

	.color-2 .single-table .plan-submit {
		border: 1px solid #3498db;
		color: #3498db;
	}

	.color-2 .single-table .plan-submit:hover {
		background: #3498db;
		color: #FFF;
	}

	.color-2 .hvr-bubble-float-right:hover:before,
	.color-2 .hvr-bubble-float-right:focus:before,
	.color-2 .hvr-bubble-float-right:active:before {
		transform: translateX(10px);
		border-color: transparent transparent transparent #3498db;
	}

	.color-3 .single-table .plan-header {
		background: #2ecc71;
		color: #fff;
	}

	.color-3 .single-table .plan-header .plan-price {
		color: #2ecc71;
		background: #fff;
	}

	.color-3 .single-table .plan-submit {
		border: 1px solid #2ecc71;
		color: #2ecc71;
	}

	.color-3 .single-table .plan-submit:hover {
		background: #2ecc71;
		color: #FFF;
	}

	.color-3 .hvr-bubble-float-right:hover:before,
	.color-3 .hvr-bubble-float-right:focus:before,
	.color-3 .hvr-bubble-float-right:active:before {
		transform: translateX(10px);
		border-color: transparent transparent transparent #2ecc71;
	}

	.color-4 .single-table .plan-header {
		background: #9b59b6;
		color: #fff;
	}

	.color-4 .single-table .plan-header .plan-price {
		color: #9b59b6;
		background: #fff;
	}

	.color-4 .single-table .plan-submit {
		border: 1px solid #9b59b6;
		color: #9b59b6;
	}

	.color-4 .single-table .plan-submit:hover {
		background: #9b59b6;
		color: #FFF;
	}

	.color-4 .hvr-bubble-float-right:hover:before,
	.color-4 .hvr-bubble-float-right:focus:before,
	.color-4 .hvr-bubble-float-right:active:before {
		transform: translateX(10px);
		border-color: transparent transparent transparent #9b59b6;
	}
}

.qa-pricing15 {
	#pricing-tables {
		background-color: #eeeeee;
		padding: 30px 0;
	}

	.single-table {
		background: #fff;
		transition: all 0.2s linear;
		/* Bounce To Right */
	}

	.single-table:hover {
		box-shadow: 0px 3px 3px 0px #888888;
		transition: all 0.2s linear;
	}

	.single-table .plan-header {
		background: #252526;
		color: #fff;
		text-transform: capitalize;
		padding: 2px 0;
	}

	.single-table .plan-header h3 {
		margin: 0;
		padding: 20px 0 5px 0;
		text-transform: uppercase;
	}

	.single-table .plan-price {
		color: #fff;
		padding: 10px 0;
		margin: 0;
		font-size: 30px;
		border-top: 2px solid #587ca0;
		font-weight: bold;
	}

	.single-table .plan-price span {
		font-size: 18px;
		font-weight: normal;
	}

	.single-table ul {
		margin: 0;
		padding: 20px 0;
		list-style: none;
	}

	.single-table ul li {
		padding: 8px 0;
		margin: 0 20px;
		border-bottom: 1px solid #dae2ea;
		font-size: 15px;
	}

	.single-table .plan-submit {
		display: inline-block;
		text-decoration: none;
		margin: 20px 0 30px 0;
		padding: 10px 40px;
		border: 1px solid #34495E;
		color: #34495E;
		font-size: 15px;
		text-transform: uppercase;
	}

	.single-table .hvr-bounce-to-right {
		display: inline-block;
		vertical-align: middle;
		transform: translateZ(0);
		box-shadow: 0 0 1px transparent;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		transition-property: color;
		transition-duration: 0.5s;
	}

	.single-table .hvr-bounce-to-right:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #34495E;
		transform: scaleX(0);
		transform-origin: 0 50%;
		transition-property: transform;
		transition-duration: 0.5s;
		transition-timing-function: ease-out;
	}

	.single-table .hvr-bounce-to-right:hover,
	.single-table .hvr-bounce-to-right:focus,
	.single-table .hvr-bounce-to-right:active {
		color: white;
	}

	.single-table .hvr-bounce-to-right:hover:before,
	.single-table .hvr-bounce-to-right:focus:before,
	.single-table .hvr-bounce-to-right:active:before {
		transform: scaleX(1);
		transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	}
}

.qa-pricing16 {
	a {
		text-decoration: none;
	}

	.demo {
		background: #f2f2f2;
		padding: 30px 0
	}

	.pricingTable {
		padding-bottom: 30px;
		margin: 0 15px;
		background: #fff;
		text-align: center;
		border-radius: 15px;
		overflow: hidden
	}

	.pricingTable:hover {
		box-shadow: 0 0 10px rgba(195, 67, 67, .3) inset, 0 0 20px -5px rgba(0, 0, 0, .8)
	}

	.pricingTable .pricingTable-header {
		padding: 20px 15px 45px;
		background: #66ce04;
		-webkit-clip-path: polygon(50% 100%, 100% 60%, 100% 0, 0 0, 0 60%);
		clip-path: polygon(50% 100%, 100% 60%, 100% 0, 0 0, 0 60%);
		position: relative
	}

	.pricingTable .pricingTable-header:before {
		content: "";
		width: 400px;
		height: 400px;
		border-radius: 50%;
		position: absolute;
		right: -50%;
		top: -130%;
		background: repeating-radial-gradient(rgba(255, 255, 255, .05), rgba(255, 255, 255, .2) 20%);
		transition: all .5s ease 0s
	}

	.pricingTable:hover .pricingTable-header:before {
		right: 50%
	}

	.pricingTable .title {
		font-size: 40px;
		color: #fff;
		margin: 0
	}

	.pricingTable .price-value {
		display: block;
		font-size: 25px;
		color: #000;
		margin: 0 0 20px;
		transition: all .3s ease 0s
	}

	.pricingTable .pricing-content {
		padding: 30px 25px 0;
		margin: 0;
		list-style: none
	}

	.pricingTable .pricing-content li {
		font-size: 18px;
		color: #909090;
		line-height: 40px;
		letter-spacing: 1px;
		text-transform: capitalize;
		border-bottom: 2px solid rgba(0, 0, 0, .15);
		margin-bottom: 10px;
		position: relative
	}

	.pricingTable .pricing-content li:last-child {
		border-bottom: none
	}

	.pricingTable .pricing-content li i {
		color: #66ce04
	}

	.pricingTable .pricingTable-signup {
		display: block;
		padding: 18px 0;
		margin: 0 25px;
		border-radius: 10px;
		background: #66ce04;
		font-size: 20px;
		color: #fff;
		letter-spacing: 1px;
		text-transform: uppercase;
		overflow: hidden;
		position: relative;
		transition: all .3s ease 0s
	}

	.pricingTable .pricingTable-signup:hover {
		letter-spacing: 2px;
		box-shadow: 0 0 10px rgba(0, 0, 0, .7), 0 0 0 7px rgba(255, 255, 255, .5) inset
	}

	.pricingTable .pricingTable-signup:before {
		content: "";
		width: 230px;
		height: 230px;
		border-radius: 50%;
		background: repeating-radial-gradient(rgba(255, 255, 255, .05), rgba(255, 255, 255, .2) 20%);
		position: absolute;
		top: -180%;
		right: -40%;
		transition: all .8s ease 0s
	}

	.pricingTable .pricingTable-signup:hover:before {
		right: 40%
	}

	.pricingTable.blue .pricingTable-header,
	.pricingTable.blue .pricingTable-signup {
		background: #15b8f3
	}

	.pricingTable.blue .pricing-content li i {
		color: #15b8f3
	}

	.pricingTable.pink .pricingTable-header,
	.pricingTable.pink .pricingTable-signup {
		background: #f03c79
	}

	.pricingTable.pink .pricing-content li i {
		color: #f03c79
	}

	@media only screen and (max-width:990px) {
		.pricingTable {
			margin-bottom: 30px
		}
	}

	@media only screen and (max-width:479px) {
		.pricingTable {
			margin: 0
		}

		.pricingTable .pricing-content li {
			font-size: 15px
		}
	}
}

.qa-pricing17 {
	body {
		background: #B1EA86;
		padding: 30px 0
	}

	a {
		text-decoration: none;
	}

	.pricingTable {
		text-align: center;
		background: #fff;
		margin: 0 -15px;
		box-shadow: 0 0 10px #ababab;
		padding-bottom: 40px;
		border-radius: 10px;
		color: #cad0de;
		transform: scale(1);
		transition: all .5s ease 0s
	}

	.pricingTable:hover {
		transform: scale(1.05);
		z-index: 1
	}

	.pricingTable .pricingTable-header {
		padding: 40px 0;
		background: #f5f6f9;
		border-radius: 10px 10px 50% 50%;
		transition: all .5s ease 0s
	}

	.pricingTable:hover .pricingTable-header {
		background: #ff9624
	}

	.pricingTable .pricingTable-header i {
		font-size: 50px;
		color: #858c9a;
		margin-bottom: 10px;
		transition: all .5s ease 0s
	}

	.pricingTable .price-value {
		font-size: 35px;
		color: #ff9624;
		transition: all .5s ease 0s
	}

	.pricingTable .month {
		display: block;
		font-size: 14px;
		color: #cad0de
	}

	.pricingTable:hover .month,
	.pricingTable:hover .price-value,
	.pricingTable:hover .pricingTable-header i {
		color: #fff
	}

	.pricingTable .heading {
		font-size: 24px;
		color: #ff9624;
		margin-bottom: 20px;
		text-transform: uppercase
	}

	.pricingTable .pricing-content ul {
		list-style: none;
		padding: 0;
		margin-bottom: 30px
	}

	.pricingTable .pricing-content ul li {
		line-height: 30px;
		color: #a7a8aa
	}

	.pricingTable .pricingTable-signup a {
		display: inline-block;
		font-size: 15px;
		color: #fff;
		padding: 10px 35px;
		border-radius: 20px;
		background: #ffa442;
		text-transform: uppercase;
		transition: all .3s ease 0s
	}

	.pricingTable .pricingTable-signup a:hover {
		box-shadow: 0 0 10px #ffa442
	}

	.pricingTable.blue .heading,
	.pricingTable.blue .price-value {
		color: #4b64ff
	}

	.pricingTable.blue .pricingTable-signup a,
	.pricingTable.blue:hover .pricingTable-header {
		background: #4b64ff
	}

	.pricingTable.blue .pricingTable-signup a:hover {
		box-shadow: 0 0 10px #4b64ff
	}

	.pricingTable.red .heading,
	.pricingTable.red .price-value {
		color: #ff4b4b
	}

	.pricingTable.red .pricingTable-signup a,
	.pricingTable.red:hover .pricingTable-header {
		background: #ff4b4b
	}

	.pricingTable.red .pricingTable-signup a:hover {
		box-shadow: 0 0 10px #ff4b4b
	}

	.pricingTable.green .heading,
	.pricingTable.green .price-value {
		color: #40c952
	}

	.pricingTable.green .pricingTable-signup a,
	.pricingTable.green:hover .pricingTable-header {
		background: #40c952
	}

	.pricingTable.green .pricingTable-signup a:hover {
		box-shadow: 0 0 10px #40c952
	}

	.pricingTable.blue:hover .price-value,
	.pricingTable.green:hover .price-value,
	.pricingTable.red:hover .price-value {
		color: #fff
	}

	@media screen and (max-width:990px) {
		.pricingTable {
			margin: 0 0 20px
		}
	}
}

.qa-pricing18 {
	body {
		background: #C0BFBF;
		padding: 30px 0
	}

	a {
		text-decoration: none;
	}

	.pricingTable {
		text-align: center
	}

	.pricingTable .pricingTable-header {
		padding: 30px 0;
		background: #4d4d4d;
		position: relative;
		transition: all .3s ease 0s
	}

	.pricingTable:hover .pricingTable-header {
		background: #09b2c6
	}

	.pricingTable .pricingTable-header:after,
	.pricingTable .pricingTable-header:before {
		content: "";
		width: 16px;
		height: 16px;
		border-radius: 50%;
		border: 1px solid #d9d9d8;
		position: absolute;
		bottom: 12px
	}

	.pricingTable .pricingTable-header:before {
		left: 40px
	}

	.pricingTable .pricingTable-header:after {
		right: 40px
	}

	.pricingTable .heading {
		font-size: 20px;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-top: 0
	}

	.pricingTable .price-value {
		display: inline-block;
		position: relative;
		font-size: 55px;
		font-weight: 700;
		color: #09b1c5;
		transition: all .3s ease 0s
	}

	.pricingTable:hover .price-value {
		color: #fff
	}

	.pricingTable .currency {
		font-size: 30px;
		font-weight: 700;
		position: absolute;
		top: 6px;
		left: -19px
	}

	.pricingTable .month {
		font-size: 16px;
		color: #fff;
		position: absolute;
		bottom: 15px;
		right: -30px;
		text-transform: uppercase
	}

	.pricingTable .pricing-content {
		padding-top: 50px;
		background: #fff;
		position: relative
	}

	.pricingTable .pricing-content:after,
	.pricingTable .pricing-content:before {
		content: "";
		width: 16px;
		height: 16px;
		border-radius: 50%;
		border: 1px solid #7c7c7c;
		position: absolute;
		top: 12px
	}

	.pricingTable .pricing-content:before {
		left: 40px
	}

	.pricingTable .pricing-content:after {
		right: 40px
	}

	.pricingTable .pricing-content ul {
		padding: 0 20px;
		margin: 0;
		list-style: none
	}

	.pricingTable .pricing-content ul:after,
	.pricingTable .pricing-content ul:before {
		content: "";
		width: 8px;
		height: 46px;
		border-radius: 3px;
		background: linear-gradient(to bottom, #818282 50%, #727373 50%);
		position: absolute;
		top: -22px;
		z-index: 1;
		box-shadow: 0 0 5px #707070;
		transition: all .3s ease 0s
	}

	.pricingTable:hover .pricing-content ul:after,
	.pricingTable:hover .pricing-content ul:before {
		background: linear-gradient(to bottom, #40c4db 50%, #34bacc 50%)
	}

	.pricingTable .pricing-content ul:before {
		left: 44px
	}

	.pricingTable .pricing-content ul:after {
		right: 44px
	}

	.pricingTable .pricing-content ul li {
		font-size: 15px;
		font-weight: 700;
		color: #777473;
		padding: 10px 0;
		border-bottom: 1px solid #d9d9d8
	}

	.pricingTable .pricing-content ul li:last-child {
		border-bottom: none
	}

	.pricingTable .read {
		display: inline-block;
		font-size: 16px;
		color: #fff;
		text-transform: uppercase;
		background: #d9d9d8;
		padding: 8px 25px;
		margin: 30px 0;
		transition: all .3s ease 0s
	}

	.pricingTable .read:hover {
		text-decoration: none
	}

	.pricingTable:hover .read {
		background: #09b1c5
	}

	@media screen and (max-width:990px) {
		.pricingTable {
			margin-bottom: 25px
		}
	}
}

.qa-pricing19 {


	a {
		text-decoration: none;
	}

	.pricingTable {
		background: #fff;
		padding-bottom: 20px;
		overflow: hidden
	}

	.pricingTable .pricingTable-header {
		margin-bottom: 40px;
		position: relative;
		z-index: 1
	}

	.pricingTable .pricingTable-header:before {
		content: "";
		width: 100%;
		height: 150%;
		background: #606aa3;
		position: absolute;
		top: -90%;
		left: -20%;
		z-index: -1;
		transform: rotate(-42deg)
	}

	.pricingTable .pricingTable-header:after {
		content: "";
		width: 100%;
		height: 190%;
		background: #727cb6;
		position: absolute;
		top: -76%;
		right: -16%;
		z-index: -2;
		transform: rotate(20deg)
	}

	.pricingTable .price-value,
	.pricingTable .title {
		display: inline-block;
		width: 50%;
		padding: 30px 0;
		color: #fff;
		line-height: 20px
	}

	.pricingTable .price-value {
		float: left;
		font-size: 30px;
		position: relative;
		top: 10px;
		left: 20px
	}

	.pricingTable .currency {
		font-size: 20px;
		position: relative;
		top: -10px;
		right: -3px
	}

	.pricingTable .title {
		margin: 0;
		font-size: 20px;
		font-weight: 700;
		text-transform: uppercase;
		position: relative;
		top: 10px;
		right: 7px
	}

	.pricingTable .pricing-content {
		list-style: none;
		padding: 0;
		margin: 0 0 20px;
		text-align: center;
		clear: both
	}

	.pricingTable .pricing-content li {
		font-size: 17px;
		color: #828282;
		line-height: 40px
	}

	.pricingTable .pricingTable-signup {
		display: block;
		width: 80%;
		padding: 10px 0;
		text-align: center;
		border: 1px solid #606aa3;
		border-radius: 40px;
		margin: 0 auto;
		font-size: 18px;
		color: #606aa3;
		z-index: 1;
		text-transform: uppercase;
		overflow: hidden;
		position: relative
	}

	.pricingTable .pricingTable-signup:after,
	.pricingTable .pricingTable-signup:before {
		content: "";
		border-width: 0;
		border-style: solid;
		position: absolute;
		z-index: -1;
		transition: all .7s ease 0s
	}

	.pricingTable .pricingTable-signup:before {
		border-color: transparent transparent transparent #606aa3;
		bottom: 0;
		left: 0
	}

	.pricingTable .pricingTable-signup:after {
		border-color: transparent #606aa3 transparent transparent;
		top: 0;
		right: 0
	}

	.pricingTable .pricingTable-signup:hover:after,
	.pricingTable .pricingTable-signup:hover:before {
		border-width: 150px 262px
	}

	.pricingTable.green .pricingTable-header:before {
		background: #18a288
	}

	.pricingTable.green .pricingTable-header:after {
		background: #1abc9c
	}

	.pricingTable.green .pricingTable-signup {
		border-color: #1abc9c;
		color: #1abc9c
	}

	.pricingTable.green .pricingTable-signup:before {
		border-color: transparent transparent transparent #18a288
	}

	.pricingTable.green .pricingTable-signup:after {
		border-color: transparent #18a288 transparent transparent
	}

	.pricingTable.orange .pricingTable-header:before {
		background: #ee6e00
	}

	.pricingTable.orange .pricingTable-header:after {
		background: #e67e22
	}

	.pricingTable.orange .pricingTable-signup {
		border-color: #e67e22;
		color: #e67e22
	}

	.pricingTable.orange .pricingTable-signup:before {
		border-color: transparent transparent transparent #ee6e00
	}

	.pricingTable.orange .pricingTable-signup:after {
		border-color: transparent #ee6e00 transparent transparent
	}

	.pricingTable.purple .pricingTable-header:before {
		background: #b14468
	}

	.pricingTable.purple .pricingTable-header:after {
		background: #cf4d78
	}

	.pricingTable.purple .pricingTable-signup {
		border-color: #cf4d78;
		color: #cf4d78
	}

	.pricingTable.purple .pricingTable-signup:before {
		border-color: transparent transparent transparent #b14468
	}

	.pricingTable.purple .pricingTable-signup:after {
		border-color: transparent #b14468 transparent transparent
	}

	@media only screen and (max-width:990px) {
		.pricingTable {
			margin-bottom: 30px
		}
	}

	@media only screen and (max-width:767px) {
		.pricingTable .pricingTable-header:before {
			height: 300%;
			top: -267%
		}

		.pricingTable .pricingTable-header:after {
			height: 270%;
			top: -106%
		}

		.pricingTable .title {
			text-align: center
		}
	}

	@media only screen and (max-width:480px) {
		.pricingTable .pricingTable-header:after {
			top: -146%
		}
	}

	@media only screen and (max-width:479px) {
		.pricingTable .pricingTable-header:before {
			height: 200%;
			top: -120%;
			left: -20%
		}
	}
}

.qa-pricing20 {
	.demo {
		background: #B7B7B7;
		padding: 30px 0
	}

	a {
		text-decoration: none;
	}

	.pricingTable {
		padding-bottom: 100px;
		background: #fff;
		text-align: center;
		margin-bottom: 50px;
		position: relative
	}

	.pricingTable:before {
		content: "";
		width: 80%;
		height: 10px;
		background: #727cb6;
		margin: 0 auto;
		position: absolute;
		top: -10px;
		left: 0;
		right: 0
	}

	.pricingTable .title {
		display: inline-block;
		width: 80%;
		margin: 0 0 40px;
		background: #727cb6;
		font-size: 30px;
		font-weight: 700;
		color: #fff;
		letter-spacing: 1px;
		text-transform: uppercase;
		position: relative
	}

	.pricingTable .title:after,
	.pricingTable .title:before {
		content: "";
		border-right: 10px solid #4a59ab;
		border-top: 10px solid transparent;
		position: absolute;
		top: -10px;
		left: -10px
	}

	.pricingTable .title:after {
		border-right: none;
		border-left: 10px solid #4a59ab;
		left: auto;
		right: -10px
	}

	.pricingTable .title span {
		display: block;
		padding: 25px 0
	}

	.pricingTable .title span:after {
		content: "";
		display: block;
		width: 100%;
		height: 21px;
		position: absolute;
		bottom: -21px;
		background: linear-gradient(-45deg, transparent 75%, #727cb6 75%) 0 50%, linear-gradient(45deg, transparent 75%, #727cb6 75%) 0 50%;
		background-repeat: repeat-x;
		background-size: 16px
	}

	.pricingTable .pricing-content {
		list-style: none;
		padding: 0;
		margin: 0
	}

	.pricingTable .pricing-content li {
		font-size: 16px;
		font-weight: 700;
		color: #727cb6;
		line-height: 30px;
		margin-bottom: 20px;
		position: relative
	}

	.pricingTable .pricing-content li:last-child {
		margin-bottom: 0
	}

	.pricingTable .pricing-content li:before {
		content: "";
		width: 30px;
		height: 100%;
		background: #727cb6;
		position: absolute;
		top: 0;
		left: -10px
	}

	.pricingTable .pricing-content li:after {
		content: "";
		border-left: 15px solid #727cb6;
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
		position: absolute;
		top: 0;
		left: 20px
	}

	.pricingTable .pricing-content i {
		font-size: 16px;
		color: #fff;
		position: absolute;
		top: 6px;
		left: 0
	}

	.pricingTable .pricing-content i:after {
		content: "";
		border-right: 10px solid #4a59ab;
		border-top: 10px solid transparent;
		position: absolute;
		top: -16px;
		left: -10px
	}

	.pricingTable .price-value {
		width: 150px;
		height: 150px;
		border-radius: 50%;
		background: #727cb6;
		margin: 0 auto;
		overflow: hidden;
		position: absolute;
		bottom: -75px;
		left: 0;
		right: 0
	}

	.pricingTable .pricingTable-signup {
		display: block;
		padding: 21px 0;
		font-size: 20px;
		font-weight: 700;
		color: #fff;
		position: relative
	}

	.pricingTable .pricingTable-signup:after,
	.pricingTable .pricingTable-signup:before {
		content: "";
		width: 53%;
		height: 15px;
		background: #fff;
		position: absolute;
		bottom: -5px;
		left: 0;
		transform: rotate(20deg)
	}

	.pricingTable .pricingTable-signup:after {
		left: auto;
		right: 0;
		transform: rotate(-20deg)
	}

	.pricingTable .amount {
		display: block;
		padding: 15px 0;
		font-size: 28px;
		font-weight: 700;
		color: #fff
	}

	.pricingTable .amount span {
		display: inline;
		font-size: 16px;
		border-bottom: 2px solid #fff;
		position: relative;
		top: -8px
	}

	.pricingTable.green .price-value,
	.pricingTable.green .pricing-content li:before,
	.pricingTable.green .title,
	.pricingTable.green:before {
		background: #1abc9c
	}

	.pricingTable.green .title span:after {
		background: linear-gradient(-45deg, transparent 75%, #1abc9c 75%) 0 50%, linear-gradient(45deg, transparent 75%, #1abc9c 75%) 0 50%;
		background-size: 16px
	}

	.pricingTable.green .pricing-content li {
		color: #1abc9c
	}

	.pricingTable.green .pricing-content li:after {
		border-left: 15px solid #1abc9c
	}

	.pricingTable.green .pricing-content i:after,
	.pricingTable.green .title:before {
		border-right: 10px solid #11927a
	}

	.pricingTable.green .title:after {
		border-left: 10px solid #11927a
	}

	.pricingTable.purple .price-value,
	.pricingTable.purple .pricing-content li:before,
	.pricingTable.purple .title,
	.pricingTable.purple:before {
		background: #cf4d78
	}

	.pricingTable.purple .title span:after {
		background: linear-gradient(-45deg, transparent 75%, #cf4d78 75%) 0 50%, linear-gradient(45deg, transparent 75%, #cf4d78 75%) 0 50%;
		background-size: 16px
	}

	.pricingTable.purple .pricing-content li {
		color: #cf4d78
	}

	.pricingTable.purple .pricing-content li:after {
		border-left: 15px solid #cf4d78
	}

	.pricingTable.purple .pricing-content i:after,
	.pricingTable.purple .title:before {
		border-right: 10px solid #ae365e
	}

	.pricingTable.purple .title:after {
		border-left: 10px solid #ae365e
	}

	@media only screen and (max-width:990px) {
		.pricingTable {
			margin-bottom: 100px
		}
	}
}

.qa-pricing21 {
	.bg-gradient {
		background: #C9D6FF;
		background: -webkit-linear-gradient(to right, #E2E2E2, #C9D6FF);
		background: linear-gradient(to right, #E2E2E2, #C9D6FF);
	}

	ul li {
		margin-bottom: 1.4rem;
	}

	.pricing-divider {
		border-radius: 20px;
		background: #C64545;
		padding: 1em 0 4em;
		position: relative;
	}

	.blue .pricing-divider {
		background: #2D5772;
	}

	.green .pricing-divider {
		background: #1AA85C;
	}

	.red b {
		color: #C64545
	}

	.blue b {
		color: #2D5772
	}

	.green b {
		color: #1AA85C
	}

	.pricing-divider-img {
		position: absolute;
		bottom: -2px;
		left: 0;
		width: 100%;
		height: 80px;
	}

	.deco-layer {
		-webkit-transition: -webkit-transform 0.5s;
		transition: transform 0.5s;
	}

	.btn-custom {
		background: #C64545;
		color: #fff;
		border-radius: 20px
	}

	.img-float {
		width: 50px;
		position: absolute;
		top: -3.5rem;
		right: 1rem
	}

	.princing-item {
		transition: all 150ms ease-out;
	}

	.princing-item:hover {
		transform: scale(1.05);
	}

	.princing-item:hover .deco-layer--1 {
		-webkit-transform: translate3d(15px, 0, 0);
		transform: translate3d(15px, 0, 0);
	}

	.princing-item:hover .deco-layer--2 {
		-webkit-transform: translate3d(-15px, 0, 0);
		transform: translate3d(-15px, 0, 0);
	}
}

.qa-pricing22 {
	.demo {
		background: #252526;
		padding: 30px 0
	}

	a {
		text-decoration: none;
	}

	.pricingTable {
		padding: 25px 10px 70px;
		margin: 0 15px;
		text-align: center;
		z-index: 1;
		position: relative
	}

	.pricingTable:after,
	.pricingTable:before {
		content: "";
		position: absolute;
		left: 0
	}

	.pricingTable .price-value .amount {
		display: inline-block;
		font-size: 50px;
		font-weight: 700
	}

	.pricingTable .price-value .month {
		display: block;
		font-size: 20px;
		font-weight: 500;
		line-height: 10px;
		text-transform: uppercase
	}

	.pricingTable:before {
		width: 100%;
		height: 100%;
		background: #fff;
		top: 0;
		z-index: -1;
		-webkit-clip-path: polygon(100% 0, 100% 85%, 50% 100%, 0 85%, 0 0);
		clip-path: polygon(100% 0, 100% 85%, 50% 100%, 0 85%, 0 0)
	}

	.pricingTable:after {
		width: 70px;
		height: 30px;
		background: #1daa72;
		margin: 0 auto;
		top: 70px;
		right: 0;
		-webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
		clip-path: polygon(50% 100%, 0 0, 100% 0)
	}

	.pricingTable .title {
		padding: 15px 0;
		margin: 0 -25px 30px;
		background: #1daa72;
		font-size: 25px;
		font-weight: 600;
		color: #fff;
		text-transform: uppercase;
		position: relative
	}

	.pricingTable .title:after,
	.pricingTable .title:before {
		border-top: 15px solid #51836d;
		border-bottom: 15px solid transparent;
		position: absolute;
		bottom: -30px;
		content: ""
	}

	.pricingTable .title:before {
		border-left: 15px solid transparent;
		left: 0
	}

	.pricingTable .title:after {
		border-right: 15px solid transparent;
		right: 0
	}

	.pricingTable .price-value {
		margin-bottom: 25px;
		color: #1daa72
	}

	.pricingTable .currency {
		display: inline-block;
		font-size: 30px;
		vertical-align: top;
		margin-top: 8px
	}

	.price-value .amount {
		display: inline-block;
		font-size: 50px;
		font-weight: 700
	}

	.price-value .month {
		display: block;
		font-size: 20px;
		font-weight: 500;
		line-height: 10px;
		text-transform: uppercase
	}

	.pricingTable .pricing-content {
		padding: 0;
		margin: 0 0 25px;
		list-style: none;
		border-top: 1px solid #8f8f8f;
		border-bottom: 1px solid #8f8f8f
	}

	.pricingTable .pricing-content li {
		font-size: 17px;
		color: #8f8f8f;
		line-height: 55px
	}

	.pricingTable .pricingTable-signup {
		display: inline-block;
		padding: 10px 30px;
		background: #1daa72;
		font-size: 18px;
		font-weight: 600;
		color: #fff;
		overflow: hidden;
		position: relative;
		transition: all .7s ease 0s
	}

	.pricingTable .pricingTable-signup:before {
		content: "";
		display: inline-block;
		width: 100%;
		height: 100%;
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		transform: translate(0, 100%);
		transition: all .6s ease-in-out 0s
	}

	.pricingTable .pricingTable-signup:hover:before {
		opacity: 1;
		transform: translate(0, -100%)
	}

	.pricingTable.blue .pricingTable-signup,
	.pricingTable.blue .title,
	.pricingTable.blue:after {
		background: #49b0ca
	}

	.pricingTable.blue .title:after,
	.pricingTable.blue .title:before {
		border-top: 15px solid #407a88
	}

	.pricingTable.blue .price-value {
		color: #49b0ca
	}

	.pricingTable.pink .pricingTable-signup,
	.pricingTable.pink .title,
	.pricingTable.pink:after {
		background: #f06ace
	}

	.pricingTable.pink .price-value {
		color: #f06ace
	}

	.pricingTable.pink .title:after,
	.pricingTable.pink .title:before {
		border-top: 15px solid #773667
	}

	@media only screen and (max-width:990px) {
		.pricingTable {
			margin-bottom: 30px
		}
	}
}

.qa-pricing23 {

	.pricingTable .pricingTable-signup:before,
	.pricingTable:before {
		content: "";
		transition: all .3s ease 0s
	}

	.demo {
		background: #E6E6E8;
		padding: 30px 0
	}

	a {
		text-decoration: none;
	}

	.pricingTable {
		text-align: center;
		padding-bottom: 12px;
		position: relative
	}

	.pricingTable:before {
		width: 98%;
		height: 85%;
		border-radius: 40px;
		background: #fff;
		margin: 0 auto;
		position: absolute;
		box-shadow: 0 0 0 10px #fff inset, 0 0 0 17px #d7182a inset;
		bottom: 0;
		left: 0;
		right: 0
	}

	.pricingTable:hover:before {
		box-shadow: 0 0 0 10px #fff inset, 0 0 0 17px #D7182A inset, 0 0 60px rgba(0, 0, 0, .5) inset
	}

	.pricingTable .pricingTable-header {
		width: 110%;
		position: relative;
		left: 50%;
		transform: translateX(-50%)
	}

	.pricingTable .pricingTable-header svg {
		width: 94%
	}

	.pricingTable .title {
		display: inline-block;
		padding: 0 0 10px;
		margin: 0 0 20px;
		font-size: 30px;
		color: #d7182a;
		text-transform: uppercase;
		border-bottom: 7px dotted rgba(0, 0, 0, .2);
		transition: all .3s ease 0s
	}

	.pricingTable:hover .title {
		padding: 0 20px 10px
	}

	.pricingTable .price-value {
		color: #fff;
		position: absolute;
		top: 67px;
		left: 50%;
		transform: translateX(-50%)
	}

	.price-value .amount {
		display: block;
		font-size: 50px;
		font-weight: 600
	}

	.price-value .month {
		display: block;
		font-size: 16px;
		font-weight: 500;
		line-height: 0;
		text-transform: lowercase
	}

	.pricingTable .pricing-content {
		padding: 0;
		margin: 0 0 20px;
		list-style: none;
		position: relative
	}

	.pricingTable .pricing-content li {
		font-size: 18px;
		color: #707070;
		line-height: 40px
	}

	.pricingTable .pricingTable-signup {
		display: inline-block;
		padding: 10px 20px;
		background: #d7182a;
		font-size: 22px;
		font-weight: 600;
		color: #fff;
		letter-spacing: 1px;
		text-transform: uppercase;
		border-radius: 20px 20px 0 0;
		overflow: hidden;
		z-index: 1;
		position: relative;
		transition: all .3s ease 0s
	}

	.pricingTable .pricingTable-signup:hover {
		color: #d7182a
	}

	.pricingTable .pricingTable-signup:before {
		width: 90%;
		height: 80%;
		background: #fff;
		border-radius: 20px 20px 0 0;
		position: absolute;
		top: 150%;
		left: 50%;
		z-index: -1;
		opacity: 0;
		transform: translate(-50%, -50%)
	}

	.pricingTable .pricingTable-signup:hover:before {
		top: 50%;
		opacity: 1
	}

	.pricingTable.darkblue:before {
		box-shadow: 0 0 0 10px #fff inset, 0 0 0 17px #1a6bac inset
	}

	.pricingTable.darkblue:hover:before {
		box-shadow: 0 0 0 10px #fff inset, 0 0 0 17px #1a6bac inset, 0 0 60px rgba(0, 0, 0, .5) inset
	}

	.pricingTable.darkblue .pricingTable-header svg path {
		fill: #1a6bac
	}

	.pricingTable.darkblue .pricingTable-signup {
		background: #1a6bac
	}

	.pricingTable.darkblue .pricingTable-header h3,
	.pricingTable.darkblue .pricingTable-signup:hover {
		color: #1a6bac
	}

	.pricingTable.blue:before {
		box-shadow: 0 0 0 10px #fff inset, 0 0 0 17px #2998c5 inset
	}

	.pricingTable.blue:hover:before {
		box-shadow: 0 0 0 10px #fff inset, 0 0 0 17px #2998c5 inset, 0 0 60px rgba(0, 0, 0, .5) inset
	}

	.pricingTable.blue .pricingTable-header svg path {
		fill: #2998c5
	}

	.pricingTable.blue .pricingTable-signup {
		background: #2998c5
	}

	.pricingTable.blue .pricingTable-header h3,
	.pricingTable.blue .pricingTable-signup:hover {
		color: #2998c5
	}

	@media only screen and (max-width:990px) {
		.pricingTable {
			margin-bottom: 40px
		}
	}

	@media only screen and (max-width:767px) {
		.pricingTable .pricingTable-header {
			width: 102%
		}
	}

	@media only screen and (max-width:479px) {
		.pricingTable .price-value {
			top: 80px
		}

		.price-value .amount {
			font-size: 40px
		}
	}
}

.qa-pricing24 {


	.pricingTable {
		padding-bottom: 10px;
		background: #fff;
		border-bottom: 15px solid #faac01;
		text-align: center;
		overflow: hidden;
		position: relative
	}

	.pricingTable:before {
		content: "";
		width: 100%;
		height: 350px;
		background: #faac01;
		position: absolute;
		top: -150px;
		left: 0;
		transform: skewY(-20deg)
	}

	.pricingTable .price-value:after,
	.pricingTable .price-value:before,
	.pricingTable .value:after,
	.pricingTable5 .value:before,
	.pricingTable5 .year:after,
	.pricingTable5 .year:before {
		content: "";
		left: 50%;
		transform: translateX(-50%) scaleY(.5) rotate(45deg)
	}

	.pricingTable .pricingTable-header {
		padding: 20px 20px 60px;
		text-align: left;
		position: relative
	}

	.pricingTable .title {
		font-size: 30px;
		font-weight: 600;
		color: #fff;
		text-transform: uppercase;
		margin: 0
	}

	.pricingTable .sub-title {
		display: block;
		font-size: 16px;
		color: #fff;
		text-transform: uppercase
	}

	.pricingTable .value,
	.pricingTable .year {
		color: #faac01;
		background: #fff
	}

	.pricingTable .year {
		width: 80px;
		height: 55px;
		padding: 7px 0;
		font-size: 15px;
		font-weight: 600;
		font-style: italic;
		text-align: center;
		position: absolute;
		top: 30px;
		right: 20px;
		z-index: 1
	}

	.pricingTable .year:after,
	.pricingTable .year:before {
		width: 57px;
		height: 57px;
		background: #fff;
		position: absolute;
		top: -28px;
		z-index: -1
	}

	.pricingTable .year:after {
		top: auto;
		bottom: -28px
	}

	.pricingTable .price-value {
		display: inline-block;
		width: 170px;
		height: 110px;
		padding: 15px;
		border: 2px solid #faac01;
		border-top: none;
		border-bottom: none;
		position: relative
	}

	.pricingTable .price-value:after,
	.pricingTable .price-value:before {
		width: 121px;
		height: 121px;
		border: 3px solid #faac01;
		border-right: none;
		border-bottom: none;
		position: absolute;
		top: -60px
	}

	.pricingTable .price-value:after {
		border-top: none;
		border-left: none;
		border-bottom: 3px solid #faac01;
		border-right: 3px solid #faac01;
		top: auto;
		bottom: -60px
	}

	.pricingTable .value {
		width: 100%;
		height: 100%;
		border: 2px solid #faac01;
		border-top: none;
		border-bottom: none;
		z-index: 1;
		position: relative
	}

	.pricingTable .value:after,
	.pricingTable .value:before {
		width: 97px;
		height: 97px;
		background: #fff;
		border: 3px solid #faac01;
		border-bottom: none;
		border-right: none;
		position: absolute;
		top: -48px;
		z-index: -1
	}

	.pricingTable .value:after {
		border-right: 3px solid #faac01;
		border-bottom: 3px solid #faac01;
		border-top: none;
		border-left: none;
		top: auto;
		bottom: -48px
	}

	.pricingTable .currency {
		display: inline-block;
		font-size: 30px;
		margin-top: 7px;
		vertical-align: top
	}

	.pricingTable .amount {
		display: inline-block;
		font-size: 40px;
		font-weight: 600;
		line-height: 65px
	}

	.pricingTable .amount span {
		display: inline-block;
		font-size: 30px;
		font-weight: 400;
		vertical-align: top;
		margin-top: -7px
	}

	.pricingTable .month {
		display: block;
		font-size: 16px;
		line-height: 0
	}

	.pricingTable .pricing-content {
		padding: 50px 0 0 80px;
		margin-bottom: 20px;
		list-style: none;
		text-align: left;
		transition: all .3s ease 0s
	}

	.pricingTable .pricing-content li {
		padding: 7px 0;
		font-size: 16px;
		color: grey;
		position: relative
	}

	.pricingTable .pricing-content li.disable:before,
	.pricingTable .pricing-content li:before {
		content: "\f00c";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		width: 25px;
		height: 25px;
		line-height: 25px;
		border-radius: 50%;
		background: #98c458;
		text-align: center;
		color: #fff;
		position: absolute;
		left: -50px
	}

	.pricingTable .pricing-content li.disable:before {
		content: "\f00d";
		background: #fe6c6c
	}

	.pricingTable .pricingTable-signup {
		display: inline-block;
		width: 60%;
		height: 50px;
		line-height: 50px;
		font-size: 22px;
		font-weight: 700;
		color: #faac01;
		text-transform: uppercase;
		border: 2px solid #faac01;
		margin: 0 auto 10px;
		position: relative;
		transition: all .3s ease 0s
	}

	.pricingTable.purple .price-value:before,
	.pricingTable5.purple .value:before {
		border-left-color: #be4f91;
		border-top-color: #be4f91
	}

	.pricingTable.purple .price-value,
	.pricingTable.purple .price-value:after,
	.pricingTable.purple .value,
	.pricingTable5.purple .value:after {
		border-right-color: #be4f91
	}

	.pricingTable.purple,
	.pricingTable.purple .price-value:after,
	.pricingTable.purple .value:after {
		border-bottom-color: #be4f91
	}

	.pricingTable .pricingTable-signup:hover {
		background: #faac01;
		color: #fff
	}

	.pricingTable.purple .value,
	.pricingTable.purple .year {
		color: #be4f91
	}

	.pricingTable.purple:before {
		background: #be4f91
	}

	.pricingTable.purple .price-value {
		border-left-color: #be4f91
	}

	.pricingTable.purple .value {
		border-left-color: #be4f91
	}

	.pricingTable.purple .pricingTable-signup {
		color: #be4f91;
		border-color: #be4f91
	}

	.pricingTable.blue .price-value:before,
	.pricingTable.blue .value:before {
		border-left-color: #0192af;
		;
		border-top-color: #0192af;
	}

	.pricingTable.blue .price-value,
	.pricingTable.blue .price-value:after,
	.pricingTable5.blue .value,
	.pricingTable5.blue .value:after {
		border-right-color: #0192af;
	}

	.pricingTable.blue,
	.pricingTable5.blue .price-value:after,
	.pricingTable5.blue .value:after {
		border-bottom-color: #0192af;
	}

	.pricingTable.purple .pricingTable-signup:hover {
		color: #fff;
		background: #be4f91
	}

	.pricingTable.blue .value,
	.pricingTable.blue .year {
		color: #0192af;
	}

	.pricingTable.blue:before {
		background: #0192af;
	}

	.pricingTable.blue .price-value {
		border-left-color: #0192af;
	}

	.pricingTable.blue .value {
		border-left-color: #0192af;
	}

	.pricingTable.blue .pricingTable-signup {
		color: #0192af;
		;
		border-color: #0192af;
	}

	.pricingTable.blue .pricingTable-signup:hover {
		color: #fff;
		background: #0192af;
	}

	@media only screen and (max-width:990px) {
		.pricingTable {
			margin-bottom: 30px
		}
	}

	@media only screen and (max-width:767px) {
		.pricingTable:before {
			transform: skewY(-15deg)
		}

		.pricingTable .title {
			font-size: 22px
		}
	}
}

.qa-pricing25 {
	.demo {
		background: #DEDDDB;
		padding: 30px 0
	}

	a {
		text-decoration: none;
	}

	.pricingTable {
		padding-bottom: 20px;
		background: #fff;
		border-radius: 10px;
		text-align: center;
		position: relative;
		transition: all .3s ease 0s
	}

	.pricingTable .title {
		padding: 40px 20px 170px;
		margin: 0 0 30px;
		background: linear-gradient(to bottom right, #fa6fe6, #ffef65);
		font-size: 30px;
		font-weight: 600;
		color: #fff;
		text-transform: uppercase;
		overflow: hidden;
		position: relative
	}

	.pricingTable .title:after,
	.pricingTable .title:before {
		content: "";
		width: 280px;
		height: 200px;
		border-radius: 80px;
		background: #fff;
		position: absolute;
		bottom: -175px;
		left: -46px;
		transform: rotate(-85deg)
	}

	.pricingTable .title:after {
		border-radius: 100px;
		bottom: auto;
		top: 150px;
		left: auto;
		right: -70px;
		transform: rotate(-40deg)
	}

	.pricingTable .price-value {
		display: inline-block;
		width: 140px;
		height: 140px;
		line-height: 65px;
		border-radius: 50%;
		background: #fff;
		box-shadow: 0 0 0 8px rgba(0, 0, 0, .3);
		padding: 30px 0;
		font-size: 35px;
		font-weight: 600;
		color: #404040;
		position: absolute;
		top: 110px;
		left: 50%;
		transform: translateX(-50%);
		transition: all .3s ease 0s
	}

	.pricingTable:hover .price-value {
		background: linear-gradient(to bottom, #fa6fe6, #ffef65);
		color: #fff
	}

	.pricingTable .month {
		display: block;
		font-size: 16px;
		font-weight: 400;
		line-height: 0
	}

	.pricingTable .pricing-content {
		list-style: none;
		padding: 0;
		margin-bottom: 20px;
		text-align: left;
		transition: all .3s ease 0s
	}

	.pricingTable .pricing-content li {
		padding: 7px 0 7px 50px;
		font-size: 16px;
		font-weight: 600;
		color: #000;
		letter-spacing: 1px;
		position: relative
	}

	.pricingTable .pricing-content li:before {
		content: "\f00c";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		width: 24px;
		height: 24px;
		line-height: 20px;
		border-radius: 50%;
		border: 2px solid #fb6ee5;
		color: #fb6ee5;
		text-align: center;
		position: absolute;
		top: 50%;
		left: 12px;
		transform: translateY(-50%)
	}

	.pricingTable .pricing-content li.disable {
		color: #707070
	}

	.pricingTable .pricing-content li.disable:before {
		display: none
	}

	.pricingTable .pricingTable-signup {
		display: inline-block;
		padding: 13px 45px;
		border-radius: 30px;
		background: linear-gradient(to right, #fa6fe6, #ffef65);
		font-size: 22px;
		font-weight: 700;
		color: #404040;
		text-transform: uppercase;
		z-index: 1;
		position: relative;
		transition: all .3s ease 0s
	}

	.pricingTable .pricingTable-signup:hover {
		color: #fff
	}

	.pricingTable .pricingTable-signup:before {
		content: "";
		width: 98%;
		height: 92%;
		border-radius: 30px;
		background: #fff;
		position: absolute;
		top: 2px;
		left: 2px;
		z-index: -1
	}

	.pricingTable .pricingTable-signup:hover:before {
		background: 0 0
	}

	.pricingTable.blue .title {
		background: linear-gradient(to bottom right, #44f2b5, #4cbde2)
	}

	.pricingTable.blue:hover .price-value {
		background: linear-gradient(to bottom, #44f2b5, #4cbde2)
	}

	.pricingTable.blue .pricing-content li:before {
		border-color: #44f2b5;
		color: #44f2b5
	}

	.pricingTable.blue .pricingTable-signup {
		background: linear-gradient(to bottom right, #44f2b5, #4cbde2)
	}

	.pricingTable.green .title {
		background: linear-gradient(to bottom right, #66fd9c, #f6fa60)
	}

	.pricingTable.green:hover .price-value {
		background: linear-gradient(to bottom, #66fd9c, #f6fa60)
	}

	.pricingTable.green .pricing-content li:before {
		border-color: #66fd9c;
		color: #66fd9c
	}

	.pricingTable.green .pricingTable-signup {
		background: linear-gradient(to bottom right, #66fd9c, #f6fa60)
	}

	@media only screen and (max-width:990px) {
		.pricingTable6 {
			margin-bottom: 30px
		}
	}

	@media only screen and (max-width:767px) {
		.pricingTable6 .title:before {
			height: 400px;
			top: 100px;
			left: 55px
		}

		.pricingTable .title:after {
			width: 550px;
			height: 550px;
			top: 150px;
			right: -100px;
			transform: rotate(-20deg)
		}
	}

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

		.pricingTable .title:after,
		.pricingTable .title:before {
			width: 280px;
			height: 200px;
			top: 220px;
			left: -46px
		}

		.pricingTable .title:after {
			top: 150px;
			left: auto;
			right: -70px
		}
	}
}

.qa-pricing26 {
	section.pricing {
		background: #007bff;
		background: linear-gradient(to right, #0062E6, #33AEFF);
	}

	.pricing .card {
		border: none;
		border-radius: 1rem;
		transition: all 0.2s;
		box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
	}

	.pricing hr {
		margin: 1.5rem 0;
	}

	.pricing .card-title {
		margin: 0.5rem 0;
		font-size: 0.9rem;
		letter-spacing: .1rem;
		font-weight: bold;
	}

	.pricing .card-price {
		font-size: 3rem;
		margin: 0;
	}

	.pricing .card-price .period {
		font-size: 0.8rem;
	}

	.pricing ul li {
		margin-bottom: 1rem;
	}

	.pricing .text-muted {
		opacity: 0.7;
	}

	.pricing .btn {
		font-size: 80%;
		border-radius: 5rem;
		letter-spacing: .1rem;
		font-weight: bold;
		padding: 1rem;
		opacity: 0.7;
		transition: all 0.2s;
	}

	/* Hover Effects on Card */
	@media (min-width: 992px) {
		.pricing .card:hover {
			margin-top: -.25rem;
			margin-bottom: .25rem;
			box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
		}

		.pricing .card:hover .btn {
			opacity: 1;
		}
	}
}

.qa-pricing27 {
	body {
		margin-top: 20px;
	}

	.pricing-box {
		-webkit-box-shadow: 0px 5px 30px -10px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 5px 30px -10px rgba(0, 0, 0, 0.1);
		padding: 35px 50px;
		border-radius: 20px;
		position: relative;
	}

	.pricing-box .plan {
		font-size: 34px;
	}

	.pricing-badge {
		position: absolute;
		top: 0;
		z-index: 999;
		right: 0;
		width: 100%;
		display: block;
		font-size: 15px;
		padding: 0;
		overflow: hidden;
		height: 100px;
	}

	.pricing-badge .badge {
		float: right;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		right: -67px;
		top: 17px;
		position: relative;
		text-align: center;
		width: 200px;
		font-size: 13px;
		margin: 0;
		padding: 7px 10px;
		font-weight: 500;
		color: #ffffff;
		background: #fb7179;
	}

	.mb-2,
	.my-2 {
		margin-bottom: .5rem !important;
	}

	p {
		line-height: 1.7;
	}
}

.qa-pricing28 {
	body {
		margin-top: 20px;
	}

	.pricing-content {}

	.single-pricing {
		background: #fff;
		padding: 40px 20px;
		border-radius: 5px;
		position: relative;
		z-index: 2;
		border: 1px solid #eee;
		box-shadow: 0 10px 40px -10px rgba(0, 64, 128, .09);
		transition: 0.3s;
	}

	@media only screen and (max-width:480px) {
		.single-pricing {
			margin-bottom: 30px;
		}
	}

	.single-pricing:hover {
		box-shadow: 0px 60px 60px rgba(0, 0, 0, 0.1);
		z-index: 100;
		transform: translate(0, -10px);
	}

	.price-label {
		color: #fff;
		background: #ffaa17;
		font-size: 16px;
		width: 100px;
		margin-bottom: 15px;
		display: block;
		-webkit-clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0% 100%, 0 50%, 0% 0%);
		clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0% 100%, 0 50%, 0% 0%);
		margin-left: -20px;
		position: absolute;
	}

	.price-head h2 {
		font-weight: 600;
		margin-bottom: 0px;
		text-transform: capitalize;
		font-size: 26px;
	}

	.price-head span {
		display: inline-block;
		background: #ffaa17;
		width: 6px;
		height: 6px;
		border-radius: 30px;
		margin-bottom: 20px;
		margin-top: 15px;
	}

	.price {
		font-weight: 500;
		font-size: 50px;
		margin-bottom: 0px;
	}

	.single-pricing {}

	.single-pricing h5 {
		font-size: 14px;
		margin-bottom: 0px;
		text-transform: uppercase;
	}

	.single-pricing ul {
		list-style: none;
		margin-bottom: 20px;
		margin-top: 30px;
	}

	.single-pricing ul li {
		line-height: 35px;
	}

	.single-pricing a {
		background: none;
		border: 2px solid #ffaa17;
		border-radius: 5000px;
		color: #ffaa17;
		display: inline-block;
		font-size: 16px;
		overflow: hidden;
		padding: 10px 45px;
		text-transform: capitalize;
		transition: all 0.3s ease 0s;
	}

	.single-pricing a:hover,
	.single-pricing a:focus {
		background: #ffaa17;
		color: #fff;
		border: 2px solid #ffaa17;
	}

	.single-pricing-white {
		background: #232434
	}

	.single-pricing-white ul li {
		color: #fff;
	}

	.single-pricing-white h2 {
		color: #fff;
	}

	.single-pricing-white h1 {
		color: #fff;
	}

	.single-pricing-white h5 {
		color: #fff;
	}
}

.qa-pricing29 {
	body {
		margin-top: 20px;
		background: #eee;
	}

	.border-base-color {
		border-color: #ef4135 !important;
	}

	a {
		text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
	}

	.box-shadow {
		box-shadow: 0 0 25px 0 rgba(0, 0, 0, .05);
	}

	.border-extra-thick {
		border-width: 4px !important;
	}

	.border-top {
		border-top: 1px solid rgba(0, 0, 0, .1);
	}

	.text-center {
		text-align: center !important;
	}

	.border-top {
		border-top: 1px solid #dee2e6 !important;
	}

	.bg-black {
		background-color: #000 !important;
	}

	.title-large {
		font-size: 1.75rem !important;
		line-height: 2.275rem !important;
	}

	.pricing .price .symbol {
		bottom: 36px;
		position: relative;
	}

	.title-medium {
		font-size: 1.5rem !important;
		line-height: 2.25rem !important;
	}

	.title-extra-large-5 {
		font-size: 5rem !important;
		line-height: 5rem !important;
	}

	.text-medium {
		font-size: .875rem !important;
		line-height: 1.313rem !important;
	}

	.bg-base-color {
		background-color: #ef4135 !important;
	}
}

.qa-pricing30 {
	body {
		margin-top: 20px;
	}

	.section-title {
		position: relative;
	}

	.section-title h2 {
		color: #1d2025;
		position: relative;
		margin: 0;
		font-size: 24px;
	}

	@media (min-width: 768px) {
		.section-title h2 {
			font-size: 28px;
		}
	}

	@media (min-width: 992px) {
		.section-title h2 {
			font-size: 34px;
		}
	}

	.section-title.title-ex1 h2 {
		padding-bottom: 20px;
	}

	@media (min-width: 768px) {
		.section-title.title-ex1 h2 {
			padding-bottom: 30px;
		}
	}

	@media (min-width: 992px) {
		.section-title.title-ex1 h2 {
			padding-bottom: 40px;
		}
	}

	.section-title.title-ex1 h2:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 12px;
		width: 110px;
		height: 1px;
		background-color: #d6dbe2;
	}

	@media (min-width: 768px) {
		.section-title.title-ex1 h2:before {
			bottom: 17px;
		}
	}

	@media (min-width: 992px) {
		.section-title.title-ex1 h2:before {
			bottom: 25px;
		}
	}

	.section-title.title-ex1 h2:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 12px;
		width: 40px;
		height: 1px;
		background-color: #0cc652;
	}

	@media (min-width: 768px) {
		.section-title.title-ex1 h2:after {
			bottom: 17px;
		}
	}

	@media (min-width: 992px) {
		.section-title.title-ex1 h2:after {
			bottom: 25px;
		}
	}

	.section-title.title-ex1.text-center h2:before {
		left: 50%;
		transform: translateX(-50%);
	}

	.section-title.title-ex1.text-center h2:after {
		left: 50%;
		transform: translateX(-50%);
	}

	.section-title.title-ex1.text-right h2:before {
		left: auto;
		right: 0;
	}

	.section-title.title-ex1.text-right h2:after {
		left: auto;
		right: 0;
	}

	.section-title.title-ex1 p {
		font-family: "Montserrat", sans-serif;
		color: #8b8e93;
		font-size: 14px;
		font-weight: 300;
	}

	.price-card {
		background: #f5f5f6;
		padding: 40px 35px;
		position: relative;
		border-radius: 2px;
		overflow: hidden;
	}

	.price-card:before {
		position: absolute;
		content: "";
		top: 0;
		right: -35px;
		width: 88px;
		height: 88px;
		background: #0cc652;
		opacity: 0.2;
		border-radius: 8px;
		transform: rotate(45deg);
	}

	.price-card:after {
		position: absolute;
		content: "";
		top: 30px;
		right: -35px;
		width: 88px;
		height: 88px;
		background: #0cc652;
		opacity: 0.2;
		border-radius: 8px;
		transform: rotate(45deg);
	}

	.price-card h2 {
		font-size: 26px;
		font-weight: 600;
	}

	.price-card .btn {
		font-size: 11px;
		border-radius: 100px;
		padding: 0 25px;
		border: 0;
		color: #fff;
		float: right;
	}

	.price-card .btn.btn-primary {
		border: 0 !important;
	}

	.price-card.featured {
		background: #fff;
		border: 1px solid #ebebeb;
		box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
	}

	.price-card:hover .btn {
		background: #0cc652;
		border-color: #0cc652;
	}

	p.price span {
		display: inline-block;
		padding: 45px 15px 50px;
		padding-right: 0;
		font-size: 50px;
		font-weight: 600;
		color: #0cc652;
		position: relative;
	}

	p.price span:before {
		position: absolute;
		content: "$";
		font-size: 16px;
		top: 25px;
		font-weight: 300;
		left: 0;
	}

	.pricing-offers {
		padding: 0 0 10px;
	}

	.pricing-offers li {
		padding: 0 0 16px;
		line-height: 18px;
	}

	ul li {
		list-style-type: none;
	}

	.btn.btn-mid {
		height: 40px;
		line-height: 40px;
		padding: 0 20px;
	}
}

.qa-pricing31 {
	.demo {
		padding: 50px 0;
	}

	.heading-title {
		margin-bottom: 50px;
	}

	.pricingTable {
		border: 1px solid #dbdbdb;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
		margin: 0 -15px;
		text-align: center;
		transition: all 0.4s ease-in-out 0s;
	}

	.pricingTable:hover {
		border: 2px solid #e46367;
		margin-top: -30px;
	}

	.pricingTable .pricingTable-header {
		padding: 30px 10px;
	}

	.pricingTable .heading {
		display: block;
		color: #000;
		font-weight: 900;
		text-transform: uppercase;
		font-size: 21px;
	}

	.pricingTable .pricing-plans {
		padding-bottom: 25px;
		border-bottom: 1px solid #d0d0d0;
		color: #000;
		font-weight: 900;
	}

	.pricingTable .price-value {
		color: #474747;
		display: block;
		font-size: 25px;
		font-weight: 800;
		line-height: 35px;
		padding: 0 10px;
	}

	.pricingTable .price-value span {
		font-size: 50px;
	}

	.pricingTable .subtitle {
		color: #82919f;
		display: block;
		font-size: 15px;
		margin-top: 15px;
		font-weight: 100;
	}

	.pricingTable .pricingContent ul {
		padding: 0;
		list-style: none;
		margin-bottom: 0;
	}

	.pricingTable .pricingContent ul li {
		padding: 20px 0;
	}

	.pricingTable .pricingContent ul li:nth-child(odd) {
		background-color: #fff;
	}

	.pricingTable .pricingContent ul li:last-child {
		border-bottom: 1px solid #dbdbdb;
	}

	.pricingTable .pricingTable-sign-up {
		padding: 25px 0;
	}

	.pricingTable .btn-block {
		width: 50%;
		margin: 0 auto;
		background: #e46367;
		border: 1px solid transparent;
		padding: 10px 5px;
		color: #fff;
		text-transform: capitalize;
		border-radius: 5px;
		transition: 0.3s ease;
	}

	.pricingTable .btn-block:after {
		content: "\f090";
		font-family: 'FontAwesome';
		padding-left: 10px;
		font-size: 15px;
	}

	.pricingTable:hover .btn-block {
		background: #fff;
		color: #e46367;
		border: 1px solid #e46367;
	}

	@media screen and (max-width:990px) {
		.pricingTable {
			margin-bottom: 30px;
		}
	}

	@media screen and (max-width:767px) {
		.pricingTable {
			margin: 0 0 30px 0;
		}
	}


}

.qa-pricing32 {
	.demo {
		padding: 50px 0;
	}

	.heading-title {
		margin-bottom: 50px;
	}

	a {
		text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
	}

	.pricingTable {
		border: 2px solid #e3e3e3;
		text-align: center;
		position: relative;
		padding-bottom: 40px;
		transform: translateZ(0px);
	}

	.pricingTable:before,
	.pricingTable:after {
		content: "";
		position: absolute;
		top: -2px;
		left: -2px;
		bottom: -2px;
		right: -2px;
		z-index: -1;
		transition: all 0.5s ease 0s;
	}

	.pricingTable:before {
		border-right: 2px solid #08c6aa;
		border-left: 2px solid #08c6aa;
		transform: scaleY(0);
		transform-origin: 100% 0 0;
	}

	.pricingTable:after {
		border-bottom: 2px solid #08c6aa;
		border-top: 2px solid #08c6aa;
		transform: scaleX(0);
		transform-origin: 0 100% 0;
	}

	.pricingTable:hover:before {
		transform: scaleY(1);
	}

	.pricingTable:hover:after {
		transform: scaleX(1);
	}

	.pricingTable .pricingTable-header {
		background: #08c6aa;
		color: #fff;
		margin: -2px -2px 35px;
		padding: 40px 0;
	}

	.pricingTable .heading {
		font-size: 30px;
		font-weight: 600;
		margin: 0 0 5px 0;
	}

	.pricingTable .subtitle {
		font-size: 14px;
		display: block;
	}

	.pricingTable .price-value {
		font-size: 72px;
		font-weight: 600;
		margin-top: 10px;
		position: relative;
		display: inline-block;
	}

	.pricingTable .currency {
		font-size: 45px;
		font-weight: normal;
		position: absolute;
		top: 2px;
		left: -30px;
	}

	.pricingTable .month {
		font-size: 20px;
		position: absolute;
		bottom: 17px;
		right: -40px;
	}

	.pricingTable .pricing-content {
		list-style: none;
		padding: 0;
		margin-bottom: 30px;
	}

	.pricingTable .pricing-content li {
		font-size: 16px;
		color: #7a7e82;
		line-height: 40px;
	}

	.pricingTable .read {
		display: inline-block;
		border: 2px solid #7a7e82;
		border-right: none;
		font-size: 14px;
		font-weight: 700;
		color: #7a7e82;
		padding: 9px 30px;
		position: relative;
		text-transform: uppercase;
		transition: all 0.3s ease 0s;
	}

	.pricingTable .read:hover {
		border-color: #08c6aa;
		color: #08c6aa;
	}

	.pricingTable .read i {
		font-size: 19px;
		margin-top: -10px;
		position: absolute;
		top: 50%;
		right: 15px;
		transition: all 0.3s ease 0s;
	}

	.pricingTable .read:hover i {
		right: 5px;
	}

	.pricingTable .read:before,
	.pricingTable .read:after {
		content: "";
		display: block;
		height: 30px;
		border-left: 2px solid #7a7e82;
		position: absolute;
		right: -11px;
		transition: all 0.3s ease 0s;
	}

	.pricingTable .read:before {
		bottom: -6px;
		transform: rotate(45deg);
	}

	.pricingTable .read:after {
		top: -6px;
		transform: rotate(-45deg);
	}

	.pricingTable .read:hover:before,
	.pricingTable .read:hover:after {
		border-left-color: #08c6aa;
	}

	@media screen and (max-width: 990px) {
		.pricingTable {
			margin-bottom: 25px;
		}
	}

}
/* End of Pricing */

