:root {
    --primarytext: #293986;
    --deactivatedtext:#8A8A8A;
    --maj-head-font: 'Marcellus', serif;
    --cand-subj-font:'Mukta', sans-serif;
    --footer-color:#1E8BB5;
    --grey:#BDBDBD;
    --white:#F9F9F4;
    }
    body{
        background-color: var(--white);
    }
    *{scroll-behavior: smooth;

    /* border: red 1px solid; */

    }
    .bg-white{
        background-color: var(--white) !important;

    }
    .text-white{
        color: var(--white) !important;
    }
    .my-container{
    width: 82.5% !important;
    margin: auto;
    display: block;
    }
    .grey-color{
    color: var(--grey) !important;
    }
    .primary-color{
    color: var(--primarytext) !important;
    }
    /***************fonts************/
    .maj-font{
    font-family: var(--maj-head-font) ;
    }
    .candra-font ,.candra-font p{
    font-family: var(--cand-subj-font) !important;
    }
    .font-400{
    font-weight: 400;
    }
    .font-500{
    font-weight: 500;
    }
    .font-600{
    font-weight: 600;
    }
    .font-700{
    font-weight: 700;
    }
    .letter-space-med{
    letter-spacing: 4px;
    }
    .letter-space-high{
    letter-spacing: 13px;
    }
    /************mobile and desktop**************/
    .desktop-only{
    display: flex !important;
    }
    .mobile-only{
    display: none !important;
    }
    .w-lg-75-md-100{
    width: 75% !important;
    }
    @media (max-width:991px) {
    .mobile-only{
    display: flex !important;
    }
    .desktop-only{
    display: none !important;
    }
    .w-lg-75-md-100{
    width: 100% !important;
    }
    }
    /***********general styles***********/
    .hand-mouse{
    cursor: pointer;
    }
    .more-btn{
    border: 1px var(--primarytext) solid ;
    border-radius: 0px;
    padding: 10px 25px;
    text-decoration: none;
    color: var(--primarytext);
    transition: all 300ms linear;
    font-family: var(--cand-subj-font);
    background-color: var(--white);
    }
    .more-btn:hover{
    background-color: #1E8BB5;
    border: 1px #1E8BB5 solid ;
    color: white;
    transition: all 300ms linear;
    }


    .more-btn-2 {
    background:
    linear-gradient(to right, var(--deactivatedtext), var(--deactivatedtext)),
    linear-gradient(to right, var(--primarytext), var(--primarytext));
    background-size: 100% 0.11em, 0 0.1em;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: all 300ms ease-in-out;
    font-size: 0.8rem;
    letter-spacing:3px ;
    color: var(--deactivatedtext);

    }

    .more-btn-2:hover,
    .more-btn-2:focus {
    background-size: 0 0.1em, 100% 0.1em;
    color: var(--primarytext);
    transition: all 300ms ease-in-out;

    }
    .owl-prev {
    position: absolute;
    top: 50%;
    left: -5%;
    transform: translate(0%,-50%) rotate(180deg);
    display: block !important;
    border:1px solid var(--primarytext) !important;
    cursor: pointer;
    border-radius: 0 !important;

    }

    .owl-next {
    position: absolute;
    right: -5%;
    top: 50%;
    transform: translate(0%,-50%) ;
    display: block !important;
    border:1px solid var(--primarytext) !important;
    cursor: pointer;
    border-radius: 0 !important;

    }
    .owl-next:hover ,.owl-prev:hover{
    background: unset !important;
    }
    .owlnav-img{
    padding: 1vw 1.25vw !important;
    }
    .owl-next.disabled , .owl-prev.disabled{
    filter: grayscale(100) !important;
    border:1px solid var(--grey) !important;
    }
    .owl-prev i, .owl-next i {transform : scale(1,2); color: #ccc;}

    /*****************Navbar***************/
    .bg-white-50{
    background-color: rgba(255, 255, 255, 0.493) ;

    }
    .my-navbar{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5;
    height: 80px;
    }
    .my-navbar a ,.multi-lang-div a{
    text-decoration: none;
    font-family: var(--maj-head-font);
    font-weight: 400;
    font-size: 1.1rem;
    }
    .deactivated-lang{
    color: var(--deactivatedtext) !important ;

    }
    .nav-underline{
    height: 1px;
    background-color: var(--primarytext);
    width: 22px;
    }


    .dropbtn {
      /*background-color: #04AA6D;*/
      /*color: white;*/
      /*padding: 16px;*/
      /*font-size: 16px;*/
      /*border: none;*/
    }

    .dropdown {
      position: relative;
      display: inline-block;
    }

    .dropdown-content {
      display: none;
      position: absolute;
      background-color:  var(--white);
      min-width: 160px;
      /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
      z-index: 8;
    }

    .dropdown-content a {
      color: var(--primarytext);
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      font-size:14px;
    }

    .dropdown-content a:hover {

        background-color: var(--footer-color);
        color:  var(--white);
    }

    .dropdown:hover .dropdown-content {display: block;}

    /*.dropdown:hover .dropbtn {background-color: #3e8e41;}*/
    /***********************Home slider********************/
    .slider-section{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 100vh;
    z-index: 0;

    }
    .social-links-div{
    position: absolute;
    bottom: 2%;
    right:7.7%;
    z-index: 2;
    height: 30vh;
    }
    .home1{
    height: 100vh;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 0;

    }
    .homeservices{
    padding: 15vh 0vh;
    z-index: 1;
    position:relative;
    }
    .home-services-icon
    {
    width: 12% !important;
    }
    .owl-carousel-2 .owl-stage{display: flex;}
    .home-service-card {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
    }
    .home-service-card{
    background:
    linear-gradient(to right, var(--footer-color), var(--footer-color));
    background-size: 0 0em, 0 0em;
    background-position: 0% 0%, 0% 100%;
    background-repeat: no-repeat;
    transition: all 400ms ease-in-out;

    display: flex;
    flex-direction: column;
    align-items: stretch;
    }
    .home-service-card:hover{

    background-size: 100% 100%, 100% 100%;
    color: var(--primarytext);
    transition: all 400ms ease-in-out;
    color: white;

    }
    .home-service-card:hover .home-services-icon{

    filter: brightness(0%) invert(100%);
    transition: all 400ms ease-in-out;

    }


    .homeprojects{
    padding-top: 15vh;

    position:relative;
    }
    .home-projects-section{
    margin-top: 15vh ;
    color: var(--deactivatedtext);
    }



    .project-cont{
    height: 80vh;
        padding: 0px 20px 20px 20px;
        transition: all .4s ease-in-out;
    }
    .project-cont:hover{

        padding: 0px;
        filter: brightness(76%);
        transition: all .4s ease-in-out;

        }

        .home-project-img{
            width: 100%;
            height: 80%;
            object-fit: cover;
            margin-top: 5vh;

            }
    .project-link{
        color: var(--grey);
        transition: all .4s ease-in-out;

    }
    .project-link:hover{
        color: var(--primarytext);
        transition: all .4s ease-in-out;

    }
    .lasthome{
    position: relative;
    }
    .home-slider-img{
    width: 100%;
    height: 100vh;
    object-fit: cover;
    }
    @media(max-width:991px){
    .slider-section{
    position:unset;
    top: 0;
    height: 60vh;
    z-index: 0;

    }
    .home-slider-img{
    height: 60vh;
    }
    .project-card {
    border: none !important;
    border-top:1px solid var(--deactivatedtext) !important;
    /* padding:100px !important; */

    }

    .project-cont{
            padding: 0px;
        }


        .project-link{
            color: var(--primarytext);

        }


    .project-card:last-of-type{
    border-top:1px solid var(--deactivatedtext) !important
    }
    .homeservices .my-container{
    width: 80% !important;
    }
    .home1{
        padding-top: 30px;
    height: 50vh;
    position: unset;
    top: 0;
    z-index: 0;

    }
    .home1 h1 ,.homeservices h1, .homeprojects h1{
    font-size: 24px;
    }
    .home1 p , .homeservices p, .homeprojects p{
    font-size: 16px;
    }
    .homeservices{
    padding: 10vh 0vh;
    z-index: 1;
    position:unset;
    }

    .homeprojects{
    padding-top: 10vh;

    position:unset;
    }
    .owl-prev {

    top: 50%;
    left: -10%;
    transform: translate(0%,-50%) rotate(180deg);


    }

    .owl-next {
    right: -10%;
    top: 50%;
    transform: translate(0%,-50%) ;
    }
    }


    /********************footer********************/
    .my-footer{
    position: relative;
    background-color: var(--footer-color);
    }
    .footer-links-div a {
        font-size: 1.2rem;
    }

    /*******************About us Page*********************/
    .about-header{
        margin-top: 80px;
        height: 40vh;

        }

    .about-section{
    padding: 14vh 0vh;
    }
    .sticky-sec{
    position: -webkit-sticky;
    position: sticky;
    top: 120px;

    }
    @media(max-width:991px){

    .display-4{
    font-size: 30px !important;
    }
    }
    /*******************Clients Page*********************/
    .clients-sec{
    padding-top: 180px;
    padding-bottom: 100px;
    }
    .assoc-sec{
    padding-top: 100px;
    padding-bottom: 100px;
    }
    @media(max-width:991px){
    .clients-sec{
    padding-top: 80px;
    padding-bottom: 90px;
    }
    .assoc-sec{
    padding-top: 100px;
    padding-bottom: 100px;
    }
    }
    /*******************projects page*********************/
    .categories{
    margin-top: 80px;
    color: var(--primarytext);
    }
    .category-card {
    width: 12.5%;
    height: 12.5vw;
    }
    .category-card-img {
    width: 100%;
    height: 9vw;
    }
    .category-card-img img {
    width: 80%;
    aspect-ratio: 3/2;
    object-fit: contain;
    object-position: 50% 100%;
    display: block;

    margin: 5px auto;
    }
    .category-title{
    font-size: 14px;
    }
    @media(max-width:1150px){

        .category-title{
    font-size: 12px;
    }
    }
    .cat-card-active{
    background-color: var(--footer-color);
    color: var(--white) !important;
    }
    .cat-card-active img {
    filter: brightness(0) invert(100%);
    }
    .proj-col:nth-child(3n){
    border-right: none !important;}
    .proj-col:nth-child(3n+1),.proj-col:first-child{
    border-left: none !important;}


    @media(max-width:991px){
        .categories{
            margin-top: 0px;
            color: var(--primarytext);
            }
    .category-card {
    width: 25% !important;
    height: 30vw !important;
    /* border: 1px solid var(--grey) !important; */
    }
    .category-card-img {
        width: 100%;
        height: 13vw;
        }
    }

    /*****************Show Project Page*******************/
    .project-cover-div{
    margin-top: 80px;
    }
    .project-cover-img{
    width: 100%;
    }
    .project-desc
    {
    padding: 15vh 0vh;
    }


    @media(max-width:991px){
        .project-cover-div{
            margin-top: 0px !important;
            }
    }
    /***********************Services Page***********************/
    .services-header-sec{
    margin-top: 80px;
    height: 80vh;

    }
    .services-cards-sec{
    margin-bottom: 300px;
    }
    .service-column{
    width: 33.333% !important;
    }

    .service-card{
    height: 20vh;
    color: var(--primarytext);
    transition: all .3s ease-in-out;

    }

    .service-card img {
    filter: grayscale(1) brightness(300%);
    }

    /***hover****/
    .service-card:hover{
    transition: all .3s ease-in-out;
    background-color: var(--footer-color);
    color: white !important;

    }
    .service-card:hover img{
    transition: all .3s ease-in-out;

    filter: brightness(0%) invert(100%) !important;
    }

    /***Opened and closed****/
    .service-card-opened
    {
    height: auto !important;
    transition: all .3s ease-in-out;
    background-color: var(--footer-color);
    color: white !important;
    }
    .service-card-opened img{
    transition: all .3s ease-in-out;

    filter: brightness(0%) invert(100%) !important;
    }


    .service-bullets-sec-active{
    display: flex ;

    }

    .service-bullets-sec-closed{
    display: none ;

    }

    /*****Plus sign******/
    .plusminus {
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;

    &.active {
    &:before {
    transform: translatey(-50%) rotate(-90deg);
    opacity: 0;

    }
    &:after {
    transform: translatey(-50%) rotate(0);
    background-color: var(--white);

    }
    }

    &:before , &:after {
    content: "";
    display: block;
    background-color: #919191;

    position: absolute;
    top: 50%; left: 0;
    transition: .3s;
    width: 100%;
    height: 2px;
    }

    &:before {
    transform: translatey(-50%);

    }

    &:after {
    transform: translatey(-50%) rotate(90deg);

    }

    }
    .service-card:hover .plusminus {




    &:before , &:after {
    content: "";
    display: block;
    background-color: #ffffff !important;


    }



    }
    @media(max-width:991px){

    .services-header-sec h1 {

    text-wrap: nowrap !important;

    }
    .services-header-sec{
    margin-top: 40px;
    height: 60vh;

    }
    .service-column-mob{
    width: 100%;
    }

    }

    /*****************Contact US PAGE*************************/
    .contact-us-sec{
        margin-top: 78px;
        /* height: 50vh; */
        height:fit-content;
    }
    .contact-us-sec p {
        font-size: 1.3rem;
    }

    .my-input
    {
        border: none;
        box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
        padding:10px 15px 40px 15px ;
        width: 100%;
        border-radius: 3px;
        background-color: #FFFCF4;
    }
    .my-input::placeholder {
        color: #8A8A8A;

        opacity: 1; /* Firefox */
      }
      .my-input:focus{
        border: none !important;
      outline: none !important;

      }
    form{
        /* width: 80%; */
        margin: auto;
        display: block;
    }

    .map-col{
        height: 140vh;
        position: sticky;
        top: 0px;
    }
    @media(max-width:991px){
        .contact-us-sec{
            margin-top: 0px;
            height: unset;
        }

    .map-col{
        height: 50vh;
    }
    .talk-desc{
        width: 80% !important;
    }


        }
    .social-media-div img
    {
    height: 28px;
    }