h2.title,h2{
    font-weight: 500 !important;}
.scrollable-div {
    padding: 10px;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: none;
}
a.goldenlink {
    border-left: 5px solid #c3922e;
    padding: 3px 10px 5px 25px;
    color: white;
    font-size: 19px;
    transition: background 0.5s ease-in-out;
}
a.goldenlink:hover{background: #c3922e;}
.inside h4 span {font-weight:300;}
body{background-color:#ececec;}
.page{//margin:2%;}
		.spacer-div {
    height: 10px; /* Set height for the spacer */
    background-color: transparent; /* Optional: make the spacer invisible */
}
		.containermember {
            display: flex;
            justify-content: space-around;
            
        }
		 .CorporateSlider{ justify-content: space-around;}
        .box {
            position: relative;
            width: 27%;
            padding-top: 37%; /* Aspect ratio */
            background-size: cover;
            background-position: center;
            overflow: hidden;
        }
		.CorporateSlider .box {
            position: relative;
            width: 30%;
            padding-top: 16%; /* Aspect ratio */
            background-size: cover;
            background-position: center;
            overflow: hidden;
        }
		.boxsectors {
            position: relative;
            background-size: cover;
            background-position: center;
            overflow: hidden;
		 }
        .overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 20%;
            background: rgba(0, 0, 0, 0.7);
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            transition: height 0.5s;
            overflow: hidden;
        }
		.CorporateSlider .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 15%;
            background: rgba(0, 0, 0, 0.7);
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            transition: height 0.5s;
            overflow: hidden;
        }
        .box:hover .overlay {
            height: 90%;
        }
		.CorporateSlider .box:hover .overlay {
            height: 100%;
        }
        .additional-text {
            display: none;
        }
        .box:hover .additional-text {
            display: block;
        }
		.containersectors {
            display: flex;
            gap: 10px;
        }
        .boxsectors {
            background-color: grey;
            min-height:100px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            font-size: 20px;
            transition: background-color 0.3s;
        }
        .boxsectors:hover {
            background-color: black;
        }
.circles li{display:none;}
.context {
    width: 100%;
    position: absolute;
    top:50vh;
}
.context h1{
    text-align: center;
    color: #fff;
    font-size: 50px;
}
.carousel-caption h2{color:#ffffff;}
.banner_slogan{z-index: 2;}
.banner_slogan h1{color:#fff;font-family:Roboto, Tahoma, Geneva, sans-serif;}
 .banner_slogan h1 span {
            color: #fff;
            transition: color 1s ease;
        }
 .text-containerletters {
        }
        .text-containerletters span {
            //color: white;
            //transition: color 1s ease;
        }
.white{color:#fff !important;}
.white a{color:#c3922e !important;}
@media only screen and (min-width: 1200px) {
    .fixed-header {
        position: fixed !important;
        top: 0;
        left: 0%;
        width: 100%;
        padding-top: 0px;
        z-index: 9;
    }
}
@media only screen and (min-width: 1200px) {
    .fixed-header:before {
          background: #fff;  
    }
}
.inside h4 span {
    font-size: 27px;
}
.ttm-facts-colum-sep .col-lg-3.col-md-6.col-sm-6:not(:last-child):after {
   height: 86%;
    top: 50%;
}
.title:after {
    content: "";
    height: 1px;
    left: 0;
    margin: -5px auto;
    position: absolute;
    right: 0;
    bottom: 0;
	background-color:#fff;
    width: 150px;
}
.title.Contact:after {
	 width: 100px;
}
.title.Leadership:after {
	background-color:#000;
}
.text {
            font-weight: bold;
            display: inline-block;
        }
        .text span {
            opacity: 1;
            color: goldenrod;
            //animation: fadeIn 1.5s forwards, colorChange 2s forwards;
        }
		.text .white span { color: white;}
        /* Fade-in animation for each letter */
        .text span:nth-child(1) { animation-delay: 0.3s, 6s; }
        .text span:nth-child(2) { animation-delay: 0.6s, 6.3s; }
        .text span:nth-child(3) { animation-delay: 0.9s, 6.6s; }
        .text span:nth-child(4) { animation-delay: 1.2s, 6.9s; }
        .text span:nth-child(5) { animation-delay: 1.5s, 7.2s; }
        .text span:nth-child(6) { animation-delay: 1.8s, 7.5s; }
        .text span:nth-child(7) { animation-delay: 2.1s, 7.8s; }
        .text span:nth-child(8) { animation-delay: 2.4s, 8.1s; }
        .text span:nth-child(9) { animation-delay: 2.7s, 8.4s; }
        .text span:nth-child(10) { animation-delay: 3s, 8.7s; }
        .text span:nth-child(11) { animation-delay: 3.3s, 9s; }
        .text span:nth-child(12) { animation-delay: 3.6s, 9.3s; }
        .text span:nth-child(13) { animation-delay: 3.9s, 9.6s; }
        .text span:nth-child(14) { animation-delay: 4.2s, 9.9s; }
        .text span:nth-child(15) { animation-delay: 4.5s, 10.2s; }
        .text span:nth-child(16) { animation-delay: 4.8s, 10.5s; }
        .text span:nth-child(17) { animation-delay: 5.1s, 10.8s; }
        .text span:nth-child(18) { animation-delay: 5.4s, 11.1s; }
        .text span:nth-child(19) { animation-delay: 5.7s, 11.4s; }
        /* Fade-in animation */
        @keyframes fadeIn1 {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
                color: white;
            }
        }
        /* Color change animation for the text */
        @keyframes colorChange1 {
            0% {
                color: white;
            }
            100% {
                color: goldenrod;
            }
        }
 ::-webkit-scrollbar {
            width: 10px;
        }

        ::-webkit-scrollbar-track {
            background: #000;  /* Light background */
        }

        ::-webkit-scrollbar-thumb {
            background-color: #433f3f; /* Darker thumb color */
            border-radius: 0px;  /* Rounded edges */
              /* Adds space around the thumb */
        }

        ::-webkit-scrollbar-thumb:hover {
            background-color: #433f3f; /* Darker color when hovered */
        }

        /* For Firefox */
        body {
            scrollbar-width: thin;
            scrollbar-color: #888 #f1f1f1; /* Thumb color #888 and track color #f1f1f1 */
        }
		.ttm-fid-title{margin-bottom:0px !important;}
		.numinate{margin-top:5px;}
		.outerldr-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50vh;
}
.containermember {
    display: flex;
    justify-content: space-around;
   
    align-items: center;
}
.main-section {
            display: flex;
            justify-content: space-between;
            gap: 20px;
        }

        .left-section {
            width: 60%;
            padding-right: 10px;
        }

        .address, .offices {
            padding: 0px;
            margin-bottom: 20px;
        }

        .address h2, .offices h2 {
            color: #c3922e; /* Gold color for section titles */
			font-size: 22px;
			font-weight : 700;
        }

        .gold-line {
            height: 2px;
            background-color: #c3922e; /* Thin gold line */
            margin: 20px 0;
			max-width: 74%;
        }

        .right-section {
            width: 30%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

        .newsletter {
            
            border-radius: 8px;
            width: 100%;
            text-align: center;
            color: #fff; /* White text */
        }

        .newsletter-top {
            
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
			border-bottom-right-radius: 8px;
			border-bottom-left-radius: 8px;
            padding: 20px;
            color: #f5f5f5;
        }

        .newsletter-bottom {
			border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
			width: 100%;
        }

        .subscribe-box {
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            width: 100%;
			background-color: white;
			border-top-left-radius: 8px;
            border-top-right-radius: 8px;
			border-bottom-right-radius: 8px;
			border-bottom-left-radius: 8px;
			
        }

        .subscribe-box input[type="email"] {
            flex: 1;
            padding: 10px 15px;
            border: none;
            outline: none;
            font-size: 1em;
            color: #000; /* Black text for input */
            background-color: #fff; /* White background for input */
        }

        .subscribe-box button {
            background-color: #c3922e; /* Gold button */
            color: #000; /* Black text for the button */
            padding: 10px 20px;
            border: 3px solid #c3922e;
            cursor: pointer;
            font-size: 1em;
			color : white;
        }

        .subscribe-box button:hover {
            background-color: #f0c700; /* Slight hover effect */
        }
		
        .main-section {
            display: flex;
            justify-content: space-between;
            gap: 20px;
        }
		.containercontact {
            width: 90%;
            margin: 0 auto;
            padding: 20px;
            color: #f5f5f5; /* Light text color for contrast */
        }
 
body {
   font-family:Roboto;
    font-weight: 400;
    font-size: 15px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Roboto;
}

.spacer {
            height: 5px; /* You can adjust the height for more or less space */
        } 
.Gilda{font-family:'Gilda Display';}
.Gold{color: goldenrod !important;}	
.fixed-header {
        position: fixed !important;
		top: 0;
        left: 0%;
        width: 100%;
        padding-top: 0px;
		z-index: 2;
}