/*--------------------------------------
Page : Blog Page 
Project Name: Glorywebs
Project URL: https://www.glorywebs.com/
Version: 1.0
Description: Bootstrap5, HTML5, CSS3 and Fully Responsive Website.
Author: Glorywebs Team
--------------------------------------*/
.section-title {font-size: 50px; font-weight: 900; line-height: 1.3; color: #1D1D1D;letter-spacing: -0.3px;margin-bottom: 20px;}
.section-sub-title {font-size: 24px; font-weight: 400; line-height: 1.5; color: #1D1D1D; margin-bottom: 25px;}
.section-link {font-size: 24px; font-weight: 500; line-height: 1.5; color: #0078CE; font-family: 'Inter', sans-serif; margin-top: 45px; display: inline-block;}
.section-link:hover {color: #EF5022;}
.section-link svg line {-webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}
.loadmores:hover svg line {stroke: #EF5022;}
svg {max-width: 100%; height: auto; width: auto;}

.header-space { background: rgb(249 249 249);}

/***** Banner Start *****/
.banner-sec h1 {font-size: 107px; line-height: 1; font-weight: 500; color: #ffffff; margin-bottom: 40px;}
.banner-sec p {font-size: 25px; line-height: 1.1; font-weight: 400; color: #ffffff; margin-bottom: 30px;}
.banner-sec p a {color:#ffffff; text-decoration: underline;}
.banner-sec p a:hover, .banner-sec p a:focus {color:#EF5022;}
.banner-sec .search-form-wrp {}
.banner-sec {background-image: url(../img/banner-bg.jpg); padding: 55px 0 70px; position: relative; overflow: hidden; background-size: cover;}
.banner-sec .search-form-wrp .asl_w_container #ajaxsearchlite1 {background: transparent !important;}
.banner-sec .search-form-wrp .asl_w_container #ajaxsearchlite1 .probox {max-width: 607px !important; margin: 0 auto !important; background: transparent !important; height: 65px; position: relative;}
.banner-sec #ajaxsearchlite1 .probox .proinput, div.asl_w .probox .proinput {padding: 0; margin: 0;}
.banner-sec div.asl_w .probox .promagnifier {height: 65px; width: 50px; background: #EF5022; border: #EF5022;}
.banner-sec .input-group {background-color: #fff;}
.banner-sec .search-form-wrp .asl_w_container #ajaxsearchlite1 .probox .proinput input {font-size: 18px; color: #727272 !important; border-radius: 0; border: 0; display: block; width: 100% !important; height: 65px; background-color: #fff !important; padding-left: 20px !important; padding-right: 20px !important;}
.banner-sec .search-form-wrp .asl_w_container #ajaxsearchlite1 .probox .proinput input::-ms-input-placeholder {color: #727272 !important;}
.banner-sec .search-form-wrp .asl_w_container #ajaxsearchlite1 .probox .proinput input::placeholder {color: #727272 !important;}
.banner-sec .btn-primary svg {margin-left: 10px}
.banner-sec .btn-primary {font-size: 18px; font-weight: 500; line-height: 1; color: #fff; border: 2px solid #EF5022; background-color: #EF5022; padding: 20px 20px; border-radius: 5px; display: inline-block; box-shadow: 0px 3px 6px 0px rgb(167 167 167 / 30%); margin: 4px 2px; border-radius: 0; text-transform: uppercase;}
.banner-sec .btn-primary:hover, .banner-sec .btn-primary:focus {background-color: transparent; border-color: #EF5022; color: #EF5022;}
.banner-sec .btn-primary:hover path, .banner-sec .btn-primary:focus path {stroke: #EF5022;}

body div.asl_m .probox .proclose {width: 40px; height: 65px;}
body div.asl_r.vertical {max-width: 607px !important; margin: 0 auto !important; background-color: #EF5022; left: 50% !important; transform: translateX(-50%) !important;}

.single .banner-sec h1 {margin-bottom: 20px !important;}
.single .banner-sec .author-avatar {width: 50px; height: 50px; border-radius: 50px; overflow: hidden; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); display: inline-block;}
.single .banner-sec .author-avatar img {width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.single .banner-sec .author-details a {color:#fff; font-size:18px; font-weight:500;}

/***** Banner End *****/

/***** Breadcrumb Start *****/
.breadcrumb-sec {padding: 26px 0 0;}
.breadcrumb-sec .breadcrumb-item, .breadcrumb-sec .breadcrumb-item a {font-size: 18px; font-weight: 400; line-height: 1; color: #696969;}
.breadcrumb-sec .breadcrumb-item a:hover, 
.breadcrumb-sec .breadcrumb-item a:focus {color: #EF5022;}
.breadcrumb-sec .breadcrumb-item.active {color: #EF5022;}
/***** Breadcrumb End *****/

/***** Blog List Filter Start *****/
.blog-list-sec {padding: 50px 0 77px;}
.blog-list-sec .search-by-text {font-size: 18px; font-weight: 400; line-height: 1.6; color: #696969; margin-right: 15px;}
.blog-list-sec .tabs {font-size: 0; padding: 0; margin: 0; display: block;}
.blog-list-sec .tabs li {display: inline-block;}
.blog-list-sec .tabs li a {background-color: transparent; font-size: 18px; line-height: 21px; color: #EF5022; border: 1px solid #EF5022; padding: 15px; text-transform: uppercase; margin-left: -1px; display: inline-block;}
.blog-list-sec .tabs li.active a {background-color: #EF5022; color: #ffffff;}

.blog-list-sec .blog-list-item {background-color: #F9F9F9; border: 1px solid #DBDBDB; margin-bottom: 26px; height: calc(100% - 26px); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms;}
.blog-list-sec .blog-list-item:hover, .blog-list-sec .blog-list-item:focus {background-color: #ffffff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.blog-list-sec .blog-list-item-img {height: 210px; background-color: #f1f1f1; overflow: hidden;}
/*.blog-list-sec .blog-list-item-img img {top: 50%; position: relative; transform: translate(-50%, -50%); left: 50%;}*/
.blog-list-sec .blog-list-contant-wrap {padding: 21px 25px 31px;}

.blog-list-sec .blog-list-author {position: relative;}
/*.blog-list-sec .blog-list-author .blog-list-author-inner {position: absolute; left: 50%; transform: translateX(-50%); top: 0; z-index:3;}*/
.blog-list-sec .blog-list-author .author-avatar {width: 40px; height: 40px; border-radius: 50px; overflow: hidden; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); display: inline-block;}
.blog-list-sec .blog-list-author .author-avatar img {width: 100%; height: 100%; object-fit: cover;object-position: center center;}
.blog-list-sec .blog-list-author .author-name {font-size: 16px; font-weight: 500; line-height: 1.1; color: #1D1D1D;}
.blog-list-sec .blog-list-title {font-size: 18px; font-weight: 500; line-height: 1.67; color: #1D1D1D; display: inline-block; margin-bottom: 10px;}
.blog-list-sec a:hover .blog-list-title {color: #EF5022;}

.blog-list-sec .blog-list-public-date {font-size: 18px; font-weight: 400; line-height: 1.67; color: #EF5022; margin-bottom: 15px;}
.blog-list-sec .blog-list-cat {font-size: 0; margin-bottom: 12px;}
.blog-list-sec .blog-list-cat-item {font-size: 14px; line-height: 1; color: #ffffff; background-color: #EF5022; margin-right: 2px; margin-top: 2px; display: inline-block; padding: 5px 10px; }


.blog-list-sec .pagination-wrap {margin-top: 24px;}
.blog-list-sec .page-numbers {font-size: 18px; font-weight: 500; color: #696969; border: 1px solid transparent; margin: 0 5px; padding: 7px 12px; display: inline-block;}
.blog-list-sec .page-numbers.current {border-color: #EF5022; color: #EF5022;}

.blog-list-sec .page-numbers.next, 
.blog-list-sec .page-numbers.prev {color: #EF5022; border-color: #EF5022;}
.blog-list-sec .page-numbers.next:hover, 
.blog-list-sec .page-numbers.prev:hover, 
.blog-list-sec .page-numbers.next:focus, 
.blog-list-sec .page-numbers.prev:focus {color: #ffffff; background-color: #EF5022;}
/***** Blog List Filter End *****/

/***** Connect with Experts Start *****/
.connect-with-experts {padding-top: 70px; padding-bottom: 80px; background-image: url(../img/form-bg.svg); background-size: cover; background-position: center center;}
.connect-with-experts .section-title {font-size: 36px; font-weight: 500; color: #ffffff; margin-bottom: 24px;}
.connect-with-experts .section-sub-title {font-size: 18px; font-weight: 400; line-height: 1.67; color: #fff; margin-bottom: 48px;}

.connect-with-experts form p {margin: 0;}
.connect-with-experts form label {width: 100%; position: relative;}
.connect-with-experts form label svg {position: absolute; top: 18px; left: 26px;}
.connect-with-experts input, .connect-with-experts textarea {padding-right: 26px; padding-left: 55px; padding-top: 13px; padding-bottom: 13px; margin-bottom: 20px; color: #9C9C9C; font-size: 18px; outline: none !important; box-shadow: none !important; border: 1px solid #ffffff; background-color: #ffffff; width: 100%;}
.connect-with-experts input:focus, .connect-with-experts textarea:focus {border-color: #EF5022;}
.connect-with-experts input.wpcf7-not-valid {border-color: #EF5022;}
.connect-with-experts textarea {height: 120px; resize: none; width: 100%;}
.connect-with-experts input[type="submit"] {padding-top: 1rem; padding-bottom: 1rem; padding-left: 1.25rem; padding-right: 1.25rem; font-size: 1.125rem; font-weight: 500; text-transform: uppercase; line-height: 1.25; border: 1px solid #ffffff; background-color: transparent; color: #ffffff; max-width: 195px; margin-bottom: 0;}
.wpcf7 form .wpcf7-response-output {color: #fff; padding: 10px 20px; font-size: 18px;}
.connect-with-experts .wpcf7 {max-width: 1020px; margin: 0 auto;}


/***** Connect with Experts End *****/
.related-blog-sec {padding: 60px 0 68px;}
.related-blog-sec {background-color: #f9f9f9;}
.related-blog-sec .section-title {font-size: 36px; font-weight: 500; color: #1D1D1D; margin-bottom: 40px;}
.related-blog-sec .btn-primary {font-size: 1.125rem; font-weight: 500; text-transform: uppercase; line-height: 1.25; padding-top: 1rem; padding-bottom: 1rem; padding-left: 1.25rem; padding-right: 1.25rem; display: inline-block; background-color: transparent;color: #EF5022; border: 1px solid #EF5022; box-shadow: none !important; margin-top: 10px;}
.related-blog-sec .btn-primary:hover, .related-blog-sec .btn-primary:focus {background-color: #EF5022; color: #fff;}
.related-blog-sec .btn-primary svg {margin-right: 5px;}
.related-blog-sec .btn-primary:hover svg, .related-blog-sec .btn-primary:focus svg {stroke: #EF5022;}


@media only screen and (max-width: 1199px) {}
@media only screen and (max-width: 1024px) {}
@media only screen and (max-width: 991px) {
	.connect-with-experts {padding-top: 2.5rem; padding-bottom: 2.5rem;}
	.connect-with-experts .section-title {font-size: 28px; margin-bottom: 10px;}
	.related-blog-sec .section-title {font-size: 28px; margin-bottom: 10px;}
	.connect-with-experts .section-sub-title {margin-bottom: 28px;}
}
@media only screen and (max-width: 767px) {}
@media only screen and (max-width: 575px) {
	.single .banner-sec h1 {font-size: 32px;}
	.banner-sec h1 {font-size: 50px; margin-bottom: 24px;}
    .blog-list-sec {padding: 5px 0 50px;}
    .blog-list-sec .page-numbers {font-size: 16px; margin: 0 2px; padding: 6px 10px;}
    .blog-list-sec .pagination-wrap {margin-top: 14px;}
    .blog-list-sec .tabs-container .d-flex {margin-bottom:2rem !important;}
    .blog-list-sec .tabs-container .blog-list-author-inner.d-flex {display:flex !important;margin-bottom:0 !important;}
    .blog-list-sec .tabs li a {padding: 10px; font-size: 18px; white-space: nowrap; text-align: center; margin-top: -1px;}
}
@media only screen and (max-width: 480px) {
    .blog-list-sec .tabs li {width: 50%;}
    .blog-list-sec .tabs li a {padding: 10px; font-size: 16px; width: 100%; white-space: nowrap; text-align: center; margin-top: -1px;overflow: hidden;}
}

/* Banner CSS */
.banner-sec .category-name span {text-align: center; background: #EF5022; border: 2px solid #EF5022; padding: 5px 10px; font-weight: 500; font-size: 16px; line-height: 21px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 30px; text-align: center; display: inline-block; }
.banner-sec .date-update {font-weight: 400; font-size: 18px; line-height: 30px; color: #FFFFFF; margin-bottom: 0; margin-top: 10px; }

/* Breadcrumbs CSS */
.breadcrumbs-section {padding: 20px 0 50px;}
.breadcrumbs-section .links-wrap, .breadcrumbs-section .links-wrap span {color: #EF5022;font-weight: 400; font-size: 18px; line-height: 30px;}
.breadcrumbs-section .links-wrap span {color: #696969; margin: 0 5px;}
.breadcrumbs-section .links-wrap a {color: #696969; }
.breadcrumbs-section .links-wrap a:hover {color: #EF5022;}

/* Sidebar CSS */
#sidebar {max-width: 342px; margin-left: auto; }
#sidebar .widget_block {height:100%;}
#sidebar .sidebar-wrap {position: sticky; top: 7rem;}
/*#sidebar .inquiry-form-box {position: sticky; top: 7rem;}*/
/*#sidebar .inquiry-box {background: #F8F8F8; border: 2px solid #B3B3B3; padding: 25px;margin-bottom: 20px; }*/
#sidebar .inquiry-box h3 {font-weight: 500; font-size: 24px; line-height: 36px; color: #1D1D1D; margin-bottom: 20px; }
#sidebar .inquiry-box p {font-weight: 400; font-size: 18px; line-height: 30px; color: #696969; margin-bottom: 25px; }
#sidebar .inquire-now-btn{font-weight: 500; font-size: 18px; line-height: 21px; text-transform: uppercase; color: #EF5022; display: flex; align-items: center; }
#sidebar .inquire-now-btn svg {margin-left: 10px; }

#sidebar .social-icons {margin: 0 0 30px;}
#sidebar .social-icons ul {list-style: none; display: flex; justify-content: center; align-items: center; margin: 0; padding: 0; }
#sidebar .social-icons ul li {margin-right: 10px; }

/*#sidebar .inquiry-form-box {background: #FFFFFF; border: 1px solid #E7E7E7; }*/
#sidebar .inquiry-form-box .form-title {font-weight: 500; font-size: 24px; line-height: 36px; color: #1D1D1D; margin-bottom: 20px; display:none;}
/*#sidebar .inquiry-form-box .form-wrap {padding: 10px 20px 20px; }*/
#sidebar .inquiry-form-box .form-wrap h4 {font-weight: 400; font-size: 18px; line-height: 30px; color: #696969; margin-bottom: 15px; }
#sidebar form p {margin-bottom: 0;}
#sidebar form input, #sidebar form textarea {max-width: 100%; background: #F8F8F8; border: 2px solid #B3B3B3; padding: 10px 15px; font-weight: 400; font-size: 16px; line-height: 21px; color: #9C9C9C; margin-bottom: 10px; outline: none; }
#sidebar form input.wpcf7-not-valid {border-color:red;}
#sidebar form textarea {resize: none; height: 45px; overflow: auto; }
#sidebar form .btn-primary {background: #EF5022; border: 1px solid #EF5022; border-radius: 0px; padding: 10px 15px; font-weight: 500; font-size: 16px; line-height: 21px; text-transform: uppercase; color: #FFFFFF; outline: none; box-shadow: none; transition: all ease-in-out 0.4s; display: flex; align-items: center; margin-left: auto; }
#sidebar form .btn-primary:hover {background: transparent; color: #EF5022; }
#sidebar form .btn-primary:hover svg path {stroke: #EF5022; }
#sidebar form .btn-primary svg {margin-left: 10px; }

#sidebar .sidebar-wrap {background: #FFFFFF; border: 1px solid #E7E7E7; padding: 25px;}

.wpcf7-response-output {color: #1D1D1D !important; margin: 20px 0 0 !important; }

@media only screen and (max-width: 991px) {
    #sidebar .inquiry-box {padding: 15px; }
    #sidebar .inquiry-box h3 {font-size: 20px; line-height: 1.3; margin-bottom: 10px; }
    #sidebar .inquiry-box p {font-size: 16px; line-height: 1.3; margin-bottom: 20px; }
    #sidebar .inquire-now-btn {font-size: 16px; line-height: 1.2;}
    #sidebar .inquiry-form-box .form-title {font-size: 20px; line-height: 1.3; padding: 15px;} 
    #sidebar .inquiry-form-box .form-wrap {padding: 10px;}
    #sidebar .inquiry-form-box .form-wrap h4 {font-size: 16px; line-height: 1.3; padding: 10px;}
    #sidebar form input, #sidebar form textarea {font-size: 14px; line-height: 1.2; padding: 10px 15px; width:100%;}
    #sidebar form .btn-primary {padding: 10px; font-size: 16px; line-height: 1;}
}
@media only screen and (max-width: 767px) {
    .main-section .blog-singlepage-sec {padding-bottom:0 !important;}
    #sidebar {max-width:100%;}
    .post-template-default .main-section {padding-bottom: 0;}
}