/* General Website Styling */

body {
       /*  color: rgba(0, 0, 0, 0.573);*/
}

html {
  scroll-behavior: smooth;
}

/* GWS Ends Here xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/* Navigation Bar Styling begins here ***************************************************************** */

/* Navbar Class Styling is here */

.VTNavbar {
         position: sticky;
         height: 135px;
         background-color: white;
         padding: 5px;
         border: 2px white solid;
         background-image: linear-gradient(rgba(222, 237, 245, 0.7), rgba(255, 255, 255, 1));
         }

         @media screen and (max-width: 600px) {
  .VTNavbar {
         position: sticky;
         height: 90px;
         background-color: white;
         padding: 2px;
         border: 1px white solid;
         background-image: linear-gradient(rgba(222, 237, 245, 0.7), rgba(255, 255, 255, 1));
         }
}


/* Navbar Logo Styling is here */

#VTLogo {
         width: 7em ;
         padding: .5em;
         margin: .5em;
         float: left;
         display: block;
         /*background-color: white;*/
        }

@media screen and (max-width: 600px) {
#VTLogo {
         width: 4.5em ;
         padding: .2em;
         margin: .2em;
         float: left;
         display: block;
         /*background-color: white;*/
        }

}
/* Styling of Title and Slogan Div with ID VTTitleAndSlogan Starts here */

#VTTitleAndSlogan {
         margin: 1.5em 1em 1.6em 7em;
         /* float: left;*/
         background-color: rgb(173, 210, 231);
         border-radius: 7px;
        }

@media screen and (max-width: 600px) {
        #VTTitleAndSlogan {
         margin: 1.17em .7em 1.26em 5em;
         /* float: left;*/
         background-color: rgb(173, 210, 231);
         border-radius: 5px;
        }
}

/*  Styling of Title with VTTitle id  */

#VTTitle {
         color: white;
         background-color: rgb(28, 32, 70);

         font-family: Arial Black;
         font-size: 1.53em;
         font-weight: bolder;
         text-align: left;

         padding: .3em;
         padding-left:30px;

         border-top-left-radius: 7px;
         border-top-right-radius: 7px;
        }

        @media screen and (max-width: 600px){
         #VTTitle {
         color: white;
         background-color: rgb(28, 32, 70);

         font-family: Arial Black;
         font-size: 1.26em;
         font-weight: bolder;
         text-align: left;

         padding: .1em;
         padding-left:10px;

         border-top-left-radius: 5px;
         border-top-right-radius: 5px;
        }
        }
/*  Styling of Slogan with VTSlogan id  */

#VTSlogan {
         color: rgb(28, 32, 70);
         background-color: rgb(222, 237, 245);

         font-family: sans-serif;
         font-size: 1.17em;
         font-weight: 500;
         font-style: italic;

         padding: .2em;
         padding-left:30px;

         border-bottom-left-radius: 7px;
         border-bottom-right-radius: 7px;
        }

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

        #VTSlogan {
         color: rgb(28, 32, 70);
         background-color: rgb(222, 237, 245);

         font-family: sans-serif;
         font-size: .9em;
         font-weight: 400;
         font-style: italic;

         padding: .1em;
         padding-left:10px;

         border-bottom-left-radius: 5px;
         border-bottom-right-radius: 5px;
        }

}
/* Navigation Bar Styling Ends here xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* Veer Technologies Verticles Div Styling Begins Here---------------------------------------------------------------------- */

/* Div with id VTVerticals Styling */

#VTVerticals {
              display: inline-block;
              background-color: rgb(222, 237, 245);
            }

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

        #VTVerticals {
              display: inline-block;
              background-color: rgb(222, 237, 245);
            }
}
/* Verticles Responsive Tabs Styling Begins Here */

.VTVerticalsTab {
                 color: rgb(28, 32, 70);
                 background-color: rgb(222, 237, 245);

                 text-align: center;

                 padding: .9em;
                 margin: auto;

                 border: 1.5px white solid;
                }

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

        .VTVerticalsTab {
                 color: rgb(28, 32, 70);
                 background-color: rgb(222, 237, 245);

                 text-align: center;

                 padding: .7em;
                 margin: auto;

                 border: 1.35px white solid;
                }

}

.VTVerticalsTab:hover {
         background-color: rgb(172, 216, 242);
}

a {      color: rgb(28, 32, 70);

         font-family: sans-serif;
         font-size: 1.26em;
         font-weight: 400;
         font-style: normal;

         text-decoration: none;
}

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

        a { color: rgb(28, 32, 70);

         font-family: sans-serif;
         font-size: 1.15em;
         font-weight: 400;
         font-style: normal;

         text-decoration: none;
}

}

a:hover {
         color: rgb(32, 3, 137);

         font-size: 1.35em;
         font-weight: bold;

}

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

        a:hover {
         color: rgb(32, 3, 137);

         font-size: 1.26em;
         font-weight: bold;

}

}

/* Veer Technologies Verticles Div Styling Ends Here XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */



 #VTMissionStatementDiv {
                        background-image: linear-gradient(to right, rgba(28, 32, 70, 0.7), rgba(255, 255, 255, 0.8));

                        text-align: center;

                        padding: 5em 2.25em 2.25em 2.25em;
}

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

        #VTMissionStatementDiv {
                        background-image: linear-gradient(to right, rgba(28, 32, 70, 1), rgba(255, 255, 255, 1));

                        text-align: center;

                        padding: 3em 1.8em 1.8em 1.8em;
}


}

#VTAboutUs{
                        background-image: linear-gradient(to left, rgba(28, 32, 70, 0.7), rgba(255, 255, 255, 0.8));

                        text-align: center;

                        padding: 2.25em;
}

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

        #VTAboutUs{
                        background-image: linear-gradient(to left, rgba(28, 32, 70, 1), rgba(255, 255, 255, 1));

                        text-align: center;

                        padding: 1.8em;
}


}

#MissDivH4, #AbtDivH4{
         color: rgb(28, 32, 70);

         font-family: sans-serif;
         font-weight: 600;

         padding: .7em;

        }

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

                #MissDivH4, #AbtDivH4{
         color: rgb(28, 32, 70);

         font-family: sans-serif;
         font-weight: 600;

         padding: .5em;

        }

        }

#MissDivP, #AbtDivP{
  color: rgb(28, 32, 70);
        background-color: rgb(225, 225, 225);

        font-family: sans-serif;
        font-size: 1.17em;
        font-weight: 200;
        /*font-style: italic;*/

        padding: 1.53em;
        border: .5px rgb(28, 32, 70) solid;
        border-radius: 5px;
}

@media screen and (max-width: 600px){
        #MissDivP, #AbtDivP{
  color: rgb(28, 32, 70);
        background-color: rgb(225, 225, 225);

        font-family: sans-serif;
        font-size: 1.08em;
        font-weight: 400;
        /*font-style: italic;*/

        padding: 1.35em;
        border: .5px rgb(28, 32, 70) solid;
        border-radius: 5px;
}

}


#VTAerospace {
         /*background-image: linear-gradient(to right, rgba(173, 210, 231, 0.4), rgba(255, 255, 255, 0.8));*/
         background-image: linear-gradient(to top, rgba(28, 32, 70, 1), rgba(173, 210, 231, 0.7));
         text-align: center;

         padding-top: 10em;
}

@media screen and (max-width: 600px){
        #VTAerospace {
         /*background-image: linear-gradient(to right, rgba(173, 210, 231, 0.4), rgba(255, 255, 255, 0.8));*/
         background-image: linear-gradient(to top, rgba(28, 32, 70, 1), rgba(173, 210, 231, 0.7));
         text-align: center;

         padding-top: 7em;
}
}

h3{
        color: rgb(28, 32, 70);

        font-family: sans-serif;
        font-weight: 600;
}

@media screen and (max-width: 600px){
        h3{
        color: rgb(28, 32, 70);

        font-family: sans-serif;
        font-weight: 600;
}
}

p{
color: rgb(28, 32, 70);

font-family: sans-serif;
font-size: 1.26em;

padding: .7em 2em 1em 2em;
}

@media screen and (max-width: 600px){
        p{
color: rgb(28, 32, 70);

font-family: sans-serif;
font-size: 1.08em;

padding: .5em 1.5em .7em 1.5em;
}

}

h5{
        color: rgb(28, 32, 70);

        font-family: sans-serif;
        font-weight: 600;

        text-align: center;

}

@media screen and (max-width: 600px){
        h5{
        color: rgb(28, 32, 70);

        font-family: sans-serif;
        font-weight: 500;

        text-align: center;

}

}


#VTAerospaceCards {
         background-image: linear-gradient(to bottom right, rgba(173, 210,
                                    231, 0.5), rgba(255, 255, 255, 0.8));

         font-family: sans-serif;
         width: auto;
         /* border: 2px rgb(173, 210, 231) solid;*/
         margin-bottom: 2em;
         border: 0;
}

@media screen and (max-width: 600px){
        #VTAerospaceCards {
         background-image: linear-gradient(to bottom right, rgba(173, 210,
                                    231, 0.5), rgba(255, 255, 255, 0.8));

         font-family: sans-serif;
         width: auto;
         /* border: 2px rgb(173, 210, 231) solid;*/
         margin-bottom: 2em;
         border: 0;
}
}


.card-img-top{
        height: 300px;
        padding: .36em;
}

@media screen and (max-width: 600px){
        .card-img-top{
        height: 270px;
        padding: .18em;
}
}

#VTAllCardBody{
height: 315px;
text-align: left;
padding: 1em;
}

@media screen and (max-width: 600px){
        #VTAllCardBody{
height: 324px; /* Deliberately increased the height of the card on small screen*/
text-align: left;
padding: .7em;
}

}


#VTAllCardTitle{
        color:rgb(28, 32, 70) ;

        /* font-family: sans-serif; */

        font-weight: bolder;

        font-size: 1.44em;

        padding: .36em;

}

@media screen and (max-width: 600px){
        #VTAllCardTitle{
        color:rgb(28, 32, 70) ;

        /* font-family: sans-serif; */

        font-weight: bolder;

        font-size: 1.26em;

        padding: .18em;

}

}

#VTAllCardText{

        color:rgb(28, 32, 70) ;

        /* font-family: sans-serif; */

        font-weight: bold;

        font-size: 1.17em;

        padding: 0em;

        text-align: center;
}

@media screen and (max-width: 600px){
        #VTAllCardText{

        color:rgb(28, 32, 70) ;

        /* font-family: sans-serif; */

        font-weight: bold;

        font-size: .90em;

        padding: 0em;

        text-align: center;
}
}

#VTListGroupItem{
        color:rgb(28, 32, 70) ;
        background-color: white;

font-weight: 600;
padding: .7em;
}

@media screen and (max-width: 600px){
        #VTListGroupItem{
        color:rgb(28, 32, 70) ;
        background-color: white;

font-weight: 500;
padding: .5em;
}

}

ul{
        list-style-type:square;
}



li{
        color:rgb(28, 32, 70) ;

        /* font-family: sans-serif; */

        font-weight: normal;

        font-size: 1.08em;

        padding: 0em;

}

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

        color:rgb(28, 32, 70) ;

        /* font-family: sans-serif; */

        font-weight: normal;

        font-size: .90em;

        padding: 0em;

}

}

#VTMarine {
         background-image: linear-gradient(to top, rgba(19,96,69,.7), rgba(81,166,136, 0.7));
         text-align: center;
         padding-top: 10em;
}

@media screen and (max-width: 600px){
        #VTMarine {
         background-image: linear-gradient(to top, rgba(19,96,69, 1), rgba(81,166,136, 0.7));
         text-align: center;
         padding-top: 7em;
}

}

#VTMaterials{
         background-image: linear-gradient(to top, rgba(167, 120, 33, 1), rgba(243, 181, 67, 0.7));
         text-align: center;
         padding-top: 10em;
}

@media screen and (max-width: 600px){
        #VTMaterials{
         background-image: linear-gradient(to top, rgba(167, 120, 33, 1), rgba(243, 181, 67, 0.7));
         text-align: center;
         padding-top: 7em;
}

}

#VTSoftwareandEmbedded{
         background-image: linear-gradient(to top, rgb(33, 32, 31, 1), rgba(81, 79, 78, 0.3));
         text-align: center;
         padding-top: 7em;
}

@media screen and (max-width: 600px){
        #VTSoftwareandEmbedded{
         background-image: linear-gradient(to top, rgb(33, 32, 31, 1), rgba(81, 79, 78, 0.3));
         text-align: center;
         padding-top: 7em;
}
}

#VTSemiconductors{
         background-image: linear-gradient(to right, rgba(255, 0, 0, 0.4),rgba(255, 165, 0, 0.4),rgba(255, 255, 0, 0.4),rgba(0, 128, 0, 0.4),rgba(0, 0, 255, 0.4), rgba(75, 0, 130, 0.4), rgba(238, 130, 238, 0.4));
         text-align: center;
         padding-top: 10em;
}

@media screen and (max-width: 600px){
        #VTSemiconductors{
         background-image: linear-gradient(to right, rgba(255, 0, 0, 0.4),rgba(255, 165, 0, 0.4),rgba(255, 255, 0, 0.4),rgba(0, 128, 0, 0.4),rgba(0, 0, 255, 0.4), rgba(75, 0, 130, 0.4), rgba(238, 130, 238, 0.4));
         text-align: center;
         padding-top: 7em;
}
}


#VTConstruction{
         background-image: linear-gradient(to top, rgba(184, 39, 39, 1), rgba(248, 67, 67, .3));
         text-align: center;
         padding-top: 10em;
}

@media screen and (max-width: 600px){
        #VTConstruction{
         background-image: linear-gradient(to top, rgba(184, 39, 39, 1), rgba(248, 67, 67, .3));
         text-align: center;
         padding-top: 7em;
}
}

#VTFooter{
        color: white;
        background-color: rgb(28, 32, 70);

         padding-top: 10em;

}

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

        #VTFooter{
        color: white;
        background-color: rgb(28, 32, 70);

         padding-top: 3em;

}

}