/* Start Navbar  */

.navbar {
    padding: 0;
}

.main-menu ul li a {
    color: var(--accent-color);
}

.responsive-menu,
.navbar-toggle {
    display: block;
}

.slicknav_nav {
    border: 1px solid var(--accent-color);
    border-radius: 5px;
}

.slicknav_menu {
    width: 200px;
    left: 250px;
    top: -20px;
    background-color: transparent;
}

.slicknav_nav .slicknav_row,
.slicknav_nav li a {
    background-color: var(--white-color);
    color: var(--accent-color);
}

.slicknav_nav .slicknav_row,
.slicknav_nav li {
    background-color: var(--white-color);
    color: var(--accent-color);
}

.slicknav_nav .slicknav_row,
.slicknav_nav li a:hover,
.slicknav_nav .active-link a {
    background-color: var(--accent-color);
    color: var(--white-color);
}

.slicknav_btn {
    background-color: transparent;
}

.slicknav_icon .slicknav_icon-bar {
    background-color: var(--accent-color);
    height: 5px;
    width: 35px;
    margin: 6px auto !important;
}

.hero.hero-slider-layout .hero-pagination {
    bottom: 0;
}

.perso-bran h3 a {
    color: var(--accent-color);
}
/* Style my Swiper  */

.brief .swiper-slide {
    text-align: center;
}

.brief .swiper-slide img {
    max-width: 600px;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--accent-color);
}


/* Style Footer  */

.main-footer ul li a {
    padding: 20px 0;
}

.main-footer a {
    color: var(--white-color);
}

.main-footer a:hover {
    color: #d1d1d1;
}

.footer-copyright {
    margin-top: 0;
    padding: 0;
    border-top: none
}


/* Start Location */

.cnt-liner {
    max-width: 100%;
}

.divider-line {
    width: 500px;
    background: var(--accent-color);
    height: 3px;
    opacity: 0.5;
    /* position: relative; */
    /* display: inline-block; */
    /* min-width: 190px; */
    margin: 0;
}

.location h3 {
    font-size: 2.75em;
    /* display: flex; */
}

.about-us .section-title h2 {
    border-left: 5px solid var(--accent-color);
    padding-left: 10px;
}
.btn-default {
    padding: 17px !important ;
}
.error-page-content {
    max-width: none;
}
/* Start Projects Page  */
.projs-heading {
  --s: 40px; /* the size on the corner */
  --t: 2px;  /* the thickness of the border */
  --g: 20px; /* the gap between the border and image */
  
  padding: calc(var(--g) + var(--t));
  outline: var(--t) solid var(--accent-color); /* the color here */
  outline-offset: calc(-1*var(--t));
  -webkit-mask: 
    conic-gradient(at var(--s) var(--s),#0000 75%,#000 0)
    0 0/calc(100% - var(--s)) calc(100% - var(--s)),
    linear-gradient(#000 0 0) content-box;
  transition: 4s;
}
.page-gallery-box .photo-gallery img {
        aspect-ratio: unset;
}
.photo-gallery a,
.photo-gallery a:hover {
color: var(--accent-color);
}

/* STart Tariffs Page  */
.complex-parag-1,
.complex-parag-2 p {
    background-color: #F9F9F9;
    padding: 25px 50px;
    font-size: 20px;
}
.complex-parag-1 ul {
    padding: 25px 150px;
    font-size: 20px;
}
.tariffs .text-decor {
    font-weight: bold;
    font-size: 1em;
}
.tariffs .text-decor::after {
    content: '';
    display: block; 
    width: 60px;
    margin: 3px auto;
    border-bottom: 3px solid var(--accent-color);
    position: relative;
    text-align: center;
}

/* Start Steps Page  */
.num-step {
    font-size: 3.2em;
}
.step-divider {
    text-align: center;
    font-weight: 900;
    font-style: italic;
    letter-spacing: 5px
}
/* Start contact page  */
.contact .form-control {
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.contact .form-control:focus {
    border-color: unset;
    box-shadow: unset
}
.contact .form-check-input:checked {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}
.contact .form-check-input {
    border: 1px solid black;
}
.contact .form-check-input:focus {
    box-shadow: unset;
}
.contact a {
    color: var(--accent-color);
}
.projs-heading-mob h3  {
    font-size: 1.2em;
    margin: 25px 0 ;
}
.projs-heading-mob .num-step-mob {
    font-size: 2.2em;
    margin-top: 15px;
} 
.projs-heading-mob img {
    font-size: 2em;
    margin: 15px 0;
} 
.bg-gr {
    background-color: rgb(236, 236, 236);
    padding:25px;
    margin: 0;
    border-radius: 5px;
}