/*--------------------------------------------------------------
# Font used
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
html {
    overflow-x: hidden;
}

body {
    color: #153441;
    font-size: 16px;
    line-height: 1.2;
    background: #fff;
}
.servicemenuwrap{
    background-color: #fff !important;
}
.blog-itmes .latest-insight-items .row{
    display: flex;
    flex-wrap: wrap;
}
.sitemapmenu .menubox .navbar-nav>li {
    font-size: 14px;
}
a {
    color: #2487ce;
}
a:hover {
    color: #00b0d2;
    text-decoration: none;
}
p {
    font-size: 21px;
    line-height: 32px;
}

.section-title h2,.section-title h1 {
    font-size: 44px;
    font-weight: 600;
    margin: 0 0 40px 0;
    line-height: 60px;
}
.main-shadow-bx.blog-details .section-title h2{
    max-width: 80%;
}

h2.mn20v{
    margin-bottom: 20px;
}
.heading-1 {
    font-size: 100px;
    line-height: 110px;
    margin-bottom: 50px;
}

.heading-2 {
    font-size: 70px;
    line-height: 85px;
    margin-bottom: 40px;
}
.titlesubheads{
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 15px;
}
.text-skyblue {
    color: #3ebdc6;
}
.text-red {
    color: #ff5068;
}
.section-space {
    margin-top: 100px;
}
.section-space-100 {
    margin-top: 100px;
}
.section-space-50 {
    margin-top: 50px;
}
.section-space-70 {
    margin-top: 70px;
}
.section-space-150 {
    margin-top: 150px;
}
.section-inner-sapce {
    padding-top: 100px;
}
.ovferflowHide {
    overflow: hidden;
}
.consultantbtnrw{
    text-align: center;
}
.modal-dialog.get-touch .conversation-form.contactpgs .consultantbtnrw{
    text-align: left;
}
.consultantbtnrw .unlinkv{
    display: inline-block;
    vertical-align: top;
    padding-top: 15px;
    font-size: 21px;
    padding-right: 8px;
}
.consultantbtnrw.mn_margin{
    margin-top: 25px;
}
.consultantbtnrw.perfectmatch{
    margin-top: 15px;
    text-align: left;
}
.consultantbtnrw.zerotop{
    margin-top: 0;
}
.consultantbtnrw.perfectmatch h3{
    font-size: 21px;
    margin-top: 0;
    color: #26313A;
    margin-bottom: 5px;
}
.consultantbtnrw.perfectmatch.techno{
    margin-top: 30px;
}
.consultantbtnrw.mn_zero{
    margin-top: -50px;
    text-align: right;
}
.interthingsOfferedrow{
    padding-top: 50px;
}
.consultantbtnrw a{
    position: relative;
    padding: 15px 32px;
    font-size: 21px;
    color: #3EBDC6;
    border-radius: 56px;
    border: 1px solid #B7CCD5;
    display: inline-block;
    transition: all .5s ease-in-out;
    z-index: 1;
    overflow: hidden;
}
.consultantbtnrw.connectmore a{
    color: #fff;
}
.consultantbtnrw.perfectmatch a{
    padding: 15px 32px;
    padding-left: 0;
    border: 0;
    border-radius: 0;
}
.consultantbtnrw.perfectmatch a:hover{
    padding-left: 32px;
}
.consultantbtnrw a:hover{
    color: #fff;
    border-color: #3EBDC6;
}
.consultantbtnrw.connectmore a:hover{
    color: #3EBDC6;
    border-color: #fff;
}
.consultantbtnrw a.bottom .bg {
    left: 0;
    bottom: 101%;
    transform: translateY(200%);
}
.consultantbtnrw a.bottom:hover > .bg {
    transform: translateY(100%);
}
.consultantbtnrw a span.bg {
    background: #3EBDC6;
    width: 102%;
    height: 102%;
    position: absolute;
    z-index: -1;
    transition: all .3s ease-in-out;
} 
.consultantbtnrw.connectmore a span.bg{
    background: #fff;
}
.consultantbtnrw a:hover > span.bg {
    transition: all .3s ease-in-out;
}
.consultantbtnrw a span.underl{
    text-decoration: underline;
}
.tech-stack-section .consultantbtnrw a span.underl{
    text-decoration: none;
}
.consultantbtnrw a span.arrowv{
    display: inline-block;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}
.consultantbtnrw a:hover span.arrowv {
    transform: translate(5px, 0px);
}
.consultantbtnrw a span.arrowv svg{
    vertical-align: top;
    display: inline-block;
}
.consultantbtnrw a span.arrowv svg path{
    fill: #3ebdc6;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}
.consultantbtnrw.connectmore a span.arrowv svg path{
    fill: #fff;
}
.consultantbtnrw.connectmore a:hover span.arrowv svg path{
    fill: #3ebdc6;
}
.consultantbtnrw a:hover span.arrowv svg path{
    fill: #fff;
}
.last-section-space {
    padding-bottom: 150px !important;
    background: #fff;
    border-radius: 0 0 80px 80px;
    margin-bottom: 0;
}
.container-fluid {
    max-width: 1920px;
    padding: 0 64px;
}

/*comman laign css*/

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    [data-aos-delay] {
        transition-delay: 0 !important;
    }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.page-header {
    z-index: 96;
    padding: 12px 0;
    -webkit-transition: all 400ms linear;
     transition: all 400ms linear;
}
.page-header .container-fluid{
    position: relative;
}
#header.header-scrolled {
    border-color: #fff;
    background: #fff;
    padding: 12px 0;
    box-shadow: 1px 1.732px 2px 0 rgb(40 40 40 / 5%);
}
.food-header {
    background: #EFF5FA;
}
#header .logo img {
    width: 124px;
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# BANNER SECTION 
--------------------------------------------------------------*/

.main-wrapper {
    padding-top: 100px;
    padding-bottom: 130px;
    border-radius: 0 0 80px 80px;
    position: relative;
    z-index: 1;
}
.food-main {
    padding-top: 100px;
}
.curve-arrow-btn {
    background-color: #3ebdc6;
    border-radius: 33px;
    color: #fff;
    position: relative;
    display: inline-flex;
    align-items: center;
    font-size: 20px;
    line-height: 32px;
    padding: 17px 40px;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}
.curve-arrow-btn:hover{
    color: #fff;
    background-color: #2caeb7;
}
.curve-arrow-btn img,.foodbaeview .curve-arrow-btn svg {
    margin: 0 0 0 15px;
    transition: all 0.3s ease-in-out;
}
.owl-carousel.owf-slider .curve-arrow-btn img {
    width: 24px;
}
.curve-arrow-btn:hover img,.foodbaeview .curve-arrow-btn:hover svg{
    transform: translate(5px, 0px);
}
/*Home page Banner Animations slider*/


/*--------------------------------------------------------------
# Testimonnial section 
--------------------------------------------------------------*/

.client-detials {
    display: flex;
    align-items: center;
    align-self: self-end;
}
.blog-itmes .client-detials .clint-pic{
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}
.blog-itmes .client-detials .clint-pic img{
    position: absolute;
    top: 0;
    left:0;
    right: 0;
    bottom: 0;
    margin: auto;
    object-fit: cover;
    -ms-object-fit: cover;
    max-width: 100%;
    max-height: 100%;
}
.client-detials .about-client h4 {
    font-size: 24px;
    color: #0a0a0a;
}
.client-detials .about-client p {
    font-style: italic;
    font-size: 16px;
    color: #99999b;
    line-height: 22px;
    margin: 0;
}

/*--------------------------------------------------------------
# Latest Insights section 
--------------------------------------------------------------*/
.latest-insight-section {
    background: #f8f9fb;
    padding: 60px 0;
}
.latest-insight-section .latest-insight-items {
    margin-bottom: 60px;
}
.latest-insight-slider {
    width: 64%;
    overflow: hidden;
    padding-right: 40px;
}
.latest-insight-items .latest-img-bx .latest-img img {
    width: 100% !important;
    height: auto;
}
.latest-insight-items .latest-img-bx,
.latest-insight-items .latest-double-img {
    max-width: 100%;
    position: relative;
}
.latest-insight-items .latest-double-img {
    width: 36%;
}
.dbviewrow{
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 48%;
    overflow: hidden;
    border-radius: 20px;
}
.dbviewrow1{
    position: absolute !important;
    top: 52%;
    left: 0;
    width: 100%;
    height: 48%;
    border-radius: 20px;
    overflow: hidden;
}
.dbviewrow .latest-img,.dbviewrow1 .latest-img{
    border-radius: 0px;
}
.noneblg{
    display: none;
}
.latest-insight-items .latest-img-bx .latest-img {
    position: relative;
    display: inline-block;
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
}
.latest-insight-items .latest-img-bx .latest-img:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    /* background: url(../img/latest-img-1.svg) no-repeat; */
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.20772058823529416) 39%, rgba(0, 0, 0, 0) 79%);
    top: 0;
}

.latest-img-bx .Insights-content {
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 40px;
}

.play-btn.mobile-paly-btn {
    display: none;
}

.play-btn .btn-circle-bx {
    display: inline-block;
    position: relative;
}

.play-btn span {
    width: 138px;
    height: 138px;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(30px);
    display: inline-block;
    border-radius: 100%;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.3);
}
.play-btn i {
    position: absolute;
    left: 53%;
    top: 48%;
    transform: translate(-50%, -50%);
    font-size: 45px;
}
.latest-img-bx .Insights-content h5 {
    border-radius: 10px;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    padding: 12px 10px;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 18px;
}
.latest-img-bx .Insights-content h3 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 20px;
}
.latest-double-img .Insights-content {
    padding: 30px;
}
.latest-double-img .Insights-content h5 {
    font-size: 13px;
    padding: 6px 8px;
    letter-spacing: 0.3px;
    margin-bottom: 8px;
    border-radius: 6px;
    background-color: rgba(255,255,255,0.3);
}

.latest-double-img .Insights-content h3 {
    font-size: 18px;
    letter-spacing: 0.3px;
    margin-bottom: 8px;
}
.latest-double-img .Insights-content p {
    font-size: 13px;
    letter-spacing: 0px;
    line-height: 17px;
    margin-bottom: 0;
}
.flrt{
    float: right;
}
.know-more-section .section-title h2 {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 60px;
}
/*--------------------------------------------------------------
# Get in touch page 
--------------------------------------------------------------*/

.getintouch-section-page .getintouch-content-bx {
    background: #fff;
    padding: 70px 50px 70px 50px;
    box-shadow: 0px 3px 86px #00000012;
    border-radius: 20px;
}
.getintouch-section-page .gcb-right {
    padding-left: 5%;
}
.getintouch-section-page .fpSlider-bx {
    background: #3ebdc6;
    box-shadow: 0px 3px 86px #00000012;
    border-radius: 30px;
    padding: 40px 40px 90px 40px;
    max-width: 640px;
    position: absolute;
    bottom: -160px;
    z-index: 1;
    left: 60px;
}

.getintouch-section-page .client-detials .about-client h4,
.getintouch-section-page .client-detials .about-client p {
    color: #fff;
}
.getintouch-section-page .fpSlider-bx .fpSlider .testimonial-bx .testConl{
    height: 360px;
    overflow: hidden;
}
.getintouch-section-page .fpSlider-bx .fpSlider .testimonial-bx p {
    color: #fff;
    max-width: 100%;
}
.getintouch-section-page .fpSlider-bx .quate-icons {
    display: none;
}
.getintouch-section-page .agreecheck {
    margin-bottom: 15px;
    padding-top: 15px;
}
.getintouch-section-page .small-arrow-buttons .arrow-button {
    border-color: #78d1d7;
}
.getintouch-section-page .small-arrow-buttons .arrow-button:hover {
    border-color: #ffffff;
}

.getintouch-section-page .right-small-arr span {
    background: url("../img/s-a-w-right.png") no-repeat;
    background-position: -20px 0;
}

.getintouch-section-page .left-small-arr span {
    background: url("../img/s-a-w-left.png") no-repeat;
    background-position: 4px 0;
}


/*--------------------------------------------------------------
# Latest Insight 
--------------------------------------------------------------*/
.main-shadow-bx {
    position: relative;
    padding: 40px 40px 80px;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0px 3px 86px #00000012;
}
.main-shadow-bx.blog-details{
    padding-bottom: 10px;
}
.relatedpostlisting{
    padding-top: 60px;
}
.relatedpostlisting .latest-img-bx .Insights-content{
    position: static;
    bottom: auto;
    padding: 20px 0;
}
.blog-header {
    border-bottom: 1px solid rgba(21, 52, 65, 0.2);
    padding: 20px 30px;
}
.tabs {
    list-style: none;
    background: none !important;
    display: inline-block;
    position: relative;
    margin-top: 0;
}
.tabs a {
    text-decoration: none;
    padding: 0px 20px;
    position: relative;
    z-index: 2;
    display: inline-block;
    transition-duration: 0.6s;
    font-size: 20px;
    text-decoration: none;
    color: rgba(21, 51, 65, 0.8);
    letter-spacing: -0.22px;
    border-radius: 23px;
}
.tabs a:hover{
    color: rgba(21, 51, 65, 0.8);
    text-decoration: none;
}
.owl-carousel.blogcategory .owl-nav button.owl-prev,.owl-carousel.blogcategory .owl-nav button.owl-next{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 30px;
    height: 30px;
    border: 2px solid #b8c2c5;
    display: inline-block;
    border-radius: 40px;
    line-height: 1px;
    font-size: 36px;
    color: #b8c2c6;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.owl-carousel.blogcategory .owl-nav button.owl-prev{
    left: -30px;
}
.owl-carousel.blogcategory .owl-nav button.owl-next{
    right: -50px;
}
.owl-carousel.blogcategory .owl-nav button:hover {
    background: #153441;
    border-color: #153441;
    color: #fff;
}
.tabs a img,
.tabs a i {
    display: inline;
    max-height: 13px;
    margin-right: 5px;
}

.tabs a.active {
    color: #fff;
}

.tabs .selector {
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    border-radius: 50px;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    background: #3ebdc6;
}
.tab-body>section {
    background-color: white;
    padding-top: 80px;
    display: none;
}
.tab-body>section:first-child {
    display: block;
}
/*search box*/
.head-searchbx{
    text-align: right;
    padding-left: 20px;
}
.head-searchbx .has-search {
    margin-bottom: 0 !important;
    position: relative;
    padding-left: 10%;
}
.frequently-asked-bx .head-searchbx .has-search,.frequently-asked-bx .head-searchbx{
    padding-left: 0;
}
.is-icon {
    position: absolute;
    z-index: 2;
    display: block;
    width: 60px;
    height: 56px;
    line-height: 46px;
    text-align: center;
    top: 0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.head-searchbx .form-control {
    width: 100%;
    height: 56px;
    background: #ffffff;
    box-shadow: 0px 0px 10px #00000029;
    border-radius: 12px;
    font-size: 20px;
    border: 0;
    padding-left: 60px;
    letter-spacing: -0.2px;
    color: #153441;
}

.head-searchbx .form-control:focus,
.head-searchbx .form-control:active {
    box-shadow: 0px 0px 12px #3ebdc65e;
    border: 1px solid #3ebdc6;
}

.head-searchbx .form-control:focus+.is-icon {
    transform: scale(0.7);
}

.head-searchbx .form-control::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #153441;
}

.head-searchbx .form-control:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #153441;
    opacity: 1;
}

.head-searchbx .form-control::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #153441;
    opacity: 1;
}

.head-searchbx .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #153441;
}

.head-searchbx .form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #153441;
}

.head-searchbx .form-control::placeholder {
    /* Most modern browsers support this now. */
    color: #153441;
}

.close-icon {
    position: absolute;
    z-index: 2;
    background: url("../img/search-cross-icon.svg") no-repeat;
    display: block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    color: #646464;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
    border: 0;
}
.head-searchbx input:not(:valid)~.close-icon {
    display: none;
}
.blog-itmes {
    padding: 0 30px;
}
.relatedpostlisting .blog-itmes{
    padding: 0;
}
.blog-itmes .latest-insight-items .latest-img-bx {
    margin-bottom: 80px;
}
.blog-itmes .latest-insight-items .row .col-sm-6:nth-child(1) {
    flex: 0 0 100%;
    max-width: 100%;
}
.blog-itmes .latest-insight-items .row .col-sm-6:nth-child(1) .latest-img-bx .latest-img{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: calc(50% - 15px);
}
.blog-itmes .latest-insight-items .row .col-sm-6:nth-child(1) .Insights-content{
    padding-left: 30px;
    padding-top: 10px;
}
.blog-itmes .latest-insight-items .row {
    justify-content: space-between;
}
.blog-itmes .latest-img-bx.blog-item-row {
    display: flex;
    flex: 1;
}
.blog-itmes .latest-insight-items .row .col-sm-6:nth-child(1) .latest-img-bx {
    margin-bottom: 60px;
}
.blog-itmes .latest-img-bx .latest-img:after {
    display: none !important;
}
.blog-itmes .latest-img-bx .Insights-content {
    position: static;
    padding: 0;
}
.latest-img-bx.blog-item-column .Insights-content {
    padding: 20px 0;
}
.blog-itmes .Insights-content h5,.datebxv {
    background: rgba(62, 189, 198, 0.1);
    color: #3ebdc6;
    font-size: 16px;
    line-height: 21px;
}
.datebxv{
    padding: 12px 10px;
    border-radius: 10px;
    display: inline-block;
    margin-bottom: 10px;
}
.blog-itmes .Insights-content h3 {
    color: #153441;
    font-size: 24px;
    line-height: 36px;
    min-height: 70px;
    font-weight: 600;
    margin-bottom: 10px;
}
.blog-itmes .Insights-content h3 a{
    color: #153441;
    text-decoration: none;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}
.blog-itmes .Insights-content h3 a:hover{
    color: #3ebdc6;
}
.blog-itmes .Insights-content p {
    font-size: 20px;
    color: #153441;
    line-height: 32px;
}
.blog-itmes .client-detials {
    border-top: 1px solid rgba(21, 52, 65, 0.2);
    margin: 40px 0 0 0;
    padding: 20px 0 0 0;
}
.main-shadow-bx.blog-details .blog-itmes .client-detials{
    border: 0;
    margin: 0;
    padding: 10px 0 0 0;
}
.dividehead{
    margin-top: 20px;
    border-bottom: 1px solid rgba(21, 52, 65, 0.2);
}
.sociallinkblog{
    padding-top: 10px;
    text-align: right;
}
.sociallinkblog a{
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}
.sociallinkblog a:last-child{
    margin-right: 0;
}
.sociallinkblog a img{
    width: 26px;
}
.blog-itmes .about-client {
    margin-left: 10px;
}
.blog-itmes .client-detials .about-client h4 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0;
}
.blogdetailsConSection{
    position: relative;
    padding: 40px 0 20px 0;
}
.blogdetailsConSection table{
    margin-top: 20px;
}
.blogdetailsConSection tr td{
    padding: 10px;
    border: 1px solid #ccc;
}
.blogdetban{
    margin-top: 40px;
    border-radius: 12px;
    overflow: hidden;
}
.blogdetban img{
    width: 100%;
    height: auto;
}
.blogdetailsConSection p{
    color: #153441;
    margin-bottom: 5px;
}
.blogdetailsConSection p img,.blogdetailsConSection img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
}
.blogdetailsConSection img {
    margin:25px 0 !important;
}
.blogdetailsConSection ul li{
    font-size: 21px;
    line-height: 36px;
    color: #153441;
    margin-bottom:5px;
}
.blogdetailsConSection h4{
    font-size: 22px;
    padding-top: 10px;
}
.blogdetailsConSection h2{
    font-size: 28px !important;
    padding-top: 10px;
}
.blogdetailsConSection h2 span{
    font-weight: 600 !important;
}
.blogdetailsConSection h3{
    font-size: 24px;
    padding-top: 10px;
}
.blogdetailsConSection h3 span{
    font-weight: 600 !important;
}
.keywordsrow{
    margin: 20px 0;
}
.keywordsrow ul{
    margin: 0;
    padding: 0;
}
.keywordsrow ul li{
    float: left;
    list-style: none;
}
.keywordsrow ul li a,.keywordsrow a{
    padding: 12px 20px;
    color: #153441;
    display: block;
    margin: 0 8px;
    border-radius: 12px;
    margin-bottom: 16px;
    background-color: #F8F9FB;
}
.keywordsrow a{
    display: inline-block;
}
.keywordsrow ul li:first-child a,.keywordsrow a:first-child{
    margin-left: 0;
}
/*Newsletter section*/
.newsletter-section {
    background: #f8f9fb;
    margin-top: 100px;
    padding: 35px 0;
}
.newsletter-bx .newsBx-left {
    padding-right: 6%;
}
.newsletter-bx .newsBx-left h3 {
    font-size: 27px;
    line-height: 40px;
    margin: 0 0 50px 0;
}
.newsletter-bx .input-field {
    position: relative;
    max-width: 600px;
    width: 100%;
}
.newsletter-bx label {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 100%;
    color: rgba(21, 52, 65, 0.3);
    transition: 0.2s all;
    cursor: text;
    font-size: 22px;
}
.newsletter-bx input {
    width: 100%;
    border: 0;
    outline: 0;
    padding: 10px;
    border-bottom: 1px solid #153441;
    box-shadow: none;
    background: transparent;
}
.newsletter-bx input:invalid {
    outline: 0;
}
.newsletter-bx input:focus,
.newsletter-bx input:valid {
    border-color: #3ebdc6;
}
.newsletter-bx input:focus~label,
.newsletter-bx input:valid~label {
    font-size: 16px;
    top: -24px;
    color: #3ebdc6;
}
.newsBx-right img {
    margin-top: -90px;
}
.newsletter-api-form-theme2 .form-control{
    border-radius: 0 !important;
    outline: 0 !important;
    padding: 15px 0 !important;
    border-bottom: 1px solid #153441 !important;
    background-color: transparent !important;
    height: auto !important;
    line-height: normal !important;
    font-weight: normal !important;
}
.newsletter-api-form-theme2 .form-control:focus{
    outline: 0 !important;
    box-shadow: none !important;
}
.newsletter-api-form-theme2 .btn{
    padding: 12px 0;
    height: auto !important;
    border-radius: 12px !important;
    line-height: normal !important;
    background-color: #3ebdc6 !important;
    font-weight: normal !important;
}


/*--------------------------------------------------------------
# Footer section 
--------------------------------------------------------------*/

.footer-section {
    background: #3ebdc6;
    padding: 115px 0 40px;
    margin-top: -60px;
    position: relative;
    z-index: 0;
}

.footer-section h6 {
    color: #b4e5e9;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 26px;
}

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

.footer-section ul li {
    margin: 0 0 20px 0;
}

.footer-section ul li a {
    font-size: 18px;
    color: #fff;
}

.footer-address {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.footer-address .address-bx {
    width: 40%;
    margin: 0 10% 30px 0;
}

.wrap-text {
    white-space: nowrap;
    overflow: hidden;
}

.address-bx .add-heding {
    font-size: 20px;
    color: #fff;
    position: relative;
    display: inline-block;
    margin: 0 0 10px 0;
}

.address-bx .add-heding:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #fff;
    left: 0;
    bottom: 2px;
}

.address-bx p {
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    margin: 0;
}
.footer-section .footer-btm {
    border-top: 1px solid #fff;
    padding: 40px 0 0;
    margin: 15px 0 0 0;
}
.footer-section .footer-btm p {
    margin: 0;
    color: #fff;
    font-size: 20px;
}
.footer-section .footer-btm .ft-logo a{
    color: #fff;
    display: inline-block;
}
.hiddenmenudesktop{
    display: none;
}
.commpd {
    padding-left: 130px;
    padding-right: 130px;
}
/*Drone Platform End Here*/

.submitdetailsrw{
    text-align: center;
}
.submitdetailsrw a{
    display: inline-block;
}
.giudelinks{
    text-align: right;
}
.giudelinks h4{
    font-size: 20px;
    color: #fff;
}
.giudelinks a{
    position: relative;
    color: #fff;
    display: inline-block;
    z-index: 100;
}
/*Sitemap End Here*/

/*loader Start Here*/
.techloaderCntr {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99998;
    background: rgba(255,255,255,0.8);
}
.techlds-hourglass {
  position:absolute;
  left:50%;
  top:50%;
  width: 64px;
  height: 64px;
  margin-left:-32px;
  margin-top:-32px;
}
.techlds-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 6px;
  box-sizing: border-box;
  border: 26px solid #3ebdc6;
  border-color: #3ebdc6 transparent #3ebdc6 transparent;
  animation: techlds-hourglass 1.2s infinite;
}
@keyframes techlds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}

/*loader End Here*/

.contactpgview{
    display: none;
}
.alignnumrw sup{
    top: auto;
}
.video-modal-dialog.elearning .modal-body {
    padding: 40px 30px;
}
.video-modal-dialog.elearning .modal-dialog {
    max-width: 900px;
}
.video-modal-dialog.elearning .modal-content {
    border-radius: 20px;
}
.appviewwrap {
  margin: 0;
}
.video-modal-dialog.elearning .modal-dialog .close {
  position: absolute;
  width: 34px;
  height: 34px;
  top: 10px;
  right: 10px;
  color: #153441;
  background-color: #EBF3F9;
  border-radius: 50%;
  opacity: 1 !important;
  z-index: 1;
}
.video-modal-dialog.elearning .modal-dialog .close .fa {
  font-size: 16px;
  line-height: 32px;
}
.gettouchheading{
    font-size: 24px;
}
.fillemailrw{
    margin-left: 80px;
    margin-top: 15px;
    display: flex;
    border-bottom: 1px solid #dadada;
}
.emailfillinput{
    width: calc(100% - 100px);
}
.emailfillinput .form-control{
    padding: 10px 0;
    height: auto;
    border: 0;
}
.emailfillinput input:focus{
    box-shadow: none;
}

@media (max-width: 767px) {
.video-modal-dialog.elearning .modal-body {
    padding: 40px 20px;
}
}

.loaderCntr {
    position: absolute;
    top: 0px;
    left: 0px;
    right:10px;
    height: 100%;
    z-index: 99998;
    border-radius: 20px;
    background: rgba(255,255,255,0.8);
    display: none;
}
.lds-hourglass {
  position:absolute;
  left:50%;
  top:50%;
  width: 64px;
  height: 64px;
  margin-left:-32px;
  margin-top:-32px;
}
.lds-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 6px;
  box-sizing: border-box;
  border: 26px solid #0056b3;
  border-color: #0056b3 transparent #0056b3 transparent;
  animation: lds-hourglass 1.2s infinite;
}
@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}

/*Elearning Form On Load Start Here*/
.video-modal-dialog.elearning .modal-dialog {
    max-width: 1300px;
}
.video-modal-dialog.elearning .modal-body{
    padding: 10px;
}
.video-modal-dialog.elearning .modal-content{
    border-radius: 20px;
}
.appviewwrap{
    margin: 0;
}
.appslidescbx{
    position: relative;
    height: 100%;
    margin-right: 60px;
    overflow: hidden;
}
.owl-carousel.learningapps, .owl-stage-outer,.owl-carousel.learningapps .owl-stage,.owl-carousel.learningapps .owl-item,.owl-carousel.learningapps .item{
    height: 100%;
}
.appslidescbx .browzlyApp,.appslidescbx .sterklaAppbx,.appslidescbx .lifologyAppbx,.appslidescbx .gymnestAppbx,.appslidescbx .choicemonkAppbx,.appslidescbx .theaAppbx,.appslidescbx .truefanAppbx,.appslidescbx .whitehatjunAppbx,.appslidescbx .buyeazzyAppbx{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    height: 100%;
}
.appslidescbx .browzlyApp.browzly{
    background-color: #F9E978;
}
.appslidescbx .browzlyApp.milkbun{
    background-color: #EB9C97;
}
.appslidescbx .sterklaAppbx.sterkla{
    background-color: #1F4067;
}
.appslidescbx .pmuAppbx.pmu{
    background-color: #EF6E21;
}
.appslidescbx .lifologyAppbx.lifology{
    background-color: #1F1A20;
}
.appslidescbx .gymnestAppbx.gymnest{
    background-color: #292828;
}
.appslidescbx .choicemonkAppbx.choicemonk{
    background-color: #36A993;
}
.appslidescbx .theaAppbx.theacares{
    background-color: #FFF5ED;
}
.appslidescbx .truefanAppbx.truefanbg{
    background-color: #18175B;
}
.appslidescbx .whitehatjunAppbx.whitehatjunbg{
    background-color: #c89cc6;
}
.appslidescbx .buyeazzyAppbx.buyeazzybg{
    background-color: #F2F2F2;
}
.appslidescbx .owl-carousel.learningapps .browzlyApp img,.appslidescbx .owl-carousel.learningapps .sterklaAppbx img,.appslidescbx .owl-carousel.learningapps .pmuAppbx img,.appslidescbx .owl-carousel.learningapps .gymnestAppbx img,.appslidescbx .owl-carousel.learningapps .choicemonk img,.appslidescbx .owl-carousel.learningapps .theaAppbx img,.appslidescbx .owl-carousel.learningapps .buyeazzyAppbx img{
    width: 380px;
    height: auto;
    display: inline-block;
}
.appslidescbx .lifologyAppbx img,.appslidescbx .truefanAppbx img{
    width: 440px;
    height: auto;
    display: inline-block;
}
.contact-form.elearingform{
    padding: 20px 100px 30px 0px;
}
.contact-form.elearingform h3{
    color: #153441;
    font-size: 32px;
    margin-bottom: 20px;
}
.contact-form.elearingform .effect-16,.contact-form.elearingform .fileuploadrw label{
    font-size: 16px;
}
.contact-form.elearingform .input-effect,.contact-form.elearingform .fileuploadrw {
    margin-bottom: 28px;
}
.contact-form.elearingform .fileuploadrw label:after {
    width: 25px;
    height: 25px;
    top: 50%;
    margin-top: -20px;
    background-size: 10px;
}
.contact-form.elearingform .effect-16 ~ label{
    font-size: 15px;
}
.contact-form.elearingform .effect-16:focus ~ label{
    top: -8px;
}
.contact-form.elearingform .agreecheck label {
    font-size: 14px;
    line-height: 20px;
}
.appContentbx{
    position: absolute;
    bottom: 15px;
    right: 15px;
    left: 15px;
    padding: 15px;
    border-radius: 10px;
    background-color: #fff;
}
.appContentbx h4{
    font-size: 16px;
}
.appContentbx h3{
    font-size: 14px;
    line-height: 18px;
}

.appknowmore{
    margin-top: 35px;
}
.appknowmore img{
    display: inline-block !important;
}
.appknowmore a{
    color: #3EBDC6;
    display: inline-block;
}
.appknowmore img{
    width: 20px !important;
    vertical-align: top;
    margin-top: 3px;
    transition: all .3s ease-in-out;
}
.appknowmore a:hover img{
    transform: translate(5px,0);
}
.video-modal-dialog.elearning .modal-dialog .close{
    width: 34px;
    height: 34px;
    top: 20px;
    right: 20px;
    color: #153441;
    background-color: #EBF3F9;
}
.video-modal-dialog.elearning .modal-dialog .close .fa{
    font-size: 16px;
    line-height: 32px;
}
.owl-carousel.learningapps .owl-nav{
    position: absolute;
    right: 35px;
    bottom: 35px;
}
.owl-carousel.learningapps .owl-nav button.owl-next,
.owl-carousel.learningapps .owl-nav button.owl-prev {
    width: 36px;
    height: 36px;
    border: 1px solid #b8c2c5;
    display: inline-block;
    border-radius: 40px;
    line-height: 1px;
    font-size: 36px;
    color: #b8c2c6;
    overflow: hidden;
    margin-left: 10px;
    transition: all 0.3s ease-in-out;
}
.owl-carousel.learningapps .owl-nav button.owl-next span,
.owl-carousel.learningapps .owl-nav button.owl-prev span {
    background: url(../img/small-arrow-left.png) no-repeat;
    width: 20px;
    content: "";
    height: 10px;
    display: inline-block;
    padding: 10px 0;
    transition: all 0.3s ease-in-out;
    background-size: 40px 14px;
    text-indent: -9999px;
}
.owl-carousel.learningapps .owl-nav button.owl-prev span{
    background-position: 0 0;
    margin-top: 6px;
}
.owl-carousel.learningapps .owl-nav button.owl-next span {
    background: url("../img/small-arrow-right.png") no-repeat;
    background-size: 40px 14px;
    background-position: -22px 0;
    margin-top: 6px;
}
.owl-carousel.learningapps .owl-nav button.owl-next:hover,.owl-carousel.learningapps .owl-nav button.owl-prev:hover {
    border-color: #153441;
}
.owl-carousel.learningapps .owl-nav button.owl-prev:hover span {
    background-position: -22px 0px;
}
.owl-carousel.learningapps .owl-nav button.owl-next:hover span {
    background-position: 2px 0px;
}
.elear_app_logo{
    position: absolute;
    top: 40px;
    left:35px;
}
.milkbunlog{
    position: absolute;
    top: 30px;
    left: 35px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: #fff;
}
.milkbunlog img{
    width:45px !important;
}
.sterklalogowtbx{
    position: absolute;
    top: 30px;
    left: 35px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: #fff;
}
.sterklalogowtbx img{
    width:60px !important;
    height: auto;
}
.elear_app_logo.theacare{
    top: 20px;
    left: 30px;
}
.health_app_logo{
    position: absolute;
    top: 16px;
    left:35px;
}
.elear_app_logo.theacare{
    top: 15px;
}
.elear_app_logo.theacare img.thealogo{
    width: 60px !important;
}
.health_app_logo img.hvlogo{
    width: 100px !important;
}
.elear_app_logo img.browzlyloog,.elear_app_logo img.pmulogo{
    width: 80px !important;
}
.elear_app_logo img.gymnest{
    width: 60px !important;
}
.elear_app_logo .lifologylogobx{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.elear_app_logo .lifologylogobx img.lifo{
    width: 50px !important;
}
.submitfrow{
    position: relative;
}
.submitfrow .ortxt{
    position: absolute;
    left: 50%;
    top: 50%;
    color: #0A0A0A;
    opacity: 0.4;
    font-size: 16px;
    margin-left: 40px;
    transform: translate(-50%,-50%);
}
.submitfrow .connectcall{
    float: right;
    text-align: right;
    margin-top: 2px;
}
.submitfrow .connectcall .connect_icon{
    position: relative;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background-color: #EBF7F6;
    display: inline-block;
    margin-left: 10px;
}
.submitfrow .connectcall .connect_icon svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 16px;
}
.submitfrow .connectcall .connect_icon svg path.phonecall {
    fill: #218AFF;
}
.submitfrow .connectcall .connect_icon svg path.whatsApp {
    fill: #5FD9A2;
}
.submitfrow .curve-arrow-btn{
    padding: 11px 36px;
}
#getTouchElearning .success_msg{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    text-align: center;
    transform: translate(-50%,50%);
}
#getTouchElearning .success_msg .thankstext{
    font-size: 26px;
    color: #4ed598;
}
.show99res{
    display: none;
}
.scrolluparrow {
    position: relative;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    left: 15px;
    transition: background-color .3s, 
    opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    background-color: #4ed598;
}
.scrolluparrow .arrowmoves{
    position: absolute;
    top: 46%;
    left: 50%;
    width: 30px;
    transform: translate(-50%,-50%);
}
.scrolluparrow:hover {
    cursor: pointer;
    background-color: #0072c0;
}
.scrolluparrow.show {
    opacity: 1;
    visibility: visible;
}
/*Elearning Form On Load End Here*/



#subscribebtn {
    padding: 12px 0;
    height: auto !important;
    border-radius: 12px !important;
    line-height: normal !important;
    background-color: #3ebdc6 !important;
    font-weight: normal !important;

    background-color: #0083CB!important;
    color: #fff;
    background: #0083cb none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    outline: medium none;
    text-align: center;
    width: 20%;
    margin-top: 15px;
}
.newsletter-bx input {
    width: 50%;
    border: 0;
    outline: 0;
    padding: 10px;
    border-bottom: 1px solid #153441;
    box-shadow: none;
    background: transparent;
}
#subscribe_email-error, #subsuccess-msg{
    width: 100%;
    float: left;
}
#my-fixed-toc{
    position: sticky;
    top: 100px;
}
.ez-toc-heading-level-4{
    display: none !important;
}
#ez-toc-container{
    width: 100% !important;
    border: 0;
    padding: 0;
    background-color: transparent;
}
#ez-toc-container .ez-toc-title{
    border-bottom: 1px solid #aaa;
}
#ez-toc-container > ul{
    margin-right: 10px !important;
}
.ez-toc-counter nav ul li a::before{
    display: none;
}
div#ez-toc-container ul li{
    margin-bottom: 10px;
}
#ez-toc-container a{
    color: #007bff;
    font-weight: 700;
}
.ez-toc-title-container{
    padding-bottom: 20px;
}
div#ez-toc-container nav{
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
}
.ez-toc-title-toggle{
    display: none !important;
}
.post-views{
    margin-top: 30px;
}
/*==================================================================*/

@media (max-width: 1080px) {
.footer-whatsApp{
  right: 0 !important;
}
}

.post-buttons a.btn-primary{
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    background-color: #10a37f;
    color: #fff;
    border-radius: 25px;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    border: 0;
}
.post-buttons a.btn-secondary{
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    background-color: #6f42c1;
    color: #fff;
    border-radius: 25px;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    border: 0;
}
.post-buttons a.btn-success{
   display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    background-color: #d97757;
    color: #fff;
    border-radius: 25px;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    border: 0;
}
.post-buttons a.btn-danger{
   display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    background-color: #4285f4;
    color: #fff;
    border-radius: 25px;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    border: 0;
}
.post-buttons{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}
.summeize-heading{
    margin-right: 20px;
    text-align: center;
}
.post-buttons-section{
    position: sticky;
    top: 66px;
    display: flex;
    padding-top: 16px;
    padding-bottom: 16px;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

@media (max-width: 767px) {
.post-buttons-section{
    position: static;
    display: block;
    padding-top: 0;
}
.post-buttons{
    margin-top: 15px;
}
}