@font-face {
	font-family: 'cursive';
	src: url("./../fonts/MTCORSVA.TTF");
    font-style: normal;
    font-weight: normal;
	font-display: swap;
}

html{
    scroll-behavior: smooth;
}


.comic-sans{
    font-family: 'comic-sans';
}

.cursive{
    font-family: 'cursive';
    letter-spacing: 1px;
}


* {
    font-family: 'Lato', sans-serif;
}



body {
    margin: 0 !important;
    padding: 0 !important
}

.mandatory {
    color: red
}

a:hover{
color: unset;}

h2 {
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    font-size: 2.6rem;
    color: #5d5d5d;
    text-transform: uppercase;
}

.fa-whatsapp  {
  color:#fff;
  background:
  linear-gradient(#25d366,#25d366)10px 84%/10px 15px no-repeat,
  radial-gradient(#25d366 60%,transparent 0);
  text-shadow: 2px 2px 4px #d6d6d6;
}

.small-title {
    line-height: 0;
    font-size: 0.9rem;
    font-weight: 300;
    font-style: italic;
}

.first-title-place {
    position: absolute;
    left: 450px;
    bottom: 68px;
    background-color: rgba(255, 255, 255, 0.74);
    padding: 30px;
}

.second-img-slot {
    position: absolute;
    right: 0px;
    top: 60px;
}

.full-width {
    width: 100%;
    max-width: 100%
}

.image-center {
    display: flex;
    margin: 0 auto
}

.image-left {
    float: left;
    clear: left
}

.image-right {
    float: right;
    clear: right
}

.text-padding {
    padding: 0 15px
}

.main-logo{
    width: 135px;
}



.title-top {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
}

@media screen and (min-width: 1200px) {
    .text-padding {
        padding: 0
    }
}

.preview-class {
    margin: 10px;
    border: 1px solid red;
    padding: 10px;
    color: red;
    font-weight: 700;
    position: fixed;
    left: 10px;
    z-index: 999
}

@media screen and (min-width: 1024px) {
    .preview-class {
        left: 93%
    }
}

.blink_me {
    animation: blinker 2s linear infinite
}

@keyframes blinker {
    50% {
        opacity: 0
    }
}

.text-upper {
    text-transform: uppercase
}

.text-low {
    text-transform: lowercase
}

.overflow-auto {
    overflow: auto
}

.font-bold {
    font-weight: 700
}

.font-normal {
    font-weight: 400
}

.font-capital-letter {
    text-transform: capitalize
}

.cursor-pointer {
    cursor: pointer
}

.green {
    color: green
}

.orange {
    color: orange
}

.blue {
    color: blue
}

.red {
    color: red
}


/*add by wes for victus*/

.green-text {
    color: #53c2be;
}

.gray-text {
    color: #808284;
}

.blue-text {
    color: #204784
}

.white-text {
    color: #fff;
}

.text-12 {
    font-size: 12px;
}

.text-14 {
    font-size: 14px;
}

.swiper-slide img {
    width: 100%;
}

.banner-text {
    position: absolute;
    z-index: 3;
    bottom: 9%;
}

.deco-text {
    vertical-align: text-top;
}

.our-vision {
    text-align: center;
    display: inline-block;
    background-color: #f1f1f2;
    padding: 20px;
    width: 40%;
}

.our-value {
    text-align: center;
    display: inline-block;
    background-color: #204784;
    color: #fff;
    padding: 20px;
    width: 40%;
}

.our-vision h4,
.our-value h4 {
    font-weight: bold;
    margin-top: 20px;
}

.border-box {
    border: 1px solid #d1d2d4;
    padding: 0;
}

.box-content {
    padding: 30px;
}

.text-height {
    height: 180px;
}

.main-btn {
    background-color: #204784;
    color: #fff;
    border-radius: 0;
    padding: 8px 20px;
}

.main-btn:hover {
    background-color: #53c2be;
}

.certificate-text-wrapper{
    position: absolute;
    top: 5px;
    right: 10%;
    transform: rotate(-20deg);
}

.certificate-text-wrapper h4{
    padding: 5px 0px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.owl-item{
    width: 100%;
}

.owl-carousel .owl-item img{
    height:200px;
    width:100%;
    object-fit: cover;
    border: 1px solid #ececec;
}

.owl-carousel .owl-stage-outer{
    margin-bottom: 30px;
}

.owl-theme .owl-dots .owl-dot span{
    width: 8px !important;
    height: 8px !important;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
   background: #53c2be !important;
}

.lightbox-content img{
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.certification-carousel .owl-carousel .owl-item img{
    object-fit: contain;
}

.victus-family-lightbox .lightbox-title{
    display: none;
}

.victus-family-lightbox img{
    object-position: top center;
}

.click-to-show-project, .click-to-hide-project{
    cursor: pointer;
    color: #204784;
}

.click-to-hide-project{
    display: none;
}

.hidden-project{
    display: none;
}

.hidden-project.show{
    display: block;
}

.click-to-show-project.hidden, .click-to-hide-project.hidden{
    display: none;
}

.click-to-show-project.show, .click-to-hide-project.show{
    display:block;
}

.career-btn{
    padding: 25px 15px;
    font-weight: bold;
    font-size: 20px;
}

.career-btn:hover{
    background-color: #204784;
    color: #fff;
}

.career-text a{
    color: #204784;
    text-decoration: underline;
    font-weight: bold;
}


.footer-logo {
    width: 150px;
}

@media screen and (max-width: 768px) {
    .banner-text h2 {
        font-size: 24px;
        text-shadow: 0px 1px 2px rgba(0,0,0,0.25);
    }

    .banner-text h5 {
        font-size: 11px;
        text-shadow: 0px 1px 2px rgba(0,0,0,0.25);
    }

    .text-height {
        height: auto !important;
    }

        .certificate-text-wrapper{
    position: absolute;
    top: 70px;
    right: 50px;
    transform: rotate(-20deg);
}
}


@media screen and (max-width: 991px) {
    h1{
       font-size: 1.5em
    }

    h4{
        font-size: 1em;
    }

    .our-vision {
        display: block;
        width: 100%;
    }

    .our-value {
        display: block;
        width: 100%;
    }


}