.max-width-100 { max-width: 100px !important; }
.max-width-200 { max-width: 200px !important; }
.max-width-300 { max-width: 300px !important; }
.max-width-400 { max-width: 400px !important; }
.max-width-500 { max-width: 500px !important; }
.max-width-600 { max-width: 600px !important; }
.max-width-700 { max-width: 700px !important; }
.max-width-800 { max-width: 800px !important; }
.max-width-850 { max-width: 850px !important; }
.max-width-900 { max-width: 900px !important; }
.max-width-950 { max-width: 950px !important; }
.max-width-1000 { max-width: 1000px !important; }
.max-width-1050 { max-width: 1050px !important; }
.max-width-1100 { max-width: 1100px !important; }
.max-width-1150 { max-width: 1150px !important; }
.max-width-1200 { max-width: 1200px !important; }
.max-width-1250 { max-width: 1250px !important; }
.max-width-1300 { max-width: 1300px !important; }
.max-width-1350 { max-width: 1350px !important; }
.max-width-1400 { max-width: 1400px !important; }
.max-width-1450 { max-width: 1450px !important; }
.max-width-1500 { max-width: 1500px !important; }
.max-width-1550 { max-width: 1550px !important; }
.max-width-1600 { max-width: 1600px !important; }
.max-width-1650 { max-width: 1650px !important; }
.max-width-1700 { max-width: 1700px !important; }
.max-width-1750 { max-width: 1750px !important; }
.max-width-1800 { max-width: 1800px !important; }
.max-width-1850 { max-width: 1850px !important; }
.max-width-1900 { max-width: 1900px !important; }
.max-width-1950 { max-width: 1950px !important; }
.max-width-2000 { max-width: 2000px !important; }
.max-width-2050 { max-width: 2050px !important; }
.max-width-2100 { max-width: 2100px !important; }
.max-width-2150 { max-width: 2150px !important; }
.max-width-2200 { max-width: 2200px !important; }

.fs-counter{
    font-size: 40px !important;
}

.counter-border{
    border: 1px solid #FF6600 !important;
    border-radius: 20px !important;
}

@media screen and (max-width:575px) {
    .counter-border{
        border:unset !important;
    }
}

.btnFindMore_carousel{
    position: absolute !important;

    left:7% !important;
    bottom: 8% !important;

    font-size: 1rem;   /* base size */
    padding: 0.5rem 1rem;

    background-color: #FF6600 !important;
    border-radius: 20px !important;
    border: unset;
    color: white !important;
}

.itrust-core-value-item-container{
    border-radius: 20px !important;
    background-color: #333334 !important;
    max-width: 350px !important;

}

.separate-line{
    display: block !important;
    width: 3px !important;
    height: 100% !important;
    background-color: white !important;
}

#itrust-core-values img{
    width: 80px !important;
    height: auto !important;
}

.top-margin{
    /* height: 111.2px !important; */
    height: 71.2px !important;
    display: block;
}

.videoContainerSection{
    position: relative !important;
    
    
}

.videoContainerSection video{
    object-fit: cover !important;
    width: 100% !important;
    max-height: 900px !important;
 
}

.video-overlay-content{
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10 !important;
}



.title-font-size{
    font-size: 56px;
}

.text-title-color{
    font-weight: bold;
    background: linear-gradient(to bottom, #FFB17C, #ffffff); /* Gradient colors */
    -webkit-background-clip: text; /* Clip background to text */
    color: transparent; /* Make the text transparent so the gradient shows */
}

.orange-title-color{
    font-weight: bold;
    background: linear-gradient(to bottom, #FFA500 0%, #FF6600 54%,#9F4000 100%); /* Gradient colors */
    -webkit-background-clip: text; /* Clip background to text */
    color: transparent; /* Make the text transparent so the gradient shows */
}

.text-orange{
    color: #FF6600;
}

.bg-content{
    /* background: linear-gradient(to right,
        #1B1B1B 0%,
        #1D1C1B 12%,
        #231F1C 22%,
        #25221D 35%,
        #27231D 46%,
        #29261F 50%,
        #25221E 56%,
        #27231D 66%,
        #231F1C 75%,
        #1D1C1B 88%,
        #1B1B1B 100%
    ) !important; */
    background-color: #1B1B1B !important;
}

.fs-18{
    font-size: 18px !important;
}

.img-ivanti-solutions{
    max-width: 500px !important;
    height: auto !important;
}

.form-control{
    border: 1px solid #ffffff !important;
    border-radius: 0px !important;
    background-color: transparent !important;
}

.btn-submit{
    background: linear-gradient(to bottom, #5C5956, #26221D) !important;
    border-radius: 40px;
    color: #FFB17C !important;
    max-width: 100px !important;
    border-color: unset !important;
    border-width: 0px !important;
}

.contact-us-container{
    border: 1px solid #5C5956;
    border-radius: 40px;
}

.title-background{
    background-image: url('../title-background.png');
}

.circle-bullet{
    display: block !important;
    border-radius: 50% !important;
    min-width: 15px !important;
    max-width: 15px !important;
    min-height: 15px !important;
    max-height: 15px !important;
    width: 15px !important;
    height: 15px !important;
    background-color: white !important;
}

.vertical-hr{
    width: 2px !important;
    height: 100% !important;
    background-color: white !important;
    
}

.max-width-500{
    max-width: 500px !important;
}

.max-width-600{
    max-width: 600px !important;
}


.timeline-item {
opacity: 0; /* Initially hide the item */
animation: fadeIn 1s forwards; /* Apply the fade-in animation */
}

.timeline-item:nth-child(1) {
animation-delay: 0s; /* No delay for the first item */
}

.timeline-item:nth-child(2) {
animation-delay: 1s; /* Delay 1 second for the second item */
}

.timeline-item:nth-child(3) {
animation-delay: 2s; /* Delay 2 seconds for the third item */
}

.timeline-item:nth-child(4) {
animation-delay: 3s; /* Delay 3 seconds for the fourth item */
}

.timeline-item:nth-child(5) {
animation-delay: 4s; /* Delay 4 seconds for the fifth item */
}

.timeline-item:nth-child(6) {
    animation-delay: 5s; /* Delay 4 seconds for the fifth item */
}

.custom-fs-5{
    font-size: 20px !important;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.custom-fs-30{
    font-size: 30px;
}

.text-orange{
    color: #FF6600;
}

.fade-in{
    opacity: 0;
    transition:opacity 1s ease-in;
    will-change: opacity;
}

.fade-in.show{
    opacity: 1;
}

.next-icon{
    width: 20px !important;
    height: auto !important;
}

.big-next-icon{
    width: 25px !important;
    height: auto !important;
}

.btnContactUs_hover:hover{
    opacity: 0.9 !important;
}



@keyframes fadeIn {
    to {
        opacity: 1; /* Fade to full opacity */
    }
}

@media screen and (max-width:991px) {
    /* set font size here */
    .title-font-size{
        font-size: 30px;
    }  

    
}

@media screen and (max-width:767px) {
    .custom-fs-5{
        font-size: 18px !important;
    }

    .itrust-core-value-item-container{
        max-width: 350px !important;
    }
}

@media screen and (max-width:480px) {
    /* set font size here */
    .title-font-size{
        font-size: 22px;
    }  

    .custom-fs-5{
        font-size: 16px !important;
    }
}