@charset "UTF-8";

body.no-scroll {
    position: fixed;
    width: 100%;
    overflow: hidden;
    /* padding-right: 15px; */
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sup {
    color: #e3cf7d
}

sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

strong {
    font-weight: 600;
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default;
    pointer-events: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

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

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
    /*overflow-x: hidden;*/
}

body {
    font-family: Mulish, sans-serif;
    font-size: 62.5%;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #282828;
    text-decoration: none
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: -15px;
    margin-left: -15px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .container {
        width:750px
    }
}

@media (min-width: 992px) {
    .container {
        width:970px
    }
}

@media (min-width: 1200px) {
    .container {
        width:1360px;
        max-width: 100%;
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

/****************************************CSS for banner section starts here***************************************/
#testimonial_banner_sec{
    background: #004A80;
    width: -webkit-fill-available;
    padding: 40px 100px 0px;
}
.testimoni_banner_bg {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.testimoni_banner_bg h2 {
    font-weight: 900;
    font-size: 30px;
    line-height: 38px;
    color: #FFFFFF;
    margin: 0;
    margin-top: -40px;
}
.banner_mob{
    display: none;
}
/* tab Css start here*/
.tab-head {
    display: flex;
    border-bottom: 1px solid #c9c9c9;
}

.tab-content-body {
    position: relative;
    padding: 40px 0;
    border-radius: 0 0 10px 10px;
}

.tab-content-body .tab-content {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    /*display: none;*/
}

.tab-head li {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.8rem;
    cursor: pointer;
    padding: 14px 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    color: #838383;
    border-bottom: 3px solid transparent;
}

.tab-head li:hover {
    color: #838383;
    background: #F5F5F5;
}

.tab-head li.active {
    color: #EC6625;
    border-bottom: 3px solid #EC6625;
    background: #FFF4E9;
}

.tab-content-body .tab-content.active {
    display: block;
}

.tab-content-holder {
    display: flex;
    width: 100%;
}
/*Tab css end here*/

/******************************Review blocks css starts here***********************************/

.main-parent{
    width: 100%;
    display: flex;
    /*justify-content: center;*/
    flex-wrap: wrap;
    /*flex-direction: column;*/
}

.three-block-parent{
    display: flex;
    /*align-items: flex-start;*/
    /*width: 33.33%;*/
    /*flex-direction: column;*/
}

ul.tab-head li img{
    margin-bottom: 5px;
}

.review-main-block{
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-radius: 10px;
    padding-bottom: 3rem;
    margin: 1rem;
    position: relative;
    width: 31.6%;
    max-width: 652px;
    display: none;
}

.review-block{
    display: flex;
    align-items: flex-start;
    padding: 3rem 2.1rem 0 3rem;
    padding-bottom: 0;
}

.review-block > img:first-of-type{
    max-height: 50px;
    max-width: 50px;
    border-radius: 50%;
    height: 50px;
}

.review-holder{
    padding: 3rem;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 1rem;
    margin-top: 2rem;
    max-height: 173px;
    overflow: scroll;
}

.single-block{
    justify-content: center;
}

.single-block .review-main-block{
    width: auto;
}

.single-block .review-holder{
    max-height: 101px;
}

.share-btn {
    background: url(/docs/default-source/assets/customer-testimonials/images/share_btn.svg);
    cursor: pointer;
    background-size: 100%;
    /*position: absolute;
    top: 28px;
    right: 20px;*/
    background-repeat: no-repeat;
    min-width: 35px;
    min-height: 35px;
}

.review-head{
    padding-left: 1rem;
    width: 90%;
}

.custom-name{
    font-weight: 800;
    font-size: 16px;
    color: #282828;
    margin: 0;
    text-transform: capitalize;
}

.custom-post{
    font-size: 14px;
    font-weight: 600;
    color: #838383;
    margin: 0;
    margin-top: .2rem;
    margin-bottom: 1rem;
    text-transform: capitalize;
}

.ins_name{
    padding: 6px 8px;
    background: #FFFFFF;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: 700;
    display: inline;
    cursor: pointer;
}

.ins_name, .ins_name:hover{
    border: 1px solid #F7A17F;
    color: #F58220;
}

.sub-cat-name {
    font-size: 1.1rem;
    font-weight: 800;
    color: #74A7BF;
    line-height: 0px;
    display: none;
}

/*.ins_health, .ins_health:hover{
    border: 1px solid #4DABFF;
    color: #4DABFF;
}

.ins_travel, .ins_travel:hover{
    border: 1px solid #E06B6D;
    color: #E06B6D;
}

.ins_tw, .ins_tw:hover{
    border: 1px solid #817E5C;
    color: #817E5C;
}*/

.more {
    display: none;
    transition: .4s all ease;
}

.read-more-btn {
    background-image: url(/docs/default-source/assets/customer-testimonials/images/read_more_btn.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 20px;
    height: 16px;
    transition: .4s all ease;
    margin-bottom: -1px;
    margin-left: 2px;
}

.review-para{
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: #282828;
    margin: 0;
    position: relative;
}

.gradient-bg:after{
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 25px;
    left: 0;
    content: '';
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.807292) 86.16%, #FFFFFF 114.09%);
}

.secondary-btn {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    padding: 1.3rem 2.4rem;
    font-size: 1.6rem;
    border-radius: 5px;
    text-decoration: none;
    outline: none;
    border: 1px solid #ec6625;
    font-weight: 700;
    text-align: center;
    background: #fff;
    color: #ec6625;
    display: inline-flex;
}
.secondary-btn:hover {
    position: relative;
    background: #fff2eb;
    border: 1px solid #ec6625;
    color: #ec6625;
}
.secondary-btn:focus-visible {
    position: relative;
    background: #fff9f6;
    border: 1px solid #ec6625;
    color: #ec6625;
}
.secondary-btn:active {
    position: relative;
    background: #fff9f6;
    border: 1px solid #bb5106;
    color: #bb5106;
}

#loadMore{
    display: none;
}

.link-btn {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 18px;
    color: #ec6625;
    text-decoration: underline;
    position: relative;
    display: inline-block;
    outline: none;
    padding: 1px 4px;
    border: 1px solid transparent;
}
.link-btn:hover {
    color: #fd7b20;
    text-decoration: underline;
}
.link-btn:focus-visible {
    box-shadow: 0 0 0 1px;
    border-radius: 3px;
    color: #fd7b20;
}
.link-btn:active {
    color: #bb5106;
}


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

.mtb-30{
    margin: 30px 0;
}

.mb-8{
    margin-bottom: 5px;
}

.mb-40{
    margin-bottom: 4rem;
}

.share-icons-div{
    flex-direction: column;
    align-items: center;
    background: #FFFFFF;
    border-radius: 50px;
    box-shadow: 0px 3px 8px #00000040;
    width: fit-content;
    padding: 5px;
    display: none;
    transition: all 0.5s ease-in-out;
    position: absolute;
    z-index: 5;
}

/*.share-btn:hover .share-icons-div{
    display: flex;
    transition: all 0.3s ease-in-out;
}*/

.share-icons-div img:hover{
    transform: scale(0.9);
    transition: .3s all ease;
}

.share-icons-div .social-icons{
    display: block;
    width: 28px;
    height: 28px;
    margin-bottom: 5px;
}

.copy-tooltip {
    display: none;
    background-color: #282828;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    bottom: 42px;
    left: -13px;
}

.copy-tooltip:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #282828;
    position: absolute;
    bottom: -5px;
    right: 50%;
    transform: translateX(50%);
}

/*Custom scrollbar starts*/

/* width */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: none; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #C9C9C9; 
  border-radius: 10px;
}

/*Custom scrollbar ends*/

/******************************Review blocks css ends here***********************************/

@media (max-width: 1440px) {
    #testimonial_banner_sec {
        padding: 20px 100px 0px;
    }
    .testimoni_banner_bg h2 {
        margin-top: -20px;
    }
}
@media (max-width: 992px) {
    #testimonial_banner_sec {
        padding: 40px 20px 0px;
    }
    .testimoni_banner_bg h2 {
        margin-top: -40px;
    }
    .testimoni_banner_bg {
        /*align-items: flex-start;*/
        justify-content: space-evenly;
    }
    .tab-head{
        overflow: auto;
    }
    .main-parent{
        flex-direction: column;
    }
    .three-block-parent{
        width: 100%;
        flex-direction: column;
    }
    .review-main-block{
        width: 100%;
        margin: 0;
        margin-bottom: 2rem;
        max-width: 100%;
    }
    .read-more-btn, .dots{
        display: none;
    }
    .more{
        display: inline;
    }
}
@media (max-width: 768px) {
    .testimoni_banner_bg h2 {
        font-size: 16px;
        line-height: 20px;
        margin-top: -40px;
    }
    .banner_mob{
        display: block;
    }

    .banner_desktp{
        display: none;
    }
    .share-btn{
        top: 20px;
    }
    .tab-head li{
        padding: 14px 34px;
    }
    .review-holder{
        max-height: 100%;
    }
    .container{
        padding-right: 0;
        padding-left: 0; 
    }
    .tab-content-body {
        padding: 40px 15px;
    }

    .tab-head::-webkit-scrollbar-thumb {
      background: #fff;
    }
    .tab-head::-webkit-scrollbar {
      height: 2px;
    }
}
/*************************************CSS for banner section ends here***************************************/