/*new blog page design css start*/
@import url("https://osplabs.com/wp-content/themes/osplabs/assets/css/swiper.css");
/*for header changes done by priyanka*/

.headerWrapper{
  background: #fff !important;
}
.navigation-section.headerNav>.menu-my-menu-container>ul>li>a{color: #000 !important}
.header-call-number{    border: 1px solid #000 !important;background: #000 !important;color: #fff !important;}
.header-call-icon{border:1px solid #000 !important;}
.header-call .fa-phone, .headerWrapper .nav_button span i {color: #000 !important; }
.headerWrapper .white-logo{display: none !important;}
.headerWrapper .blue-logo{display: block !important; }
.getStartedBtn:hover{border:1px solid #2571f0 !important;}
/*End*/
@font-face {
   font-family: 'publica-sans';
    src: url('../fonts/PublicSans-Regular.woff2') format('woff2'),
         url('../fonts/PublicSans-Regular.woff') format('woff'),
         url('../fonts/PublicSans-Regular.ttf') format('ttf'),
         url('../fonts/PublicSans-Regular.eot') format('eot');
    font-weight: normal;
    font-style: normal;font-display: swap;
}
@font-face {
   font-family: 'publica-sans-bold';
    src: url('../fonts/PublicSans-Bold.woff2') format('woff2'),
         url('../fonts/PublicSans-Bold.woff') format('woff'),
         url('../fonts/PublicSans-Bold.ttf') format('ttf'),
         url('../fonts/PublicSans-Bold.eot') format('eot');
    font-weight: 700;
    font-style: normal;font-display: swap;
}
#progress{top: 80px !important;z-index: 9 !important}
.head-wrap{padding: 40px 30px; background: #f0f1f6; border-radius: 10px; }
.head-wrap h2{background-color: #fff;border:2px solid #d1d9e4;border-radius: 4px;padding: 20px 20px 15px;color: #01173c;margin-bottom: 40px !important}
.post-adv{display: none;}
.post-wrapper{max-width: 1430px; margin: 100px auto 80px; }
.post-article-wrapper-adjust{
  background-color: #F1F6FF; border-radius: 10px;
}
.post-banner{width: 100%;display: flex;flex-wrap: wrap;align-items: center;padding: 100px 65px 95px}
.post-inner-banner{width: 610px;border-radius: 5px;max-height: 406px;padding: 85px 45px;
  background-image: -moz-linear-gradient( 0deg, rgb(59,150,228) 1%, rgb(48,63,143) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(59,150,228) 1%, rgb(48,63,143) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(59,150,228) 1%, rgb(48,63,143) 100%);display: flex;}
.post-inner-banner-img{width: 610px;border-radius: 5px;/*max-height: 406px;min-height: 406px;*/display: flex;justify-content: flex-end;}
.post-inner-banner-img picture{display: flex;}
.post-inner-banner-img img{/*width:100%;*/border-radius: 5px;height: 100%;max-width: 95%}
.post-info{text-align: left;padding-right: 40px !important; display: block !important;}
.post-read-time{font-size: 16px; font-family: "circularstd"; color: #2571f0; text-transform: capitalize;}
.post-info h1{font-size: 40px; font-family: 'Montserrat'; color: #000; line-height: 55px;margin: 30px 0;font-weight: 700}
.post-author-info{display: flex;align-items: center;}
.auth-img{border-radius: 50%; height: 72px;width: 72px; border:1px solid #c2c2c2;}
.auth-info{font-size: 16px; font-family: "circularstd"; color: #2571f0; line-height: 1.16; text-align: left;margin-left: 15px;
}
.auth-info p{margin-bottom: 5px;font-family: 'Inter', sans-serif;font-style: normal; font-weight: 600; font-size: 20px; line-height: 24px;
color: #000000;}
.auth-info a{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 27px; color: #000000;}
.auth-info p span{ text-transform: capitalize; }
.auth-infoo h3 a{display: inherit;}
.auth-info .linkedinLink, .auth-infoo h3 i{font-size: 14px;background-color: #0e76a8;color: #fff;border-radius: 50%;width: 22px;height: 22px;line-height: 22px;display: inline-block;text-align: center;}
.auth-info .linkedinLink:hover{color: #fff;}
.post-inner-info{padding-left: 50px;}
.post-inner-info h3{font-size: 32px; font-family: "AvenirNextLTPro-demi"; color: rgb(255, 255, 255); line-height: 1.563;/*text-transform: capitalize;*/ padding-top: 18px;}
.post-banner-cta{transition: all .2s ease-in-out;border-radius: 5px; background-color: rgb(255, 209, 1);  width: 202px; height: 46px; font-size: 18px; font-family: "Roboto"; color: rgb(33, 34, 36);text-transform: inherit;margin-top: 15px;border: 1px solid rgb(255, 209, 1); display: flex;
    font-weight: 700; align-items: center; justify-content: center;display: flex;cursor: pointer;}
.post-banner-cta:hover{background-color: #fff;color: #304191;transition: all .2s ease-in-out;border: 1px solid rgb(255, 255, 255);}
.post-content-wrapper{max-width: 1430px;margin: 0 auto;padding: 0 2rem;box-sizing: content-box;position: relative;}
.post-content-wrapper-new{max-width: 1430px;margin: 0 auto;padding: 0 2rem;box-sizing: content-box;position: relative;}
.post-content-wrapper > p:first-child{font-size: 20px; font-family: "Metropolis-Medium"; color: rgb(17, 17, 17); line-height: 1.41;font-style: italic;text-align: center;
}
.post-content-wrapper h2{font-size: 48px; font-family: "Metropolis-Black"; color: rgb(17, 17, 17); line-height: 1.16; text-align: left;margin-bottom: 20px;}
.post-content .post-inner-banner{width: 100%;padding: 30px 40px;}
.post-content .post-inner-banner h3{font-size: 26px;font-family: "AvenirNextLTPro-demi";line-height: 1.615;color: #fff; }
.post-content .post-inner-banner >img{max-height: 180px;}
.mt-20{margin-top: 20px !important;}
.post-flex{display: flex;justify-content: space-between;}
.post-flex .adv-wrapper {width: 30%; flex-direction: column; justify-content: start; /*transition: top 0.5s linear;*/}
.sticky-wrapper{position: absolute;left: -8%;top: -15px}
.post-sticky-content{position: sticky;top: 100px;font-size: 1.15rem;z-index: 60;}
.post-content{max-width: 1300px;margin: 0 auto;}
.post-flex .post-content {width: calc(100% - 400px); margin: 0; padding: 0; padding-left: 400px;position: relative;}
.post-flex .post-content-section {width: calc(100% - 340px); margin: 0; padding: 0;display: flex;justify-content:space-between; }
.post-flex .post-content-section .table-wrap{width: 370px;max-width: 100%;/*transition: top .5s linear;*/}
.content-right{width: calc(100% - 390px);max-width: 100%;}

.time-remaining{white-space: nowrap; font-size: 14px; font-family: "AvenirNextLTPro"; color: rgb(51, 71, 91);}

.post-social-elements{display: flex;flex-direction: column;}
.post-social-elements a{margin: 14px 0 14px;display: inline-block; font-size: 24px; line-height: 24px;    transition: all .2s ease-in-out;padding: 11px;border: 1px solid #3f5793;text-align: center;border-radius: 50%;}
.post-social-elements a:nth-child(2){border: 1px solid #1da0f1}
.post-social-elements a:nth-child(2) i{color: #1da0f1}
.post-social-elements a:nth-child(3){border: 1px solid #f14236}
.post-social-elements a:nth-child(3) i{color: #f14236}
.post-social-elements a:nth-child(4){border: 1px solid #0089c7}
.post-social-elements a:nth-child(4) i{color: #0089c7}
.post-social-elements a:nth-child(5){border: 1px solid #cb2027}
.post-social-elements a:nth-child(5) i{color: #cb2027}
.post-social-elements a:nth-child(6){border: 1px solid #cb2027}
.post-social-elements a:hover{transform: translateY(-4px);}
.post-content p strong{ font-weight: 600 !important; }
.post-content p{font-size: 18px; font-family: "Montserrat"; color: #000; line-height: 30px; text-align: left;margin-bottom: 35px}

.post-content li{font-size: 18px; font-family: "Montserrat"; color: #000; line-height: 30px; text-align: left;margin-bottom: 15px}

.post-content .content-right p a{font-weight: 500}
    .post-content p > strong{color: #080808}
.points-wrapper{    width: 100%; position: relative; /*right: 2rem; */margin: 2.75rem 0;box-sizing: content-box;
    max-width: 895px;border-radius: 3px;}
.points-wrapper>h2{font-size: 17.648px; font-family: "Metropolis-Black"; color: rgb(17, 17, 17); line-height: 1.16; text-align: left;}
.points-wrapper>h2 img{margin-right: 10px;position: absolute;left: 1rem;}
.points-wrapper ol{counter-reset:item;margin: 1em 0 0.25em;padding: 0;}
.points-wrapper ol li, .points-wrapper ul li{list-style-type: none;margin: 0 0 0.75em;padding: 0 0 0 1.5em;counter-increment: item;position: relative;font-size: 18px; font-family: "AvenirNextLTPro"; color: #080808; line-height: 1.5;}
.list-content{margin-top: 1em;}
.list-content ol{padding-left: 0;width: 100%;position: relative;}
.list-content ul li, .list-content ol li{list-style-type: none;margin: 0 0 0.75em;padding: 0 0 0 1.5em;counter-increment: item;position: relative;font-size: 16px; font-family: "Montserrat"; color: #000; line-height: 1.5;text-align: left;}
.list-content ul li strong{color: #01173c}
.list-content ol li{width: 100%}
.list-content ul li a{word-break: break-word;color: #007bff}
.points-wrapper ul li::before, .list-content ul li::before{    content: ''; display: inline-block; position: absolute; top: 0.5em; left: 0.025em; background-color: #2d3e50; border-radius: 50%; width: 6px; height: 6px;}
.points-wrapper li a, .list-content li a{color: #2571f0}
.points-wrapper li a:hover, .list-content li a:hover{color: #007bff}
.points-wrapper ul.wp-block-gallery li::before, .list-content ul.wp-block-gallery li::before{background:transparent;}
.points-wrapper ol li::before{position: absolute; top: 0; left: -0.2em; content: counter(item) "."; display: inline-block; color: #0d71fd; font-weight: 700; text-align: right; width: 1.5em; padding-right: 0.5em;font-family: "AvenirNextLTPro-bold";font-size: 32px;}
.list-content ol li::before{position: absolute; top: -2px; left: -0.2em; content: counter(item) "."; display: inline-block; color: #0d71fd; font-weight: 700; text-align: right; width: 1.5em; padding-right: 0.5em;font-family: "Metropolis-Regular";font-size: 20px;}
.post-content h3, .post-content h2{font-size: 35px; font-family: "publica-medium"; color: #01173c; line-height: 1.16; text-align: left;margin-bottom: 20px;margin-top: 60px;
}
.post-sub-box.mt-30{margin-top: 30px;}
.post-content-new{padding:100px 20px; background-image: url(../../assets/img/post-bg.png);background-repeat: no-repeat;background-size: cover;margin: 100px 0 65px;}
.post-content-new .post-sub-box h5 {font-size: 44px; font-family: "Metropolis-Black"; color: rgb(255, 255, 255); line-height: 1.5; text-align: center;margin-bottom: 80px;}
.post-content-new .post-sub-box label{font-size: 28px; font-family: "Metropolis-Medium"; color: rgb(255, 255, 255); line-height: 0.818; text-align: left;
}
#form2 .d-flex{width: 80%;margin: 0 auto}
#form2 .d-flex label{position: relative;z-index: 1;width: auto;}
 .sub-flex .d-flex input{width: 72%; border-radius: 0; background: transparent; border: none; border-bottom: 2px solid #fff;color: #fff !important}
 #form2 .d-flex label.error{width: 100%; position: absolute; bottom: -29px; left: 28%; top: auto; color: #fff !important;}
.post-content-new .sub-flex .btn{padding: 19px 70px; height: auto;border:2px solid #fff; border-radius: 35px; background-color: #fff; font-size: 21px; font-family: "Metropolis-Medium"; color: rgb(13, 113, 253); line-height: 1.301; text-align: center; margin: 60px auto 0;
}
.post-content-new .sub-flex .btn:hover{background-color: transparent;color: #fff;border:2px solid #fff; }
.post-sub-box{max-width: 1080px; margin: 0 auto;}
.post-content-new .sub-flex div{width: 100%;}
.sign-box .g-recaptcha{margin-top: 15px;}
.post-content-new .sub-flex div.g-recaptcha{margin-left: 350px;margin-top: 30px;width: auto;}
.post-sub-box.mt-30{margin-top: 30px;}
.post-sub-box h5, .post-share-social-container h3{font-size: 20px; font-family: 'publica-sans-bold'; color: #01173c; line-height: 1.304;font-weight: 700}
.sub-flex{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 16px;}
.sub-flex input{padding: 18px;
   background-color:#fff;height: 48px;width:100%;}
.sub-flex .btn{padding:0;text-align:center;border-radius: 5px;  width: 25%; height: 48px;color: #fff;font-size: 18px;
  font-family: "Roboto";background-color: #1a6df8;text-transform: capitalize; transition: all .2s ease-in-out;}
.sub-flex div{width:73%;}
.sub-flex .error{margin-bottom: 0;}
.form-group input, textarea.form-control{padding: 12px 20px; border: 1px solid #979797;color: #373640;height: auto;font-family: 'publica-sans'; }
textarea.form-control {
    height: 205px !important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #373640 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #373640 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #373640 !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #373640 !important;
}

.form-group input:focus, textarea.form-control:focus{border:1px solid #2571F0;box-shadow: none;}
.sub-flex .btn:hover{background-color: transparent;border: 1px solid #1a6df8;color: #1a6df8; }
.sub-flex input::placeholder {font-size: 18px; font-family: "AvenirNextLTPro"; color: #373640;}
.post-content p.post-content__publish-date{font-size: 16px; font-style: italic; margin-top: 2rem;font-family: "AvenirNextLTPro";}
.post-share-social-container{text-align: center;}
.post-content p a.ref:before, a.ref:before{background-image: url(../../assets/img/reference-icon.png);background-repeat: no-repeat;position: absolute;content: '';width: 21px;height: 24px;left: 0;}
.post-content p a.ref, a.ref{position: relative;padding-left: 40px;display: block;word-break: break-all;
  font-size: 20px;
  font-family: "Metropolis-Regular";
  color: rgb(13, 113, 253);
  line-height: 1.5;
  text-align: left;
 
}
.post-content p.ref a{word-break: break-all;}
.post-content p a.ref:nth-child(2), .post-content a.ref:nth-child(2){margin-top: 40px;}
.share-btn-elements{margin-top: 20px;display: flex;justify-content: center;}
.share-btn-elements a{width: 38px;height: 38px;text-align: center;line-height: 38px;color: #fff;font-size:20px;border-radius: 50%;background-color: #1a6df8;display: inline-block;margin: 0 20px;transition: all .2s ease-in-out;}
.share-btn-elements a > i{line-height: 38px}
.share-btn-elements a:hover{transform: translateY(-4px);}
.post-sep{background-color: rgb(223, 227, 235); width: 1080px; height: 2px;margin: 70px 0 80px;max-width: 100%;}
.articles-flex{display: flex;justify-content: space-between;margin-top: 37px;padding-top: 48px;}
.article-info{padding: 24px 21px 28px;display: flex;justify-content: space-between;flex-direction: column;min-height: 280px;}
.related-article-wrapper>h4{font-size: 56px; font-family: "Metropolis-Black"; color: #111;text-align: center; text-transform: capitalize;position: relative;}
.post-article{max-width: 315px;background-color: #f5f8fa;border-radius: 5px;-webkit-transition: box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
    transition: box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
    transition: box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out;
    transition: box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;cursor: pointer;}
.post-article:hover{    transform: scale(1.014);}
.post-article h4 a{font-size: 29px; font-family: "Metropolis-Bold"; color: rgb(51, 71, 91); line-height: 1.313; text-align: left;}
.article-info .updates, .article-info .updates a{font-size: 14px; font-family: "Metropolis-Medium"; color: rgb(51, 71, 91) !important; text-transform: uppercase;}
.related-article-wrapper h4::after{content: ''; display: block; position: absolute; width: 20px; height: 20px; left: 50%; -webkit-transform: translateX(-50%);  transform: translateX(-50%);  top: 115%; background-image: url(../../assets/img/small-arrow.webp); background-repeat: no-repeat; background-position: center; background-size: contain;margin-top: 15px;}
.post-article h4::after{display: none;}
.post-content .wp-block-image, .blocks-gallery-item{margin-bottom: 2em;display: block;text-align: left;font-family: "Roboto"; font-size:20px;font-weight: 700;}
#social{display:flex;pointer-events: auto; list-style: none; padding: 0; white-space: nowrap; margin: -0.75em 0 0; background: #1a6df8; color: #fff; border-radius: 0.25em; position: absolute; left: 50%; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%);}
#social::before{content: ''; position: absolute; bottom: 100%;top:35px; left: 50%; width: 0; height: 0; margin: 0.25em -0.5em; border-width: 0.5em 0.5em 0; border-style: solid; border-color: #1a6df8 transparent;}
#social a{display: inline-block; width: 33px; height: 100%;  text-align: center}
#social a img{width: 20px;}
#social a i{font-size: 18px;}
.banner-mobile, .banner-mobile-overlay{display:none;}
.post-content p.ref{word-break: break-all;}
.consult-box{padding: 40px;text-align: left;margin: 60px 0 100px;background-color: #2571f0;border-radius: 10px;}
.consult-box h4, .faq-chat > h4{font-size: 35px; font-family: "publica-medium"; color: #fff; line-height: 1.2; text-align: left;}
.consult-box p{font-size: 18px; font-family: "circularstd"; color: #fff; line-height: 1.5; text-align: left;margin: 15px 0 40px;}
.consult-box a{border: 1px solid transparent;background-color: #fff;color: #01173c}
.consult-box a:hover{background-color: transparent; border: 1px solid #fff; color: #fff;}
.faq-chat > h4{margin-bottom: 35px;}
.faq-chat .panel-heading{padding: 24px 54px 24px 30px;margin-top: 20px;background-color: #f0f0f0;position: relative;text-align: left;}
.faq-chat .panel-heading a {font-size: 21px; font-family: "Metropolis-Bold"; color: rgb(17, 17, 17); line-height: 1.364; text-align: left;}
.faq-chat .text-accordion p{font-size: 22px; font-family: "Metropolis-Regular"; color: rgb(17, 17, 17); line-height: 1.364; margin-bottom: 0}
.faq-chat .panel-body{padding: 24px 30px;}
.accordion_one .panel .panel-heading a.collapsed:after {
    content: "+";
    
}

.accordion_one .panel .panel-heading a:after,
.accordion_one .panel .panel-heading a.collapsed:after {
    font-family: 'Metropolis-Bold';
    font-size: 30px;
    width: 59px;
    height: 14px;
    top: 28px;
    right: 0px;color: rgb(17, 17, 17);
    position: absolute;
    left: auto;
    line-height: 14px;font-weight: bold;
    text-align: center;
    background: #F1F1F1;
}

.accordion_one .panel .panel-heading a:after {
    content: "-";font-size: 40px;
}
.blog-read-btn > i, .btn > i, .subscribeCard .card-body .subscribeBox .btn > i{font-size: 18px;
    line-height: 16px;}
.article-box-new{padding: 70px 50px 60px;margin: 100px 0;border: 1px solid #000000;position: relative;}
.article-box-new p{font-size: 20px; font-family: "Metropolis-Regular"; color: rgb(17, 17, 17); line-height: 1.5; text-align: left; }
.article-box-new a.logo{position: absolute;
    left: 20px;
    top: -30px;
    width: 75px;
    /* right: 0; */
    background-color: #fff;
    text-transform: uppercase;
    font-size: 40px;
    font-family: "d-din_condenseddinCnBd";
    color: #1a6df8;
    text-align: center;
    font-weight: 500;}
.article-box-new p a{color: #0d71fd}
.article-box-new p a:hover{color: #0d71fd;text-decoration: underline;cursor: pointer;}
#custom_html-6 h2{display: none;}


.sign-box{padding: 25px;background: linear-gradient(0deg, #F1F6FF, #F1F6FF), #1D4FA0;margin: 0 auto 50px;}
.sign-box h3 {font-family: 'Montserrat'; font-weight: 800; font-size: 28px; line-height: 34px; color: #2571F0;}
.sign-box #form3{position: relative;margin-top: 30px}
.sign-box span {font-family: 'Montserrat'; font-weight: 400; font-size: 14px; line-height: 17px; color: #373640;}
.sign-box span.below-input-text{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 17px; color: #848484;}
.sign-box .form-control{padding: 10px 70px 11px 13px;position: relative;font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 15px; text-align: center; color: #373640;width:100%;text-align: left;background: #FFFFFF;border-radius: 5px;}
.sign-box .btn{position: absolute;right: 0;top: 0;bottom: 0;background-color: #2571F0;width: 60px;color: #fff;height: 38px;border: 1px solid #2571F0;border-radius: 0px 5px 5px 0px}
.sign-box .btn:hover{background-color: transparent;color: #2571F0;border: 1px solid #2571F0;}
.sign-box .btn:hover i{color: #2571F0}
.sign-box .btn i{left: 0;opacity: 1;font-size: 22px}
.sign-box p{font-size: 13px; font-family: "Metropolis-Medium"; color: rgb(17, 17, 17); line-height: 1.491; text-align: left; margin-top: 10px;}

.post-content h2.numbers{/*font-size: 20px; */font-family: "publica-medium"; color: #01173c; line-height: 1.16; text-align: left;margin-top: 40px;margin-bottom: 25px;display: flex;font-weight: 400}
.post-content h2.numbers span{color: #01173c;margin-right: 10px;}

.post-flex .post-content p img{margin: 50px 0;}
.post-flex .adv-wrapper{width: 370px;flex-direction: column;
    justify-content: start;}
.post-flex .cardLatestPost .card-header .nav-tabs .nav-item{flex: 0 0 33%;max-width: 33%;}
/*.post-flex .cardLatestPost .card-header .nav-tabs{border-top-left-radius: 0;border-top-right-radius: 0;}*/
.cardLatestPost .card-header .nav-tabs .nav-item .nav-links{background-color: transparent;color: #111; text-align: center;  padding: 10px 0; font-size: 16px; font-family: "Montserrat"; display: block; line-height:20px;text-align: center;border-top-left-radius: 10px; }
.cardLatestPost .card-header .nav-tabs .nav-item .nav-links.last{border-top-right-radius: 10px;border-top-left-radius: 0;}
.cardLatestPost .card-header .nav-tabs .nav-item .nav-links.active{background-color: #2571f0;color: #fff}
/*.post-flex .cardLatestPost .card-header .nav-tabs{border: 1px solid #bdbdbd;background-color: #fbfcfd;}*/
.post-flex.postinnercontainer{margin-top: 0;box-shadow: none;}
.post-flex .cardLatestPost .card-header .nav-tabs .nav-item{font-weight: 400; display: block; cursor: pointer; padding-right: 0; padding-left: 0; background-color: transparent;text-align: center;}
.tabs-list{list-style: none; position: relative; padding: 0 0 0 0; margin: 0 0 15px; color: #f2f2f2;line-height: initial;}
.tabs-list a{color: #000;position: relative;font-size: 18px;font-family: "Montserrat";display: block;}
.tabs-list a:hover, .tabs-list a:active{color: #1a6df8; }
.tabs-list a:after{border-bottom: 2px solid #ffd101; content: ''; bottom: -5px; left: 0; right: 0; position: absolute; opacity: 0;}
.tabs-list a:hover:after{opacity: 1;}
.sub-listing{border-top:none;text-align: left;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;height: 48vh;overflow-y: auto;
  border-width: 2px; border-color: rgb(239, 241, 246); border-style: solid;  background-color: rgba(255, 255, 255, 0.902); box-shadow: 0.14px 3.998px 7.36px 0.64px rgba(60, 60, 60, 0.08);padding: 25px 25px 15px;
}
.popular{margin: 40px 0 0;flex-direction: column;margin: 80px 0 0;}
.popular-search-wrap{display: flex;flex-wrap: wrap;align-items: center;position: relative;}
.popular-search-wrap h5{position:absolute;font-size: 20px; text-align: left; font-family: "Metropolis-Medium",sans-serif; font-weight: 500; text-transform: capitalize; letter-spacing: 1px; color: #1a6df8;margin-right: 20px;left: 0;background: #fff;padding-right: 10px;}
.search-line{width: 100%;height: 2px;background-color: rgb(223, 227, 235);margin-left: 10%;}
.popular-listing{margin: 20px auto 0px;display: flex;flex-wrap: wrap;justify-content: center;max-width: 1168px;width: 100%;}
.popular-listing li{border-right: 1px solid #373640; margin-right: 12px; padding-right: 12px; list-style: none; margin-bottom: 12px; line-height: 18px; margin-bottom: 16px;text-align: center;}
.popular-listing li:last-child{border-right: none;}
.popular-listing li a {text-align: left; list-style: none; font-family: 'publica-sans';text-transform: capitalize; letter-spacing: .5px; font-size: 18px;color: #373640}
.popular-listing li a:hover{color:#1a6df8;}

.postinnercontainer{display: flex !important;margin-top: 20px;overflow: hidden;
  border-width: 0px; border-color: rgb(238, 191, 76); border-style: solid; border-radius: 10px; background-color: rgba(255, 255, 255, 0.902); box-shadow: 0.14px 3.998px 13.5px 1.5px rgba(60, 60, 60, 0.08);
}
.innercontainer-right{padding: 15px;display: flex;
    flex-direction: column; justify-content: space-between;}
.innercontainer-right p{font-size: 14px; font-family: "Roboto"; color: rgb(4, 2, 1); line-height: 1.3; text-align: left; font-weight: 400;margin-bottom: 15px;}
.sep{margin: 0 10px;}
.resoursewrapper{margin-top: 60px;}
.innercontainer-right p a{font-size: 16px; font-family: "publica-medium"; color: #01173c;  line-height: 1.3; margin-bottom: 0;}
.innercontainer-right a{ font-size: 13px; font-family: "Roboto"; color: rgb(87, 86, 86); line-height: 1.5; text-align: left; font-weight: 500;margin-bottom: 0px;    text-overflow: ellipsis; white-space: pre-wrap;display: block;overflow: hidden;}
.innercontainer-right .updates a{margin-bottom: 0;text-transform: capitalize;font-family: "circularstd";font-size: 10px;}    
.postinnercontainer img{max-width: 117px;}
.innercontainer-right .updates{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.innercontainer-right .updates > span, .innercontainer-right .updates > a{font-size: 12px; font-family: "circularstd"; color: rgb(4, 2, 1); line-height: 1.2;}
.cardLatestPost.service .card-header .nav-tabs{overflow: hidden;}
 .cardLatestPost.service .card-header .nav-tabs .nav-item{flex: 0 0 100%;max-width: 100%;}
 .service .card-header{background-color: transparent;}
.img-wrap{width: 26% !important;height: 104px !important;background-color: #eff1f6;text-align: center;}
.service .innercontainer-right{width: 74%;}
.core-img{background-image: url('../img/Core-Services.png');width:74px;height: 74px}
.tab-pane:nth-child(2) .core-img{background-position-x: -73px;width: 78px;}
.tab-pane:nth-child(3) .core-img{background-position-x: -151px;width: 71px;}
.tab-pane:nth-child(4) .core-img{background-position-x: -222px;width: 74px;}
.cardLatestPost .card-body{padding: 0;}
.cardLatestPost{border: 0;border-radius: 1rem;overflow: visible;margin-top: 40px;background: transparent;}
.cardLatestPost .card-header .nav-tabs{border-top-left-radius: 10px;border-top-right-radius: 10px;display: flex;justify-content: space-between;
  border-width: 0px; border-color: rgb(238, 191, 76); border-style: solid; background-color: rgba(237, 240, 245, 0.902); box-shadow: 0.14px 3.998px 7.36px 0.64px rgba(60, 60, 60, 0.08);overflow: hidden;

}

.cardLatestPost .card-header .nav-tabs .nav-item{margin-bottom: 0;flex: 0 0 50%;max-width: 50%;line-height: 1.5;    background: #ededed;}
.cardLatestPost .card-header .nav-tabs .nav-item .nav-link{background: #eff1f6;color: #01173c;border-radius: 0;text-align: center;padding: 15px 32px;letter-spacing: 0.5px;border-color: transparent;
  font-size: 23px;font-family: "circularstd";text-transform: capitalize;line-height: 0.8;}
  .cardLatestPost .card-header .nav-tabs .nav-item .nav-link.first{border-top-left-radius: 14px;}
  .cardLatestPost .card-header .nav-tabs .nav-item .nav-link.last{border-top-right-radius: 14px;}
.cardLatestPost .card-header .nav-tabs .nav-item .nav-link.active{background-color: #2571f0;color: #ffffff;    }
.cardLatestPost .card-header .nav-tabs .nav-item .nav-link.last {
    border-top-right-radius: 14px;
}
.development-wrap{display: none;background-color: #F1F6FF; max-width: 100%; margin: 100px auto 100px;border-radius: 10px;}
.development-wrap .core-service-wrap, .core-service-wrap{padding: 80px 20px}


/*new design blog*/
.chapter-list{margin-bottom: 80px;position: absolute; width: 370px; margin-top: 35px; left: 0;   /* transition: top .5s linear;*/}
.chapter-list h2.blog-title{position: absolute;top: -35px}
.chapter{ display: flex; align-items: center; }
/*.chapter:before{position: absolute;width: 14px;background-color: #777777;top:0;bottom: 0;content: '';height: 100%;left: 0}*/
.chapter span{    background-color: #fff;
width: 70px; height: 70px; border-radius: 50%; position: relative; display: flex; align-items: center; justify-content: center; margin-right: 20px;}

/*.chapter span:nth-child(2){width: 85%; white-space: nowrap; text-overflow: ellipsis; background: transparent; position: relative; border-radius: 0; line-height: 50px; display: inline-block; overflow: hidden; vertical-align: middle;height: auto;}*/
/*.chapter:hover, .chapter:active{color: #080808;}*/
/*.chapter:hover:before{background-color: #2571f0}*/
/*h2.blog-title{text-align: center;color: #080808;font-size: 34px;margin-bottom: 25px;line-height: 32px;margin-top: 80px;text-transform: capitalize;}*/
.chapter-bg{background-color: transparent;}
.chapter-bg .content{display: none;/*align-items: center;*/}
/*.chapter-bg .blog-title{color: #fff;margin-top: 0;margin-bottom: 30px;line-height: 38px}*/
.chapter-bg .content p{color: #fff;font-size: 16px; font-family: "circularstd"; line-height: 1.95; text-align: left;}
.chapter-bg .content img{margin-left: 50px;}
h3.sub-heading{color: #4088ff;font-size: 20px;margin: 30px 0 15px;line-height: 24px;}
.development-wrap .core-service-wrap h2{position: relative;display: inline-block;padding-bottom: 10px;}
.development-wrap .core-service-wrap h2:after{position: absolute;content: '';height: 3px;background: #2571F0;right: 0;bottom: 0;width: 71%}

/*NEw changes in table of content*/
.table-wrap h2.blog-title, .chapter-list h2.blog-title{font-size: 20px; line-height: 20px; color: #373640;font-family: "Montserrat";font-weight: 600;margin-bottom: 20px}
.content-right h2.blog-title, h2.blog-title{margin-top: 50px;margin-bottom: 25px;color: #000;font-size: 35px;line-height: 43px;color: black;text-align: left;font-weight: 700;font-family: "Montserrat"}
.content-right h3.sub-heading{font-size: 20px;line-height: 24px;color: #2571F0;font-family: "Montserrat";font-weight: 700}
.table-wrap .chapter-list, .chapter-list{background: #FFFFFF; box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.08); }
.table-wrap .chapter-list .chapter, .chapter{margin-bottom: 0;background-color: transparent;font-size: 13px;line-height: 20px;padding: 5px 25px;font-family: "Montserrat";max-height: initial;color: #373640}
.table-wrap .chapter-list .chapter:first-child{padding: 10px 25px 5px}
/*.table-wrap .chapter-list .chapter:hover, .chapter-list .chapter:hover{background-color: #F1F6FF;color: #2571F0;}*/
/*.table-wrap .chapter-list .chapter:hover span, .chapter-list .chapter:hover span{color: #2571F0}*/
.chapter span i{position: absolute;left: 0;display: none;font-size: 18px;}
/*.chapter-list .chapter:hover span i{display: block;color: #2571F0}*/
.table-wrap .chapter:before, .chapter:before{display: none}
.table-wrap .chapter span, .chapter span{    position: relative; width: auto; overflow: visible; white-space: normal; height: auto; text-overflow: initial; background-color: transparent;color: #000 }
.table-wrap .chapter span:first-child:before, .chapter span:first-child:before{position: absolute;content: "\f061";font: normal normal normal 14px/1 FontAwesome;left: 0;top: 2px;opacity: 0;width: 20px;height: 20px;display: none;}

.table-wrap .chapter:hover span:first-child:before, .chapter:hover span:first-child:before{opacity: 1;color: #2571F0}
/*.table-wrap .chapter:hover span:first-child, .chapter:hover span:first-child{color: transparent;}*/
.table-wrap .chapter span:nth-child(2), .chapter span:nth-child(2){line-height: 22px}
.chapterno{background-color: transparent !important; }
.core-service-wrap h2{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 35px; line-height: 43px; text-transform: capitalize; color: #000000;margin-bottom: 60px}
.about-auth-section{margin-top: 80px}
.auth-infoo{margin-left: 40px;}
.auth-infoo h3{font-family: 'Montserrat'; font-weight: 600; font-size: 22px; line-height: 27px; text-transform: capitalize;color: #000;}
.auth-infoo p{font-family: 'Montserrat'; font-weight: 400; font-size: 18px; line-height: 30px; letter-spacing: -0.01em; color: #000;}
.like-box img{max-height: 175px;text-align: left;}
.like-box{border-radius: 20px 20px 0px 20px;box-shadow:  0px 3px 9px rgba(0, 0, 0, 0.1);    max-width: 400px;margin: 0 auto 15px;border:1.5px solid #ebe4dc;transition: all .2s ease-in-out;height: 100%;cursor: pointer;display: block;}
.like-box:hover{border:1.5px solid #2571F0;}
.like-content{padding: 30px 40px 30px;border-bottom-left-radius: 20px}
.like-content h3{font-family: 'Montserrat'; font-weight: 600; font-size: 24px; line-height: 29px; color: #1A1A1A;}
.like-content p{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px; color: #373640;}
.m-80{margin-bottom: 80px;}
.post-flex .adv-wrapper img{margin: 0 auto 50px;display: block; }

/*ad*/
.first-ad{background: linear-gradient(0deg, #F1F6FF, #F1F6FF), #F7F5F5; box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.05); border-radius: 15px;padding: 40px 30px}
.first-ad p{font-family: 'Inter', sans-serif; font-style: normal; font-weight: 400; font-size: 25px; line-height: 40px;}
.first-ad p a{text-decoration: underline;font-weight: 600 !important}
.second-ad{padding: 40px 53px; background: #1D4FA0; border-radius: 10px;display: flex;justify-content: space-between;align-items: center;}
.right-side{margin-left: 40px;text-align: center;}
.second-ad{font-family: 'Inter', sans-serif;color: #fff }
.post-content .second-ad h3{font-weight: 600; font-size: 25px; line-height: 30px; padding:0 15px 0;padding-bottom: 20px;border-bottom: 1px dashed #FFFFFF;text-align: center;color: #fff;font-family: 'Inter', sans-serif;display: inline-block;}
.second-ad p{margin: 20px 0 15px !important;font-size: 15px !important;line-height: 20px !important;text-align: center;color: #fff}
.second-ad span{font-size: 12px; line-height: 30px;text-align: left;}
.custom-html-widget .second-ad input, .post-content .second-ad input{padding:.375rem .75rem;max-height:35px;background: #FFFFFF;border-radius: 10px;font-family: 'Inter', sans-serif; font-weight: 400; font-size: 12px; line-height: 30px; text-align: center;color: #373640;text-align: left;padding-right: 100px;margin-bottom: 0 !important}
.email-form{position: relative; }
.second-ad .btn{position: absolute;content: '';right: 0;top: 0;bottom: 0;width: 96px !important;border-radius: 0px 10px 10px 0px;background-color: #F08538;font-family: 'Inter', sans-serif; font-weight: 500; font-size: 12px; line-height: 15px; text-align: center;color: #FFFFFF;padding: 5px;height: 100%;text-transform: capitalize;border:1px solid #F08538;max-height: 35px}
.custom-html-widget .second-ad .btn:hover, .post-content .second-ad .btn:hover{background-color: transparent;color: #F08538 !important}
.third-ad{padding: 45px 60px; background: linear-gradient(0deg, #F1F6FF, #F1F6FF), #F7F5F5; box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.05); border-radius: 15px;}
.post-content .third-ad h3{font-family: 'Inter', sans-serif; font-style: normal; font-weight: 600; font-size: 25px; line-height: 30px; text-transform: uppercase;
color: #000000;}
.third-ad p{margin: 10px 0 25px;font-family: 'Inter', sans-serif; font-weight: 500; font-size: 18px; line-height: 27px; color: #373640;}
.third-ad .btn{padding: 10px 25px;background: #2571F0;border:1px solid #2571F0;border-radius: 5px;font-family: 'publica-sans'; font-weight: 400; font-size: 18px; line-height: 18px; color: #FFFFFF;width: max-content}
.third-ad .btn:hover{background-color: transparent;color: #2571F0}
.fourth-ad{padding: 25px 30px 30px; background: linear-gradient(0deg, #1D4FA0, #1D4FA0), #F7F5F5; box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.05); border-radius: 10px;}
.post-content .fourth-ad p{font-family: 'Inter', sans-serif; font-weight: 600; font-size: 32px; line-height: 50px; text-transform: capitalize;
color: #FFFFFF;position: relative;}
.post-content .fourth-ad p a{position: absolute;content: '';bottom: 0;right: 0;padding: 10px 15px;font-family: 'publica-sans';font-weight: 400; font-size: 18px; line-height: 21px; text-transform: capitalize; color: #FFFFFF;background: #F08538; border-radius: 5px;width: max-content;}
.post-content .fourth-ad p a:hover{background: #fff;color: #F08538}

#social:before{top: 33px}
.for-strong-removel h2 strong{
 	font-weight: inherit !important;
}
.for-strong-removel h3 strong{
 	font-weight: inherit !important;
}
.for-strong-removel p strong{
 	font-weight: inherit !important;
}
.for-strong-removel li strong{
 	font-weight: inherit !important;
}

.social-media-btn strong{
	display: flex;
}
.about-auth-section .d-flex strong{
	display: flex;
}
.about-auth-section .d-flex strong img{
	/*width: 100%;*/
}
/*scroll active css*/
html{ overflow-y: scroll !important;
  scroll-behavior: unset !important; }
.list-active span:first-child{ color: transparent; }
.list-active{ background-color: #f1f6ff; color: #2571f0; }
.list-active span i { display : block; color: #2571f0; }

/*.target-reached{
  margin-top: 90px !important;
}*/
/*.active-padding#chapterone{ padding-top: 90px !important; }*/
/*.table-wrap .chapter-list .chapter:hover, .chapter-list .chapter:hover{background-color: #F1F6FF;color: #2571F0;}
.table-wrap .chapter-list .chapter:hover span, .chapter-list .chapter:hover span{color: #2571F0}
.chapter-list .chapter:hover span i{display: block;color: #2571F0}*/


/* author changes css */

.auth-info a{
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
}
.auth-info a:hover{
  color: #417fe7 !important;
}
.author_grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  width: 100%;
  gap: 10px 20px;
}
.diff-auth-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  width: 100%;
  gap: 30px;
}

.auth-diff-img{
  min-width: 120px;
}

/* modal css start here */
.prevent-modal{
  z-index: 9999999 !important;
}
.prevent-modal .modal-dialog{
  max-width: 830px;
  width: 100%;  
}
.prevent-modal .modal-dialog .modal-content{ padding: 70px 30px; border-radius: 15px;
  background: #FFF;  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);}
.prevent-modal .modal-dialog .modal-content h2{
  text-align: center; color: #2571F0; font-family: Montserrat; font-size: 48px; font-style: normal; font-weight: 800; line-height: 55px; text-transform: uppercase;
}
.prevent-modal .modal-dialog .modal-content .modal-p{ color: #323232; text-align: center; font-family: Montserrat; font-size: 22px; font-style: normal; font-weight: 500; line-height: 30px; text-transform: capitalize; max-width: 650px; margin: 0 auto; margin-bottom: 15px;
}
.prevent-modal .modal-dialog .modal-content .modal-dark-text{ color: #323232; text-align: center; font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 800; line-height: 30px; text-transform: capitalize;
}
.modal-dialog .modal-content .core-btn.modal-btn{
  padding: 13px 30px;
  outline: 0 !important;
  background: linear-gradient(0deg, #2571F0 0%, #2571F0 100%), #FFF !important;
  color: #fff !important;
  font-family: Montserrat !important;
  font-size: 13px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: normal !important;
  text-transform: uppercase;
  height: auto !important;
  border-radius: 0 !important;
}
.modal-dialog .modal-content .core-btn.modal-btn:hover{
   background:#fff !important;
   color: #2571F0 !important;
}

/* contact modal css start here */
.contact_Modal{
  z-index: 9999999 !important;
}
.contact_Modal .modal-dialog{
  max-width: 960px;
  width: 100%;  
}
.contact_Modal .modal-dialog .modal-content{ padding: 70px 60px; border-radius: 15px;
  background: linear-gradient(0deg, #F9F9F9 0%, #F9F9F9 100%), #FFF;  
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);}

.contact_Modal .modal-dialog .modal-content h3{
  color: #323232; font-family: Montserrat; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; 
  text-transform: uppercase; text-align: center; margin-bottom: 6px;
}

.contact_Modal .modal-dialog .modal-content p{
  color: #323232; text-align: center; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 500; 
  line-height: 25px; text-transform: capitalize; margin-bottom: 30px;
}
.contact_Modal .modal-dialog .modal-content .modal-flex{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px
}
.contact_Modal .modal-dialog .modal-content .modal-flex .modal-col{
  width: 50%;
  padding: 0 8px !important;
}
.contact_Modal .modal-dialog .modal-content .modal-flex .modal-col .form-group{
  padding: 0 !important;
  margin-bottom: 22px !important;
}
.contact_Modal .modal-dialog .modal-content .modal-flex .modal-col .col-form-label{
  color: #323232; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 500; line-height: 25px;  
  text-transform: capitalize; margin-bottom: 10px;
}
.contact_Modal .modal-dialog .modal-content .modal-flex .modal-col .form-control.form-control-lg{
  border: 1px solid transparent; background: #FFF; box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.05); height: 64px;
  color: #323232 !important; font-family: Montserrat !important; font-size: 16px !important; font-style: normal !important; font-weight: 500 !important; line-height: 25px;
}
.contact_Modal .modal-dialog .modal-content .modal-flex .modal-col .form-control.form-control-lg:focus{
  border: 1px solid #2571F0 !important;
}
.close.modal-close-btn{
  height: auto;
  width: auto;
  position: absolute;
  top: 20px;
  right: 38px;
  outline: 0 !important;
  box-shadow: 0 !important;
}

@media screen and (max-width: 1600px){
  .post-info h1{font-size: 38px;line-height: 48px}
  .post-content h3{font-size: 32px;margin-bottom: 50px;margin-top: 15px}

}
@media screen and (max-width: 1536px){
  .head-wrap{padding: 25px;}
  .head-wrap h2{padding: 15px 15px 10px;margin-bottom: 25px !important}
  .post-wrapper{margin: 95px auto 80px;}
  .post-info h1{font-size: 36px;margin:25px 0;line-height: 46px;}
  .development-wrap{margin: 80px auto;}
  .sign-box, .post-flex .adv-wrapper img{margin: 0 auto 35px !important}

  /*new design blog*/
  .core-service-wrap h2{font-size: 32px;line-height: 40px}
  .content-right h2.blog-title, h2.blog-title{font-size: 32px;line-height: 40px;}
  .post-banner{padding: 80px 55px 85px}
  .chapter-list{margin-bottom: 60px}
  h3.sub-heading{font-size: 20px;margin: 25px 0 10px}
  .like-content {padding: 25px 30px 30px;}
  .like-content h4{font-size: 22px;line-height: 27px}
  .first-ad{padding: 30px;}
  .first-ad p{font-size: 22px;line-height: 36px}
  .second-ad{padding: 30px 40px;}
  .third-ad{padding: 35px 40px;}
  .post-wrapper{ padding: 0 20px; }
 
}
@media screen and (max-width: 1480px){
  .chapter-list{width: 300px;}
    .post-flex .post-content{width: calc(100% - 350px);padding-left: 330px}
    .post-flex .adv-wrapper{width: 320px}
  }
@media screen and (max-width: 1400px){
    .second-ad{padding: 20px 30px;flex-wrap: wrap;}
    .second-ad img{margin: 0 auto 15px;}
    .right-side{margin: 0 auto}
    .sign-box{padding: 20px}
    .sign-box #form3{margin-top: 20px}
    .sign-box, .post-flex .adv-wrapper img{margin: 0 auto 20px !important}
    }
@media screen and (max-width: 1366px){
  .post-content .fourth-ad p{font-size: 28px;}
  
  
}
@media screen and (max-width: 1280px){
  .post-info h1{margin: 15px 0;font-size: 30px;line-height: 32px}
    .consult-box{padding: 30px;margin: 45px 0 0;}
    .consult-box p{margin: 15px 0 30px;}
    .consult-box h4, .faq-chat > h4{font-size: 28px;}

    /*new design blog*/
    .post-banner {padding: 60px 40px 65px;}
    h3.sub-heading{font-size: 18px;margin: 20px 0 10px !important}
    .like-content {padding: 20px 20px 20px;}
    .post-content .fourth-ad p{font-size: 24px;line-height: 34px;}
    .post-content .fourth-ad p a{position: relative;margin-top: 15px;padding: 8px 10px;}
    /*.post-flex .post-content{width: 68.5%}*/
    


}
@media screen and (max-width: 1199px){
    .post-flex .post-content{width: calc(100% - 320px);padding-left: 320px;}
    .post-flex .adv-wrapper, .chapter-list{width: 300px}

}
@media screen and (max-width: 1024px){
  .head-wrap h2{margin-bottom: 20px !important}
  .post-content-wrapper{padding: 0 1.5rem;/*width: 98.2%*/}
  .post-wrapper{margin: 95px auto 60px;}
  .post-info{padding-top: 0px;}
    .post-content h3, .post-content h2{margin-bottom: 20px;font-size: 30px;}
    .consult-box{padding: 20px;}
    .consult-box p{margin: 15px 0 20px;}
    .development-wrap{margin: 60px auto;}

    /*new design blog*/
    .content-right{width: calc(100% - 305px)}
    .post-flex .post-content-section{width: calc(100% - 320px)}
    .table-wrap .chapter-list .chapter{padding: 10px 18px;font-size: 14px;line-height: 18px;}
    .popular{margin: 60px 0 0}
    .development-wrap .core-service-wrap, .core-service-wrap{padding: 60px 20px}
    .content-right h2.blog-titlem, h2.blog-title{font-size: 28px;line-height: 38px;margin-top: 35px}
    .core-service-wrap h2{font-size: 30px;line-height: 38px;margin-bottom: 35px}
    .chapter-list{margin-bottom: 40px}
    h3.sub-heading{font-size: 18px;}
    /*.chapter-bg .blog-title{margin-bottom: 20px;line-height: 32px}*/
    .first-ad{padding: 20px;}
    .first-ad p{font-size: 20px;line-height: 32px}
    

    .post-content .second-ad h3{font-size: 22px;padding-bottom: 15px}
    .third-ad{padding: 25px 30px;}
    .post-content .third-ad h3{font-size: 22px;line-height: 28px;}
    .fourth-ad{padding: 20px 25px 20px}
    .adv-wrapper{max-width: 370px;margin: 0 auto}
    
    /* modal css start */
    .contact_Modal .modal-dialog{
      max-width: 100% !important;
    }
    .prevent-modal .modal-dialog{
      max-width: 100% !important;
    }
} 
@media screen and (max-width: 1023px){
  .post-flex{flex-wrap: wrap;flex-direction: column;}
  .post-flex .post-content{width: 100%}
  .post-flex .post-content-section{width: 100%;}
  .post-flex .post-content-section .table-wrap{width: 300px}
  .content-right{width: calc(100% - 320px)}
  .post-flex .post-content-section, .post-flex .adv-wrapper {width: 100%;}
  .post-flex .post-content{padding-left: 0}
  .chapter-list{width: 100%;}

  .about-auth-section .d-flex strong{
	display: block;
  }
  .about-auth-section .d-flex strong img{
	width: 100px !important; margin: 0 auto !important; display: flex;
  }
}
@media screen and (max-width: 991px){
  .post-banner{margin: 0}
}
@media screen and (max-width: 959px){
  .post-flex .post-content, .post-flex .post-content-section, .post-flex .adv-wrapper {width: 100%;}
  .post-flex.adv-wrapper{margin: 50px auto 70px}
  /*.chapter-list{width: 300px;}*/
  /*.post-flex .post-content{padding-left: 325px}*/
}
@media screen and (max-height: 900px){
  .sub-listing{height: 41vh;}
}
@media screen and (max-height: 800px){
  .sub-listing{height: 34vh;}
}
@media screen and (max-width: 768px){
  .post-banner {padding: 30px 10px 40px;}
  .post-wrapper {margin: 80px auto 40px; }
  .post-content-wrapper {padding: 1rem; }
  .chapter-list {margin-bottom: 25px; }
  .development-wrap{margin: 45px auto;}
  .sign-box #form3{margin-top: 20px}
  .service .postinnercontainer{flex-direction: column;}
  .img-wrap, .service .innercontainer-right{width: 100% !important}
  .service .innercontainer-right{padding: 10px;}
  .innercontainer-right p{margin-bottom: 0}
  .sub-listing{height: auto;}
  .post-info{padding-left: 0}
  .m-80{margin-bottom: 50px}
  .about-auth-section{margin-top: 40px;}
    .popular-listing{justify-content: flex-start;}
  .sign-box h5{font-size: 24px;line-height: 30px;}
  .tabs-list a{font-size: 16px}
    .consult-box h4, .faq-chat > h4{font-size: 26px;}
    .share-btn-elements{flex-wrap: wrap;}
    .share-btn-elements a{margin: 0 20px 10px}
    .content-right h2.blog-title, h2.blog-title{margin-top: 40px;margin-bottom: 20px;font-size: 24px;line-height: 32px;}
    .post-content p{margin-bottom: 25px}
    .development-wrap .core-service-wrap, .core-service-wrap{padding: 45px 20px}
    textarea.form-control{height: auto !important}
    .popular{margin: 45px 0 0}
    .auth-infoo{margin-left: 25px}
    .auth-infoo h3{font-size: 20px;}
    .auth-infoo p{font-size: 16px;line-height: 28px}
    .like-content h4{font-size: 18px;line-height: 22px}
    .like-content p{font-size: 16px;line-height: 26px}
    .post-flex .post-content, .post-flex .post-content-section{flex-wrap: wrap;}
    .content-right, .post-flex .post-content-section .table-wrap{width: 100%}
    .post-content p{font-size: 16px;line-height: 26px;}
    .post-content .second-ad h3{padding-bottom: 10px}
    .second-ad{padding: 20px}
    .third-ad{padding: 25px 25px;}
    .fourth-ad{padding: 20px;}
    .post-content .fourth-ad p{font-size: 22px;line-height: 30px;}
    .post-content .fourth-ad p a{font-size: 16px;line-height: 18px;}
    .latest-box-right{padding: 20px 25px 25px 25px;}
    .latest-box-right p{font-size: 20px;line-height: 26px;margin: 20px 0 5px}
    .post-flex .post-content{padding-left: 0;}
    .chapter-list{width: 100%;position: relative;}

    /* modal css here */
    .contact_Modal .modal-dialog .modal-content .modal-flex .modal-col{
      width: 100% !important;
    }
}
@media only screen and (max-device-width: 767px) and (min-device-width: 320px) and (orientation: portrait){
.navigation-section.headerNav.bg-headerNav>.menu-my-menu-container>ul li ul.sub-menu {max-height: inherit;}
}
   
@media screen and (max-width: 767px){
  .navigation-section.headerNav.bg-headerNav .menu-my-menu-container ul li ul.sub-menu li{border-bottom: none;}
  /*.chapter-bg .blog-title{font-size: 24px;line-height: 28px;margin-bottom: 15px;}*/
  .chapter-bg .content p, .post-content p, .list-content ul li, .list-content ol li{font-size: 16px;line-height: 30px;}
  .third-ad p{line-height: 24px}
  .post-content p{margin-bottom: 15px}
}
@media screen and (max-width: 600px){
  #progress{top: 60px !important}
  .latest-box{flex-direction: column;}
  .latest-box > div{width: 100%}
}

@media screen and (max-width: 550px){
  .post-wrapper {margin: 60px auto 20px;}
  .about-auth-section .d-flex{flex-wrap: wrap;}
  .about-auth-section img{margin: 0 auto 20px;}
  .auth-infoo{margin-left: 0}
  .latest-box-right p{font-size: 18px;line-height: 24px;}
  .latest-box-right a{font-size: 16px;line-height: 18px;padding-bottom: 4px;}
  .share-btn-elements a{margin: 0 10px 10px}
  .table-wrap .chapter-list .chapter, .chapter{padding: 5px 15px}
  .g-recaptcha{overflow-x: inherit !important;}
  #description{height: 90px !important}
  .form-group input, textarea.form-control{padding: 8px 15px}
 
}