/* ============= comman ======================== */
:root {
    /* --primary: #fbd107;
    --secondary: #000; */

    --primary: #F15836;
    --secondary: #1F54A0 ;
    --third-color: #ffffff;
    --header-color: #ffffff;
}


body, html{
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
}

/* ------- text  */
.main-p{
    /* color: #7a7a7a; */
    color: #565656;
    font-size: 15px;
}
.dark-p{
    /* color: #7a7a7a; */
    color: #565656;
    font-size: 15px;
}
.text-p{
    font-size: 15px;
    line-height: 1.3;
}





/* ------------ Colors */
*:focus {
    outline:none;
}

.primary-color{
    color: var(--primary);
}
.secondary-color{
    color: var(--secondary);
}
.third-color{
    color: var(--third-color);
}


.primary-bg{
    background-color: var(--primary);
}

.secondary-bg{
    background-color: var(--secondary);
}
.third-bg{
    background-color: var(--third-color);
}

/* ------- Buttons */
.Button-one{
    background-color: var(--secondary);
    
    font-size: 13px;
    padding: 8px 15px;
    border-radius: 4px;
    font-weight: 500;
    transition: all 200ms ease-in;
    color: #fff;
}
.Button-one:hover{
    background-color: var(--primary);
    color: var(--third-color);
}

.Button-two{
    color: var(--third-color);
    font-size: 16px;
    padding: 8px 22px;
    border-radius: 4px;
    box-shadow: 5px 0px 10px -1px rgba(0,0,0,0.5);
    transition: all 200ms ease-in;
}
.Button-two:hover{
    color: var(--third-color);
    translate: -5px -5px;
}

.Button-three{
    color: var(--third-color);
    background-color: var(--secondary);
    font-size: 16px;
    padding: 10px 30px;
    border-radius: 4px;
    transition: all 200ms ease-in;
}
.Button-three:hover{
    translate: -5px -5px;
    color: var(--third-color);
}

.Button-four{
    color: var(--third-color);
    font-weight: 600;
    background-color: var(--primary);
    padding: 15px 30px 15px 30px;
    transition: all 200ms ease-in;
}
.Button-four:hover{
    background-color: var(--secondary);
    color: var(--third-color);
    translate: -5px -5px;
}

.button-white-hover:hover{
    color: #fff;   
}

/* card  */
.main-card{
    border-radius: 10px;
    padding: 20px 20px 20px 20px;
    /* box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5); */
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}



/* -- comman hover */
.button-hover:hover{
    /* transform: translatey(-5px); */
    translate: -5px -5px;
}




/* ------- sections */
.section-ptb{
    padding: 40px 0;
}

.section-inside-ptb{
    padding: 80px 0;
}

.section-heading{
    color: var(--secondary);
    font-size: 40px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0.1px;
    text-shadow: -1px 3px 3px rgba(0,0,0,0.3);
}

.section-p{
    color: var(--primary);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3em;
    letter-spacing: 0.3px;
}

/* ******************************************************** POPUP Box ********************************************** */
.popup-box{
    background-color: #fff;
    border-radius: 40px; 
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.popup-close-btn{
    background-color: rgba(255, 255, 255, 0);
    border: none;
    color: #fff;
}
.popup-box-heading{
    color: var(--primary);
    font-size: 35px;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 0.1px;
    text-shadow: -1px 3px 3px rgba(0,0,0,0.3);
}
.popup-box-title{
    color: var(--secondary);
    font-size: 28px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0.1px;
    text-shadow: -1px 3px 3px rgba(0,0,0,0.3);
}
.popup-box-input{
    border: 0px solid var(--secondary);
    padding: 4px 12px;
    font-size: 13px;
    border-radius: 8px 8px 8px 8px;
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; */
    border: 1px solid #c9c5c5;
}
.popup-box-input:focus {
    outline:none;
}
.popup-box-submit{
    outline: 0;
    background-color: var(--secondary);
    color: #fff;
    border: none;
    padding: 6px 12px;
    font-size: 13px;
    border-radius: 6px 6px 6px 6px;
    font-weight: 500;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    transition: all 300ms ease-in;
}
.popup-box-submit:hover{
    background-color: var(--primary);
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    
}



/* ******************************************************** THANK YOU PAGE ********************************************** */
.thank-you-box h2{
    font-size: 44px;
    font-weight: 600;
    color: var(--primary);
}
.thank-you-box h4{
    font-size: 20px;
    font-weight: 600;
    color: var(--secondary);
}
.thank-you-box a{
    text-decoration: none;
   background-color: var(--primary);
   color: #fff;
   font-size: 13px;
   padding: 5px 10px 5px 10px;
   border-radius: 18px;
   box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
   transition: all 300ms ease-in;
}
.thank-you-box a:hover{
   background-color: var(--secondary);
   color: #fff;
}


/* ============================= Loader ================= */
#loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.39) url('../img/loader-1.gif') no-repeat center center;
    z-index: 99999;
}



/* ******************************************************** INDEX PAGE ********************************************** */
.my-header-ak{
    background-image:  url('../img/headerimg.png');
    background-size: 100%;
    background-position: center;
}
/* =======================  Top Header  ====================== */
.sticky-header {
    position: sticky;
    /* top: 30px; */
    z-index: 100;
    /* margin-bottom: 30px; */
}

.main-header{
    background-color: var(--header-color); 
    border-bottom: 1px solid var(--secondary);
}
.navbar-dark .navbar-nav .nav-link:focus {
    color: var(--secondary); 
}

.navbar-dark .navbar-nav .nav-link.active {
    color: var(--secondary);
}

.navbar .navbar-nav .nav-link{
    color: var(--secondary);
    font-weight: 500;
}

.navbar .navbar-nav .nav-item a{
    font-size: 14px;
    transition: all 400ms ease-out;
    
}
.navbar .navbar-nav .nav-item:hover .nav-link{
    background-color: #fff;
    border-radius: 3px;
    color: var(--secondary);
}
.header-btn{
    background-color: var(--primary);
    color: var(--third-color);
    font-weight: 500;
    padding: 5px 12px 5px 12px;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.25);
    border: none;
    
}
.header-btn:hover{
    box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.45);
}
.dropdown-menu{
    background-color: var(--secondary);
    border: none;
    border-radius: 0;
}
.dropdown-menu .dropdown-item{
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
}
.dropdown-menu li:hover a{
    /* border-radius: 5px; */
    color: var(--third-color);
    background-color: var(--primary);
}

/* ***** Dorpdown Hover Effect CODE *** */
.dropdown:hover > .dropdown-menu,
  .dropend:hover > .dropdown-menu {
    display: block;
    margin-top: 0.125em;
    margin-left: 0.125em;
  }
  @media screen and (min-width: 769px) {
    .dropend:hover > .dropdown-menu {
      position: absolute;
      top: 0;
      left: 100%;
    }
  }




/* =======================  Top Header Two Start  ====================== */
.headerTwo{
    background-color: var(--secondary); 
    border-bottom: 2px solid var(--primary);
}
.headerTwo .navbar .navbar-nav .nav-link{
    color: #fff;
    
}
.headerTwo .navbar .navbar-nav .nav-item a{
    font-size: 14px;
    transition: all 400ms ease-out;
}
.headerTwo .navbar .navbar-nav .nav-item:hover .nav-link{
    background-color: var(--primary);
    border-radius: 3px;
    color: #000;
}
.headerTwo .header-btn{
    background-color: var(--primary);
    font-weight: 500;
    padding: 5px 12px 5px 12px;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.headerTwo .dropdown-menu{
    background-color: #000;
}
.headerTwo .dropdown-menu .dropdown-item{
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
}
.headerTwo .dropdown-menu li:hover a{
    border-radius: 5px;
    color: var(--primary);
    background-color: rgb(90, 89, 89);
}
/* =======================  Top Header Two End  ====================== */


  
  
  

/*  ======================= Slider ==================  */
.slider-prev{
    left: -75px;
    font-size: 20px;
}
.slider-next {
    right: -75px;
    font-size: 20px;
}
.slider-read-more-btn{
    color: var(--primary);
    font-weight: 600;
    font-size: 12px;
    transition: all 200ms ease-in;
}
.slider-read-more-btn:hover{
    text-decoration: none;
    color: var(--secondary);
}

.slider-btn{
    background-color: var(--primary);
    color: var(--third-color);
    font-weight: 500;
    transition: all 200ms ease-in;
}
.slider-btn:hover{
    color: #fff;
}


/*  ======================= Our Most Popular Services ==================  */
.popular-service-card{
    background-color: #F2F2F2;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    padding: 20px 40px 20px 40px;
}
.popular-service-card h3{
    color: var(--primary);
    font-weight: 600;
}
.popular-service-card i{
    font-size: 60px;
}
.card-a{
    font-size: 14px;
    font-weight: 600;
    color: #000;
    text-decoration-color: rgb(190, 5, 5);
}
.card-a:hover{
    color: var(--secondary);
}



/*  ======================= Get Free Consultation ==================  */
.fixed-bg {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%; 
    width: 100%;
    color: white;
    text-align: center;
    display: table;
} 
.bg-1 {
    background-image: linear-gradient( rgba(0, 0, 0, 0.4) 100%, rgba(0, 0, 0, 0.5)100%),url('../img/fixed-scroller-img.jpg');
}
  



/*  ======================= Why Choose Real Star Microcredit? ==================  */
.star-microcredit-card{
    /* background-color: var(--secondary); */
    /* color: var(--secondary); */
    /* box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5); */
    /* border-radius: 10px; */
    padding: 0px 10px 0px 10px;
    border-left: 1px solid var(--secondary);
}
.star-microcredit-card i{
    font-size: 36px;
    color: var(--secondary);
}
.star-microcredit-card h4{
    font-size: 20px;
    color: var(--secondary);
    
}
.star-microcredit-card p{
    font-size: 13px;
}


/*  ======================= simple-loan-process ==================  */
.simple-loan-process-card{
    background-color: #F2F2F2;
    border-radius: 10px;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    padding: 10px;
}
.simple-loan-process-card img{
    width: 100px;
}
.simple-loan-process-card h3{
    color: var(--secondary);
    font-weight: 600;
}
.simple-loan-process-card p{
    font-size: 15px;
}

/* ====================== Best Place To Work Start =================  */
.best-place-to-work h6{
    color: var(--secondary);
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 16px;
}
.best-place-to-work img{
    width: 70px; 
    height: 70px; 
    border-radius: 10px;
}
.best-place-to-work .testm-p{
    margin-bottom: 0px;
    font-size: 13px;
}


/* ====================== Faq Start =================  */
.faq-box .panel-title {
    /* box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; */
    border-radius: 10px;
    background-color: #FAFAFA;
}
/* .faq-box .panel-title a{
    color: #fff;
}
.faq-box .panel-title a i{
    color: #fff;
} */
.faq-box a{
    color: var(--primary);
    font-weight: 400;
}
.faq-box p{
    font-size: 13px;
    color: #00000086;
    font-weight: 400;
}

.faq-box .panel-default > .panel-heading + .panel-collapse > .panel-body {
    padding: 13px 0px;
    background: #FAFAFA;
    border-radius: 10px;
    margin-bottom: 20px;
}

/* ====================== Footer Contact fome Start =================  */
.form-card{
    background-color: #fff;
    border-radius: 5px 5px 5px 5px;
    padding: 20px 20px 20px 20px;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
}

.form-card h4{
    text-align: center;
    font-size: 38px;
    color: var(--secondary);
    font-weight: 600;
}
.contact-form-p{
    color: black;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2em;
}
.form-card label{
    display: none;
    margin-left: 5px;
    font-size: 14px;
    color: var(--third-color);

}
.contact-input{
    border: 1px solid lightgray;
    padding: 4px 12px;
    font-size: 13px;
    border-radius: 4px;
}
.contact-submit{
    width: 100%;
    font-size: 13px;
    padding: 6px 15px;
    border-radius: 0px;
}
/* ====================== Footer Contact fome End =================  */


/* ====================== Footer Start =================  */
.footer-p{
    font-size: 13px;
    line-height: 1.2em;
    text-align: justify;
    color: #fff;
}
.footer-li{
    color: #fff;
    font-size: 13px;
    text-decoration: none;
}
.footer-li:hover{
    color: #fff;
    /* text-decoration: underline; */
}
.footer-li .footer-right-icon{
    color: #fff;
    font-size: 10px;
}
.footer-submit{
    border: none;
    background-color: var(--secondary);
    color: var(--third-color);
    font-size: 14px;
    font-weight: 500;
    padding: 5px 20px;
    border-radius: 0;
    transition: all 300ms ease-in-out;
}
.footer-submit:hover{
    background-color: var(--third-color);
    color: var(--primary);
}
.footer-social-icon{
    text-align: center;
    display: inline-block;
    padding: 7px;
    color: #fff;
    height: 35px;
    width: 35px;
    border-radius: 50%;
}
.footer-link-color{
    color: #cc3366;
    transition: all 200ms ease-in-out;
    /* text-decoration: none; */
}
.footer-link-color:hover{
    color: var(--secondary);
}
/* ====================== Footer End =================  */


/* ******************************************************** ABOUT PAGE ********************************************** */
/* ================== about us start =========== */
.about-heading{
    color: var(--third-color);
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 0.1px;
    text-shadow: -1px 3px 3px rgba(0,0,0,0.3);
}

.inside-card{
    border-radius: 10px;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    /* box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; */
}


/* ******************************************************** BUSINESS LOAN PAGE ********************************************** */
.business-loan-card{
    border-radius: 10px;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    padding: 20px;
}
.business-loan-card i{
    color: var(--third-color);
    font-size: 58px;
}
.business-loan-card h5{
    color: var(--third-color);
    font-weight: 600;
}


/* ******************************************************** PURCHAGE AND SHOPPING LOAN PAGE ********************************************** */
.purchase-heading{
    font-size: 45px;
    font-weight: 600;
    letter-spacing: 0.1px;
}
.purchase-card-one h3{
    background-color: #fff;
}
.purchase-card-one h3{
    font-weight: 600;
}
.purchase-card-one small{
    font-size: 15px;
}

.Flexible-fast{
    border-radius: 10px;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    padding: 40px;
}
.Flexible-fast i{
    color: var(--third-color);
    font-size: 58px;
}
.Flexible-fast h5{
    color: var(--third-color);
    font-weight: 600;
}


/* ***************************************** Personal Loans Made Easy PAGE ********************************* */
.dark-card{
    background-color: #0000006E;
    padding: 30px 20px;
    border-radius: 20px;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
}


/* ******************************************************** ENTREPRENEUR START UP LOAN PAGE ******************************* */
.finance-solution-section{
    -webkit-clip-path: polygon(0 0, 100% 18%, 100% 100%, 0% 100%); 
    clip-path: polygon(0 0, 100% 18%, 100% 100%, 0% 100%);
}


/* ******************************* entrepreneur-start-up-loan Page ************************************** */
.event-tabs{
    border: none;
}
.event-tabs .nav-link {
    color: var(--primary);
    padding: 0px 10px 4px 10px;
    font-weight: 600;
    border: 0;
    margin-bottom: 8px;
}
.event-tabs .nav-link.active {
    color: var(--secondary);
    font-weight: 600;
    border-bottom: 3px solid var(--primary);
}


/* ******************************* Contact Page ************************************** */
.contact-h{
    font-weight: 600;
    font-size: 60px;
    line-height: 1;
}
.contact-input-box{
    /* color: #fff; */
    border-radius: 0;
    padding: 6px 16px;
    font-size: 16px;
    min-height: 47px;
    /* background-color: rgba(247,247,247,0.13); */
    border: 1px solid var(--secondary);
}

.contact-input-box::placeholder {
    /* color: var(--third-color); */
  }

.contact-btn{
    color: var(--third-color);
    background-color: var(--primary);
    border: 2px solid var(--primary);
    font-size: 16px;
    padding: 13px 30px;
    transition: all 300ms ease-in;
}
.contact-btn:hover{
    color: var(--third-color);
    background-color: var(--secondary);
}



/* ******************************* Customer Application Page ************************************** */
/* .customer-application-input{
    color: var(--third-color);
    border-radius: 0;
    padding: 6px 16px;
    font-size: 14px;
    min-height: 40px;
    background-color: rgba(247,247,247,0.13);
    border: 1px solid rgba(255, 255, 255, 0.349);
}
.customer-application-input::placeholder {
    color: var(--third-color);
  } */

  /* ---- tow form */
/* .customer-application-input{
    text-transform: capitalize;
    border-radius: 0px 0px 5px 5px;
    padding: 6px 16px;
    font-size: 14px;
    min-height: 34px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid rgba(143, 143, 143, 0.404);
    margin-bottom: 10px;
}
.customer-application-input::placeholder {
    font-weight: 600;
    text-transform: uppercase;
}
.customer-application-input:focus{
    border-bottom: 1px solid var(--primary);
    color: #000;
} */

/* --- third form */
.customer-application-form label{
    color: #000;
    font-weight: 600;
    margin-left: 10px;
    color: var(--primary);
    font-size: 14px;
}

.customer-application-form .form-inner-box{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: #fff;
    border-radius: 8px;
}
.form-inner-box h3 {
    font-size: 23px;
    color: var(--secondary);
    font-weight: 600;
    text-align: center;
    margin-bottom: 22px;
}
.box-input-effect{
    float: left; 
    width: 27.33%;
    margin: 5px 3%; 
    position: relative;
}
.customer-application-input{
    /* text-transform: capitalize; */
    font-size: 14px;
    font-weight: 500;
    padding: 4px 16px;
    color: var(--secondary); 
    width: 100%; 
    box-sizing: border-box; 
    letter-spacing: 1px;
    border: 0; 
    border-bottom: 1px solid #ccc; 
    border-radius: 0px 0px 5px 5px;
    background-color: transparent;
}
.customer-application-input::placeholder {
    text-transform: capitalize;
    font-weight: 500;
    color: #000000dc;
}
.add-border-red{
    border-bottom: 1px solid #f21000;
}
.add-border-green{
    border-bottom: 1px solid #7DE278;
}



.customer-application-input ~ .focus-border{
    position: absolute; 
    bottom: 0; 
    left: 0; 
    width: 0; 
    height: 1px; 
    background-color: var(--primary); 
    transition: 0.4s;}
.customer-application-input:focus ~ .focus-border,
.has-content.customer-application-input ~ .focus-border{
    width: 100%; transition: 0.4s;
}


input[id="formChecbox"] {
    accent-color: var(--primary);
}
.customer-application-form .previour-btn{
    font-size: 14px;
    border-radius: 2px;
    padding: 5px 10px 5px 10px;
    border: none;
    color: #fff;
    background-color: var(--primary);
    transition: all 300ms ease-in-out;
}
.customer-application-form .previour-btn:hover{
    background-color: var(--secondary);
}
.customer-application-form .submit-btn{
    font-size: 14px;
    border-radius: 2px;
    padding: 5px 10px 5px 10px;
    border: none;
    color: #fff;
    background-color: var(--secondary);
    transition: all 300ms ease-in-out;
}
/* .customer-application-form .submit-btn:hover{
    background-color: var(--primary);
} */


/* ******************************* Investor Relation Page ************************************** */
.investor-relation i{
    font-size: 20px;
    margin-bottom: 10px;
    color: var(--primary);
}


/* ******************************* Pay Now Page ************************************** */
.pay-now-box{
    background: var(--primary); 
    padding:12px 10px 12px 10px; 
    border-radius: 40px;
    box-shadow: 10px 9px 11px -2px rgba(196, 194, 194, 0.705);
    -webkit-box-shadow: 10px 9px 11px -2px rgba(196, 194, 194, 0.705);
    -moz-box-shadow: 10px 9px 11px -2px rgba(196, 194, 194, 0.705);
}
.pay-now-box h4{
    font-size: 36px;
    font-weight: 600;
    color: #fff;
}
.investment-box{
    text-align: center;
    background-color: var(--primary);
    padding: 25px 20px 25px 20px;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.investment-box i{
    font-size: 50px;
    color: #fff;
}
.investment-box h2{
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}
.replacement-box{
    text-align: center;
    background-color: var(--secondary);
    padding: 25px 20px 25px 20px;
    border-radius: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.replacement-box i{
    font-size: 50px;
    color: #fff;
}
.replacement-box h2{
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}

.pay-now-input{
    color: var(--primary);
    padding: 5px 13px 5px 13px;
    font-size: 13px;
    background-color: #FFFFFF00;
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    color: var(--primary);
}
.pay-now-input::placeholder {
  color: var(--third-color);
}



/* ******************************* Blog Page ************************************** */
.blog-banner{
    height:35vh; 
    background-image: linear-gradient(45deg, #063f5a96, #063f5ab0), url('https://img.freepik.com/free-photo/composition-laptop-compass-engineering_23-2148169502.jpg?size=626&ext=jpg&uid=R109451528&ga=GA1.1.972887946.1686728370&semt=ais');  
    background-repeat: no-repeat;  
    background-size:cover;
    border-radius: 20px;
}
.blog-banner h1{
    font-weight: 700;
}
.blog-card{
    background-color: #f3f3f3;
}
.content-blog-card{
    padding: 10px 20px 10px 20px;
}
.blog-card .blog-link{
    font-size: 23px;
    font-weight: 600;
    display: block;
    color: #06405A;
    text-decoration: none;
    line-height: 1.2;
    transition: all 200ms ease-in-out;
}
.blog-card:hover .blog-link{
    color: #f21000;
    text-decoration: underline;
}
.span-date{
    font-size: 14px;
    color: #808495;
}
.blog-card .blog-description{
    text-align: justify;
    font-size: 14px;
    line-height: 1.5;
}
.category-heading{
    text-transform: uppercase;
    text-align: center;
    background-color: #E7EAE9;
    padding: 10px 10px 10px 10px;
    color: #06405A;
    border-bottom: 2px solid #f21000;
}
.category-heading h4{
    font-weight: 600;
}
.category{
    border: 1px solid #063f5a;
    background-color: #f3f3f3;
    padding: 5px 7px 5px 7px;
    border-radius: 2px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 10px;
    display: inline-block;

}
.category a{
    text-decoration: none;  
    color: #063f5a;
}
.category:hover a{
    color: #f21000;
}

.letest-blog{
    margin-bottom: 10px;
    background-color: #f3f3f3;
}
.letest-blog a{
    text-decoration: none;
    color: var(--secondary);
    line-height: 1.2;
}
.letest-blog:hover a{
    text-decoration: underline;
    color: var(--primary);
}
.current-blog-img{
    height: 60vh;
}
.current-blog-title{
    color: var(--secondary);
    font-weight: 700;
}
.blog-photo{
    height: 42vh;
}
.blog-content p{
    text-align: justify;
    color: #646262da;
    font-weight: 500;
    line-height: 1.5;
}
.span-category{
    background: var(--secondary);
    color: #fff;
    padding: 3px 12px;
    border-radius: 50px;
    font-size: 14px;    
    font-weight: 500;

}
.social-box a{
    text-decoration: none;
    color: #000000b4;
    line-height: 1.2;
    font-size: 32px;
    font-weight: 600;
}   
.social-box a:hover{
    color: var(--primary);
    text-decoration: underline;
}

/* Search box */
.search-input-box{
    padding: 4px 10px 4px 10px;
    font-size: 15px;
    border-radius: none;
    border: 1px solid #00000059;
}
.search-button{
    padding: 4px 10px 4px 10px;
    background-color: var(--secondary);
    border-radius: none;
    border: none;
    color: #fff;
    font-size: 15px;
}
/* share icon */
.blog-share{
    background-color: #0000001c;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    cursor: pointer;
    transition: all 200ms ease-in;
    height: 35px;
    width: 35px;
}
.blog-share:hover{
    background-color: var(--primary);
    color: #fff;
}
.blog-share i{
    font-size: 16px;
    color: var(--primary);
}
.blog-share:hover i{
    color: #fff;
}
/* comment-rating-like */
.comment-rating-like .user-input{
    padding: 4px 10px 4px 10px;
    font-size: 15px;
    border-radius: none;
    border: 1px solid #00000059;
}

.comment-rating-like input[type="radio"] {
    display: none;
} 
.comment-rating-like form p {
    text-align: center;
    font-size: 20px;
}
.comment-rating-like form input[type="submit"]{
    width: 100%;
    height: 36px;
    display: block;
    position: relative;
    border: 0px;
    color: #fff;
    background-color: var(--secondary);
}
.comment-rating-like .comment_area{
    width: 100%;
      height: 100px;
      background: #fff;
      display: block;
      border: 1px solid #d9d9d9;
       border-top: 1px solid #c0c0c0;
       box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    margin-bottom: 5px;
    padding: 10px;
}
.comment-rating-like .p_class{
    direction: rtl;
    unicode-bidi: bidi-override;
}
.comment-rating-like form input[type="submit"]:hover{
    border: 0px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    background-color: var(--primary);
    cursor: pointer;
}
  
.comment-rating-like label:hover, label:hover ~ label {
    color: orange;
    cursor:pointer;
}
  
.comment-rating-like input[type="radio"]:checked ~ label {
    color: orange;
}
.comment-rating-like input[type="checkbox"]:checked ~ label {
    color: rgb(243, 0, 0);
}
.comment-rating-like .comment_area:hover{
    border: 1px solid #b9b9b9;
    border-top: 1px solid #a0a0a0;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}



/* .blog-card{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background-color: #fff;
    padding: 2em;
    border-radius: 20px;
    border-top: 2px solid var(--secondary);
    border-bottom: 2px solid var(--secondary);
}
.blog-card .span-dot{
    color: #fff;
    font-size: 10px;    

}

.blog-card img{
    border-radius: 15px;
}

.blog-card p{
    font-size: 16px;
    color: #000000c9;
    line-height: 1.4;
}   
.blog-card .span-date{
    font-size: 14px;
    color: #808495;
} */
/* .right-blog-card{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background-color: #fff;
    padding: 2em;
    border-radius: 20px;
}
.right-blog-card img{
    border-radius: 15px;
}
.right-blog-card a{
    text-decoration: none;
    font-size: 16px;
    color: #000000e7;
    font-weight: 500;
    line-height: 1.4;
} 
.right-blog-card a:hover p{
    text-decoration:underline;
    color: var(--primary);
}  
.right-blog-card .span-date{
    font-size: 14px;
    color: #808495;
} */


/* index Page one Slider */
.banner{
    position: relative;
    width: 100%;
    min-height: 85vh;
}
.banner .imgBx{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.banner .imgBx img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: 0.5s;
    background-position: center;
}
.banner .imgBx img.active{
    opacity: 1;
}
.controls{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    width: 80px;
    padding: 20px;
}
.controls li{
    position: relative;
    width: 80px;
    height: 80px;
    background-color: #fff;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.controls li:hover{
    background-color: var(--secondary);
}
.controls li:before{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border-left: 3px solid #111;
    border-bottom: 3px solid #111;
    transform: rotate(50deg);
}
.controls li:nth-child(2):before{
    margin-left: -20px;
    transform: rotate(220deg);
}
.contentBx{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 700px;
}
.contentBx div{
    display: none;
}
.contentBx div.active{
    display: block;
    padding: 30px;
    padding-left: 100px;
    background: rgba(0, 0, 0, 0.2);
}
.contentBx div h2{
    color: #fff;
    font-size: 3em;
    font-weight: 600;
}
.contentBx div p{
    color: #fff;
    font-size: 1.1em;
}
.contentBx div a{
    color: #111;
    font-size: 14px;
    display: inline-block;
    padding: 8px 15px;
    background: #fff;
    margin-top: 10px;
    font-weight: 500;
    text-decoration: none;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.contentBx a:hover{
    transform: translateX(10px);
    transition:  1s ease-in-out;
}


/* *********************************** INDEX PAGE 2 PAGE ************************************ */
.index-2-slider-dark-card   {
    /* background-color: #00000033; */
    padding: 70px 20px;
    /* border-radius: 20px; */
    /* box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5); */
}

.index-2-popular-service-card{
    /* box-shadow: var(--secondary) 0px 3px 3px 0px; */
    border: 2px solid var(--secondary);
    border-radius: 10px;
    transition: all 200ms ease-in-out;

    /* background-color: #ffedf0; */
    
}
/* .index-2-popular-service-card:hover{
    background-color: var(--primary);
    color: var(--third-color);
} */
.index-2-popular-service-card h3{
    color: var(--secondary);
    font-weight: 600;
}
.index-2-popular-service-card i{
    font-size: 60px;
    color: var(--primary);
}
.index-2-popular-service-card .card-a{
    font-size: 14px;
    font-weight: 600;
    color: var(--primary);
    text-decoration-color: var(--primary);
}
/* .index-2-popular-service-card:hover i{
    color: var(--third-color);
}
.index-2-popular-service-card:hover h3{
    color: var(--third-color);
}
.index-2-popular-service-card:hover p{
    color: var(--third-color);
}
.index-2-popular-service-card:hover .card-a{
    padding: 6px 10px 6px 10px;
    border: 1px solid #fff;
    color: var(--third-color);
} */

/*   Get Free Consultation   */
.fixed-bg-index-2 {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%; 
    width: 100%;
    color: white;
    text-align: center;
    display: table;
} 
.bg-1-index-2 {
    background-image: linear-gradient( rgba(0, 0, 0, 0.4) 100%, rgba(0, 0, 0, 0.5)100%),url('../img/fixed-scroller-img-index-2.png');
}


.carousel-control-next, .carousel-control-prev {
    width: 0%;
}

/* ---- new Layout */
.index-2-consultation{
    padding: 45px 56px;
    background-color: #FFEDF0;
    border-radius: 15px;
}
.index-2-consultation h2{
    color: var(--secondary);
}



/* *********************************** INDEX PAGE 3 PAGE ************************************ */
.popular-service-index-3-box{
    margin-top: -120px;
}
.index-3-popular-service-card{
    background-color: #fff;
    /* box-shadow: var(--secondary) 0px 3px 3px 0px; */
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    /* border: 1px solid var(--secondary); */
    /* border-radius: 10px; */
    transition: all 200ms ease-in-out;
}
.index-3-popular-service-card:hover{
    background-color: var(--secondary);
    color: var(--third-color);
}
.index-3-popular-service-card h3{
    color: var(--secondary);
    font-weight: 600;
}
.index-3-popular-service-card i{
    font-size: 60px;
    color: var(--secondary);
}
.index-3-popular-service-card .card-a{
    padding: 6px 10px 6px 10px;
    border: 1px solid var(--secondary);
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
    color: var(--secondary);
    text-decoration-color: var(--primary);
}
.index-3-popular-service-card:hover i{
    color: var(--third-color);
}
.index-3-popular-service-card:hover h3{
    color: var(--third-color);
}
.index-3-popular-service-card:hover p{
    color: var(--third-color);
}
.index-3-popular-service-card:hover .card-a{
    text-decoration: none;
    padding: 6px 10px 6px 10px;
    border: 1px solid #fff;
    color: var(--third-color);
}


.simple-process-index-3{
    /* background-color: var(--primary); */
    border: 1px dashed var(--primary);
    /* color: var(--secondary); */
    border-radius: 0px 40px 0px 40px;
    padding: 25px 18px 25px 18px;
}
.simple-process-index-3 h3{
    font-weight: 600;
}
.simple-process-index-3 p{
    font-size: 15px;
    font-weight: 500;
} 
.step-border-index-3-right{
    border-right: 1px solid var(--primary);
} 
.step-border-index-3-left{
    border-left: 1px solid var(--primary);
} 

/*   Get Free Consultation   */
.bg-1-index-3 {
    background-image: linear-gradient( rgba(0, 0, 0, 0.4) 100%, rgba(0, 0, 0, 0.5)100%),url('../img/sl-2.jpg');
}

.why-choose-card-index-3{
    background-color: #fff;
    cursor: pointer;
    color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 10px;
    padding: 20px 10px 20px 10px;
    transition: all 200ms ease-in-out;
}
.why-choose-card-index-3 i{
    color: var(--primary);
    font-size: 60px;
}
.why-choose-card-index-3 h4{
    font-weight: 600;
    color: var(--secondary);
    font-size: 20px;
}
.why-choose-card-index-3 p{
    font-weight: 500;
    color: var(--primary);
    font-size: 13px;
}

.testimonial-index-3{
    border: 1px dashed var(--secondary);
    border-radius: 0px 50px 0px 50px;
    transition: all 400ms ease-in !important;
}
.testimonial-index-3:hover{
    border-radius: 0px 0px 0px 0px;
}
.testimonial-index-3 img{
    width: 70px; 
    height: 70px; 
    border-radius: 10px;
}
.testimonial-index-3 h5{
    color: var(--primary);
    font-weight: 500;
}

.testimonial-index-3 h6{
    color: var(--secondary);
    font-weight: 500;
}
.testimonial-index-3 p{
    color: #7a7a7a; 
    font-weight: 500;
    font-size: 13px;
}



@media (max-width: 767px) {
    .carousel-inner-one-slide .carousel-item > div {
        display: none;
    }
    .carousel-inner-one-slide .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner-one-slide .carousel-item.active,
.carousel-inner-one-slide .carousel-item-next,
.carousel-inner-one-slide .carousel-item-prev {
    display: flex;
}
/* medium and up screens */
@media (min-width: 768px) {
    .carousel-inner-one-slide .carousel-item-end.active,
    .carousel-inner-one-slide .carousel-item-next {
        transform: translateX(25%);
    }

    .carousel-inner-one-slide .carousel-item-start.active, 
    .carousel-inner-one-slide .carousel-item-prev {
        transform: translateX(-25%);
    }
}
.carousel-inner-one-slide .carousel-item-end,
.carousel-inner-one-slide .carousel-item-start { 
    transform: translateX(0);
}


/* ******************************* Latest News Page ************************************** */
.one-new-box{
    border-right: 2px solid #000000b0;
}
.main-news a{
    font-size: 30px;
    font-weight: 500;
    text-decoration: none;
    line-height: 1.2;
    color: #000000ce;
    transition: all 100ms ease-in;
}

.main-news a:hover{
    color: var(--secondary);
    cursor: pointer;
    text-decoration: underline;
}
.main-news h4{
    font-weight: 600;
    text-decoration: underline;
}
.news-right-box {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    padding: 10px 10px 10px 10px;
    background-color: #fff;
    border-radius: 10px;
}
.news-right-box a{
    color: #000000ce;
    text-decoration: none;
    font-size: 15px;
}
.news-right-box a:hover{
    color: var(--primary);
    cursor: pointer;
}







/* *********************************** INDEX PAGE 4 PAGE ************************************ */
.index-4-slider-dark-card   {
    background-color: #0000004b;
    padding: 30px 20px;
    border-radius: 20px;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
}
/* popular services */
.popular-service-index-4-box{
    background: var(--primary) !important; 
    border-radius: 0px 50px 0px 50px !important; 
    height: 260px !important;
    transition: all 600ms ease-out !important;
}
.popular-service-index-4-box:hover{
    border-radius: 0px 0px 0px 0px !important; 
}
.popular-service-card-4{
    background-color: var(--primary) !important;
}
.popular-service-card-4 h3{
    color: var(--primary);
    font-weight: 600;
}
.popular-service-card-4 i{
    font-size: 60px;
}
.popular-service-card-4 button{
    border: none;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    text-decoration-color: rgb(190, 5, 5);
}
.popular-service-card-4 button:hover{
    color: var(--secondary);
}
/*  Collapse TOGGLE ICONS */
.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
}
.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #FAFAFA;
    border-color: #EEEEEE;
  }
  .panel-title {
    font-size: 14px;
  }
  .panel-title > a {
    display: block;
    padding: 15px;
    text-decoration: none;
  }
  .more-less {
    float: right;
    color: var(--secondary);
  }
  .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
  }

/* ----- Collapse TOGGLE ICONS End ----- */
.why-choose-index-4 a{
    color: var(--secondary);
    font-weight: 600;
}
.why-choose-index-4 p{
    font-size: 13px;
}

.simple-loan-process-card-index-4{
    border: 1px dashed var(--primary);
    border-radius: 0px 40px 0px 40px;
    transition: all 600ms ease-out;
}

.simple-loan-process-card-index-4:hover{
    border-radius: 0px 0px 0px 0px;
    cursor: pointer;
}

.simple-loan-process-card-index-4 h3{
    color: var(--primary);
    font-weight: 500;
    font-size: 21px;
}
.simple-loan-process-card-index-4 p{
    color: var(--secondary);
    font-weight: 500;
    font-size: 14px;
}


.testimonial-index-4{
    background-color: var(--secondary);
    border-radius: 0px 50px 0px 50px;
    transition: all 600ms ease-out;
}
.testimonial-index-4 img{
    border-radius: 0px 50px 0px 0px;
    transition: all 600ms ease-out;
}
.testimonial-index-4:hover{
      border-radius: 0px 0px 0px 0px;
}
.testimonial-index-4:hover img{
      border-radius: 0px 0px 0px 0px;
}
.testimonial-index-4 .testm-description{
    text-align: justify;
    font-size: 11px;
}



.blog-Commnet-slider{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    padding: 10px 20px 10px 20px;
    background-color: #fff;
}
.blog-Commnet-slider:hover{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    cursor: pointer;
}
.blog-Commnet-slider h5{
    /* color: #777777; */
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: var(--secondary);
    letter-spacing: 0em;

    font-size: 19px;
    font-weight: 600;
}
.blog-Commnet-slider p{
    font-size: 14px;
    font-weight: 500;
    color: #000000a1;
}

/* .blogCommnetslider {
    align-items: center;
  display: flex;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  padding: 2.5rem;
}
.item {
    
  margin: 0 30px; 
  animation: animate 5s linear infinite;
  
}
.blogCommnetslider:hover .item {
  animation-play-state: paused;
}
@keyframes animate {
  from {
    transform: translate3d(00px, 0, 0);
  }
  to {
    transform: translate3d(-1240px, 0, 0);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
} */







/* ====================== Media Query Responsive =================  */
@media (min-width: 320px) and (max-width: 767px) {

    .banner{
        position: relative;
        width: 100%;
        min-height: 50vh;
    }
    .controls{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        width: 40px;
        padding: 20px;
    }
    .controls li{
        position: relative;
        width: 50px;
        height: 50px;
        background-color: #fff;
        list-style: none;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
    .controls li:before{
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        border-left: 3px solid #111;
        border-bottom: 3px solid #111;
        transform: rotate(50deg);
    }
    .contentBx{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        max-width: 85% !important;
    }
    .contentBx div.active{
        display: block;
        padding: 30px;
        padding-left: 20px;
        background: rgba(0, 0, 0, 0.2);
    }
    .contentBx div h2{
        color: #fff;
        font-size: 20px;
    }
    .contentBx div p{
        line-height: 1;
        font-size: 14px;
    }
    .contentBx div a {
        font-size: 14px;
        padding: 8px 15px;
        margin-top: 10px;
    }

    

    /* ================  Comman  ========== */
    .section-ptb{
        padding: 20px 0 !important;
    }
   
    .main-p{
        font-size: 15px;
    }
    .dark-p{
        font-size: 15px;
    }


    /* ************************************************** Home Page ******************************************* */
    .res-about-footer{
        padding-left: 18px !important;
    }
    
    
    /* ================  Top Header  ========== */
    .sticky-header {
        position: sticky;
        z-index: 100;
       padding-left: 0px;
       padding-right: 0px;
    }

    .header-res-padding{
        padding: 0;
    }
    .navbar .navbar-nav .nav-link{
        padding-left: 10px;    
        padding-right: 10px;    
    }
    .header-logo{
        /* width: 135px !important; */
    }
    .header-btn{
        font-size: 13px;
        padding: 3px 6px 3px 6px;
        border-radius: 4px 4px 4px 4px;
    }
    .navbar-toggler-icon {
        font-size: 14px;
    }

    /* ================  Slider  ========== */
    .slider-carousel .carousel-item{
        height: 70vh !important;
    }
    .slider-carousel .slider-h{
        font-size: 23px !important;
    }
    .slider-carousel p{
        font-weight: 400;
        font-size: 12px;
    }
    .slider-prev{
        left: 0px;
    }
    .slider-next {
        right: 0px;
    }

    /* ======= Our Most Popular Services ===== */
    .section-heading{
        font-size: 30px;
    }
    .section-p {
        font-size: 16px;
    }

    /* ************************************************************ About Page ************************************** */
    .about-section{
        margin-top: 32px !important;
    }
    #order-2{
        order: 2 !important;
    }
    #order-1{
        order: 1 !important;
    }
    .about-section h4{
        font-size: 15px !important;
    }
   
    .about-section .about-heading{
        font-size: 28px;
    }

    /* ********************************************** About Page ************************************** */
    .responsive-h1{
        font-size: 22px !important;
    }

    /* ********************************************* Business Loan Page ***************************** */
    #order-business-loan-1{
        order: 1;
    }    
    #order-loan-content-2{
        order: 2;
    }
    #order-business-loan-3{
        order: 1;
    }    
    #order-loan-content-4{
        order: 2;
    }
    

    /* *********************************** entrepreneur-start-up-loan Page ********************************* */
    .purchase-heading {
        font-size: 28px;
    }
    .finance-solution-section{
        clip-path: polygon(0 0, 100% 8%, 100% 100%, 0% 100%);
    }
    
    /* *********************************** Contact Page ********************************* */
    .contact-h{
        font-size: 35px !important;
    }
    .contact-section{
        /* margin-top: 30px !important; */
    }

    /* *********************************** Pay Now Page ********************************* */
    .pay-now-md-heading {
        font-size: 19px !important;
    }
    .pay-now-section{
        margin-top: 70px;
    }
    .pay-now-box h4 {
        font-size: 22px;
    }
    .investment-box i {
        font-size: 42px;
    }
    .investment-box h2 {
        font-size: 21px;
    }
    .replacement-box i {
        font-size: 42px;
    }
    .replacement-box h2 {
        font-size: 21px;
    }

    /* *********************************** Index 4 Page ********************************* */
    .popular-service-index-3-box{
        margin-top: -88px !important;
    }

    /* *********************************** Index 3 Page ********************************* */
    .step-border-index-3-right{
        border-right: none;
    } 
    .step-border-index-3-right span{
        display: none;
    } 
    .step-border-index-3-left{
        border-left: none;
    } 

    /* *********************************** Blog Page ********************************* */
    .blog-banner{
        height:22vh; 
    }
    .res-blog-photo{
        height: 190px !important;
    }
    .current-blog-img {
        height: 30vh;
    }
    .blog-photo {
        height: 26vh;
    }
    /* .res-blog{
        margin-bottom: 20px !important;
    }
    .res-blog-2{
        padding-left: 13px !important;
    }
    .res-blog-card{
        padding-left: 18px !important;
    } */
}




/* index-2-section-tringle style Responsive */
  .index-2-section-tringle {
    clip-path: polygon(50% 15%, 100% 0, 100% 85%, 50% 100%, 0 85%, 0 0); 
    background:#FFEDF0; 
    padding: 156px 0px;
}

.index-2-section-tringle-two {
    clip-path: polygon(50% 15%, 100% 0, 100% 85%, 50% 100%, 0 85%, 0 0); 
    background:#eaf8ff; 
    padding: 156px 0px; 
    margin-top: -111px;
}

@media (min-width: 200px) and (max-width: 576px) {
    /* ================  Comman  ========== */
    .index-2-section-tringle {
        clip-path: polygon(50% 8%, 100% 0, 100% 90%, 50% 100%, 0 90%, 0 0) !important; 
        padding: 156px 0px !important;
    }
    .index-2-section-tringle-two {
        clip-path: polygon(50% 15%, 100% 0, 100% 90%, 50% 100%, 0 90%, 0 0) !important; 
        padding: 156px 0px !important;
        margin-top: -135px !important;
    }

    .index-2-consultation {
        padding: 25px 16px;
    }
    .section-heading {
        font-size: 23px;
    }
    .section-p {
        font-size: 15px;
    }
}

@media (min-width: 577px) and (max-width: 992px) {
    /* ================  Comman  ========== */
   .index-2-section-tringle {
       clip-path: polygon(50% 8%, 100% 0, 100% 90%, 50% 100%, 0 90%, 0 0) !important; 
       padding: 156px 0px !important;
   }
   .index-2-section-tringle-two {
       clip-path: polygon(50% 8%, 100% 0, 100% 90%, 50% 100%, 0 90%, 0 0) !important; 
       padding: 156px 0px !important;
   }


   /* *********************************** Index 2 Page ********************************* */
   .section-heading{
        font-size: 30px;
    }
    .section-p {
        font-size: 14px !important;
    }
}


@media (min-width: 992px) and (max-width: 1400px) {
     /* ================  Comman  ========== */
    .index-2-section-tringle {
        clip-path: polygon(50% 8%, 100% 0, 100% 90%, 50% 100%, 0 90%, 0 0) !important; 
        padding: 156px 0px !important;
    }
    .index-2-section-tringle-two {
        clip-path: polygon(50% 8%, 100% 0, 100% 90%, 50% 100%, 0 90%, 0 0) !important; 
        padding: 156px 0px !important;
    }
}