/*  font family = lato */
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
/*  font family = teko */
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@500&display=swap');
/*  font family =  Roboto Condensed  */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap');

/*-----Navbar Start----*/

html {
    font-size: 16px;
}

#navbar_row {
    margin-right: 0px;
}

#navbar {
    background-color          : #f8f9fa;
    height                    : 5rem;
    font-family               : 'Lato', sans-serif;
    border-bottom-left-radius : 4rem;
    border-bottom-right-radius: 4rem;
    box-shadow                : 5px 7px 10px #7f7a7a;

}

#nav-link li a {
    color         : #000;
    font-size     : 0.875rem;
    line-height   : 1.75;
    letter-spacing: 0.05857em;
    text-transform: uppercase;
    font-weight   : bold;
}

#navbar_button {
    font-size     : 0.875rem;
    font-family   : 'Lato', sans-serif;
    letter-spacing: 0.05857em;
    text-transform: uppercase;
    font-weight   : bold;
}

#mynavbar {
    background-color: #f8f9fa;
    padding-left    : 1rem;
}

#toggler {
    border: none;
}

#navbar_brand_img {
    width : 8.125rem;
    height: 4.375rem
}

.active{
    color: red;
}
/*-----Navbar End----*/
/*-----carousel start----*/

#carousel-caption {
    top                    : 50%;
    transform              : translateY(-50%);
    bottom                 : initial;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style   : preserve-3d;
    transform-style        : preserve-3d;
}

#carousel-caption h1 {
    font-family     : "Maven Pro";
    font-size       : 5rem;
    background-color: #00000017;
    font-weight     : bold;
    text-transform  : lowercase;
}

#carousel-caption p {
    font-size       : 1.5rem;
    background-color: #00000017;
    font-weight     : bold;
}

#carousel-inner {
    border-bottom-left-radius : 31.938rem;
    border-bottom-right-radius: 2.875rem;
}

.carousel .carousel-indicators li.active {
    background-color: red;
}

/*-----carousel End----*/
/*-----Header start---*/

#header-container {
    margin          : 5rem;
    margin-bottom   : 5rem;
    /* border       : 2px solid black;
    border-radius   : 10px;*/

}

#header-row {
    align-items: center;
    margin     : 3rem;


}

#header-col-p h5 {
    font-family : 'Teko', sans-serif;
    font-size   : 1.688rem;
    text-align  : justify;
    margin-left : 0.875rem;
    margin-right: 0.875rem;
}

#header-col-p p {
    font-family : 'teko', sans-serif;
    font-size   : 1.563rem;
    text-align  : justify;
    margin-left : 0.875rem;
    margin-right: 0.875rem;
    font-weight : 200;
    color       : #5c666a;
}



#header-col-img {
    border-radius: 0.875rem;
}

#header-col-img img {
    border-radius: 0.875rem;
}

#header_btn {
    width    : 100%;
    font-size: 2rem;
}

#header_btn a:hover {
    text-decoration: none;
    color          : #fff;
}

/*-----Header End----*/
/*----- Water wave start---*/
#section {
    position  : relative;
    width     : 100%;
    height    : 11rem;
    background: #3586ff;
    overflow  : hidden;
}

.waves {
    position       : absolute;
    bottom         : 0;
    left           : 0;
    width          : 100%;
    height         : 6.25rem;
    background     : url(../img/wave.png);
    background-size: 62.5rem 6.25rem;
}

.waves.wave1 {
    animation      : animate 5s linear infinite;
    z-index        : 1000;
    opacity        : 1;
    animation-delay: 0s;
    bottom         : 0;
}

.waves.wave2 {
    animation      : animate2 10s linear infinite;
    z-index        : 999;
    opacity        : 0.5;
    animation-delay: -5s;
    bottom         : 0.625rem;
}

.waves.wave3 {
    animation      : animate 5s linear infinite;
    z-index        : 998;
    opacity        : 0.2;
    animation-delay: -2s;
    bottom         : 15;
}

.waves.wave4 {
    animation      : animate2 10s linear infinite;
    z-index        : 997;
    opacity        : 0.7;
    animation-delay: -5s;
    bottom         : 1.25rem;
}


@keyframes animate {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: 62.5rem;
    }
}

@keyframes animate2 {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: -6.25rem;
    }
}


/*-----Water wave End----*/
/*-----  start  five core---*/


#five_core_container h1 {
    color                  : #2d3436;
    font-weight            : bold;
    text-underline-position: under;
    text-decoration        : underline;
    text-decoration-color  : red;
}

#five_core_container_p {
    font-size  : 1.25rem;
    font-weight: 700;
    color      : #5c666a;

}



#five_core_col {
    text-align      : justify;
    border-radius   : 0.625rem;
    box-shadow      : 0.625rem 1rem 0.5rem rgba(85, 83, 83, 0.616);
    background-image: linear-gradient(to left, rgba(0, 100, 255, 0.59), #ff0000c7);
    color           : #fff;
    margin-left     : 3.938rem;
}

#five_core_col h4 {
    text-align : center;
    color      : rgb(12, 11, 11);
    font-weight: bold;
}

#five_core_col p {
    font-size: 1.2rem;
}


/*----- five core End----*/
/*-----  start why choose us ---*/

#why_choose {
    margin-top   : 8.563rem;
    margin-bottom: 8.563rem;
}

#why_choose_col {
    transition: width 2s;
}

#why_choose_col h1 {
    text-transform         : uppercase;
    font-family            : 'teko', sans-serif;
    color                  : blueviolet;
    text-underline-position: under;
    text-decoration        : underline;
    text-decoration-color  : red;
}

#why_choose_col ul li {
    font-family: 'lato', sans-serif;
    font-size  : 1.2rem;
    font-weight: bold;

}




#why_choose_img {
    border-radius: 1.563rem;
}

#why_choose_img img {
    border-radius: 1.563rem;
    height       : 20.875rem;
}


/*----- why choose us End----*/

/*-----Our Experties Start----*/


/*-----Our Experties End----*/

/*-----  start center of excellence ---*/
#excellence_col {
    cursor: pointer;
}

#excellence_col i {
    color: red;
}

#excellence_container h1 {
    font-family            : 'teko', sans-serif;
    color                  : blueviolet;
    text-underline-position: under;
    text-decoration        : underline;
    text-decoration-color  : red;
}

#excellence_container_p {
    font-weight: bold;
}

#excellence_col i:hover {
    color: #4fa6d5;
}

#excellence_col h3:hover {
    color: #4fa6d5;
}

#excellence_container h1:hover {
    color : #4fa6d5;
    cursor: pointer;
}

/*-----center of excellence  End----*/

/*----Directors Profile Start-----*/

#directors_container {
    margin-top    : 8.125rem;
    font-family   : 'teko', sans-serif;
    letter-spacing: 0.05115em;
}

#directors_h1 {
    margin-bottom          : 4.063rem;
    text-underline-position: under;
    text-decoration        : underline;
    text-decoration-color  : red;
}

#directors_col img {
    border-radius: 2.938rem;
    border       : 2px solid #eea40b;
    background   : #d8d8b4;
}


#directors_btn {
    border-radius : 1.625rem;
    font-weight   : 500;
    font-size     : 1.375rem;
    letter-spacing: 0.06515em;

}

#directors_btn:hover {
    background-color: white;
    border          : 1px solid #eea40b;

}

/*----Directors Profile end-----*/


#meet_team_btn {
    color      : black;
    font-family: 'teko', sans-serif;
}

#meet_team_btn:hover {
    color          : #fff;
    text-decoration: none;
    height         : 3.125rem;
}


/*----Our Team Start-----*/

#team_container {
    font-family: 'Noto Sans', sans-serif;
    padding    : 40px 0;
}

#team_container h2 {
    color         : #333;
    text-align    : center;
    text-transform: uppercase;
    font-family   : 'Noto Sans', sans-serif;
    font-weight   : bold;
    position      : relative;
    margin        : 30px 0 57px;
}

#team_container h2::after {
    content   : "";
    width     : 212px;
    position  : absolute;
    margin    : 0 auto;
    height    : 3px;
    background: #db584e;
    left      : 0;
    right     : 0;
    bottom    : -10px;
    opacity   : .8;
}

#team_container .col-center {
    margin: 0 auto;
    float : none !important;
}

#team_container .carousel {
    margin : 50px auto;
    padding: 0 50px;
}

#team_container .carousel-item {
    color     : #999;
    font-size : 16px;
    text-align: center;
    overflow  : hidden;
    min-height: 290px;
}

#team_container .carousel .item .img-box {
    width        : 135px;
    height       : 135px;
    margin       : 0 auto;
    padding      : 5px;
    border       : 1px solid #ddd;
    border-radius: 50%;
}

#team_container .carousel .img-box img {
    width        : 100%;
    height       : 100%;
    display      : block;
    border-radius: 50%;
}

#team_container .carousel .testimonial {
    padding: 30px 0 20px;
}

#team_container .carousel .overview {
    font-style: italic;
}

#team_container .carousel .overview b {
    text-transform: uppercase;
    color         : #db584e;
}

#team_container .carousel .carousel-control {
    width     : 40px;
    height    : 40px;
    margin-top: -20px;
    top       : 50%;
    background: none;
}

#team_container .carousel-control i {
    font-size  : 68px;
    line-height: 42px;
    position   : absolute;
    display    : inline-block;
    color      : rgba(0, 0, 0, 0.8);
    text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
}

#team_container .carousel #carousel_indicators {
    bottom: -40px;
}

#team_container #carousel_indicators li,
#team_container #carousel_indicators li.active {
    width        : 16px;
    height       : 1px;
    margin       : 1px 3px;
    border-radius: 50%;
}

#team_container #carousel_indicators li {
    background  : #999;
    border-color: transparent;
    box-shadow  : inset 0 2px 1px rgba(0, 0, 0, 0.2);
}

#team_container #carousel_indicators li.active {
    background: #555;
    box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
}

/*----Our Team end-----*/

/*-----  start footer ---*/
.main_ocean {
    height       : auto;
    background   : black;
    border-bottom: 1px solid #3f3c3c;
}

#ocean {
    position  : relative;
    width     : 100%;
    height    : 14vh;
    background: #080808;
    overflow  : hidden;
}

.oceanbg {
    position       : absolute;
    bottom         : 0;
    left           : 0;
    width          : 100%;
    height         : 6.25rem;
    background     : url(../img/wave2.png);
    background-size: 62.5rem 6.25rem;
    top            : 0px;
}

.oceanbg.oceanbg1 {
    animation      : animate 5s linear infinite;
    z-index        : 1000;
    opacity        : 1;
    animation-delay: 0s;
    bottom         : 0;
}

.oceanbg.oceanbg2 {
    animation      : animate2 10s linear infinite;
    z-index        : 999;
    opacity        : 0.5;
    animation-delay: -5s;
    bottom         : 10px;
}

.oceanbg.oceanbg3 {
    animation      : animate 5s linear infinite;
    z-index        : 998;
    opacity        : 0.2;
    animation-delay: -2s;
    bottom         : 15;
}

.oceanbg.oceanbg4 {
    animation      : animate2 10s linear infinite;
    z-index        : 997;
    opacity        : 0.7;
    animation-delay: -5s;
    bottom         : 20px;
}

@keyframes animate {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: 62.5rem;
    }
}

@keyframes animate2 {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: -6.25rem;
    }
}

#connect_btn {
    border: 1px solid white;
}

#connect_btn_a {
    color      : #fff;
    font-family: 'teko', sans-serif;

}

#connect_btn_a:hover {
    text-decoration: none;
    height         : 3.125rem;
}

#form_col {
    margin-top : 5.75rem;
    margin-left: 2.938rem;
}

.footer_form {
    display: flex;
}

#footer_contact {
    margin-top    : 5.938rem;
    color         : white;
    font-family   : 'teko', sans-serif;
    letter-spacing: 0.0955em;

}


#footer_phone {
    display: flex;
}

#footer_email {
    display   : flex;
    margin-top: 1.563rem;
}

#round {

    text-align   : center;
    border-radius: 50%;
}

#round i {
    color     : white;
    margin-top: 0.5rem;
}

#footer_about {
    color: white;
    margin-top: 5rem;
}

#footer_p {
    color      : rgb(149 160 166);
    font-family: 'teko', sans-serif;
    font-size  : 1.313rem;
}

#footer {
    background-color: black;
}

#copy {
    color         : white;
    text-align    : center;
    margin-top    : 0.75rem;
    padding-bottom: 1.438rem;
}

#footer .credits a {
    color: #a2cce3;
}

.hide {
    display: none;
}

.saurabh:hover+.hide {
    display: block;
    color  : red;
}

/* end footer  */





/* Media Queries start */
@media (max-width: 1140px) {
    html {

        font-size: 12px;
    }
}

@media (max-width: 936px) {
    #header-col-img img {
        border-radius: 0.875rem;
        width: 42rem;
        margin-bottom: 2rem;
    }   
}

@media (max-width: 868px) {
    html {

        font-size: 11px;
    }
}

@media (max-width: 752px) {
    #directors_col img {
        width: 22rem;
    }
}

@media (max-width: 564px) {
    #five_core_col {
        margin-right: 0.7em;
        margin-left: 0.7em;
    }
    #form_col {
        margin-top: 0rem;
        margin-left: 0rem;
    }
    #carousel {

        margin-top: 3rem;
    }
    #footer_contact {
        margin-bottom: 2rem;
    }
}
@media (max-width: 416px) {
   #testimonial_p{
       font-size: 1rem;
   }
   #header-container {
    margin: 0rem;
}


}

@media (max-width: 285px) {
    html {

        font-size: 10px;
    }

   
}