header{
            height: 650px;
            background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.9)),url(../img/sl_122319_26350_25\ 1.png);
            background-color: cover;
            background-position: center;
            position: relative;
        }

        .header{
            width: 80%;
            height: 80px;
            margin: 0 auto;
            position: fixed;
            left: 10%;
            z-index: 1;
        }

        .logo{
            width: 20%;
            height: 100%;
        }

        .nav{
            width: 80%;
            height: 100%;
        }

        .con p{
            color: white;
            width: 150px;
            border-radius: 3px;
            background-color: #019de1;
        }

        nav a{
            text-decoration: none;
            color: white;
        }

        nav a:hover{
            color: white;
            border-bottom: 1px solid white;
        }

        #btn{
            display: none;
            color: white;
            font-size: 28px;
        }

        .head-text{
            margin-top: 250px;
            width: 50%;
            height: 250px;
            margin-left: 150px;
        }

        .off-1 ul li{
            list-style: none;
        }

        .off-1 ul li a{
            text-decoration: none;
            color: black;
        }

        header iframe{
            position: absolute;
            bottom: 0;
            right: 0;
        }



        /* about */

        #about{
            height: 550px;
        }

        .abt-main{
            width: 80%;
            height: 95%;

        }

        .abt-1 button{
            width: 125px;
            height: 40px;
            border: none;
            border-radius: 8px;
            background-color: #019de1;
            color: white;
        }

        .abt-1 button:hover{
            border: 1px solid #019de1;
            color: #019de1;
            background: none;
        }

        /* story */

        #story{
            height: 450px;
        }

        .sto-main{
            width: 80%;
            height: 95%;
        }

        .sto-1 button{
            width: 125px;
            height: 40px;
            border: none;
            border-radius: 8px;
            background-color: #019de1;
            color: white;
        }

        .sto-1 button:hover{
            border: 1px solid #019de1;
            color: #019de1;
            background: none;
        }

        /* leader */

        #leader{
            height: 550px;
        }

        .lead-main{
            width: 80%;
            height: 95%;
        }

        .lead-2 div{
            margin-top: 2%;
            height: 30%;
        }


        /* chairmain */

        #chairmain{
            height: 500px;
            background-color: #f0f9fd;
        }

        .cha-main{
            width: 80%;
            height: 95%;
        }

        .cha-1 button{
            width: 125px;
            height: 40px;
            border: none;
            border-radius: 8px;
            background-color: #019de1;
            color: white;
        }

        .cha-1 button:hover{
            border: 1px solid #019de1;
            color: #019de1;
            background: none;
        }


        /* OVERVIEW */

        #overview{
            height: 500px;
        }

        .over-main{
            width: 80%;
            height: 95%;
        }

        .over-1 button{
            width: 125px;
            height: 40px;
            border: none;
            border-radius: 8px;
            background-color: #019de1;
            color: white;
        }

        .over-1 button:hover{
            border: 1px solid #019de1;
            color: #019de1;
            background:none ;
        }

        /* our */

        #our{
            height: 450px;
        }

        .our-main{
            width: 80%;
            height: 95%;
        }

        .our-2 a{
            text-decoration: none;
            color: #afbbc2;
        }

        .our-2 a:hover{
            color: #019de1;
            border-bottom: 1px solid #019de1;
        }

        /* philosophy */

        #philosophy{
            height: 250px;
            background-image: url(../img/Rectangle\ 50\ \(1\).png);
            background-position: center;
        }

        #info{
            height: 250px;
            margin-top: -100px;
        }

        .info-1{
            height: 95%;
            background-color: white;
            border-radius: 25px;
            position: relative;
        }

        .info-1 i{
            position: absolute;
            bottom: 10px;
            right: 30px;
            color: #019de1;
            font-size: 20px;
        }




        /* value */

        #value{
            height: 450px;
            background-color: #f0f9fd;
        }

        .value-main{
            width: 80%;
            height: 40%;
        }

        .v-1{
            background-color: white;
        }

        /* imges */
        #imges{
            height: 275px;
            position: relative;
        }

        .img-1{
            width: 250px;
            height: 100%;
            background-image: url(../img/Rectangle\ 500.png);
            background-repeat: no-repeat;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
        }

        .img-2{
            width: 80%;
            height: 100%;
            margin-left: 5%;
        }

        /* quick */

        #quick{
            height: 450px;
            background-color: #f0f9fd;
        }

        .quick-main{
            width: 80%;
            height: 70%;
        }


        /* pray */

        #pray{
            height: 450px;
        }

        .pray-main{
            width: 80%;
            height: 95%;
        }

        .pray-1{
            position: relative;
        }

        .pray-2 button{
            width: 125px;
            height: 40px;
            border: none;
            border-radius: 8px;
            background-color: #019de1;
            color: white;
        }

        .pray-2 button:hover{
            border: 1px solid #019de1;
            color: #019de1;
            background:none ;
        }



        /* clients */

        #clients{
            height: 500px;
        }

        .cli-main{
            width: 80%;
            height: 95%;
        }


        /* slider */

        #slider{
            height: 150px;
        }

        .carousel-cell-1 {
        width: 20%;
        height: 150px;
        margin-right: 10px;
        border-radius: 5px;
        }

        /* cell number */
        .carousel-cell-1:before {
        display: block;
        text-align: center;
        font-size: 80px;
        color: white;
        }


        /* contact */

        #contact{
            height: 450px;
            z-index: 1;
        }

        .con-main{
            width: 50%;
            height: 95%;
            box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
            border-top: 8px solid #019de1;
            border-radius: 20px;
        }

        /* from */

        .fo-1 input{
            height: 40px;
            padding-left: 15px;
            border-radius: 5px;
            border: 1px solid #f1f1f1;
            margin-top: 10px;
            background-color: #f7f9fb;
        }

        .fo-1 input:focus{
            outline: 1px solid #019de1;
        }

        ::placeholder{
            color: #5e7a86;
            opacity: 0.5;
        }

        .fo-2 textarea{
            height: 100px;
            border-radius: 5px;
            border: 1px solid #f1f1f1;
            background-color: #f7f9fb;
            margin-top: 10px;
        }

        .fo-2 textarea:focus{
            outline: 1px solid #019de1;
        }

        .fo-2 button{
            height: 40px;
            background-color: #019de1;
            font-size: 20px;
            color: white;
            border: none;
            border-radius: 5px;
        }


        /* footer */


        footer{
            height: 350px;
            background: rgb(52,29,46);
            background: linear-gradient(90deg, rgba(52,29,46,1) 0%, rgba(6,7,30,1) 45%, rgba(52,29,46,1) 100%);
            position: relative;
        }

        .fot-main{
            width: 70%;
            height: 95%;
        }

        .fot-extra{
            height: 12%;
            background-color: rgba(0, 0, 0,0.3);
            position: absolute;
            bottom: 0;
            left: 0;
        }

        .i{
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .i i{
            color: white;
            padding: 5px 8px;
            border-radius: 50%;
            border: 1px solid white;
            margin-left: 15px;
        }

        .i i:hover{
            background-color: white;
            color: black;
        }

        .toggle-fot{
        display: none;
        }


        #footer-icon{
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        background-color: white;
        position: fixed;
        bottom: 0;
        width: 100%;
        }

        .i-1{
        width: 15%;
        height: 90%;
        color: black;
        padding-top: 10px;
        }

        .i-1:hover span{
        color: #019de1;
        }

        .i-1:hover a{
        color: #019de1;
        }

        .i-1 a{
        text-decoration: none;
        color: black;
        }

        .sticky{
            background-color: rgba(17, 17, 17,0.5);
        }


        @media(max-width:992px){
            header{
                height: auto;
                padding-bottom: 150px;
            }

            .header{
                width: 90%;
                left: 5%;
            }

            .nav{
                display: none;
                width: 0;
                height: 0;
            }

            .con p{
                opacity: 0;
            }

            nav a{
                display: none;
            }

            #btn{
                display: block;
            }

            .head-text{
                margin-inline:auto;
                margin-top: 150px;
                height: auto;
            }


            #clients{
                height: auto;
            }

            #slider{
                height: auto;
            }

            #contact{
                height: auto;
            }

            footer{
                height: auto;
                padding: 30px;
            }

            .fot-main{
                width: 90%;
            }

            #imges{
                height: auto;
            }

            .img-2{
                width: 95%;
                height: auto;
            }

            .toggle-fot{
                display: block;
            }

            #about{
                margin-top: 15px;
                height: auto;
            }

            .abt-main{
                width: 95%;
            }

            #story{
                height: auto;
            }

            .sto-main{
                width: 95%;
            }

            #chairmain{
                height: auto;
            }

            .cha-main{
                width: 95%;
            }

            #overview{
                height: auto;
            }

            .over-main{
                width: 95%;
            }

            #leader{
                height:auto;
                margin-bottom: 15px;
            }

            .lead-main{
                width: 95%;
            }

            #our{
                height: auto;
            }

            .our-main{
                width: 95%;
            }

            #value{
                height: auto;
            }

            .value-main{
                width: 95%;
            }

            #philosophy{
                height: auto;
            }

            #info{
                margin: 0;
                height: auto;
            }

            .info-1{
                margin: 15px;
            }

            #quick{
                height: auto;
            }

            .quick-main{
                width: 95%;
                margin: 10px;
            }

            .quick-1{
                margin: 5px;
            }

            #pray{
                height:	auto;
            }

            .pray-main{
                width: 95%;
            }

            .pray-1{
                display: none;
            }

        }

        @media(max-width:991px){
            .con-main{
                width: 90%;
            }

            .v-1{
                margin: 10px;
            }
        }

        @media(max-width:768px){

            .head-text{
                width: 80%;
                height: auto;
            }

            footer{
                padding-block:70px ;
            }

        }

        @media(max-width:767px){
            .over-2{
                height: 600px;
            }
        }

        @media(max-width:615px){
            .i-1{
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: space-around;
            }
        }

        @media(max-width:576px){


            .carousel-cell-1{
                width: 35%;
            }

            .fot-extra p{
                display: none;
            }

            .over-2{
                height: 500px;
            }

        }

        @media(max-width:575px){
            .our-2{
                margin-bottom: 100px;
            }
        }

        @media(max-width:479px){
            .over-2{
                height: 400px;
            }
        }

/* -----------------------------------------
Go top CSS
----------------------------------------- */
.go-top {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 3%;
    left: 3%;
    width: 45px;
    height: 45px;
    opacity: 0;
    cursor: pointer;
    text-decoration: none;
    color: var(--color-light);
    font-size: 28px;
    border-radius: 50%;
    background-color: var(--color-primary);
    background-image: var(--gradient-1);
    transition: 0.4s;
    transform: translateY(15%);
    z-index: 100;
  }
  
  .go-top.active {
    opacity: 1;
    transform: none;
  }
  
  .go-top:hover {
    transform: translateY(-3px);
  }

  /* -----------------------------------------
    Cookie alert CSS
----------------------------------------- */
.cookie-consent {
    position: fixed;
    background-color: var(--color-dark);
    bottom: 0px;
    width: 100%;
    padding: 15px 0px 5px;
    z-index: 10000000000;
    color: var(--color-white);
  }
  
  .cookie-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  button.cookie-consent__agree {
    color: var(--color-white);
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
    box-shadow: 0px 10px 30px rgba(var(--color-primary-rgb), 0.14);
    padding: 10px 24px;
    font-size: var(--font-sm);
    position: relative;
    border-radius: 0;
    letter-spacing: 0.05em;
    font-weight: var(--font-medium);
    margin-bottom: 10px;
  }
  
  p.cookie-consent__message {
    background-color: transparent !important;
    color: var(--color-light);
    font-size: 14px;
    margin-bottom: 10px;
  }
  
  @media only screen and (max-width: 991px) {
    .cookie-container {
      display: block;
      text-align: center;
    }
  
    button.cookie-consent__agree {
      margin-top: 15px;
    }
  
    span.cookie-consent__message {
      line-height: 20px;
      display: block;
    }
  }