/*
Theme Name: Makro Child
Theme URI: https://droitthemes.com/wp/makro/
Template: makro
Author URI: https://themeforest.net/user/droitthemes
Description: Makro is a creative WordPress theme for saas, software, startup, mobile app, agency and related products & services. Makro is loaded with tons of features, elements & blocks, options that give its users real flexibility to create a dynamic, professional website in no time.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: makro-child
*/

/*!*CUSTOME FONTS*!*/
/*@font-face {*/
/*    font-family: "Poppins-Light";*/
/*    src: url("./fonts/Poppins-Light.ttf");*/
/*}*/
/*@font-face {*/
/*    font-family: "Poppins-ExtraLight";*/
/*    src: url("./fonts/Poppins-ExtraLight.ttf");*/
/*}*/
/*@font-face {*/
/*    font-family: "Poppins-Regular";*/
/*    src: url("./fonts/Poppins-Regular.ttf");*/
/*}*/
/*@font-face {*/
/*    font-family: "Poppins-Medium";*/
/*    src: url("./fonts/Poppins-Medium.ttf");*/
/*}*/
/*@font-face {*/
/*    font-family: "Poppins-SemiBold";*/
/*    src: url("./fonts/Poppins-SemiBold.ttf");*/
/*}*/
/*@font-face {*/
/*    font-family: "Poppins-Bold";*/
/*    src: url("./fonts/Poppins-Bold.ttf");*/
/*}*/

.hello--bar {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 10px 0px 10px 0px;
    z-index: 99;
    background-color: #0c1e4f;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
}
.hello--bar .container {
display: block;
text-align: center;
width: 100%;
}
/* .hello--bar .container {
    max-width: 1240px;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    align-items: center;
} */
.hello--bar p {
    line-height: 1;
    font-family: "Poppins", Sans-serif;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
}

@media screen and (max-width: 500px) { 
    .hello--bar p {
        line-height: 1.3;
    }
    .hello--bar .container {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
body, a, button, .makro_section_title .c_slide_in span, .section_title .c_slide_in span, h1, h2, h3, h4, h5, h6, strong, small, label{ font-family: 'Poppins', sans-serif!important;}
.btn{ font-family: 'Poppins' !important; font-weight: 500 !important;}
#blogContents ul li a{color:#4345d0!important;font-family:'Sofia Pro';font-size:17px}
#blogContents ul li a:hover{text-decoration:underline}#blogContents{padding:6px 30px}
#blogContents .title.open:after{content:"\002B";color:#3c4858;font:normal normal normal 24px/1 FontAwesome;position:absolute;left:0;top:18%;font-weight:900;font-size:35px}
#blogContents .title.close:after{content:"\2212";color:#3c4858;font:normal normal normal 24px/1 FontAwesome;position:absolute;left:0;top:22%;font-weight:900;font-size:35px}
#blogContents .title{color:#3c4858!important;font-size:24px;font-weight:600;padding:10px 25px 8px 40px;text-align:left;display:block;position:relative;text-decoration:none!important;margin-bottom:20px;cursor:pointer;border-bottom:1px solid #e5e5e5;float:none!important;padding-bottom:20px}
#blogContents ul{color:#3c4858;font-size:18px;line-height:26px;padding-left:0;margin:0 0 1.5em 2em!important}
#blogContents ul li{font-size:18px;color:#3c4858;font-weight:500;padding:4px 10px;position:relative;list-style-type:decimal;color:#4345d0}
.single_post_info ul li a span.elementor-post-info__item{color:#5e2ced}
.single_post_info ul li a span.elementor-post-info__item:hover{text-decoration:underline}
.single_post_info ul li a span.elementor-post-info__item--type-date{font-size:14px;font-weight:300}
.loader{border:10px solid #f3f3f3;border-radius:50%;border-top:10px solid #411ea4;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;display:block;margin:auto}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}
@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.blog_btn_active{background-color:#5e2ced!important;color:#fff!important}
#blog_archive_sec .blog_cat ul li{border:1px solid #5e2ced;border-radius:50px;padding:5px 25px;line-height:20px;margin-bottom:19px;background-color:#fff;color:#5e2ced;cursor:pointer;font-size:15px;transition:.5s ease all;padding-bottom:7px;font-weight:500;}
#blog_archive_sec .blog_cat ul li:hover{background-color:#5e2ced;color:#fff}
.blog_section .blog_item a{width:100%}
.blog_section .blog_item .blog_box{box-shadow:0 0 20px 0 rgb(0 0 0 / 7%);border-radius:15px;overflow:hidden;border:1px solid #eaeaec;transition:.5s ease all}
.blog_section .blog_item .item:hover .blog_box{box-shadow:0 0 20px 0 rgb(0 0 0 / 30%)}
.blog_section .blog_item .blog_box .blog_title{padding:0 20px}
.blog_section .blog_item .blog_box .blog_thumbnail{position:relative}
.blog_section .blog_item .blog_box .blog_term{position:absolute;top:15px;right:30px;background:#553021;border-radius:50px;padding:0 10px;padding-bottom:3px}
.blog_section .blog_item .blog_box .blog_term span{color:#fff;font-size:11px;position:relative;margin-right:6px;letter-spacing:1px;font-weight:500;}
.blog_section .blog_item .blog_box .blog_term span:nth-last-child(1){margin-right:0}
.blog_section .blog_item .blog_box .blog_term span::before{content:',';position:absolute;right:-6px;font-size:15px}
.blog_section .blog_item .blog_box .blog_term span:nth-last-child(1)::before{content:',';position:absolute;right:-6px;font-size:15px;display:none}
.blog_section .blog_item .blog_box .blog_title h3{color:#051441;font-size:20px;font-weight:600;line-height:28px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;padding-bottom:6px}
.blog_section .blog_item .blog_box .blog_content{padding:0 20px;margin-bottom:30px}
.blog_section .blog_item .blog_box .blog_content p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4; -webkit-box-orient:vertical;font-size:15px;line-height:23px;color:#6a7c92;font-weight:500;}
.blog_section .blog_item .blog_box .blog_meta{border-top:1px solid #f6f6f6;padding:7px 0;padding-bottom:10px}
.blog_section .blog_item .blog_box .blog_meta ul{margin:0;padding:0;list-style:none}
.blog_section .blog_item .blog_box .blog_meta ul li span{padding-left:20px;color:#5e2ced;font-weight:700;font-size:14px}
.blog_item .item:hover .blog_title h3{color:#5e2ced}
.blog_item .item:hover .blog_content p{color:#6a7c92}
div#load-more{text-align:center;display:block;margin:auto;width:16%;border:1px solid #7e56f0;border-radius:50px;padding:5px 30px;color:#fff;font-weight:600;padding-bottom:7px;position:relative;overflow:hidden;cursor:pointer}
div#load-more:hover{color:#5e2ced}
div#load-more:before{top:0;left:0;right:auto;bottom:0;content:"";z-index:-1;width:100%;position:absolute;-webkit-transition:width .3s linear;-o-transition:width .3s linear;transition:width .3s linear;background-color:#5e2ced}
div#load-more:hover:before{left:auto;width:0;right:0}
/*@media only screen and (max-width: 766px) {
section.no-show--bar {display: none!important;}
}*/
form.wc-block-components-form.wc-block-checkout__form .wc-block-components-text-input.wc-block-components-address-form__company label[for=billing-company]:after{
    content: none;
}
form.wc-block-components-form.wc-block-checkout__form button.wc-block-components-checkout-place-order-button{
    border: 1px solid #7e56f0;
    border-radius: 50px;
    padding: 3px 50px;
    color: #fff;
    background-color: #5e2ced;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
}
form.wc-block-components-form.wc-block-checkout__form button.wc-block-components-checkout-place-order-button:hover{
    background-color: transparent;
    color: #5e2ced;
}
form.wc-block-components-form.wc-block-checkout__form span.wc-block-components-checkout-step__heading-content a,
form.wc-block-components-form.wc-block-checkout__form .wc-block-checkout__terms span a{
    font-size: 14px;
    text-decoration: underline;
    color: #4154f1;
    font-weight: 600;
}