/* General Website Styling */
*{
        font-family: sans-serif;
}




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 */

.CTNavbar {
         position: sticky;
         height: 117px;
         /* background-color: white; */
         padding: 5px;
         border: 2px white solid;
         background-color: white;
         /* background-color: rgb(250, 206, 11); */
         /* background-image: linear-gradient(rgba(5, 28, 40, 0.8), rgba(255, 255, 255, 1)); */
         }

         @media screen and (max-width: 600px) {
  .CTNavbar {
         position: sticky;
         height: 79px;
         /* background-color: rgb(250, 206, 11); */
         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 */

#CTLogo {
         width: 16.2em ;
         padding: .5em;
         margin: .5em;
         float: left;
         display: block;
        }

@media screen and (max-width: 600px) {
#CTLogo {
         width: 11.5em ;
         padding: .2em;
         margin: .2em;
         float: left;
         display: block;
        }
}



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

#CTSloganDiv {
         margin: 2.7em 1em 1.6em 25em;
         /* float: left;*/
         /* background-color: rgb(181, 173, 231); */
         border-radius: 7px;
        }

@media screen and (max-width: 600px) {
        #CTSloganDiv {
         margin: 1.8em 1em 1.6em 13.5em;
         /* float: left;*/
         background-color: rgb(173, 210, 231);
         border-radius: 5px;
        }
}

        /*  Styling of Slogan with CTSlogan id  */

#CTSlogan {
         color: white;
         background-color: rgb(88, 118, 207);

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

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

         border-radius: 5px;
        }

@media screen and (max-width: 600px){
        #CTSlogan {
         color: white;
         background-color: rgb(2, 2, 39);

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

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

         border-radius: 5px;
        }
}



/* Navigation Bar Styling Ends here xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* Div with id CTVerticals Styling */

#CTWelcomeRow{
        background-image: linear-gradient(rgba(2, 2, 39, 1), rgb(88, 118, 207, 1));
        color: white;

        font-size: 1.35em;
        font-style: italic;

        text-align: center;

        padding: 1em;
}

@media screen and (max-width: 600px){
        #CTWelcomeRow{
        background-image: linear-gradient(rgba(2, 2, 39, 1), rgb(88, 118, 207, 1));
        color: white;

        font-size: 1em;
        font-style: italic;

        text-align: center;

        padding: 0.5em;
}

}

#CTVerticals {
              display: inline-block;
            }
@media screen and (max-width: 600px){
        #CTVerticals {
              display: inline-block;
            }
}



/* Verticles Responsive Tabs Styling Begins Here */

.CTVerticalsTab {
                 color: white;
                background-color: rgb(2, 2, 39);


                 text-align: center;

                 padding: .9em;
                 margin: auto;

                 border: 0.9px white solid;
                }

@media screen and (max-width: 600px){
        .CTVerticalsTab {
                 color: white;
                 background-color: rgb(2, 2, 39);

                 text-align: center;

                 padding: .7em;
                 margin: auto;

                 border: 0.7px white solid;
                }
}

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

a {      color: white;

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

         text-decoration: none;
}

@media screen and (max-width: 600px){
        a { color: white;

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

         text-decoration: none;
}
}

a:hover {
         color: white;

         font-size: 1.44em;
         font-weight: bold;
}

@media screen and (max-width: 600px){
        a:hover {
         color: white;

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

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

#CTTokyoDiv{
        /* background-color: green; */
        background-color: rgb(241, 200, 227);
        text-align: center;

         padding-top: 3em;
         padding-bottom: 3em;


}

@media screen and (max-width: 600px){
        #CTTokyoDiv {
         text-align: center;
         padding-top: 1em;
         padding-bottom: 1em;
}
}

#CTTokyoDivSection{
        margin: auto;
        /*border: black 3px solid;*/
        /* background-color: pink;*/
}


#CTTokyoDivHeader{
                color: rgb(27, 9, 63);

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

                padding: 1em;
}

@media screen and (max-width: 600px){
        #CTTokyoDivHeader{
                color: rgb(27, 9, 63);

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

                padding: .7em;
}
}




#TokyoImage{
        height: 300px;
        object-fit: contain;
        border: white 3px solid;
        /* background-color: red;*/
        padding: 0.5em;
}

@media screen and (max-width: 600px){
        #TokyoImage{
        height: 250px;
        object-fit: contain;
        border: white 2.5px solid;
        /* background-color: red;*/
        padding: 0.2em;
}
}


#CTTokyoDivSectionText{
        color: rgb(27, 9, 63);

        font-size: 1.17em;

        text-align: left;

        padding: 1em;
        margin: auto;
}

@media screen and (max-width: 600px){
        #CTTokyoDivSectionText{
        color: rgb(27, 9, 63);

        font-size: 1.08em;

        text-align: left;

        padding: 2.5em;
        margin: auto;
}
}


#CTAboutUsSection{
        background-color: rgb(216, 234, 241);

        border: white 3px solid;

        padding: 9em 2em 2em 2em;
border-bottom: white 3px solid;

        text-align: center;
}

@media screen and (max-width: 600px){
    #CTAboutUsSection{
        background-color: rgb(216, 234, 241);

        border: white 2px solid;

        padding: 6em 1em 1em 1em;

        text-align: center;
}
}


#CTAboutUsHeader{
        color: rgb(27, 9, 63);
        background-color: rgb(225, 225, 225);

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

        border-radius: 7px;
        border: white 2px solid;
        padding: 1em;
        text-align: center;
}

@media screen and (max-width: 600px){
    #CTAboutUsHeader{
        color: rgb(27, 9, 63);
        background-color: rgb(225, 225, 225);

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

        border-radius: 5px;
        border: white 2px solid;
        padding: 1em;
        text-align: center;
}
}


#CTMissionStatementDiv{
        /* background-color: yellow; */
        padding: 4.5em;

}

@media screen and (max-width: 600px){
    #CTMissionStatementDiv{
        /* background-color: yellow; */
        padding: 2.5em;
}
}



#CTMissionStatementHeader{
        background-color: rgb(225, 225, 225);

        font-size: 1.44em;
        border-radius: 7px;
        border: white 2px solid;
        padding: .5em;

}

@media screen and (max-width: 600px){
    #CTMissionStatementHeader{
        background-color: rgb(225, 225, 225);

        font-size: 1.15 em;
        border-radius: 5px;
        border: white 2px solid;
        padding: 0.5em;

}
}


#CTMissionStatementText{
        background-color: rgb(225, 225, 225);

        margin-top: 2em;

        font-size: 1.26em;
        border-radius: 7px;
        border: white 2px solid;
        padding: 1.5em;
}

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

        #CTMissionStatementText{
        background-color: rgb(225, 225, 225);

        margin-top: 1.5em;

        font-size: 1.17em;
        border-radius: 5px;
        border: white 2px solid;
        padding: 1em;
}

}



#CTAboutUsSecondHalfDiv{

        padding: 2.5em;

        text-align: left;
}

@media screen and (max-width: 600px){
        #CTAboutUsSecondHalfDiv{
        padding: 0em 1.5em 1.5em 1.5em;

        text-align: left;
}
}


#CTAboutUsSecondHalfDivText{

        font-size: 1.26em;

        padding: 2em;

        border: white 3px solid;
        border-radius: 7px;
}

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

        /*background-color: white;*/
        font-size: 1.17em;
border: white 2px solid;
        border-radius: 5px;
        border-radius: 5px;
        padding: 1.5em;

}
}


#CTSegmentDivHeader{
        /* background-color: orange; */
        font-size: 1.62em;
        font-family: sans-serif;
        font-weight: bold;

        border: white 3px solid;
        border-radius: 7px;

        padding: 1em;

        text-align: center;
}

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

        #CTSegmentDivHeader{
        /* background-color: orange; */
        font-size: 1.35em;
        font-family: sans-serif;
        font-weight: bold;

        border: white 2px solid;
        border-radius: 5px;

        padding: .5em;

        text-align: center;
}
}


#CTSegmentDivImageHalf{
padding: 2em 2em 2em 0em;
margin-top: 3em;
}

@media screen and ( max-width: 600px){
        #CTSegmentDivImageHalf{
padding: 0.2em;
margin-top: 1.5em;
}
}


#CTSegmentDivImage{

        /* background-color: brown; */

  display: block;

  border: white 3px solid;

  border-radius: 7px;

  margin-left: auto;

  margin-right: auto;

  padding: .5em;

  width: 100%;
}

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

        /* background-color: brown; */

  display: block;

  border: white 2px solid;

  border-radius: 5px;

  margin-left: auto;

  margin-right: auto;

  padding: .2em;

  width: 100%;
}
}



#CTSegmentDivSecondHalf{
/* background-color: lightgreen; */
border: white 3px solid;

  border-radius: 7px;

padding: 0.5em 1em 1em 2em;

margin-top: 5em;
}

@media screen and ( max-width: 600px){
 #CTSegmentDivSecondHalf{
/* background-color: white; */

border: white 2px solid;

border-radius: 5px;

padding: .5em;

margin-top: 2em;
}
}


#CTSegmentDivSecondHalfTitle{
       /*  background-color: aquamarine; */
        padding: 1em;

        font-size: 1.44em;
        font-weight: 500;
}

@media screen and ( max-width: 600px){
        #CTSegmentDivSecondHalfTitle{
       /*  background-color: aquamarine; */
        padding: 1em;

        font-size: 1.35em;
        font-weight: 500;
}
}


#CTSegmentDivSecondHalfDescription{
        /* background-color: red; */

        font-size: 1.26em;

        padding: 1em;

}
@media screen and ( max-width: 600px){
        #CTSegmentDivSecondHalfDescription{
        /* background-color: red; */

        font-size: 1.17em;

        padding: 1em;
}
}



ul{
        list-style-type:square;
}



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

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

        font-weight: normal;

        font-size: 1.17em;

        padding: 0em;

}

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

        color:rgb(28, 32, 70) ;

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

        font-weight: normal;

        font-size: 1.08em;

        padding: 0em;

}

}

#CTSegmentDivHelicopters{
background-color: rgb(252, 232, 232);
padding: 9em 2em 2em 2em;
border-bottom: white 3px solid;
}
@media screen and (max-width: 600px){
        #CTSegmentDivHelicopters{
background-color: rgb(252, 232, 232);
padding: 7em 2em 2em 2em;
border-bottom: white 2px solid;

}
}



#CTSegmentDivLightAircrafts{
background-color: rgb(205, 205, 205);
padding: 9em 2em 2em 2em;
border-bottom: white 3px solid;
}
@media screen and (max-width: 600px){
        #CTSegmentDivLightAircrafts{
background-color: rgb(205, 205, 205);
padding: 7em 2em 2em 2em;
border-bottom: white 2px solid;
}
}

#CTSegmentDivBusinessJets{
background-color: rgb(229, 244, 250);
padding: 9em 2em 2em 2em;
border-bottom: white 3px solid;
}
@media screen and (max-width: 600px){
        #CTSegmentDivBusinessJets{
background-color: rgb(229, 244, 250);
padding: 7em 2em 2em 2em;
border-bottom: white 2px solid;
}
}


#CTSegmentDivAirliners{
background-color: rgb(222, 218, 251);
        padding: 9em 2em 2em 2em;
border-bottom: white 3px solid;
}
@media screen and (max-width: 600px){
        #CTSegmentDivAirliners{
background-color: rgb(222, 218, 251);
padding: 7em 2em 2em 2em;
border-bottom: white 2px solid;
}
}



#CTSegmentDivUAVs{
        background-color: rgb(252, 252, 207);
padding: 9em 2em 2em 2em;
border-bottom: white 3px solid;
}
@media screen and (max-width: 600px){
        #CTSegmentDivUAVs{
background-color: rgb(252, 252, 207);
padding: 7em 2em 2em 2em;
border-bottom: white 2px solid;
}
}



#CTSegmentDivAirports{
        background-color: rgb(195, 195, 218);
padding: 9em 2em 2em 2em;
border-bottom: white 3px solid;
}
@media screen and (max-width: 600px){
        #CTSegmentDivAirports{
background-color: rgb(195, 195, 218);
padding: 7em 2em 2em 2em;
border-bottom: white 2px solid;
}
}



#CTSegmentDivSatellites{
background-color: rgb(219, 246, 220);
padding: 9em 2em 2em 2em;
border-bottom: white 3px solid;
}
@media screen and (max-width: 600px){
        #CTSegmentDivSatellites{
background-color: rgb(219, 246, 220);
padding: 7em 2em 2em 2em;
border-bottom: white 2px solid;
}
}



#CTSegmentDivSpaceStation{
background-color: rgb(248, 237, 208);
        padding: 9em 2em 2em 2em;
border-bottom: white 3px solid;
}
@media screen and (max-width: 600px){
        #CTSegmentDivSpaceStation{
background-color: rgb(248, 237, 208);
padding: 7em 2em 2em 2em;
border-bottom: white 2px solid;
}
}



#CTSegmentDivRockets{
        background-color: rgb(248, 247, 207);
padding: 9em 2em 2em 2em;
border-bottom: white 3px solid;
}
@media screen and (max-width: 600px){
        #CTSegmentDivRockets{
background-color: rgb(248, 247, 207);
padding: 7em 2em 2em 2em;
border-bottom: white 2px solid;
}
}



#CTSegmentDivAstronauts{
        background-color: rgb(249, 142, 142);
padding: 9em 2em 2em 2em;
border-bottom: white 3px solid;
}
@media screen and (max-width: 600px){
        #CTSegmentDivAstronauts{
background-color: rgb(249, 142, 142);
padding: 7em 2em 2em 2em;
border-bottom: white 2px solid;
}
}



#CTSegmentDivComponentsManufacturing{
        background-color: rgb(252, 222, 253);
padding: 9em 2em 2em 2em;
border-bottom: white 3px solid;
}
@media screen and (max-width: 600px){
        #CTSegmentDivComponentsManufacturing{
background-color: rgb(252, 222, 253);
padding: 7em 2em 2em 2em;
border-bottom: white 2px solid;
}
}


#CTFooter{
        color: white;
        background-color: rgb(27, 9, 63);
padding: 9em 2em 2em 2em;
border-bottom: white 3px solid;
}

@media screen and (max-width: 600px){
        #CTFooter{
                color: white;
        background-color: rgb(27, 9, 63);
padding: 7em 2em 2em 2em;
border-bottom: white 2px solid;
}
}



#CTFooterFirstColumn{
        padding: 5em 2em 2em 2em;

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

        #CTFooterFirstColumn{
        padding: 3em 2em 2em 2em;

}
}

#CTFooterSecondColumn{
        padding: 5em 2em 2em 2em;

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

        #CTFooterSecondColumn{
        padding: 3em 2em 2em 2em;

}
}

#CTFooterThirdColumn{
        padding: 5em 2em 2em 2em;

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

        #CTFooterThirdColumn{
        padding: 3em 2em 2em 2em;

}
}

#CTFooterForthColumn{
        padding: 5em 2em 2em 2em;

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

        #CTFooterForthColumn{
        padding: 3em 2em 2em 2em;

}
}