/* 
    Created on : 12 Jul 2023, 20:08:44
    Author     : adilirshad
*/

.single-service-solari .title
{
    font-size: 18px;
}

.single-service-solari .title:hover
{
    color: #fff;
}


.thumbnail-solari-about .experiencea-area
{
    bottom: 50px;
}

.blog-style-four .inner-content-blog a .title
{
    margin-top: 0px;
    line-height: normal;
    text-transform: none;
    font-size: 18px;
}
.blog-style-four .inner-content-blog .head
{
    margin-bottom: 0px;
}

.inner-content h5
{
    margin-bottom: 0px;
}
.blog-style-four .inner-content-blog
{
    width: 100%;
    left: 0px;
}
.blog-style-four .thumbanil img
{
    max-height: 270px;
    min-height: 270px;
}
.latest-development-overlay
{
    background: #044323;
    opacity: 0.8;
    padding: 10px;
    min-height: 100px;
    border-radius: 0px 0px 10px 10px;


}
.latest-development-overlay a
{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 70px;
    overflow: hidden;
}
.rts-section-gap
{
    padding: 30px 0px;
}
.rts-section-gapBottom
{
    padding-bottom: 40px;
}
.single-service-start
{
    background: #F6F6F6;
}
.single-service-start .inner-content
{
    padding: 10px;
    margin-top: 0px;
}

.single-service-start .inner-content .title
{
    font-size: 16px;
    margin-bottom: 0px;

}
.single-service-start .inner-content .title a
{
    /*text-decoration: none;*/
}
.single-service-start .inner-content .title a:hover
{
    text-decoration: underline;
}
.solari-about-left-content .content-inner p.disc
{
    width: 100%;
}
p
{
    margin: 0 0 20px;
}


.single-service-solari
{
    background-image: none;
}
.single-service-solari.two
{
    background-image: none;
}
.single-service-solari.three
{
    background-image: none;
}
.single-service-solari.four
{
    background-image: none;
}
.single-service-solari.five
{
    background-image: none;
}
.single-service-solari.six
{
    background-image: none;
}



@media only screen and (max-width: 767px)
{
    .main-haeder-wrapper-h2 a.logo-area {
        /*padding: 0px;*/
    }
    .main-haeder-wrapper-h2 a.logo-area img {
        max-width: 100%;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px)
{
    .main-haeder-wrapper-h2 a.logo-area img {
        max-width: 100%;
    }
}
.main-nav-one ul li.has-dropdown
{
    margin-right:  0px;
}

.single-footer-one-wrapper
{
    display: block;
    padding-top: 30px;
}
.main-nav-one ul li.has-dropdown .submenu
{
    min-width: 300px;
}
nav ul li a
{
    padding: 20px 0px;
}

nav ul li ul li a
{
    font-weight: normal;
}

.rts-social-style-one ul li a
{
    background: #fff;
}
.rts-social-style-one ul li a:hover
{
    background: #fff;
}

.rts-social-style-one ul li a i
{
    color: #044323;
}

.footer-bg-two .shape-image-f-2
{
    left: 0px;
    opacity: 0.2;
}
.footer-bg-two .pages-footer ul li a p:hover
{
    color: #fff;
    text-decoration: underline;
}
.single-footer-component ul li a:hover
{
    color: #fff;
}

.cpmpay-story-single-about .body
{
    padding: 10px;
}
.cpmpay-story-single-about .title
{
    /*font-size: 16px;*/
    margin-top: 0px;
    margin-bottom: 10px;
}

.skew-up
{
    margin-top: 50px;
}

.bg-breadcrumb
{
    background-image: url(../images/canada/services/nadra/nadra-banner.png);
    height: 350px;
}

h3{
    margin-bottom: 0px;
}

h3, .h3
{
    line-height: normal;
}

.mt-5
{
    margin-top:5px;
}
.mt-10
{
    margin-top:10px;
}
.mt-15
{
    margin-top:15px;
}
.mt-20
{
    margin-top:20px;
}

.rts-single-service-solar-energy .icon
{
    border: 1px solid #044323;
}

.primary-color
{
    color: #044323;
}
.footer-contact-wrapper-2 .info-content a:hover .title
{
    color: #fff;
    text-decoration: underline;
}
.fs-36
{
    font-size: 36px;
}
.single-feature-soalri-3 .title
{
    font-size: 18px;
}

.border-top-copyright a:hover
{
    color: #c1c1c1;
    text-decoration: underline;
}

p
{
    color: #000;
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
}
.faq-area-start-one .accordion .accordion-item
{
    padding: 10px 20px;
}
.faq-area-start-one .accordion .accordion-item h2 .accordion-button i
{
    height: 40px;
    width: 40px;
}
.faq-area-start-one .accordion .accordion-item h2 button
{
    font-size: 16px;
}
.faq-area-start-one .accordion .accordion-item .accordion-body
{
    margin-top: 0px;
}
.table td, .table th
{
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
.skew-up
{
    margin-top: 10px;
}
ul li
{
    color: #000;
    font-weight: normal;
    font-size: 16px;
    line-height: normal;

}

ol li
{
    color: #000;
    font-weight: normal;
    font-size: 16px;
    line-height: normal;

}

.faq-area-start-one .accordion .accordion-item h2 button
{
    font-weight: 600;
}

.rts-single-wized
{
    padding: 15px;
}
.rts-single-wized .single-categories li a
{
    border-radius: 5px;
    padding: 15px 15px;
    margin-top: 20px;
    font-size: 16px;
}

.banner-two-main-wrapper-solaric.four
{
    background-image: url(../images/canada/banners/07.jpg);
}

.banner-two-main-wrapper-solaric
{
    background-image: url(../images/canada/banners/03.jpg);
}
.banner-two-main-wrapper-solaric.two
{
    background-image: url(../images/canada/banners/02.jpg);
}
.banner-two-main-wrapper-solaric.three
{
    background-image: url(../images/canada/banners/01.jpg);
}

.social-header-top-h2 ul li a:hover i
{
    color: #c1c1c1;
}

.col-lg-3-p {
    flex: 0 0 auto;
    width: 19%;
}



.border-top-copyright

{
    border-top: 1px solid #585859;
}

.header--sticky
{
    background: #f9f6f6;
}



.blog-single-one .body
{
    padding: 10px 30px 30px 30px;
}

.card
{
    width: 100%;
    margin-bottom: 20px;
}

.show-3dots {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 40px;
    overflow: hidden;
    font-weight: 500;
    font-size: 16px !important;
}
.sub-heading {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
}

.card :hover img {
    transform: scale(.95);
}

.img-thumbnail
{
    border: 0px;
}


.home-blog {
    padding-top: 80px;
    padding-bottom: 80px;
}
@media (min-width: 992px) {
    .home-blog {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
.home-blog .section-title {
    padding-bottom: 15px;
}
.home-blog .media {
    margin-top: 50px;
}
@media (min-width: 768px) {
    .home-blog .media {
        margin-top: 30px;
    }
}
.bg-sand {
    background-color: #f5f5f6;
}
.media.blog-media {
    margin-top: 30px;
    position: relative;
    display: block;
    border: 1px solid #efeff3;
}
@media (min-width: 992px) {
    .media.blog-media {
        display: table;
        min-height: 200px;
        max-height: 200px;
    }
}

.media.blog-media > a {
    position: relative;
    display: block;
}
@media (min-width: 992px) {
    .media.blog-media > a {
        display: table-cell;
        vertical-align: top;
        min-width: 200px;
    }
}
@media (min-width: 1200px) {
    .media.blog-media > a {
        min-width: 200px;
        padding-top: 20px;
    }
}
.media.blog-media > a:before {
    position: absolute;
    content: "";
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    opacity: 0;
    transform: scale(0);
    transition: transform 0.3s ease, opacity 0.3s;
    background: rgba(12, 198, 82, 0.7);
}
.media.blog-media > a img {
    width: 100%;
    border-right: 1px solid #efeff3;
}

.media.blog-media:hover .media-body a.post-link {
    color: #044323;
    text-decoration: underline;
}
.media.blog-media .media-body {
    border: 1px solid #efeff3;
    padding: 0px 30px 10px;
    font-size: 14px;
    background: #fff;
    border-top: none;
}
@media (min-width: 992px) {
    .media.blog-media .media-body {
        padding: 15px 20px 10px;
        border-top: 1px solid #efeff3;
        border-left: none;
        display: table-cell;
        vertical-align: top;
    }
}
@media (min-width: 1200px) {
    .media.blog-media .media-body {
        padding: 30px 20px 10px;
    }
}
.media.blog-media .media-body h5 {
    transition: color 0.3s ease;
    margin-bottom: 15px;
}
@media (min-width: 992px) {
    .media.blog-media .media-body h5 {
        font-size: 15px;
    }
}
@media (min-width: 1200px) {
    .media.blog-media .media-body h5 {
        margin-bottom: 15px;
        font-size: 18px;
    }
}
.media.blog-media .media-body a.post-link {
    display: block;
    color: #222;
    font-size: 11px;
    padding: 23px 0;
    text-transform: uppercase;
    font-weight: 400;
}
@media (min-width: 992px) {
    .media.blog-media .media-body a.post-link {
        padding: 7px 0;
    }
}
@media (min-width: 1200px) {
    .media.blog-media .media-body a.post-link {
        padding: 23px 0;
        font-size: 14px;
    }
}
.media.blog-media .media-body ul {
    position: relative;
    padding: 10px 0 0;
}
.media.blog-media .media-body ul li {
    display: inline-block;
    width: 49%;
    position: relative;
}
.media.blog-media .media-body ul li:before {
    position: absolute;
    content: "";
    top: 5px;
    left: 0;
    width: 1px;
    height: 14px;
    background: #eeeef2;
}
.media.blog-media .media-body ul li:first-child:before {
    visibility: hidden;
}
.media.blog-media .media-body ul:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #eeeef2;
}

.single-service-start .inner-content a
{
    text-decoration: none;


}

.single-service-start .inner-content a h5:hover{
    text-decoration: underline;
    color: #044323;
}

.main-haeder-wrapper-h2 .actions-area .search-btn
{
    margin-left: 10px;
}
.main-haeder-wrapper-h2 .actions-area .menu-btn
{
    margin-left: 10px;
}


.mobile-menu-main nav ul{
    padding: 0px;
}
.mobile-menu-main nav ul li a.main
{
    font-size: 16px;
}
.mobile-menu-main nav ul li.has-droupdown ul a
{
    font-size: 16px;
}
.side-bar button i{
    height: 40px;
    width: 40px;
    font-size: 18px;
}
.mobile-menu-main nav ul li.has-droupdown::after {
    top: 15px;
    font-size: 12px;
    padding: 0px 10px;

}
.side-bar button {

    top: 0;
    left: 0;
    padding: 0px;
    margin-right: auto;
    margin-left: 0;
}
.side-bar button i
{
    margin-left: 0px;
    margin-top: 0px;
}

.graywhite
{
    color: #939191;
    font-size: 15px;
}

@media only screen and (max-width: 575px) {
    .header--sticky.sticky {
        display: none;
    }
    .w-50
    {
        width: 100%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header--sticky.sticky {
        display: none;
    }
}

nav ul
{
    justify-content: space-between;
}

nav ul li
{
    color: #3D4144;
    font-weight: 500;

    font-size: clamp(1rem, 1.3vw, 1.6rem);
    line-height: 30px;

}

.nav-link
{
    padding: 0px;
}

/*.header-main-h2
{
     min-height:90px; 
     padding-top: 20px;
}*/

.col-md-2-p
{
    flex: 0 0 auto;
    width: 10%;
    /*display: flex;*/
}

.w-20
{
    width: 20%;
}
.main-haeder-wrapper-h2 a.logo-area{
    padding: 10px 0px;
}

@media only screen and (max-width: 767px) {
    .w-50 {
        width: 100% !important;
    }
}


.tracking input {
    background: #FFFFFF;
    border: 2px solid #044323;
    box-shadow: 0px 4px 47px rgba(0, 0, 0, 0.01);
    border-radius: 3px;
    height: 50px;
    padding: 5px 15px;
    font-weight: bold;
}

.inf img
{
    width: 24px;
}

.inf menu, ol, ul
{
    padding: 0px;
}

.main-nav-one ul li.has-dropdown .submenu li
{
    padding: 0px;
}

.main-nav-one ul li.has-dropdown .submenu li:hover {
    background-color: #044323;
}

.main-nav-one ul li.has-dropdown .submenu li:last-child {
    border-radius: 0 0 10px 10px; /* Rounds bottom corners */
    overflow: hidden; /* Ensures rounded corners apply properly */
}

.main-nav-one ul li.has-dropdown .submenu li:last-child a {
    border-radius: 0 0 10px 10px; /* Rounds bottom corners if <a> fills the li */
}

.main-nav-one ul li.has-dropdown .submenu li a:hover {
    color: #fff;
}

.main-nav-one ul li.has-dropdown .submenu
{
    border: none;
}

.single-service-solari::before {
    background: #044323;
}
.blog-style-four
{
    height: 300px;
}

.pages-footer ul li a i
{
    color: #D9D9D9;
}

.progress-wrap
{
    bottom: 100px;
}