*
{
    margin: 0px;
    padding: 0px;
}
html{
    scroll-behavior: smooth;
}
body{
    background-color: #000000;
    overflow-x: hidden;
}
.container{
    height:100vh;
    width: 100%;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    color: blanchedalmond;
    background-color: #000000;
    animation-name: back;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-duration: 3s;
}
@keyframes back
{
    from{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='600' viewBox='0 0 900 600'%3E%3Cg fill-opacity='0.05'%3E%3Cpath fill='%23264653' d='M306.9 210.2c-1.2-22.8-13.5-42.7-40.8-41.1c-18.3 1.1-35.9 3.6-47.5 20.1c-5.2 7.4-10.6 15.6-11.4 24.9c-0.5 5.8 0.2 12 1.2 17.7c9 49.6 85.3 46.7 96.4 0.2C306.6 224.9 307.3 217.4 306.9 210.2z'/%3E%3Cpath fill='%2328445c' d='M137.2 481.3c-13.2-9.9-31.2-13.3-48.5-3.2c-12.6 7.3-19.1 17.4-21.1 28.2c-0.7 2.4-1.2 4.7-1.5 7c-8.2 35.4 33.7 78.9 72.6 48.6C167.6 539.3 164.4 501.6 137.2 481.3z'/%3E%3Cg fill='%232a4066' %3E%3Cpath d='M547.9 588.3c-7.1-34.2-61.6-52.7-87.5-16.9c-11.2 11.3-12.7 26.3-7.6 39.7c1.8 7.5 5.5 13.9 10.4 19.1c19.4 20.3 53.4 26.2 72.8 1.9C545.9 619.7 553.9 604.2 547.9 588.3z'/%3E%3Cpath d='M547.9-11.7c-7.1-34.2-61.6-52.7-87.5-16.9c-11.2 11.3-12.7 26.3-7.6 39.7c1.8 7.5 5.5 13.9 10.4 19.1c19.4 20.3 53.4 26.2 72.8 1.9C545.9 19.7 553.9 4.2 547.9-11.7z'/%3E%3C/g%3E%3Cpath fill='%232b396f' d='M849.7 498c-22.3 1.3-43.2 7.5-52.7 29.5c-3.3 7.7-7.3 15.7-7 24.3c2 55.6 86.1 63.4 98.8 10.1C890.6 554.6 877.3 496.4 849.7 498z'/%3E%3Cpath fill='%232d2f79' d='M762 291.1c-8.2-6.1-19.1-1.9-27.3 2.2c-7.4 3.7-14.4 8.2-21.6 12.1c-6.6 3.6-13.7 7-19.8 11.5c-18.3 13.5-2.5 45.1 10.6 56.4c17 14.6 41.6 15.9 59.6 2.1C794.1 351.8 790.7 312.4 762 291.1z'/%3E%3Cpath fill='%233a2e84' d='M863.3 170.3c-4.5-15.7-17.9-28.8-33.4-34.4c-16.2-5.8-38.4-2.9-51.8 8.1c-14.9 12.2-14.5 31.7-11.4 49c9.6 53.9 84.3 47.7 97-1.3C865.6 184.4 865.3 177.1 863.3 170.3z'/%3E%3Cpath fill='%234d2e8e' d='M598.4 86.1c-10.2 15.5-9.3 34.2-0.9 50.4c2.6 5 6.2 9.5 10.4 13.2c14.2 12.6 35.5 17.1 53.2 9.5c14.3-6.1 23.9-19.8 26.7-34.7C707.4 75.6 629.7 38.5 598.4 86.1z'/%3E%3Cpath fill='%23632f99' d='M509.8 413.3c-17.3 22.6-11.8 59 17.5 75.3c22.6 12.6 52.2 1.7 63.8-20.9c21.4-42-9.2-85-56.5-71C523.8 399.9 515.6 405.8 509.8 413.3z'/%3E%3Cpath fill='%237c2fa4' d='M607.4 232.3c-0.5-0.4-1-0.8-1.4-1.2c-16.5-12.8-30.2-22.1-50.3-8.4c-15.5 10.6-29 30.3-31.4 49.1c-4.2 33.6 30.6 46.9 58.6 40.6C619.6 304.2 640.6 259.5 607.4 232.3z'/%3E%3Cpath fill='%23992faf' d='M410.6 95c-36.5 1.3-74.1 41.8-43.1 74.3c19.8 20.9 54.4 20.7 74.6 0.5c20.5-20.4 18.4-53.1-6.9-68.6C427.7 96.6 419.2 94.7 410.6 95z'/%3E%3Cpath fill='%23bb2fba' d='M291.3 23c-0.1-0.1-0.1-0.1-0.2-0.2c-14.2-16.9-38.3-25.6-61.4-12.3c-13.5 7.8-20.5 18.7-22.7 30.2c-5.7 18 1.5 34.2 14.2 44.8c15.4 16.8 40.3 24.1 64.2 5.5c9.6-7.4 15-16.3 17.2-25.4C308.6 48.8 302.7 33.6 291.3 23z'/%3E%3Cpath fill='%23c62eac' d='M419.1 440.6c-16.9-14.5-41.8-21.5-61.7-9.5c-18.3 11.1-1 100.1 32.2 93.5c23.8-4.7 45.3-22.4 48.1-44.3C439.6 466.1 431.5 451.3 419.1 440.6z'/%3E%3Cpath fill='%23d22e99' d='M127 227c-12-4.3-25.4-2.1-38.7 11.4C71 255.9 61.4 286.1 80.4 306c21.3 22.3 86.9 27.5 89.6-14.9c0.5-8.9-2.7-17.9-6.5-25.8C155.1 248.3 142.1 232.5 127 227z'/%3E%3Cpath fill='%23d73583' d='M281.5 407.6c-0.3-0.4-0.7-0.7-1-1c-19.3-17.6-59.1-0.6-78.1 10.3c-23.8 13.7-8.2 41.1 5.4 55.8c16.3 17.6 42.7 25.2 68 5.8C291.3 466.6 295.5 422.7 281.5 407.6z'/%3E%3Cpath fill='%23db3b6d' d='M137.9 110.2c-10.4-25.7-43.3-32.1-67-23.6C60.1 90.4 50 97.8 45.1 108.6c-21.2 47.3 44.9 81.1 78.5 51c9.5-8.5 17.3-18.9 17.4-32.4C141 120.8 139.9 115.1 137.9 110.2z'/%3E%3Cpath fill='%23df4259' d='M344.3 284.7c-10 14.9-9.2 34.1-0.9 49.5c3.4 6.3 8.6 13.8 16.1 15.8c7.1 1.9 15.1 0.7 22.1-0.6c15.7-3 45.6-10.5 52.3-26.8C453.5 274.4 375.6 237.9 344.3 284.7z'/%3E%3Cg fill='%23e34e49' %3E%3Cpath d='M-29.2 431.8c23.4 12.4 54.1 1.7 66.1-20.6c9.6-17.8 10.4-40.4-3.3-56.5c-10.5-12.4-44.2-25.8-58.5-11.3c-3 3.1-5.1 7.1-6.9 10.9C-41.1 373.2-55 418.1-29.2 431.8z'/%3E%3Cpath d='M870.8 431.8c23.4 12.4 54.1 1.7 66.1-20.6c9.6-17.8 10.4-40.4-3.3-56.5c-10.5-12.4-44.2-25.8-58.5-11.3c-3 3.1-5.1 7.1-6.9 10.9C858.9 373.2 845 418.1 870.8 431.8z'/%3E%3C/g%3E%3Cpath fill='%23e76f51' d='M671.4 460.5c-10.7 1.7-20.2 8.3-26.2 22.2c-21.5 49.5 45.4 84.9 79.4 53.3c16.3-15.2 24-31 6.5-48.1c-5.9-5.8-12.3-11-19.1-15.6C699.5 463.7 684.5 458.4 671.4 460.5z'/%3E%3C/g%3E%3C/svg%3E");
     background-attachment: fixed;    
    } 
    to{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='600' viewBox='0 0 900 600'%3E%3Cg fill-opacity='0.29'%3E%3Cpath fill='%23264653' d='M306.9 210.2c-1.2-22.8-13.5-42.7-40.8-41.1c-18.3 1.1-35.9 3.6-47.5 20.1c-5.2 7.4-10.6 15.6-11.4 24.9c-0.5 5.8 0.2 12 1.2 17.7c9 49.6 85.3 46.7 96.4 0.2C306.6 224.9 307.3 217.4 306.9 210.2z'/%3E%3Cpath fill='%2328445c' d='M137.2 481.3c-13.2-9.9-31.2-13.3-48.5-3.2c-12.6 7.3-19.1 17.4-21.1 28.2c-0.7 2.4-1.2 4.7-1.5 7c-8.2 35.4 33.7 78.9 72.6 48.6C167.6 539.3 164.4 501.6 137.2 481.3z'/%3E%3Cg fill='%232a4066' %3E%3Cpath d='M547.9 588.3c-7.1-34.2-61.6-52.7-87.5-16.9c-11.2 11.3-12.7 26.3-7.6 39.7c1.8 7.5 5.5 13.9 10.4 19.1c19.4 20.3 53.4 26.2 72.8 1.9C545.9 619.7 553.9 604.2 547.9 588.3z'/%3E%3Cpath d='M547.9-11.7c-7.1-34.2-61.6-52.7-87.5-16.9c-11.2 11.3-12.7 26.3-7.6 39.7c1.8 7.5 5.5 13.9 10.4 19.1c19.4 20.3 53.4 26.2 72.8 1.9C545.9 19.7 553.9 4.2 547.9-11.7z'/%3E%3C/g%3E%3Cpath fill='%232b396f' d='M849.7 498c-22.3 1.3-43.2 7.5-52.7 29.5c-3.3 7.7-7.3 15.7-7 24.3c2 55.6 86.1 63.4 98.8 10.1C890.6 554.6 877.3 496.4 849.7 498z'/%3E%3Cpath fill='%232d2f79' d='M762 291.1c-8.2-6.1-19.1-1.9-27.3 2.2c-7.4 3.7-14.4 8.2-21.6 12.1c-6.6 3.6-13.7 7-19.8 11.5c-18.3 13.5-2.5 45.1 10.6 56.4c17 14.6 41.6 15.9 59.6 2.1C794.1 351.8 790.7 312.4 762 291.1z'/%3E%3Cpath fill='%233a2e84' d='M863.3 170.3c-4.5-15.7-17.9-28.8-33.4-34.4c-16.2-5.8-38.4-2.9-51.8 8.1c-14.9 12.2-14.5 31.7-11.4 49c9.6 53.9 84.3 47.7 97-1.3C865.6 184.4 865.3 177.1 863.3 170.3z'/%3E%3Cpath fill='%234d2e8e' d='M598.4 86.1c-10.2 15.5-9.3 34.2-0.9 50.4c2.6 5 6.2 9.5 10.4 13.2c14.2 12.6 35.5 17.1 53.2 9.5c14.3-6.1 23.9-19.8 26.7-34.7C707.4 75.6 629.7 38.5 598.4 86.1z'/%3E%3Cpath fill='%23632f99' d='M509.8 413.3c-17.3 22.6-11.8 59 17.5 75.3c22.6 12.6 52.2 1.7 63.8-20.9c21.4-42-9.2-85-56.5-71C523.8 399.9 515.6 405.8 509.8 413.3z'/%3E%3Cpath fill='%237c2fa4' d='M607.4 232.3c-0.5-0.4-1-0.8-1.4-1.2c-16.5-12.8-30.2-22.1-50.3-8.4c-15.5 10.6-29 30.3-31.4 49.1c-4.2 33.6 30.6 46.9 58.6 40.6C619.6 304.2 640.6 259.5 607.4 232.3z'/%3E%3Cpath fill='%23992faf' d='M410.6 95c-36.5 1.3-74.1 41.8-43.1 74.3c19.8 20.9 54.4 20.7 74.6 0.5c20.5-20.4 18.4-53.1-6.9-68.6C427.7 96.6 419.2 94.7 410.6 95z'/%3E%3Cpath fill='%23bb2fba' d='M291.3 23c-0.1-0.1-0.1-0.1-0.2-0.2c-14.2-16.9-38.3-25.6-61.4-12.3c-13.5 7.8-20.5 18.7-22.7 30.2c-5.7 18 1.5 34.2 14.2 44.8c15.4 16.8 40.3 24.1 64.2 5.5c9.6-7.4 15-16.3 17.2-25.4C308.6 48.8 302.7 33.6 291.3 23z'/%3E%3Cpath fill='%23c62eac' d='M419.1 440.6c-16.9-14.5-41.8-21.5-61.7-9.5c-18.3 11.1-1 100.1 32.2 93.5c23.8-4.7 45.3-22.4 48.1-44.3C439.6 466.1 431.5 451.3 419.1 440.6z'/%3E%3Cpath fill='%23d22e99' d='M127 227c-12-4.3-25.4-2.1-38.7 11.4C71 255.9 61.4 286.1 80.4 306c21.3 22.3 86.9 27.5 89.6-14.9c0.5-8.9-2.7-17.9-6.5-25.8C155.1 248.3 142.1 232.5 127 227z'/%3E%3Cpath fill='%23d73583' d='M281.5 407.6c-0.3-0.4-0.7-0.7-1-1c-19.3-17.6-59.1-0.6-78.1 10.3c-23.8 13.7-8.2 41.1 5.4 55.8c16.3 17.6 42.7 25.2 68 5.8C291.3 466.6 295.5 422.7 281.5 407.6z'/%3E%3Cpath fill='%23db3b6d' d='M137.9 110.2c-10.4-25.7-43.3-32.1-67-23.6C60.1 90.4 50 97.8 45.1 108.6c-21.2 47.3 44.9 81.1 78.5 51c9.5-8.5 17.3-18.9 17.4-32.4C141 120.8 139.9 115.1 137.9 110.2z'/%3E%3Cpath fill='%23df4259' d='M344.3 284.7c-10 14.9-9.2 34.1-0.9 49.5c3.4 6.3 8.6 13.8 16.1 15.8c7.1 1.9 15.1 0.7 22.1-0.6c15.7-3 45.6-10.5 52.3-26.8C453.5 274.4 375.6 237.9 344.3 284.7z'/%3E%3Cg fill='%23e34e49' %3E%3Cpath d='M-29.2 431.8c23.4 12.4 54.1 1.7 66.1-20.6c9.6-17.8 10.4-40.4-3.3-56.5c-10.5-12.4-44.2-25.8-58.5-11.3c-3 3.1-5.1 7.1-6.9 10.9C-41.1 373.2-55 418.1-29.2 431.8z'/%3E%3Cpath d='M870.8 431.8c23.4 12.4 54.1 1.7 66.1-20.6c9.6-17.8 10.4-40.4-3.3-56.5c-10.5-12.4-44.2-25.8-58.5-11.3c-3 3.1-5.1 7.1-6.9 10.9C858.9 373.2 845 418.1 870.8 431.8z'/%3E%3C/g%3E%3Cpath fill='%23e76f51' d='M671.4 460.5c-10.7 1.7-20.2 8.3-26.2 22.2c-21.5 49.5 45.4 84.9 79.4 53.3c16.3-15.2 24-31 6.5-48.1c-5.9-5.8-12.3-11-19.1-15.6C699.5 463.7 684.5 458.4 671.4 460.5z'/%3E%3C/g%3E%3C/svg%3E");
     background-attachment: fixed;  
    }
}

.logo
{
    margin-bottom: 50px;
}
.name{
    font-family: 'Lora', serif;
    font-size:6rem;
    font-weight: 300;
    margin: 10px;
    /* text-shadow:5px 5px #b32b7a; */

}
.anime{
    animation-name: slideIn;
    animation-duration: 2s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
}
@keyframes slideIn{
    from{
        opacity: 0.2;
        margin-left: 20px;
    }
    to{
        opacity:1;
    }
}
.tagline
{
    font-size: 2.5rem;
    font-family: 'Alegreya', serif;
    font-weight: 200;
    /* text-shadow:3px 3px #b32b7a; */
}
.btn
{
    background-color:#E76F51;
    /*background: #2A9D8F;*/
    color: burlywood;
    text-decoration: none;
    width: 80px;
    height: 80px;
    margin-top: 30px;
    box-shadow: 5px 5px #f57d5f86;
    border-radius:50px;
    padding-top: 10px;
    text-align: center; 
}

.navigation{
    position: sticky;
    top:0px;
    width:100%;
    height: 13vh;
    z-index: 100;
    display: flex;
    justify-content: space-between;
    background-color: black;
    flex-wrap: wrap;
    /* border:2px solid red; */
    
}
.company-logo{
    width:350px;
    display: flex;
    align-items: center;
    
}
.company-logo img{
    width:35%; 
    margin: 15px;
}

.nav-container{
    /* border:2px solid black; */
    width: 70%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}
.nav-item{
    display: inline;
    list-style: none;
    margin: 25px;


}
.nav-link{
    text-decoration: none;
    font-size: 1.5rem;
    color: white;
}
.nav-link:hover{
    border-bottom: 2px solid white;
    
}
    
.heading{
    /* padding-top: 25px; */
    color: white;
    font-family: 'Alegreya', serif;
    font-style: italic;
    font-size: 2.4rem;
    font-weight: 500;
    padding-top: 10px;
}
.nav-container{
    /* border:2px solid black; */
    width: 70%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}
.nav-item{
    display: inline;
    list-style: none;
    margin: 25px;
}

/*Reach Us Page*/

#reachUs{
    width: 100vw;
    height: 90vh;
    background-color: #000000;
    color: white;

}

.reachUs-heading{
    font-family: 'Lora', serif;
    font-size: 4rem;
    font-weight: normal;
    color:white;
    text-align: center;
    margin-top: 10%;
    padding-top: 7.5%;
    
}

.contact-grid{
    /* border:2px solid red; */
    background-color: black;
    height:80vh;
    width:80%;
    margin:auto;
    display: grid;
    grid-template-columns: repeat(12,1fr);
    grid-template-rows: repeat(12, 1fr);
}

.input-grid{
 /* border:1px solid white; */
 grid-column: 1/6;
 grid-row: 1/10;
}

.vertical-grid{
    /* border:1px solid white;  */
    grid-column: 6/7;
    grid-row: 1/10;
}

.line{
    height: 50vh;
    width: 0.1%;
    fill:blueviolet;
    border:2px solid #264653;
    margin:auto;
}

.slider-grid{
    /* border:1px solid white; */
    grid-column: 7/13;
    grid-row: 1/10;

}

.contact-button{
    height:45%;
    width:15rem;
    border-radius: 5px;
    grid-column: 6/7;
    grid-row: 9/11;
    color:#E9C46A;
    font-weight: bold;
    font-size: 1.5rem;
    background-color: black;
    
}

.contact-input{
    display:block;
    height: 10%;
    margin:70px auto;
    border-radius: 5px;
    width:80%;
    padding-left:2%;
    padding-top: 0.5%;
    font-size: 2rem;
    /* background-color: rgba(0, 0, 0, 0.575); */

}

.contact-input::placeholder{
  font-size: 2rem;
  font-weight: normal;
  font-family: 'Lora', serif;
  padding:5px;
  color:#E9C46A;
  
}

.contact-label{
    display:block;
    height: 10%;
}

label i{
    margin-left:6%;
    margin-top: 10%;
    margin-right: 5px;
    color:#E76F51 ; 
    
}

label p{
    display: inline;
    font-size: 2rem;
    font-family: 'Lora', serif;
    font-weight:normal;
    margin-top: 50px;
    color: #E9C46A;
}

.slider{
    margin-top: 60px;
    margin-left:17%;
    width:60%;

}


/* Reach Us PAge */


.team-profile{  
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.profile-header{
    font-family: 'Lora', serif;
    font-size: 4rem;
    font-weight: normal;
    color:white;
    margin-top: 100px;
    animation-name: slideIn;
    animation-duration: 2s;
    animation-delay: 0.5s;
}
@keyframes slideIn{
    from{
        opacity: 0.2;
        margin-left: 20%;
    }
    to{
        opacity:1;
        margin-left: 0px;
    }
}
.profile-container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 80vh;
    /* padding: 10px; */
    margin: 0px auto;
    transition-property: box-shadow;
    transition-timing-function:ease-in-out;
    transition-delay: 0.2s;

}
.profile-card:hover{
    box-shadow: -2px -2px 5px 5px #8d60a385;
    transform: scale(1.06);
}
.profile-card{
    width:280px ;
    height: 380px;
    margin:15px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.photo-container{
    position: relative;
    width:280px ;
    height: 250px;
/* background-image: linear-gradient(#000,#F4A261); */
}
.photo-container img{
    position: absolute;
    height: 120%;
    bottom: 0;
    margin-left:40px ;
}
.photo-background{
    height: 200px;
}

.description{
    width: 280px ;
    height: 80px ;
    margin-top: 10px;
    background-color:#264653;
    text-align: center;
    color: white;
    font-size: 2rem;
}

.description p{
    font-size: 1.5rem;
}
.social-links{
    width: 280px ;
    height: 40px;
    background-color: #315a6a;
    display:flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}

.social-links i{
    background-color:#315a6a ;
}
.amber{
    background-color: #f4a361;
}
.amber-icon{
    color:#F4A261;
}
.sapphire{
    background-color:#2A9D8F ;
}
.sapphire-icon{
    color:#2A9D8F;
}
.ruby{
    background-color: #E76F51;
}
.ruby-icon{
    color: #E76F51;
}
.quartz{
    background-color: #e9c56a
}
.quartz-icon{
    color: #E9C46A;
}

.what-we-do-container{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;

}

.what-we-do-text{
    width: 80vw;
    color: #E9C46A;
    font-size: 3rem;
    padding: 5rem;
    text-align: center;
}

.what-we-do-header{
    margin-top: 50px;
    font-family: 'Lora', serif;
    font-size: 4rem;
    font-weight: normal;
    color:white;

}

.jewel{
    width: 30vw;
    position: absolute;
    right: 0;
    bottom: -75px;
    transform: rotate(-50deg);
    opacity: 0.1;
}
.jewel2{
    width: 20vw;
    position: absolute;
    left: 0;
    top: 50px;
    transform: rotate(45deg);
    opacity: 0.3;
}

footer{
    height: 30vh;
    background-color:black;
    border:1px solid grey;
    display: flex;
    justify-content: center;
    box-shadow: 10px 10px white;
    
}

.logo-footer{
    width:100px;
    height:60px;
    margin-left:100px;
    margin-top: 50px;
}

.footer-links{
    color: white;
    display: flex;
    flex-direction: column;
    margin-left: 50%;
}

/* .footer-center{
    font-size: 20px;
    color:white;
    display: block;
    margin-left: 50%;
}

#footer-center{
    border:1px solid white;
    margin-top: 5%;
    width:50%;
   
} */

.footer-icons{
    margin-right:30px;
    margin-bottom: 15px;
    margin-top: 10px;;
}

.footer-content{
    font-size: 20px;
    margin-right:20px;
}