/*--------------------------------------------------------------
# CAREERS EXCEPEPTIONS
--------------------------------------------------------------*/
/* html{
    -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
} */

/* img {
  user-select: none;
  -webkit-user-drag: none; /* Para navegadores basados en WebKit como Chrome y Safari */
  -khtml-user-drag: none; /* Para navegadores antiguos */
  -moz-user-drag: none; /* Para Firefox */
  -o-user-drag: none; /* Para Opera */
  -ms-user-drag: none; /* Para Internet Explorer */
  user-drag: none; /* Para navegadores modernos */
} */

/*--------------------------------------------------------------
# BANNER EXCEPTIONS
--------------------------------------------------------------*/
/* BANNER */
    .carousel-caption p {
        margin: 2em 0 0 0 !important;
        font-size: 14pt !important;
    }

/*--------------------------------------------------------------
# VALUES EXCEPTIONS
--------------------------------------------------------------*/
/* VALUES */
    .gradient-card{
        margin: 0px 0.5em 4em 0.5em !important;
    }
    
    .card-values{
		position: relative;
  		overflow: hidden;
		--bs-card-border-color: none;
	}

	.card-values img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: 0;
		border-radius: 0.65em;
	}

	.card-values::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 0%, #D9D9D9 100%);
		opacity: 0;
		transition: opacity 0.3s ease;
	}
    
    .card-values:hover::before {
		opacity: 1;
    }
	
	.card-values h3 {
		position: absolute;
		bottom: 0px;
		right: 0px;
		color: rgb(12, 35, 64);
		font-weight: 600;
		line-height: 89.5%;
		text-transform: uppercase;
		text-align: right;
		z-index: 2;
		margin: 0px;
		padding: 30px;
	}


/*--------------------------------------------------------------
# PROCESS EXCEPTIONS
--------------------------------------------------------------*/
/* BANNER */
     .cs3-section4{
        padding-bottom: 4em !important;
    }

    .p-table > div{
        margin-bottom: 1.5em;
        display: flex;
    }

    .p-table > div:last-child{
        margin-bottom: 0 !important;
    }

    .p-list1{
        padding-right: 1.5em;
    }

    .p-list-t{
        color: #f3f3f3;
        text-align: justify;
        line-height: normal;
    }

/* NUM - BTN */
    .btn-list{
        background-color: #f3f3f3 !important;
        opacity: unset !important;
        color: #0c2340 !important;
        width: 100%;
        padding: 0 1.2em;
        border-radius: 4em;
        font-size: 14pt;
        font-weight: 900;
        display: flex;
        justify-content: center;
    }
    

/*--------------------------------------------------------------
# REQUIREMENTS EXCEPTIONS
--------------------------------------------------------------*/
/* TEXT */
    .cos-d{
        padding-top: 3em;
    }

    .services-options {
        margin: 2em 6em;
    }

/* CARDS REQUIREMENTS */
    .cs3-s5 > .card {
        --bs-card-bg: #0c2340 !important;
        --bs-border-radius: 0.5em !important;
        border: 0 !important;
        box-shadow: 0px 0px 0px 0px transparent !important;
    }

    .services-card{
        width: 65% !important;
        border: 0 !important;
        background-color: #0c2340 !important;
    }

    .card-body h5 {
        color: #f3f3f3 !important;
    }


/*--------------------------------------------------------------
# PERKSS EXCEPTIONS
--------------------------------------------------------------*/
/* CARDS */
    .perks > div{
        width: 16.6% !important;
    }

    .perks-card{
        background-color: #0c2340;
        padding: 1.5em 1em;
        width: 8em;
        border-radius: .5em;display: flex;
        align-items: center;
    }

    .perks-card > img{
        height: auto;
        width: 4em;
        align-self: anchor-center;
        padding-bottom: 1.5em;
    }

    .perks-card > .card-body{
        text-align: center;
    }


/*--------------------------------------------------------------
# OPENINGS EXCEPTIONS
--------------------------------------------------------------*/
/* ACCORDION */
    .accordion-item{
        background-color: #0c2340 !important;
    }

    .taas-item-dark {
        border-radius: 1em !important;
    }

    .taas-btn {
        color: #f3f3f3 !important;
        padding: 1em 3em !important;
    }

    .taas-btn::after {
        color: #00c756 !important;
        font-size: 30pt;
    }

/* BTN CONTENT */
    /* Position Title */
        .tab-t{
            font-size: 20pt;
            color: #00c756;
            padding-bottom: 0.5em;
        }

    /* Position description */
        .table-cont{
            width: 94.5%;
            border-right: 0.1em solid #f3f3f3;
        }

        .cont {
            display: flex;
        }

        .cont > div{
            width: 35%;
            border-right: 0.1em solid #f3f3f3;
            font-weight: 500 !important;
            text-align: center;
        }

        .cont > div:first-child{
            width: 30%;
            text-align: start;
        }

        .cont > div:last-child{
            border-right: 0;
        }

/* Responsabilities */
    .p-responsabilities{
        display: flex;
        flex-direction: column;
    }

    .p-keys{
        /*width: 60%;*/
        width: 100%;
    }

    .separador{
        /*width: 10%*/
        height: 2em;
    }

    .requirements{
        width: 100%;
    }

    .p-description {
        padding: 0 3em 3em 3em !important;
    }

    .p-description > p,
    .p-responsabilities{
        color: #f3f3f3;
    }

    .p-responsabilities > div > ul{
        padding-left: 2em;
    }
    
    .p-responsabilities > div > ul > li{
        padding-left: .5em;
    }

    .p-responsabilities {
        --bs-border-radius: 1em !important;
    }

    .taas-acc-section{
        padding-bottom: 6em;
    }

/* BUTTON */
    .btn-apply{
        width: 100%;
        margin-top: 2em !important;
    }

/*--------------------------------------------------------------
# RESPONSIVE
--------------------------------------------------------------*/
    @media (min-width: 1900px) {
    /* BANNER */
        .carousel-caption {
            bottom: 15% !important;
        }
        .container-image {
            height: 50em !important;
        }
        
    /* VALUES */
        .card-values {
            max-width: 20%;
			flex: 0 0 28%;
        }
        .card-values h3 {
            font-size: 25pt;
        }
    }



    @media (max-width: 1899px) {
        .container-image {
            max-height: 38.5em !important;
            min-height: 35em !important;
        }
    }



    @media (max-width: 1580px) {
    /* BANNER */
        .carousel-caption {
            bottom: 20% !important;
            /*width: 65% !important;*/
        }

    /* REQUIREMENTS */
        .p-list1{
            padding-right: 1em !important;
        }

    /* PROCESS */
        .card-p{
            padding: 2em 3em !important;
        }

    /* BENEFITS */
        .perks-card {
            padding: 1.5em .7em !important;
        }
        .perks-card > img{
            width: 3em !important;
        }

    /* OPENUINGS ACCORDION */
        .table-cont {
            width: 93.5% !important;
        }

    }



    @media screen and (max-width: 1170px) {
    /* BENEFITS */
        .perks > div {
            width: 33% !important;
        }
        .perks-card > img {
            width: 4em !important;
        }
        .tss-services, .taas-services {
            margin: 2em 0 6em 0;
        }
        
    /* PROCESS */
        .card-p {
            padding: 2em !important;
        }
    /* OPENINGS ACCORDION */
        .taas-accordion-sec {
            margin: 3em 2em 0 2em;
        }
        .taas-btn {
            padding: 1em 2em !important;
        }
        .p-description {
            padding: 0em 2em 2em 2em !important;
        }
    }

    
    @media (max-width: 991px) {
        .first-part-bg::before{
            height: 36.5em !important;
        }
    }


    @media (max-width: 993px) {
        .carousel-caption {
            top: unset !important;
            bottom: 20% !important;
        }
    }



    @media screen and (max-width: 970px) {
    /* OPENINGS ACCORDION */
        .p-responsabilities{
            flex-direction: column;
        }
        .p-keys, .requirements{
            width: 100%;
        }
        .requirements{
            margin-top: 1em;
        }
    }



    @media screen and (max-width: 880px) {
    /* VALUES */
        .row-cols-md-2>* {
            flex: 0 0 auto;
            width: 100%;
        }
    /* REQUIREMNTS */
        .services-options {
            margin: 1em !important;
        }
        .cos-d-body{
            padding: 0 2em;
        }
    /* BENEFITS */
        .perks-card > img {
            width: 3em !important;
        }
        .cos-d {
            padding-top: 1em;
        }        
    /* OPENINGS ACCORDION */
        .cont {
           /* flex-direction: column;*/
            > div{
                border-right: 0 solid transparent;
                width: 90%;
                text-align: start;
                /*border-top: 0.1em solid #f3f3f3;*/
                padding: 0.3em 0;
                font-size: 12pt;
                /*padding-left: .5em;*/
            }
            > div:first-child{
                /*border: 0 solid transparent;*/
                width: 90% !important;
                padding-top: 0;
            }
            > div:nth-child(2),
            > div:nth-child(3){
                display: none;        
            }
        }
        .taas-btn::after {
            margin-right: 0.5em;
        }
        .table-cont{
            width: 85% !important;
        }
        .p-responsabilities > div > ul {
            padding-left: 1em;
        }
        .cont > div {
            padding: 0;
        }
    }



    @media screen and (max-width: 767px) {
    /* REQUIREMNTS */
        .taas-services {
            margin: 0 0 4em 0;
        }

    /* VALUES */    
		.card-values {
            max-width: 40%;
			flex: 0 0 70%;
        }
        
    /* PROCESS */
        .cs3-section4 {
            padding-bottom: 1.5em !important;
        }
        
    /* OPENINGS ACCORDION */    
        .taas-acc-section{
            padding-bottom: 4em;
        }
    }



    @media screen and (max-width: 720px) {
    /* REQUIREMNTS */
        .cos-d-body{
            padding: 0 1.2em;
            text-align: justify !important;
        }
    /* REQUIREMENTS */
        .card-p {
            padding: 1.5em !important;
        }
    /* BENEFITS */
        .perks{
            display: flex;
            justify-content: space-between;
        }
        .perks > div {
            width: 30% !important;
        }
    }


    @media screen and (max-width: 650px) {
    /* VALUES */
        .card-values {
            max-width: 100%;
			flex: 0 0 100%;
		}
		.card-values::after{
			background: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 0%, rgb(217 217 217 / 42%) 36.89%, rgb(217 217 217 / 88%) 60.76%, #D9D9D9 83.33%);
		}
		.card-values h3 {
			font-size: 20pt;
			padding: 15px
        }

    /* REQUIREMENTS */
        .req > div{
            width: 100% !important;
            > div{
                width: 90% !important;
            }
        }
        
    /* PROCESS */
        .p-list1 {
            width: 15%;
        }
        
    /* BENEFITS */
        .perks-card > img {
            width: 2em !important;
        }
        .perks{
            margin: 0 !important;
            padding: 0 1.5em !important;
        }
    
     /* OPENINGS ACCORDION */
        .taas-btn::after {
            margin-right: 0;
        }
    }


    @media screen and (max-width: 600px){
     /* VALUES */
        .first-container {
            margin: 0 1em;
        }
    }


    @media screen and (min-width: 584px) {
    /* BANNER */
        .carousel-caption > h5 > br {
            display: flex;
        }
    }


    @media screen and (max-width: 584px) {
    /* BANNER */
        .carousel-caption > h5 > br {
            display: none;
        }
        
    /* REQUIREMNTS */
        .services-options {
            margin: 0 0.5em !important;
        }
    /* PROCESS */
        .card-p {
            padding: .8em !important;
        }
        .btn-list{
            padding: 0 .9em !important;
        }
        .p-list2{
            padding-left: .5em;
        }
    /* BENEFITS */
        .perks{
            margin: 0 !important;
        }
        .perks > div {
            width: 50% !important;
        }
        .perks-card{
            display: flex;
            align-items: center !important;
        }
    }


    @media (min-width: 425.5px) and (max-width: 500px){
     /* VALUES */
        .first-part-bg::before {
            height: 35em !important;
        }
    }


    @media screen and (max-width: 500px){
     /* VALUES */
        #title {
            padding-bottom: 1.5em !important;
        }
        .first-container {
            margin: 0 1em;
        }
        .card-values {
            max-width: 90% !important;
            flex: 0 0 90% !important;
            min-height: 5em !important;
            height: 8em !important;
            max-height: 6.5em !important;
            margin-bottom: 1em !important;
        }
        
    /* PROCESS */
        .p-table{
            font-size: 12pt !important;
        }
        .p-list1 {
            width: 12%;
        }
        
    /* BENEFITS */
       .req-2 {
            padding-top: 1em;
        }
    }


    @media screen and (max-width: 400px){
    /* BENEFITS */
        .perks > div {
            width: 100% !important;
        }
        .perks-card {
            padding: 1em 2em !important;
            width: 100%;
            align-items: center;
            flex-direction: row;
        }
        .perks-card > img {
            padding-bottom: 0;
        }
        .services-options > div:first-child {
            margin-top: 1.5em;
        }
        .services-options > div {
            margin-top: 0.5em;
        }
    }
    
    

/* VALUES */

		@media (min-width: 1500px) and (max-width: 1899px) {
			.card-values {
				max-width: 20%;
				flex: 0 0 20%; 
			}
			.card-values h3 {
				font-size: 22pt;
				padding: 20px
			}
		}


		@media (min-width: 1380px) and (max-width: 1499px){	
			.card-values {
				max-width: 20%;
				flex: 0 0 20%; 
			}
			.card-values h3 {
				font-size: 18pt;
				padding: 20pt;
			}
		}


		@media (min-width: 1200px) and (max-width: 1379px) {
			.card-values {
				max-width: 20%;
				flex: 0 0 20%; 
			}
			.card-values h3 {
				font-size: 15pt;
				padding: 20pt;
			}
		}


		@media (min-width: 992px) and (max-width: 1199px) {
			.card-values {
				max-width: 20%;
				flex: 0 0 20%;
			}
			.card-values h3 {
				font-size: 20pt;
				padding: 15px;
			}
		}


		@media (max-width: 991px) {
			.card-values {
				max-width: 50%;
				flex: 0 0 47%;
			}
			.card-values h3 {
				font-size: 15pt;
				padding: 15px
            }
            .gradient-card {
                min-height: 5em;
                height: 12em;
                max-height: 15em;
            }
            .h-ccs1, .h-tss1 {
                visibility: hidden !important;
                display: none !important;
            }
            .h-ccs2, .h-tss2 {
                visibility: visible !important;
                display: flex !important;
            }
        }


        @media (max-width: 823px) {
            .card-values {
				max-width: 50%;
				flex: 0 0 45%;
			}
        }

		
		@media (max-width: 400px){
			.card-values h3 {
				font-size: 16pt;
				padding: 15px;
			}
		}