/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/



/*==========Google font==========*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/*==========Google font==========*/
* {
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Lato", sans-serif;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
  }
  ul {
    padding: 0px;
    margin: 0px;
  }
  li {
    list-style-type: none;
  }
  a {
    text-decoration: none;
    padding: 0px;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    margin: 0px;
    padding: 0px;
  }
  a:hover {
    text-decoration: none;
  }

  /******** Navbar Section ***********/
  #fixed_top {
    -webkit-box-shadow: 0px 4px 10px #ccc;
            box-shadow: 0px 4px 10px #ccc;
    height: 60px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}
  .navbar{
    background: #fff;
    padding: 10px 0px;
    border-bottom: 1px solid #dddddd;
  }
  .navbar-brand span{
    color: #B91C1C;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
  }
  .navbar-brand img{
    height: 40px;
    margin-right: 10px;
  }
  #nav_menu{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #nav_menu li {
    margin: 0px 5px;
  }
  #nav_menu li .nav-link{
    color: #000;
    font-weight: 500;
    font-size: 16px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  #nav_menu li .nav-link:hover{
    color: #B91C1C !important;
  }
  .active  {
    color: #B91C1C !important;
    font-weight: 600 !important;
  }
  .nav_btn a{
    background: #B91C1C;
    color: #fff;
    font-size: 13px;
    padding: 7px 15px;
    border-radius: 5px;
    border: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  .nav_btn a:hover{
    background: #7c1111;
  }

  #user_id{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
   #user_id ul li {
    color: #575757;
    font-size: 15px;
    font-weight: 400;
  }
  /******** End Navbar Section ***********/


  /***** Slider Part *********/
  #same_bg{
    background: #F3F4F6;
  }
  #slider_part{
    margin: 80px 0px 30px 0px;
  }
 #slider_part .owl-prev {
  left: -20px;
  top: 200px;
  width: 30px;
  height: 30px;
  color: #000;
  background: transparent;
  -webkit-box-shadow: 0px 0px 3px #000;
  box-shadow: 0px 0px 3px #000;
  border-radius: 50%;
  text-align: center;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  top: 45%;
  left: 2%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  position: absolute;
  opacity: 0;
}
#slider_part:hover .owl-prev {
  opacity: 1;
}
#slider_part .owl-next {
  right: -20px;
  top: 200px;
  width: 30px;
  color: #000;
  height: 30px;
  background: transparent;
  -webkit-box-shadow: 0px 0px 3px #000;
  box-shadow: 0px 0px 3px #000;
  border-radius: 50%;
  text-align: center;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  top: 45%;
  right: 0%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  position: absolute;
  opacity: 0;
}
#slider_part:hover .owl-next {
  opacity: 1;
}


#slider_part .owl-prev, #slider_part .owl-prev {
    position: absolute;
}
.add_img {
    overflow: hidden;
    height: 450px;
    width: 100%;
    border-radius: 10px;
}
.add_img img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border-radius: 10px;
}
  /***** End Slider Part *********/

  /*** News Ticker******/
.ticker-container {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    background-color: #333;
    margin-bottom: 50px;
    border-radius: 5px;

}
.ticker_title{
    position: absolute;
    background: #B91C1C;
    height: 25px;
    overflow: hidden;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0px 10px;
    color: #fff;
}
.ticker_title h6{
  font-size: 18px;
}
.ticker {
    list-style-type: none;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    -webkit-animation: ticker-scroll 50s linear infinite;
            animation: ticker-scroll 50s linear infinite;
}

.ticker li {
  display: inline-block;
  color: #fff;
  font-size: 15px;
  padding: 0px 20px;
  position: relative;
}
.ticker li::after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  background: #fff;
  border-radius: 50%;
  left: 5px;
  bottom: 7px;
}
@-webkit-keyframes ticker-scroll {
    0% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
}
  
@keyframes ticker-scroll {
    0% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
}

  /***End News Ticker******/

  /****** Wellcome ********/
  .welcome_top{
    padding-bottom: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .welcome_top h1{
    font-size: 30px;
    color: #B91C1C;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  .welcome_top p{
    font-size: 17px;
    color: #242424;
    text-align: center;
    line-height: 28px;
  }
  /****** End Wellcome ********/

  /***** Achievements *******/
  .achievement{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 50px;
  }
  .achievement_title{
    background: #fff;
    width: 100%;
    text-align: center;
  }
  .achievement_title h2{
    font-size: 25px;
    padding: 10px 0px;
    text-transform: uppercase;
    color: #B91C1C;
  }
  .achievement_body{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .achievement_item{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #fff;
    margin: 10px;
    height: 200px;
    width: 23%;
    border-radius: 10px;
    -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  }
  .achievement_item:nth-child(1){
margin-left: 0px;
  } 
  .achievement_item:nth-child(4){
margin-right: 0px;
  }
  .achievement_icon i{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #FEF2F2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 20px;
  }
  .achievement_total p{
    font-weight: 600;
    font-size: 18px;
  }
  .achievement_text small{
    font-size: 13px;
    color: #888888;
  }
  /***** End Achievements *******/

  /******* Footer **********/
  .footer{
    background: #000000;
    padding: 50px 0px;
  }
  .footer_body{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .footer_item{
    width: 33%;
  }
  .footer_logo img{
    width: 70px;
    height: 70px;
  }
  .logo_title h3{
    color: #dad9d9;
    margin-top: 15px;
    font-size: 22px;
    line-height: 35px;
  }
  .footer_title h3{
    color: #dad9d9;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 35px;
  }
  .footer_link ul li a{
    color: #b8b8b8;
    font-size: 16px;
    margin: 5px 0px;
    display: block;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  .footer_link ul li a:hover{
    color: #B91C1C;
  }
  .copy_right{
    border-top: 1px solid #fff;
    text-align: center;
    margin-top: 20px;
  }
  .copy_right p{
    padding: 20px 0px 0px 0px;
    color: #e7e7e7;
    font-size: 14px;
  }
  .copy_right p span{
    color: #e7e7e7;
    font-size: 14px;
  }
  /******* End Footer **********/

  /******** Check *********/
  #check{
    background-image: url('../images/animated.gif');
    border-bottom: 1px solid #fff;
    padding-bottom: 30px;
  }
  .form_logo{
    padding-top: 40px;
  }
  .form_logo a{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .form_logo img{
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
  }
  .form_logo h3{
    color: #B91C1C;
    font-size: 28px;
    font-weight: 500;
    border-bottom: 2px solid #e7b1b1;
    padding-bottom: 5px;
  }
  .check_form{
    margin: 20px 0px;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
  }
  .check_form label{
    font-size: 13px;
    font-weight: 600;
  }
 
  .check_form button{
    background: #F87171;
    color: #fff;
    font-size: 13px;
    padding: 7px 15px;
    border-radius: 5px;
    border: 2px solid transparent;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-align: center;
  }
  .check_form button:hover{
    border: 2px solid #F87171;
    color: #F87171;
    background: #fff;
  }
  /* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
  /******** End Check *********/

  /******************* Start Contact ***********
***************/
#contact {
    background-image: url(../images/contact.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    z-index: 0;
    height: auto;
    width: 100%;
    color: #fff;
    position: relative;
    padding: 30px 0px;
  }
  #contact::after {
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #223440;
    position: absolute;
    opacity: 0.6;
    z-index: -1;
  }
  #contact .title {
    margin-bottom: 30px;
  }
  #contact .title h1 {
    margin-bottom: 10px;
    font-size: 35px;
    font-family: "Poppins", sans-serif;
    color: #B91C1C;
    border-bottom: 2px solid #ddb6b6;
    padding-bottom: 5px;
    display: inline-block;
  }
  #contact .title p {
    font-size: 15px;
    font-family: "Lato", sans-serif;
  }
  #contact .all_item {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 50px;
  }
  #contact .all_item .item {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #contact .all_item .item .right {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #contact .all_item .item .left {
    width: 50px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 1005;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 10px;
  }
  #contact .all_item .item i {
    color: #000;
    font-size: 20px;
    padding: 0px !important;
  }
  #contact .all_item .item .right {
    margin-left: 20px;
  }
  #contact .all_item .item .right h6 {
    color: #44a7c0;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
  }
  #contact .all_item .item .right p {
    font-size: 15px;
    font-family: "Lato", sans-serif;
  }
  
  #contact .form_part {
    background: #fff;
    color: #000;
    padding: 20px;
    border-radius: 10px;
  }
  
  #contact .form_part h4 {
    font-family: "Poppins", sans-serif;
    margin-bottom: 15px;
    color: #B91C1C;
  }
  #contact input::-webkit-input-placeholder {
    font-size: 14px;
  }
  #contact input::-moz-placeholder {
    font-size: 14px;
  }
  #contact input:-ms-input-placeholder {
    font-size: 14px;
  }
  #contact input::-ms-input-placeholder {
    font-size: 14px;
  }
  #contact input::placeholder {
    font-size: 14px;
  }
  #contact input:focus {
    outline: none;
    border: none;
  }
 

  #contact button{
    background: #F87171;
    color: #fff;
    font-size: 13px;
    padding: 7px 20px;
    border-radius: 5px;
    border: 2px solid transparent;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-align: center;
  }
  #contact button:hover{
    border: 2px solid #F87171;
    color: #F87171;
    background: #fff;
  }
  /******************* End Contact ***********
  ***************/

  .under{
    overflow: hidden;
    height: 550px;
    width: 100%;
  }
.under img{
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
}

/******* Dashboard ******/
#check_bg{
  margin: 30px 0px;
}
.check_link{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.check_link h4{
  color: #3a3a3a;
  font-weight: 500;
  font-size: 20px;
}
.check_link i{
  color: #3a3a3a;
  font-size: 18px;
  margin: 0px 8px;
}
.check_link a{
  background: #B91C1C;
  color: #fff;
  padding: 7px 15px;
  font-size: 15px;
  border-radius: 5px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.check_link a:hover{
  background: #610e0e;
  color: #fff;
}
.welcome{
  background: #fff;
  padding: 30px 0px;
  margin: 50px 0px;
  border-radius: 10px;
  -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
          box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.welcome{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.welcome h2{
  font-size: 35px;
  color: #1d1d1d;
}
.welcome h2 span{
  font-size: 35px;
  color: #B91C1C;
}

.check_box{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.check_tilte h4{
  font-size: 20px;
  color: #000;
  margin-right: 20px;
}
.check_menu ul{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
          box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  padding: 12px;
  border-radius: 10px;
}
.check_menu ul li{
  margin: 0px 8px;
}
.check_menu ul li a{
  font-size: 15px;
  color: #292929;
}
.check_menu ul li a i{
  font-size: 13px;
  color: #292929;
}
.check_menu ul li a:hover{
  color: blue;
}
.check_menu ul li:hover a i {
  color: blue;
}
.check_menu ul li i{
  font-size: 13px;
  color: #292929;
}
/******* End Dashboard ******/


/******** Details ********/
.user_details{
  background: #fff;
  padding: 20px;
  margin: 30px 0px;
  -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
          box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 10px;
}
.user_body{
  background: #50c8e6;
  border-radius: 10px;
  padding: 10px;
}
.photo_1 h1{
  font-size: 35px;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 0px 15px 0px;
}
.photo_1 h1 i{
  font-size: 30px;
  color: #000;
}
.photo_2 p{
  font-size: 16px;
  text-align: justify;
  margin: 0px 10px 20px 10px;
  background: #67E8F9;
  padding: 10px;
  border-radius: 5px;
}
.photo_2 p span{
  font-size: 16px;
  font-weight: 600;
}

.client_img{
  height: 230px;
  width: 100%;
  border-radius: 5px;
  /* border: 1px solid #b1afaf; */
  padding: 0px;
  overflow: hidden;
position: relative;
margin-bottom: 15px;
}
.client_img img{
  height: auto;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 4px solid #44a7c0;
  border-radius: 5px;
}
.approved{
  position: absolute;
  bottom: -30px;
  height: 120px;
  width: 100%;
}
.approved img{
  height: auto;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
  border: none;
}
.details_item{
  margin: 17px 0px;
  border: 4px solid darkcyan;
  border-radius: 5px;
}

.info_title{
  background: #000;
  margin: 0px 0px 10px 0px;
}
.info_title h2{
  color: #fff;
  font-size: 22px;
  text-align: center;
  padding: 10px 0px;
}
.info_details{
  background: #fff;
  padding: 10px;
}
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
  padding: 10px;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
  font-size: 15px;
}
.file_img{
  overflow: hidden;
}
.file_img img{
  width: 100%;
  height: 100%;
}
/******** End Details ********/