/* Media Queries */
@media only screen and (max-width: 600px)
{
    .client-testimonial .client-name-designation-image .client-name-designation 
    {
        margin-right: 20px;
    }
    .client-testimonial .client-name-designation-image .company-logo
    {
        margin-right: 0px !important;
    }
    .hashtags a
    {
        font-size: 1em !important;
    }
}
@media only screen and (min-width: 600px)
{
    .client-testimonial .client-name-designation-image .client-name-designation 
    {
        margin-right: 20px;
    }
    .client-testimonial .client-name-designation-image .company-logo
    {
        margin-right: 0px !important;
    }
}
@media only screen and (min-width: 768px)
{
    .client-testimonial .client-name-designation-image .client-name-designation 
    {
        margin-right: 20px;
    }
    .client-testimonial .client-name-designation-image .company-logo
    {
        margin-right: 0px !important;
    }
    .hashtags a
    {
        font-size: 1em !important;
    }

}
@media only screen and (min-width: 992px)
{
    .client-testimonial .client-name-designation-image .client-name-designation 
    {
        margin-right: 20px;
    }
    .client-testimonial .client-name-designation-image .company-logo
    {
        margin-right: 20px !important;
    }
    .hashtags a
    {
        font-size: 1em !important;
    }
}
@media only screen and (min-width: 1200px)
{
    .client-testimonial .client-name-designation-image .client-name-designation 
    {
        margin-right: 20px;
    }
    .client-testimonial .client-name-designation-image .company-logo
    {
        margin-right: 20px !important;
    }
    .hashtags a
    {
        font-size: 1em !important;
    }
}

/* Body */
html, body
{
    width: 100%;
}
body
{
    font-family: Lato,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
    color: #212529;
}
.container-fluid
{
    padding: 0px !important;
}
.col-sm-12
{
    padding: 0px !important;
}

/* Navbar */
.navbar 
{
    background-color: rgba(255, 255, 255, 0.96);
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.22);
    height: auto !important;
    border: 0px solid;
}
.navbar-brand img 
{
    height: 30px;
    vertical-align: middle;
    border-style: none;
}
.navbar.navbar-expand-md .navbar-nav .nav-item .nav-link 
{
    padding-right: 1rem;
    padding-left: 1rem;
}
.navbar-light .navbar-nav .nav-link 
{
    color: rgba(0,0,0,.75);
}
.navbar-collapse 
{
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}
.dropdown-toggle 
{
    white-space: nowrap;
}
a 
{
    text-decoration: none;
    background-color: transparent;
}
.nav-item>.btn 
{
    padding-right: 10px!important;
    padding-left: 10px!important;
}
.btn-primary 
{
    color: #fff;
    background-color: #f1592a;
    border-color: #f1592a;
}
.btn-primary:hover
{
    background-color: #D35400;
    border-color: #D35400;
}
.navbar.navbar-expand-md .navbar-nav .nav-item .nav-link.btn-primary 
{
    color: #fff;
}
.btn
{
    border-radius: .125rem;
}
.dropdown-item.active, .dropdown-item:active 
{
    color: #fff;
    text-decoration: none;
    background-color: #f1592a;
}

/* Client Logo Section */
#client-section
{
    margin-top: 95px;
    border: 0px solid;
}
.client-text
{
    font-weight: 400;
    color: #484848;
    margin-bottom: 1rem;
    font-size: 2rem;
    margin-top: 120px;
    border: 0px solid;
    height: auto;
}
.client-logo
{
    border: 0px solid;
    width: 100%;
    height: auto;
    padding: 0px !important;
    margin-bottom: 0px;
}
.slick-prev:before, .slick-next:before 
{
    color: #f1592a;
}
.justify-content-center 
{
    -ms-flex-pack: center!important;
    justify-content: center!important;
    align-items: center;
}
.row.no-gutters.justify-content-center a 
{
    display: flex;
    width: 174px;
    justify-content: center;
    align-items: center;
}
.client-logo img 
{
    width: 100px;
}
.slick-slider div
{
    border: 0px solid;
    align-items: center;
    display: flex;
    align-self: center;
}
.slick-slider img
{
    width: 100px;
    margin: 0px auto;
    border: 0px solid; 
}
.client-logo table
{
    margin-bottom: 0rem;
}
.client-logo table tr td
{
    width: 10%;
    text-align: center;
}
.client-logo table tr td img
{
    width: 100px;
    height: 60px;
}

/* Carousel Slider */
.testimonial-head
{
    margin-top: 500px !important;
    position: relative;
}
.title
{
    text-align: center;
    border: 0px solid;
    padding: 15px;
    font-size: 1.8rem;
    font-weight: bold;
    box-shadow: 0px 0px 10px -2px rgba(0,0,0,1);
}
.image-banner
{
    width: auto;
    height: 500px;
    border: 0px solid;
    margin-top: 60px;
}
.carousel
{
    width: 100%;
    position: absolute;
}
.carousel-caption
{
    background-color: rgb(0, 0, 0, 0.6);
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
    width: 50% !important;
}
.carousel-inner
{
    width: 100%;
    border: 0px solid;
}
.carousel-inner img 
{
    width: 100%;
    image-rendering: pixelated;
    opacity: 0.8;
}
.carousel-inner h3
{
    font-size: 2rem;
    color: #fff;
    font-weight: 300;
    outline-color: transparent !important;
    outline-style: none !important;
    overflow: hidden;
}
.carousel-inner p
{
    font-size: 1.5rem;
    color: #fff;
    font-weight: 300;
    outline-color: transparent !important;
    outline-style: none !important;
    overflow: hidden;
}

/* Testimonials */
.client-info
{
    border: 0px solid;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.09);
    margin-top: 20px;
    margin-bottom: 60px;
    border-radius: 10px;
    width: 100%;
    max-width: 1220px;
}
.client
{
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.09);
    margin-top: 20px;
    margin-bottom: 60px;
    border-radius: 10px;
}
.client .card
{
    border: none;
    border-radius: 10px;
}
.client-testimonial
{
    width: auto;
    height: fit-content;
    border: 0px solid;
    padding: 20px 15px 20px 20px;
}
.client-testimonial .description
{
    border: 0px solid;
    padding: 15px;
    height: auto;
    text-align: left;
    overflow: auto;
    display: flex;
    flex-direction: row;
}
.client-testimonial .up 
{
    content: "\201C";
    color: #85929E;
    font-weight: bold;
    font-size: 70px;
    line-height: 60px;
    border: 0px solid;
}
.client-testimonial .description p
{
    margin: 0px;
    padding: 15px;
    border: 0px solid;
    text-align: justify;
    font-size: 15px;
    letter-spacing: 0.4px;
}
.client-testimonial .client-name-designation-image 
{
    padding: 0px;
    margin-top: 15px;
    border: 0px solid;
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
}
.client-testimonial .client-name-designation-image .company-logo
{
    border: 0px solid;
    width: 80px;
    margin: 20px;
    align-self: flex-end;
}
.client-testimonial .client-name-designation-image #wtc-logo
{
    width: 120px;
}
.client-testimonial .client-name-designation-image #ael-logo
{
    width: 90px;
}
.client-testimonial .client-name-designation-image #sjcpl-logo
{
    width: 80px;
}
.client-testimonial .client-name-designation-image #ncl-logo
{
    width: 90px;
}
.client-testimonial .client-name-designation-image #elpro-logo
{
    width: 100px;
}
.client-testimonial .client-name-designation-image #embassy-logo
{
    width: 80px;
}
.client-testimonial .client-name-designation-image #bhtc-logo
{
    width: 80px;
}
.client-testimonial .client-name-designation-image #auto-cluster-logo
{
    width: 90px;
}
.client-testimonial .client-name-designation-image #snbp-logo
{
    width: 90px;
}
.client-testimonial .client-name-designation-image #asm-logo
{
    width: 90px;
}
.client-testimonial .client-name-designation-image #suryakamal-logo
{
    width: 90px;
}
.client-testimonial .client-name-designation-image #movetech-logo
{
    width: 90px;
}
.client-testimonial .client-name-designation-image .row
{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.client-testimonial .client-name-designation-image .client-name-designation 
{
    border: 0px solid;
    padding: 0px 0px 10px 0px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-end;
    width: 200px;
    border-bottom: 2px solid #f1592a;
    margin-bottom: 20px;
}
.client-testimonial .client-name-designation-image .client-name-designation .name 
{
    text-align: right;
    font-size: 1.1rem;
    border: 0px solid;
    margin: 0;
}
.client-testimonial .client-name-designation-image .client-name-designation .position 
{
    text-align: right;
    font-size: 1rem;
    border: 0px solid;
    color: #31353a;
    font-variant: all-petite-caps;
    margin: 0;
}
.client-testimonial .client-name-designation-image .client-logo-testimonial
{
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.09);
    border: 0px solid;
    width: 100px;
    margin: 20px;
    float: right;
    position: relative;
    display: inline-flex;
    object-fit: cover;
}
.client-reception
{
    border: 0px solid;
    object-fit: cover;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.client-reception img
{
    padding: 55px 40px 40px 40px;
    border: 0px solid;
}
.client-reception #wtc-reception
{
    width: 485px;
}
.client-reception #ael-reception
{
    width: 538px;
}
.client-reception #sjcpl-reception
{
    width: 418px;
}
.client-reception #ncl-reception
{
    width: 412px;
}
.client-reception #elpro-reception
{
    width: 451px;
}
.client-reception #embassy-reception
{
    width: 388px;
}
.client-reception #bhtc-reception
{
    width: 427px;
}
.client-reception #auto-cluster-reception
{
    width: 426px;
}
.client-reception #snbp-reception
{
    width: 518px;
}
.client-reception #asm-reception
{
    width: 538px;
}
.client-reception #suryakamal-reception
{
    width: 409px;
}
.client-reception #movetech-reception
{
    width: 409px;
}
.hashtags
{
    padding-bottom: 1rem;
    font-size: 1rem;
    font-weight: bold;
}
.hashtags hr
{
    background-color: #5DADE2;
    height: 2px;
}
/* Page Head */
.text-container
{
    text-align: center;
    border: 0px solid;
    padding: 30px;
    font-size: 2rem;
    background-color: #FFF;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.09);
    font-weight: 400;
    color: #484848;
}
.card-container
{
    border: 0px solid;
    height: auto;
    text-align: center;
}
.btn-default
{
    color: #f1592a;
    border-color: #f1592a;
    cursor: pointer;
}
label:hover 
{
    text-decoration: none;  
}
.expand .row
{
    display: block;
}
.more-cards-back
{
    margin-bottom: 80px;
    border: 0px solid;
}
.more-cards
{
    margin-top: 80px;
    margin-bottom: 80px;
}
.card-img-bottom
{
    border: 0px solid;
    padding: 30px !important;
    border-radius: 50%;
    opacity: 0.8;
}
.more
{
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.22);
    transition: 0.2s;
}
.more:hover
{
    box-shadow: none;
    transition: 0.2s;
}
.show-more
{
    width: 200px;
    height: 50px;
    font-size: 1.5rem;
    transition: 0.2s;
    border: none;
    color: #fff;
    background-color: #f1592a;
    border-color: #f1592a;
    margin-bottom: 20px;
}
.show-more:hover
{
    width: 205px;
    height: 55px;
    background-color: #EC5D00;
    font-size: 1.5rem;
    transition: 0.2s;
    color: #fff;
}
footer 
{
    background-color: #282c36;
    padding: 0;
}
footer .footer-top 
{
    padding-bottom: 30px;
    padding-top: 30px;
    border-top: 5px solid #1d2027;
}
footer .footer-top .footer-menu-logo 
{
    margin-top: 10px;
}
figure 
{
    margin: 0 0 1rem;
}
footer .footer-top .footer-menu-logo img 
{
    height: 25px;
}
footer .footer-top .footer-menu-title 
{
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}
footer .footer-top .footer-menu-title a
{
    color: #f7f7f7bd !important;
}
.fa 
{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
footer .footer-bottom 
{
    color: #c8c8c8;
}
.img-responsive 
{
    width: 100%;
}
.ai-role
{
    padding-left: 15px !important;
}
.copyright
{
    text-align: left;
    font-size: 0.675rem;
}
#myBtn
{
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100;
    font-size: 18px;
    border: none;
    outline: none;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 5px;
} 
.scroller-down
{
    width: 80px;
    filter: invert(39%) sepia(80%) saturate(3459%) hue-rotate(10deg) brightness(101%) contrast(101%);
}
.hashtags
{
    border: 0px solid;
    padding-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
}
.hashtags a
{
    margin: 5px;
    padding: 4px 13px 4px 13px;
    background-color: #E2E2E2;
    border-radius: 50px;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    cursor: pointer;
    color: #68737D;
    display: flex;
    justify-content: center;
    align-items: center;
}
.target-color
{
    background-color: #f1592a;
    color: white;
}
.img-crop 
{
    width: 100%;
    overflow: hidden;
    height: auto;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.blog-link
{
    font-size: 13px;
    color: #fff;
}
.blog-link:hover
{
    color: #fff;
}
.slick-slide 
{
    width: 160px !important;
}
.client
{
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.09);
    margin-top: 20px;
    margin-bottom: 60px;
    padding: 0px;
    border-radius: 10px;
}
.client .card
{
    border: none;
    border-radius: 10px;
}
#wtc-reception
{
    width: 500px;
}
#ael-reception
{
    width: 548px;
}
#sjcpl-reception
{
    width: 432px;
}
#ncl-reception
{
    width: 424px;
}
#elpro-reception
{
    width: 466px;
}
#embassy-reception
{
    width: 402px;
}
#bhtc-reception
{
    width: 440px;
}
#auto-cluster-reception
{
    width: 438px;
}
#snbp-reception
{
    width: 532px;
}
#asm-reception
{
    width: 454px;
}
#suryakamal-reception, #movetech-reception
{
    width: 424px;
}