:root {
    --theme-color: #0289c6!important;
}
.header-layout5 .header-logo, .header-layout5 .header-btns2 {
    padding: 3px 68px!important;
}
.main-menu .main-menu__list {
    gap: 53px!important;
    margin-left: -10px!important;
}
.footer-info--style2.v2 .footer-info_icon {
    margin-bottom: 45px!important;
}
.fqwf{
    
}
.point-sm{
    font-size: 13px;
}
.price-block--style2 .price-block__body {
    height: 627px !important;
/*    width: 569px!important;*/
}
.price-block__list p::hover{
    color: white;
}
.service-block {
    height: 480px!important;
}
.price-block--style2 {
    padding-right:0px!important;
}
textarea.form-control, textarea {
    min-height: 150px!important;
}
@media only screen and (min-width: 600px) and (max-width: 768px) {
  /* Tablet portrait styles */
  .vs-menu-toggle {
    margin-left: 375px!important;
}
  }
}
.header-logo a{
    background-color: white!important;
}
.contact__wrapper {
    background-color: white!important;
    outline: 2px solid!important;
    border-radius: 15px!important;
}
.form--contact .sec-title, .form--contact .sec-text {       
    color: #000000!important;
}
.form--contact .form-group .form-control {
    border: 1px solid #000000!important;
        border-radius: 20px;
}
.bg-gray222 {
    background-color: #e5e5e530;
}
@media (max-width: 766.98px) {
    .mscreen {
        margin-left: -33px;
        max-height: 145px !important;
    }
}

@media(max-width: 425.98px) {
   .mscreen{
        margin-left: -33px;
        max-height: 120px!important;
    }
    img:not([draggable]), embed, object, video {
    max-width: 210%;
    height: auto;
}
@media (max-width: 375.98px) {
    .mscreen {
        margin-left: -33px;
        max-height: 85px !important;
    }
}

.vs-menu-toggle {
    margin-left: 100px!important;
}
     }    
}
.menusmd{
    max-height: 35px;
    max-width: 45px;
    margin-left: 126px;
}
}
.header-layout5 .header-logo a {
    background-color: #ffffff!important;
}
.vs-menu-wrapper .mobile-logo
 {
    background-color: #ffffff!important;
}

   /*---------tablet--------*/

@media (max-width: 991px) {
    .header-box1 {
        margin: 0 0px 0 286px!important;
    }
}
/*-------Laptop-------*/
@media (max-width: 1199px) {
    .header-box1 {
        padding: 15px 15px;
        margin: 0px 0px 0px 286px;
    }
    .main-menu .main-menu__list {
    gap: 86px !important;
    margin-left: 3px !important;
}
}
@media(max-width: 1499px){
    .header-box1{
    margin: 0 0px 0 286px!important;
}
}
@media(max-width: 2590px){
    .header-box1{
        margin: 0 3px 0 289px !important;
}
}
@media (max-width: 340px) {
    .vs-menu-toggle {
        margin-left: 42px !important;
    }
}
.price-block--style2:hover .price-block__body {
    background-color: white;
     border: 1px solid var(--title-color); 
}
#gb_sumsg {
  text-align: center;
  margin-top: 10px;
}
.proj_img{
    width: 100%;
    height: 250px !important;
    object-fit: cover;
}


.custom-section {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  background: linear-gradient(to bottom, #006bc3, #006bc3);
  position: relative;
  overflow: hidden;
}

.custom-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: 
    radial-gradient(circle at 30% 30%, rgba(255,255,255,0.08), transparent 50%),
    radial-gradient(circle at 70% 70%, rgba(255,255,255,0.04), transparent 50%),
    linear-gradient(135deg, rgba(255,255,255,0.05) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.05) 50%, rgba(255,255,255,0.05) 75%, transparent 75%, transparent);
  background-size: 100% 100%, 100% 100%, 80px 80px;
  z-index: 0;
  opacity: 0.6;
}
.custom-section .content {
  position: relative;
  z-index: 1;
  max-width: 700px;
  padding: 2rem;
}

.list-style4 li::before{
    background-color: white!important;
}

.footer-layout--style5 .overlay {
    background-color: #036dc4;
}