* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  body::-webkit-scrollbar {
    width: 1rem;
}

body::-webkit-scrollbar-thumb {
    height: 5px;
    border-radius: 0.5rem;
    border: 4px solid transparent;
    background-clip: content-box;
    background-color: #aaaaaa;

    &:hover {
        background-color: #5757a6;
    }
}

body {

    padding: 0;
    margin: 0;
    color: #000;
    
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-family: "Lato", sans-serif;
}
  p{
    margin: 0;
    color: #363636;
  }
  /* Header Start */

  h1, h2, h3, h4, h5, h6 {
    color: #272525;
    font-family: "Lato", sans-serif;
}

a{
  color:#363636 ;
  text-decoration: none !important;
  outline: none;
}

a:hover, a:focus, a:active {
    text-decoration: none !important;
    outline: none;
}

button{
  border: none;
}
.btn-primary{border: none !important;}
/* ul {
    margin: 0;
    padding: 0;
    margin-bottom: 0 !important;
    
} */

header {
    position: relative;
    width: 100%;
    background: rgb(0, 0, 0);
    z-index: 99;
}
/*---------header close----------*/
/*-----------header-top------------*/
.header-top {
    padding: 0px 48px 0px 0px;
    background: #770000;
}

.header-top ul{
  margin-bottom: 0 !important;
}
.left_info ul li {
    display: inline-block;
    margin-right: 0;
}

.left_info a {
    color: #fffefe;
    font-size: 10px;
    font-weight: 500;
}

.left_info i.fa {
    font-size: 19px;
    color: #fff;
    padding-right: 10px;
}

.right_info p {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
}

.left_info {
    text-align: right;
}

.right_info i.fa {
    font-size: 26px;
    margin-right: 10px;
    position: relative;
    bottom: -4px;
}

header i.fa.fa-mobile {
    bottom: -4px;
    font-size: 26px;
    position: relative;
    border: 40px;
    font-weight: 500;
}

.left_info ul li:last-child {
    margin: 0px !IMPORTANT;
}
.left_info ul li a:hover{color:white}
.header-main {
    padding: 0px 0;
    border-top: 5px solid #390000;
    background-image: url(assets/img/header.png);
    background-color: transparent;
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: center top;
    background: #4B0000;
}
/*-----------header-top Close------------*/
/*-----------header-menu------------*/
nav#cssmenu ul {
    float: right;
    margin-top: 24px;
    margin-bottom: 0;
}
.logo{position:relative;z-index:123;padding:10px;font:18px verdana;color:#6DDB07;float:left;}
.logo img {
    max-width: 170px;
}
.logo a{color:#6DDB07;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a {
    padding: 12px 17px;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none !important;
    color: #d4cece;
}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
    color: #fff;
    text-decoration: none;
}
#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {
    /* background: #f82249!important; */
    -webkit-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease;
}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:17px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before {
    position: absolute;
    top: 14px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}

#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul {
    position: absolute;
    left: -9999px;
    margin-top: 0;
    padding-left: 5px !important;
}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#770000;transition:all .25s ease}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul ul ul{margin-left:-100% !important;top:0}
#cssmenu ul ul li a {
    border-bottom: 1px solid rgba(150,150,150,0.15);
    padding: 11px 15px;
    width: 190px;
    font-size: 12px;
    line-height: 18px;
    text-decoration: none;
    color: #ddd;
    font-weight: 400;
    text-transform: uppercase;
}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#4B0000;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:991px){
    ul{
        margin-bottom: 0px !important;
    }
.logo{position:absolute;top:0;left: 0;width:100%;height:46px !important;text-align:left;padding:6px 0 0 0 ;float:none}

.logo img{max-width: 67px;} 
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li {
    width: 100%;
    border-top: 1px solid #444;
    float: left;
}
#cssmenu ul li:hover{
    background: transparent !important;
}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#4B0000!important;}
#cssmenu ul ul li:hover{background:#4B0000!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left;}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:8px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:1px;top:1px;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}

  /* Header Ends */

  /*Sidebar*/

hr{
    margin: 6px;
}
li{
    list-style: none;
    /* margin-left: 4px; */
    /* padding-left: 8px; */
}
li:hover{
    color: #750001;
    cursor: pointer;
}
.bi-chevron-right{
    color: #750001;
    font-weight: bold;
}
.chevron{
    font-weight: bold;
    font-size: 14px;
    color: #750001;
}
.right-sidebar .btn{
    border-radius: 0;
    border: 2px solid gray;
    border-left: 0;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #e9e9e9 ;
}
li a{
    color: black;
}
li a:hover{
    color: #750001;
}

  /*Sidebar*/

  /* CTA Start */
  .cta{
    background-image: url(assets/img/intro_bottom.png);
    background-color: #e6e6e6;
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: center bottom;
    position: relative;
  }
  /* CTA Start */

  .cta button{
   background: linear-gradient(180deg, rgba(101,17,17,1) 35%, rgba(119,0,0,0.8716736694677871) 100%);   
  }

  /* CTA ENDS */

  /* SERVICES STARTS */

  .services h2{
    color: #770000;
    font-size: 38px;
    font-family: sans-serif;
  }

  .services h4{
    font-size: 18px;
  }

  #dropcap {
    border: 1px solid red;
    border-radius: 50%;
    padding: 7px 15px 6px 15px;
    margin: 5px 5px 0 0;
    background-color: red;
    color: white;
    font-size: 18px;
    font-weight: 700;
    }

    .top-footer{
    background-image: url(assets/img/outro.png);
    background-color: #e0e0e0;
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: center top;
    opacity: 1;
    }

  /* SERVICES ENDS */

  /* About us */
  .about-head{
    background-image: url(assets/img/intro_bottom.png);
    background-color: #e6e6e6;
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: center bottom;
    position: relative;
  }

  .about-head h1{
    color: #770000;
  }

  .breadcrumb-item a{
    color: #770000;
  }

  /* About us */

  .custom-icon{
    font-weight: 800;
  }

  /* Left Sidebar */

  .left-sidebar p>a{

    font-size: 12px;
    color: #770000;

  }

  .left-sidebar button{
    background: linear-gradient(180deg, rgba(101,17,17,1) 35%, rgba(119,0,0,0.8716736694677871) 100%);
    border: none;   
 
  }

  .right-sidebar{
    background: linear-gradient(to right, #e9e9e9, #fff);
    padding: 22px;
  }

  .right-sidebar .list-group-item{
    background: none;
    border-color: #d0bdbd;
  }

  .right-sidebar .list-group-item a:hover{
    color: #770000;
  }

  .right-sidebar li>svg{
    color:rgba(101,17,17,1) 35% ;
  }

  .right-sidebar h4.border-start{
    border-color: #770000 !important;
  }

  
  /* Left Sidebar */

  .social-media-container{
    font-weight: 900;
    background-color: #EFEFEF;
    border-radius: 12px;
  }
  .social-media-text{
    color: #710000;
  }
  .social-media-logo{
    border-left: 1px solid rgb(225, 221, 221);
  }
  .social-media-icon{
    /* border-radius: 12px; */
    display: inline;
    background-color: #770000;
  }

  /* Footer */
  .foot_main{
    background-color: #4B0000;
    
  }

  .foot_main p{
    color: #d4cece;
  }

  #sub_footer {
    background-image: none;
    background-color: #000;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: center top;
    background: #000;
    border-top: 1px solid #151515;
    min-height: 30px;
    padding-top: 10px;
    overflow: hidden;
  }

  
  #sub_footer a, #sub_footer_inner a {
    color: #ccc;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-family: inherit;
  }


.footer_links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer_links li {
  font-size: 12px;
  float: left;
  padding-right: 12px;
}
.footer_links li a{
  color:#363636 !important;
}
.footer_links li a:hover{
  color:white !important;
}


.footer_p{
  font-size: 14px;
}
  /* Footer */

  /* Slider */
  .image {
    position: relative;
  }

  .text-inside-image {
    background-color: #fff;
    position: absolute;
    width: 45%;
    height: 100%;
    padding: 35px 20px;
  }

  
  .text-inside-image button {
    background: linear-gradient(180deg, rgba(101, 17, 17, 1) 35%, rgba(119, 0, 0, 0.8716736694677871) 100%);
    border: none;
  }

  .background-wrapper {
    background: url(../../assets/img/full.png) repeat-x center bottom #770000;
    object-fit: cover; 
    position: relative;
    overflow: hidden;
  }

  .slider-container {
    
  padding-top: 50px; /* Adjust as needed */
  padding-bottom: 50px; /* Adjust as needed */
  margin-top: -50px; /* Counteract the top padding */
  margin-bottom: -50px; /* Counteract the bottom padding */
   
  }

  .carousel-container {
    padding: 0px 50px;
    width: 80%;
    margin: auto;
  }

  .right-text {
    right: 0;
    width: 40%;
    background-color: #750000;
  }

  .right-text p,
  .right-text h3 {
    color: #f4f4f4;

  }
  .carousel-indicators [data-bs-target]{
    background-color:#750000 !important ;
  }

  

  @media screen and (max-width:768px) {
    .text-inside-image {
      width: 50%;
      font-size: 14px;
      padding: 15px;

    }

    .carousel-container {
      width: 100%;
      padding: 0;

    }

    .slider-container {
      height: 100%;
      padding: 0 !important;
      margin-top: 0 !important; 
      margin-bottom: 0 !important;
    }
  }

  @media screen and (max-width:1200px) {
    .text-inside-image {
      font-size: 18px;
    }
  }

  @media screen and (max-width:448px) {
    .text-inside-image {
      font-size: 14px;
      line-height: 20px;
      padding: 5px 12px;
    }


    .carousel-container {
      padding: 0;
    }

  }

  
  @media screen and (min-width: 767px) and (max-width: 1350px) {
     .services h4 {
      font-size: 15px;
    }
  }

  @media screen and (min-width: 320px) {
    .services h2{
      font-size: 28px;
    }
    
  }