.section-title h2 {
  text-transform: math-auto;
}

.team .single-team .image img {
    width: 416px;;
    max-height: 233.5px;
    object-fit: cover;
}


.blog-section .single-blog .blog-img img {
    height: 277px;
  }

.footer {
      padding: 35px 0;
      text-align: center;
      color: #f2f2f2;
  }

.main_info a{
  display: block;
  color: #fff;
}

.footer span {
  color: #999;
}

.url_galery  {
  margin: 30px 0;
}

.bg_my {
  background-color: #FF6600;
}


.form-group {
    margin-bottom: 15px;
    display: block;
}

.form-group input {
    height: 52px;
    line-height: 52px;
    width: 100%;
    border: 1px solid #e6e2f5;
    padding: 0 20px;
    color: #333;
    font-weight: 400;
    border-radius: 5px;
    background-color: #f9f9f9;
}


 .form-group textarea {
    height: 180px;
    width: 100%;
    border: 1px solid #e6e2f5;
    padding: 15px 20px;
    color: #333;
    resize: none;
    font-weight: 400;
    resize: vertical;
    border-radius: 5px;
    background-color: #f9f9f9;
  }


.form-group.button .btn {
      height: 50px;
      border: none;
      width: 100%;
  }


.send_contact {
  background-color: #FF6600!important;
  color:white!important;
}

.send_contact:hover {
  background-color: #081828!important;
  transition: 0.5s!important;
}


.flex-grow-1 {flex: 1 1 0; max-width: 100%; min-width: 50px;}
.toasts {position: fixed; right: 10px; top: 20px; z-index: 999999999999; display: grid; gap: 20px;}
.toast {background-color: #fff; color: #000; border-radius: 6px; overflow: hidden;
	position: relative; width: 400px; display: flex; align-items: center; gap: 20px;
	padding: 16px 20px; box-shadow: 0 5px 20px rgba(0,0,0,0.2); --accent: #00a2ff;
	animation: showToast 0.5s ease forwards; max-width: calc(100vw - 40px);}
.toast__icon {font-size: 28px; color: var(--accent);}
.toast__title {font-weight: 700;}
.toast__text {font-size: 14px;}
.toast__close {font-size: 18px; margin: 0 -10px; display: grid; place-items: center;
	cursor: pointer; opacity: 0.6; width: 40px; height: 40px;}
.toast::after {content: ''; width: 100%; height: 3px; background-color: var(--accent);
	position: absolute; left: 0; bottom: 0; animation: progressToast var(--toast-timer) linear forwards}
.toast--success {--accent: #41b92f;}
.toast--warning {--accent: #f4bd00;}
.toast--error {--accent: #dd3954;}
.toast--is-hiding {animation: hideToast 0.5s ease forwards;}
@keyframes progressToast {
	100% {width: 0}
}
@keyframes showToast {
	0% {transform: translateX(calc(100% + 20px));}
	40% {transform: translateX(-5%);}
	80% {transform: translateX(0%);}
	100% {transform: translateX(-10px);}
}
@keyframes hideToast {
	0% {transform: translateX(-10px);}
	40% {transform: translateX(0%);}
	80% {transform: translateX(-5%);}
	100% {transform: translateX(calc(100% + 20px));}
}

.toast:not(.showing):not(.show) {
  opacity: 1!important;
}

.callme h2 {
  font-size: 20px;
    margin: 20px 0;
}

.callme  input {
  margin: 5px 0;
}

.callme  .info {
  color: #111;
  margin-top: 10px;
}


#myModal {
    width: 70%; height: 300px;
    padding: 18px 9px;
    border-radius: 4px;
    background: #fafafa;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    margin: auto;
    display: none;
    opacity: 0;
    z-index: 38;
    text-align: center;
    overflow: hidden!important;
}

#myModal #myModal__close {
    width: 21px; height: 21px;
    position: absolute;
    font-size: 29px;
    top: 8px; right: 21px;
    cursor: pointer;
    display: block;
}

#myOverlay {
    z-index: 37;
    position: fixed;
    background: rgba(0,0,0,.7);
    width: 100%; height: 100%;
    top: 0; left: 0;
    cursor: pointer;
    display: none;
}

.color1 {
      background-color: #99999947;
}

.color2 {
      background-color: #b2b2b21f;
}

.testimonials .single-testimonial {
    padding: 10px 10px;
    margin: 15px 0;
    border-radius: 15px;
}

 .post-thumbnils img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.detail-inner ul li {
  list-style: disc;
      margin-left: 16px;
}


.post-title  {
    font-size: 22px;
    font-weight: 600;
    display: inline-block;
}

.blog-single .meta-information {
    background-color: #fff;
    padding: 20px 30px 0px 30px;
}


.box_info {margin-top: 84px;}

.general {
    background-color: #007bff;
    z-index: 999;
    position: fixed;
    -webkit-box-shadow: 0px 10px 25px 0px rgba(18, 18, 18, 0.05);
    -moz-box-shadow: 0px 10px 25px 0px rgba(18, 18, 18, 0.05);
    box-shadow: 0px 10px 25px 0px rgba(18, 18, 18, 0.05);
}


.footer-area {
  padding: 10px 0 30px 0!important;
}


.footer-support a {
  display: block;
  color: #fff;
}

.copyright  {
  color: #fff;
}

.g600 {
  font-size: 60px!important;
  line-height: 70px!important;
}

.carousel-item .slider-image-box {
  top: -180px;
      right: -35px;
}

.carousel-item .slider-image-box .slider-image {
  max-width: 513px!important;
}

.mr-10 {
  margin-right: 10px;
}

    .single-features a img {
    height: 200px;
    width: 100%;
    object-fit: cover;
    }

    .single-features a {
    display:block;
    }

    .blos {
    padding: 0!important;
    }

    .button_v2 {
    border-color: #0067f4;
    background-color: #0067f4;
    color: #fff;
    position: relative;
    top: 60px;
    padding: 10px 24px;
    border-radius: 5px;
    font-weight: 700;
    transition: 0.5s;
    }

    .button_v2:hover {
    color: #fff;
    background-color: #0056b3;
    transition: 0.5s;
    }

    .team-style-eleven .team-image img {
    height: 370px;
    object-fit: cover;
    }

    .team-style-eleven:hover .team-content {
    padding-top: 25px!important;
    }

    .team-style-eleven .team-content {
    padding: 25px!important;
    }

    .full {margin: 100px 0 0 0;}
    .post-title {margin: 15px 0;}
    .fullstory {margin: 15px 0;}
    .fullstory ul li {
    list-style: auto;
    margin-left: 30px;
    }

    .mobile {display:none;}

    @media only screen and (max-width: 991px) {
    .mobile { position: relative; top: -115px; display: block!important; }
    .slider-content {padding-top: 110px!important;}
    .g600 {font-size: 40px!important; line-height: 50px !important;}
    }