@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
::selection {
    background: #e7bf5e;
    color: #fff
}
::-webkit-scrollbar {
    background: #ddd;
    width: 5px
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px #fff;
    border-radius: 10px
}
::-webkit-scrollbar-thumb {
    background: #e7bf5e;
    border-radius: 50px
}
::selection {
    background: #e7bf5e;
    color: #fff
}
@font-face{font-family:FuturaPT Book;src:url(../fonts/FuturaPTBook.otf)}
@font-face{font-family:Stonekids Personal;src:url(../fonts/stonekids-personal-use.ttf)}
*{margin: 0;padding: 0;box-sizing: border-box;font-family: 'Open Sans', sans-serif;font-weight: 400;}
textarea:focus, input:focus{outline: none;}
p{margin-bottom: 10px;font-size: 16px;font-weight: 400;color:#666666;}
ul{list-style: none;font-weight: 300;font-size: 16px;color:#666666}
a{text-decoration: none;color: #fff;font-size: 16px;}
.container{max-width: 1180px;margin: auto;}
.padding{padding:10px;}
.row{margin: 0px -10px}
.button{display: inline-block;background: #e7bf5e;padding: 10px 20px;border: 1px solid #e7bf5e;transition-duration: 0.5s}
.button:hover{background: none;color:#e7bf5e;}
.clear{clear: both;}
.white{color:#fff !important;}
.theme-color{color:#c99f39 !important}
.posrel{position: relative;}
.heading{font-size: 32px;color:#e7bf5e !important;}
.heading span{color: #222;}
.sub-heading{font-size: 24px;}
.center{text-align: center;}
.fullwidth{width: 100%}

.py-5{padding: 50px 0px}
.py-3{padding: 25px 0px}
.fix{height: 100%;overflow: hidden;}
.align-adj{padding-top: 25px;}
.col-c-12 {width:100%;}
.col-c-11 {width:86.66666667%;}
.col-c-10 {width:83.33333333%;}
.col-c-9 {width:75%;}
.col-c-8 {width:66.66666667%;}
.col-c-7 {width:58.33333333%;}
.col-c-6 {width:50%;}
.col-c-5 {width:41.66666667%;}
.col-c-4 {width:33.33333333%;}
.col-c-3 {width:25%;}
.col-c-2 {width:16.66666667%;}
.col-c-1 {width:8.33333333%;}
.col-c-1, .col-c-2, .col-c-3, .col-c-4, .col-c-5, .col-c-6, .col-c-7, .col-c-8, .col-c-9, .col-c-10, .col-c-11, .col-c-12 {float:left;}






/*Header Start Here*/

header{width: 100%;position: fixed;width: 100%;z-index: 999;}
.menu-toggle{top: 34px;right: 20px;color: #eeeeee;font-size: 2rem;cursor: pointer;z-index: 1000;display: none;position: fixed;}
nav{padding: 20px 0px;display: flex;justify-content: space-between;align-items: center;text-transform: uppercase;font-size:16px;}
.brand{font-weight: 300;transition: 0.5s ease;width: 114px}

nav ul{display: flex;}
nav ul li{list-style: none;position: relative;}
nav ul li a:nth-child(5){margin-left: 0px;margin-right: 0;}
nav ul li a{padding: 5px 0;margin: 0px 0px 0px 30px;position: relative;letter-spacing: 2px;font-size: 14px;}
nav ul li a:hover{color:#e7bf5e;}
.overlay{background-color: rgba(0,0,0,.95);position: fixed;right: 0;left: 0;top: 0;bottom: 0;transition: opacity 650ms;transform: scale(0);opacity: 0;display: none;}
.menu-button svg{width: 20px;display: inline-block;vertical-align: middle;}
.menu-button p{display: inline-block;vertical-align: middle;margin-bottom: 2px;padding-left: 5px;color:#fff;}
.menu-button a{border: 1px solid #fff;padding: 10px;transition-duration: 0.5s}
.menu-button a:hover{background: #e7bf5e;border:1px solid #e7bf5e;color: #fff}
.menu-button a:after, .menu-button a:before{display: none;}
.sticky{background: #fff;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);height: auto;transition-duration: 0.5s}
.sticky nav{padding: 5px 0px}
.sticky nav ul li a{color: #000;}
.sticky .brand{width: 75px;transition: 0.3s ease}
.sticky .menu-button a{border:1px solid #000;}
.sticky .menu-button p{color: #000;}
.sticky .menu-button a:hover{border:1px solid #e7bf5e;color: #fff}
.sticky .menu-button p:hover{color: #fff}
.mbl-logo{display: none;}
.sticky svg g{fill: #000;}
.sticky .menu-button:hover svg g{fill: #fff;}
.dropdown-des{position: absolute;transform: translateY(5px);display: none;transition-duration: 0.5s}
.dropdown-des ul{display: block;}
.dropdown-des ul li{width: 120px;margin-left: 30px;background: #fff;border-left: 5px solid #fff;}
.dropdown-des ul li a{color: #000 !important;display: block;margin: 0;padding: 10px}
.dropdown-des ul li a:hover{color: #222 !important}
.dropdown-des ul li a:before, .dropdown-des ul li a:after{display: none;}
.dropdown-des ul li:hover{background: #f4f4f4;border-left: 5px solid #e7bf5e;}
.dropdown:hover .dropdown-des{display: block}
.dropdown:hover a{color:#e7bf5e}
.mbl-number{display: none;}


    
/*End Here*/

/*Banner Start Here*/
.bannerdiv{background: url(../images/banner-img-desktop.jpg);height: 100vh;background-size: cover;background-position: center;background-position: center}
.banner-content{max-width: 1100px;margin:auto;}
.banner-contentdiv{padding: 15px;max-width: 600px;color: #fff;z-index: 9;padding-top: 15%}


.banner-contentdiv h1{font-size: 75px;color: #fff;font-weight: 300;line-height: normal;margin-bottom: 10px;font-family:Stonekids Personal;}
.banner-contentdiv h1 span{font-weight: 500;font-family:Stonekids Personal;color: #f0bf48}


.banner-contentdiv p{font-weight: 300;padding-bottom: 10px;font-size: 20px;line-height: normal;}
.banner-contentdiv h4{color:#e7bf5e;font-weight: 800;font-size: 22px;padding-bottom: 10px;position: relative;}
.banner-contentdiv h4:after{content: "";position: absolute;right: 125px;border-top: 2px solid #e7bf5e;width: 250px;top: 18px;}

/*
.slider-container{max-width: 1100px;margin:auto;}
.slider-padding{padding: 15px;max-width: 600px;color: #fff;position: absolute;top: 25%;z-index: 9;}
.slider-container h1{font-size: 95px;color: #fff;font-weight: 300;line-height: normal;margin-bottom: 10px;font-family:Stonekids Personal;}
.slider-container h1 span{font-weight: 500;font-family:Stonekids Personal;color: #f0bf48}
.slider-container p{font-weight: 300;padding-bottom: 10px;font-size: 20px;line-height: normal;}
.slider-container h4{color:#e7bf5e;font-weight: 400;font-size: 22px;padding-bottom: 10px;position: relative;}
*/
/*.zs-enabled .zs-slideshow .zs-bullets .zs-bullet.active {background-color: #e7bf5e !important;}
.zs-enabled .zs-slideshow .zs-bullets .zs-bullet{border: 0px !important;background-color: #fff !important}
.zs-enabled .zs-slideshow .zs-bullets{transform: rotate(90deg);right: 0;bottom: 50% !important;margin-bottom: -50px;left: initial !important;width: auto !important;}*/
/*.slider-container h4:after{content: "";position: absolute;right: 155px;border-top: 2px solid #e7bf5e;width: 250px;top: 2px;}*/
/*
.swiper-slide{height: 100% !important}
.swiper-container-horizontal>.swiper-pagination{bottom: 55px !important;}
.swiper-pagination-bullet-active{background:#e7bf5e !important}
*/
/*End Here*/


/*Home Page form*/

.homepage_form_div{max-width: 1000px;margin: auto;padding: 10px;background: #fff;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);padding-bottom: 30px;position: absolute;top: -60px;left: 0px;right: 0px;}
.form-style{width: 24%;padding: 10px;box-sizing: border-box;background: #f4f4f4;border:0px;display: inline-block;font-size: 17px;border:2px solid #f4f4f4}
.homepage_form{z-index: 99;position: relative;height: 45px;background: #f8f8f8;}
.form-button{background:#e7bf5e;color: #fff;max-width: 200px;cursor: pointer;}

/*End Here*/


.projects_cards{background-color: #fff; border-radius: 20px;}
.project_card_details{padding: 10px}
.project_card_details h4{margin: 0px;font-weight: 400;color: #222;font-size: 20px;}
.project_card_details small{color:#999;font-size: 16px }


/*Why Choose Us Start Here*/

.why_choose_us{background:url('../images/why-choose-us-bg.jpg');background-size: cover;}
.wcu_box{color: #666;padding:45px 15px;text-align: center;border: 1px solid #c99f39;border-radius: 5px;background: #fff;}
.why_choose_us .button{margin: 0px 10px;}
.wcu_box p{padding-top: 7px} 


/*End Here*/


/*Video Section Start Here*/

.videoBoxMid {max-width: 840px;width: 100%;position: relative;margin:20px auto;}
.videoBoxMid img{width: 100%;display: block;}
.videoBoxMid iframe{width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}


/*End Here*/


/*Home Gallery*/

.home-gallery{background: #f8f8f8;}
.gallery-box{padding: 15px}
.gallery-box img{min-height: 246px}

/*End Here*/

/*Testmonial Slider*/

.review-box{max-width: 600px;margin: auto;}
.review-box p{font-size: 18px}

/*End Here*/

/*Project Details Home*/

.project-details-div{display: inline-block;width: 250px;vertical-align: middle;}
.numbers-class{font-size: 50px;font-weight: 600;color: #e7bf5e;}
.housing-loarn-img img{display: inline-block;vertical-align: middle;margin: 10px 10px;width: 200px}

/*End Here*/

/*blog home page*/

.item .projects_cards{padding: 0px 15px}

/*End here*/

/*Footer Start Here*/

.footer{background: #000;clear: both;}
.footer .heading{font-size: 18px !important;padding-bottom: 10px}
.footer p, .footer ul li a{font-size: 16px;color: #999999;transition-duration: 0.5s;line-height: 25px}
.footer-images{margin-top: 5px}
.footer-bottom{background: #262626;}
.social-media a{height: 50px;width: 50px;display: inline-block;border: 1px solid #fff;border-radius: 100px;margin: 0px 2px;transition-duration: 0.5s}
.social-media a i{padding-top: 15px}
.social-media a:nth-child(1):hover{background-color: #4267B2;border: 1px solid #4267B2}
.social-media a:nth-child(2):hover{background-color: #000000;border: 1px solid #000000}
.social-media a:nth-child(3):hover{background-color: #0e76a8;border: 1px solid #0e76a8}
.social-media a:nth-child(4):hover{background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%) ;border: 1px solid #262626}
.social-media a:nth-child(5):hover{background-color: #FF0000;border: 1px solid #FF0000}
.footer-logo{padding-bottom:10px }
.copyrights{padding-top: 15px;color: #999999 }
.footer ul li a:hover{color: #c5a350;padding-left:5px}

/*End Here*/




/*Inner Page Start Here*/

.innerpage{background: url(../images/inner-banner-img.jpg);background-repeat: no-repeat;background-size: cover;background-position: bottom;height: 400px}
.innertab-text{color: #fff;padding-top: 175px;}.innertab-text p{color: #fff;}
.innertab-text h1{font-size: 48px;font-weight: 500}
.innertab-text a{color:#e7bf5e;}
.special-features ul{display: flex;flex-wrap: wrap;justify-content: space-between}
.special-features ul li{width: 360px;text-align: center;margin: 10px 0px;padding: 15px 0px;border:1px solid #e7bf5e;font-size: 16px;}
.project-highlights ul {display: flex;flex-wrap: wrap;justify-content: center;} 
.project-highlights ul li {width: 360px;text-align: center;margin: 10px;padding: 15px 0px;border:1px solid #e7bf5e;font-size: 16px;}
.specification-heading{padding-bottom: 10px;color:#e7bf5e;}
.sub-heading-spec{font-weight: 600;}
.specification-div ul li{padding: 15px 15px 15px 0px}
.specification-div ul li div ul li{padding-bottom: 5px;list-style: disc;background: none !important;}
.specification-div ul li div ul{margin-left: 20px}
.specification-div p{margin-bottom: 5px}
.elite-conforts{width: 33%;display: inline-block;vertical-align: top;}
.padding-elite{padding: 15px}
.choice-div{background-color: #f4f4f4;padding: 15px;border-radius: 10px;min-height: 385px;}
.choice-div .heading{color: #222 !important;font-size: 28px}

/*End Here*/


/*Contact us page */

.contact-form-style{width: 100%;padding: 10px;box-sizing: border-box;background: #f8f8f8;border: 0px;font-size: 18px;margin: 5px 0px;resize: none;}
.contact-div{margin-bottom:10px}
.contact-div .contact-icons{display: inline-block;vertical-align: top;width: 60px;text-align: center;}
.contact-div .contact-icons i{color: #ffffff;padding: 15px;background: #ebbf5e;border-radius: 100px;}
.contact-div .contact-text{display: inline-block;vertical-align: top;width: 400px;}
.contact-text p{margin-bottom: 0px}


/*End Here*/

/*Gallery Page Start Here*/

.gallery-wrapper {width: 100%;margin: 0 auto;padding: 0 1em;display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));grid-gap: 1em;}
.gallery-wrapper .image-wrapper a {display: block;width: 100%;text-decoration: none;color: #333;box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);transition: all 200ms ease-in-out;}
.gallery-wrapper .image-wrapper a:hover {box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);}
.gallery-wrapper .image-wrapper a img {width: 100%;vertical-align: middle;height: 246px;}
.gallery-lightboxes .image-lightbox {position: fixed;top: 30px;left: 0;width: 100vw;height: 100vh;background: rgba(0, 0, 0, 0.8);display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transition: opacity 0ms ease-in-out;}
.gallery-lightboxes .image-lightbox:target {opacity: 1;visibility: visible;}
.gallery-lightboxes .image-lightbox:target .image-lightbox-wrapper {opacity: 1;transform: scale(1, 1) translateY(0);}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper {transform: scale(0.95, 0.95) translateY(-30px);transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;opacity: 0;margin: 1em auto;max-width: 75%;padding: .5em;display: inline-block;background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);position: relative;}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .close {width: 1.5em;height: 1.5em;background: #000;color: #fff;font-weight: bold;text-decoration: none;border-radius: 50%;box-shadow: 0 0 0 2px white inset, 0 0 5px rgba(0, 0, 0, 0.5);position: absolute;right: -1em;top: -1em;}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .close:before {content: '';display: block;width: 10px;height: 2px;background: #fff;margin: 0;position: absolute;top: 50%;left: 50%;margin: -1px 0 0 -5px;transform: rotate(-45deg);}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .close:after {content: '';display: block;width: 10px;height: 2px;background: #fff;margin: 0;position: absolute;top: 50%;left: 50%;margin: -1px 0 0 -5px;transform: rotate(45deg);}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .arrow-left {position: absolute;top: 0;right: 50%;bottom: 0;left: 0;}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .arrow-left:before {content: '';display: inline-block;width: 20px;height: 20px;border: 2px solid #fff;border-bottom: 0;border-right: 0;border-radius: 4px 0 0 0;position: absolute;top: 50%;right: 100%;cursor: pointer;transform: rotate(-45deg) translateY(-50%);}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .arrow-right {position: absolute;top: 0;right: 0;bottom: 0;left: 50%;}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .arrow-right:before {content: '';display: block;width: 20px;height: 20px;border: 2px solid #fff;border-bottom: 0;border-left: 0;border-radius: 0 4px 0 0;position: absolute;top: 50%;left: 100%;cursor: pointer;transform: rotate(45deg) translateY(-50%);}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper img {margin: 0 auto;vertical-align: middle; max-width: 550px; max-height: 70vh;}

/*End Here*/

/*Who are We*/

.m_and_v_box{background: #fff;display: inline-block;vertical-align: middle;margin: 15px;transition-duration: 0.5s}
.m_and_v_box:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.15)}
.m_and_v_box div{padding: 15px;max-width: 400px}
.myulcheck { list-style:none; padding: 0; margin: 10px 0px; display: inline-block; padding-right: 5px; padding-left: 20px;
vertical-align: top;}
.myulcheck li:before { content: ''; width: 14px; height: 6px; position: absolute; top:15px; left: -20px; border: 2px solid #e8bf5e; border-top: none; border-right: none; background: transparent; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.myulcheck li { position: relative;list-style:none;    padding: 10px 5px;}
.core-value-points{padding: 25px 10px}

/*End Here*/


/*Projects Start Here*/

.projects-box{box-shadow: 0px 0px 10px rgba(0,0,0,0.15);}
.project-details{padding: 10px}
.project-details .heading{font-size: 24px;margin-bottom: 0px}
.projects-box .overlay-effect img{vertical-align: middle;transition-duration: 0.5s}
.projects-box .overlay-effect{overflow: hidden;}
.projects-box:hover .overlay-effect img{transform: scale(1.2);}
.project-highlights ul li div{padding: 0px 10px}
.project-highlights ul li div img{width: 75px;padding-bottom: 10px}

/*End Here*/

/*Ipad Pro*/

@media screen and (max-width: 1179px){

   .row{margin: 0px !important;}
   .scroll-off{overflow-y: hidden;height: 100%}
   .gallery-box img{min-height: auto;}
}


/*Ipad Styles*/

@media screen and (max-width: 800px){
.col-c-1, .col-c-2, .col-c-3, .col-c-4, .col-c-5, .col-c-6, .col-c-7, .col-c-8, .col-c-9, .col-c-10, .col-c-11, .col-c-12{float:none; width: 100%;}
    .bannerdiv{background: url(../images/banner-img-mbl.jpg);background-size: cover;}
.mbl-number{display: inline-block;position: absolute;right: 90px;top: 35px;border: 1px solid #f0bf48;padding: 11px;}
.mbl-number i{font-size: 30px;color: #f0bf48}      
.container{width: 100%;}
ul li{font-size: 18px;margin-bottom: 10px}
.specification-div p{margin:10px 0px}
.specification-div ul li{font-size: 18px;margin: 0px;}
.row{margin: 0px;padding: 0px 10px !important;}
.padding{padding: 10px 0px}
.menu-toggle{display: block;}
nav{padding-top: 0;display: none;flex-direction: column;justify-content: space-evenly;align-items: center;height: 100vh;text-align: center;}
nav ul{flex-direction: column;}
nav ul li{margin-top: 5rem;}
nav ul li a{margin: 0;font-size: 16px;}
.brand{font-size: 5rem;}
.heading{font-size: 26px}
.form-style{width: 100%;margin-bottom: 5px}
.form-button{max-width: 100%}
/*
.slider-container h1{font-size: 26px;line-height: normal;}
.slider-container h4:after{display: none;}
*/
    .banner-contentdiv{padding-top: 25%}
/*.slider-container{padding-top: 45%;}*/
.wcu_box{padding: 15px}
p{font-size: 18px;}
.overlay.menu-open, nav.menu-open{  display: flex;  transform: scale(1);  opacity: 1;}
.py-5{padding: 20px 0px}
.homepage_form{height: 220px;}
.contact-div .contact-text{width: 270px}
.m_and_v_box{margin: 10px 0px;}
    .review{padding: 0px 10px}
.why_choose_us .col-c-3{width: 33%;float: left;}
.why_choose_us .col-c-3 .padding{padding: 10px}
.featured_projects .col-c-4, .projects .col-c-4{width: 50%;float: left;}
.featured_projects .col-c-4 .padding, .projects .col-c-4 .padding{padding: 10px}
     .slider-container h1{font-size: 75px}


/*Responsive menu*/

.mbl-logo{display: inline-block;vertical-align: middle;transition-duration: 0.5s}
.menu-toggle{display: inline-block;vertical-align: middle;padding: 6px 15px 5px 15px;border: 1px solid #e7bf5e;}
.menu-toggle i{color: #e7bf5e}
header{padding: 10px}
.brand{display: none;}
nav{height: auto;}
nav ul li {margin-top: 10px;padding: 15px 0px}
nav ul li a{width: 100%}
.menu-button{display: none;}
.sticky nav ul li a {color: #fff;}

.sticky .mbl-logo{transform: scale(0.9);}
.zs-enabled .zs-slideshow .zs-bullets{display: none;}
.homepage_form_div{margin: 0px 10px;}


.dropdown-des{display: none;position: static;transform: translateY(0px);opacity: 1;}
.dropdown-des ul li{width: 100%;margin-left: 0px;}
.dropdown-des ul li a{color: #fff !important;}
.dropdown-des ul li{background: unset;border: 0px}
.display{display: block;}

}

@media screen and (max-width: 600px){
     .banner-contentdiv{padding-top: 120px;text-align: center}
    .banner-contentdiv p{display: none}
    .banner-contentdiv .button{display: none}
  .dropdown-des{display: none !important;}
  .display{display: block !important;}
  .dropdown-des ul li{margin: 0px}
  .dropdown-des ul li{padding: 0px}
    .elite-conforts{width:100%;}
    .padding-elite{padding: 0px}
    .project-highlights ul li{padding: 10px 5px}
    .innertab-text h1{font-size: 40px}
    .project-details .heading{font-size: 20px}
/*    .slider-container h1{font-size: 65px}*/
    .banner-contentdiv h1{line-height: 1.1;font-size: 48px}
    .banner-contentdiv h1 span{font-size: 42px;}
.banner-contentdiv h4:after{display: none;}
.why_choose_us .col-c-3{width: 100%;float: none;}
.why_choose_us .col-c-3 .padding{padding: 10px 0px}
.featured_projects .col-c-4, .projects .col-c-4{width: 100%;float: none;}
.featured_projects .col-c-4 .padding, .projects .col-c-4 .padding{padding: 10px 0px;}
    .gallery-lightboxes .image-lightbox .image-lightbox-wrapper img{width: 100%;}
    .review-box p{font-size: 16px}
    .choice-div{height: auto;}
    .housing-loarn-img img{width: 43%}
}






.custom-style {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.gallery-logo-fix {
    text-align: center;
}
/*
.project-highlights ul li:hover {
    color: #fff;
    background: #e7bf5e;
    transition: background 0.4s;
}
.project-highlights ul li div img:hover {
    filter: brightness(100);
}
.project-highlights ul li div:hover {
    color: #fff;
    background: #e7bf5e;
    transition: background 0.4s;
    
}
*/


.both-logo{
    background-color: #000;
    padding: 6px 12px;
    border-radius: 12px;
}
img.both-logo {
    width: 120px !important;
}

.projects-box:hover .overlay-effect .both-logo{transform: scale(1);}
.overlay-effect {
  position: relative; /* allows absolute positioning inside */
  display: inline-block;
}

.overlay-effect img {
  display: block;
  width: 100%; /* makes background image responsive */
  height: auto;
}

.overlay-effect .both-logo {
  position: absolute;
  bottom: 10px;  /* adjust position */
  right: 10px;   /* adjust position */
  width: 65px !important;   /* size of overlay logo */
  height: auto;
}






.irregular-fullwidth{width: 100%;height: 270px}
               .mob-img{
            width: 80px !important;
            padding-bottom: 10px !important;
             vertical-align: middle;
             
         }
         .elevate-logo{
            width: 180px !important;
            padding-bottom: 10px !important;
             vertical-align: middle;
             margin-right: 5px;
         }
      /* Mobile (small screens) */
      @media (max-width: 767px) {
         .mob-img{
            width: 65px !important;
            padding-bottom: 10px !important;
         }
      }



.projects_cards.horizontal_projects_cards .project_card_details{
       color: #e7bf5e;
    font-size: 38px;
    font-weight: 600 !important;
    padding: 24px;
    text-align: center;
}
.fullwidth {
    width: 100%;
    border-radius: 20px 20px 0px 0px;
}
/* .projects_cards.horizontal_projects_cards img{
        height: 289px !important;
} */




/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
  .projects_cards.horizontal_projects_cards .project_card_details {
    font-size: 32px;
}
  .desktop{
    display: none;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .desktop{
    display: none;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* Your styles here */
  .col-c-8{
            float: inline-end;
  }
  .phone{
    display: none;
  }
      .projects_cards.horizontal_projects_cards .project_card_details{
    font-size: 28px;
    font-weight: 600 !important;
    padding: 34px;
}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .projects_cards.horizontal_projects_cards .project_card_details{
    font-size: 28px;
    font-weight: 600 !important;
    padding: 34px;
}
.desktop{
    display: none;
}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .projects_cards.horizontal_projects_cards .project_card_details{
    font-size: 38px;
    font-weight: 600 !important;
    padding: 24px;
}
.phone{
    display: none;
}
}

/* Extra extra large devices (very large screens, 1400px and up) */
@media (min-width: 1400px) {
  .projects_cards.horizontal_projects_cards .project_card_details{
    font-size: 38px;
    font-weight: 600 !important;
    padding: 24px;
}
.phone{
    display: none;
}
}
.fullwidth {
    object-fit: cover;
}