/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

#page-title {padding: 200px 0!important;}
.page-title h1{ color: white;}


p {
    text-align: justify;
    text-justify: inter-word1;
    color: #3A181E!important;
}
.logo-header{
    padding: 30px 0px 30px 0px;
}

@media (max-width: 991.98px) {
    .logo-header {display: none !important; }
    .logo-in-header {display:  block !important; }
}
@media (min-width: 991.98px) { 
    .logo-in-header {display:  none !important; }
}

.section-shadow{
    box-shadow: rgba(0, 0, 0, 0.50) 0px 0px 30px;
}

body{
color: #3A181E!important;

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #3A181E; }

form label{ color: #3A181E;}

#mainMenu nav > ul > li > a { font-size-: 12px; color: #3A181E;  }

#mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a { font-size-: 12px; color:#3A181E;  }

button.btn.btn-primary:hover, button.btn.btn-primary:focus, button.btn.btn-primary:not(:disabled):not(.disabled):active, button.btn.btn-primary:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close).btn-primary:hover, .btn:not(.close):not(.mfp-close).btn-primary:focus, .btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]).btn-primary:hover, a.btn:not([href]):not([tabindex]).btn-primary:focus, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled).active { background-color: #89133D; border-color: #89133D; color: #fff; }

.border-radius-0{
  border-radius: 0px!important;  
}

.row-box{
    --bs-gutter-x:0px!important;
    border: 0px solid #e4e6ef;
}

@font-face {
    font-family: 'SignPainter';
    src: url('../webfonts/SignPainter-HouseScript.woff2') format('woff2'),
        url('../webfonts/SignPainter-HouseScript.woff') format('woff'),
        url('../webfonts/SignPainter-HouseScript.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.logo-style-h2 {
    font-family: 'SignPainter';
    font-weight :normal;
    font-style: normal;
    font-size: 3.35714286em;
}

.logo-style {
    font-family: 'SignPainter';
    font-weight :normal;
    font-style: normal;
}

.page-title > h1{
    font-size: 3rem!important;
    line-height: 2!important;
    font-weight: 600!important;
}

.slide-text1 h1 {
    font-size: 60px;
    font-weight: 600;
    line-height: 60px;
    margin-bottom: 30px;
    color: #fff;
}

.inspiro-slider.slider-halfscreen {
    height: 80vh !important;
}





