@import url(jquery-ui.min.css);
@import url(font-awesome.min.css);
@import url(font-awesome-animation.min.css);
@import url(menu.css);
@import url(ace-responsive-menu.css);
@import url(bootstrap-select.min.css);
@import url(simplebar.min.css);
@import url(progressbar.css);
@import url(flaticon.css);
@import url(animate.css);
@import url(slider.css);
@import url(fancyBox.css);
@import url(owl.css);
@import url(map-css/maps.css);
@import url(map-css/searcher.css);
@import url(map-css/info-box.css);
@import url(timecounter.css);
@import url(https://fonts.googleapis.com/css?family=Nunito:400,600,800&subset=vietnamese);


:root {
    --white-color: #fff;
    --black-color: #000;
    --blue-primary-color: #163863;
    --purple-primary-color: #5d60ef;
    --green-primary-color: #c1fccc;
    --green-secondary-color: #6bfdcb;
    --blue-soft-color: #2d81e8;
    --skyblue-primary-color: #dffffa;
    --btn-base-width: 230px;
    --btn-base-height: 54px;
}

html {
    font-size: 100%
}

body {
    background-attachment: fixed;
    background-color: var(--white-color);
    color: #6d6d6d;
    font-family: Nunito, sans-serif;
    font-size: 16px;
    line-height: 1.642;
    overflow-x: hidden;
    transition: inherit;
    -webkit-font-smoothing: antialiased
}

img {
    max-width: 100%
}

p {
    font-size: 16px;
    font-weight: 400
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

iframe {
    border: none;
    width: 100%
}

section {
    padding: 60px 0;
    position: relative;
}

a {
    color: #555;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s
}

a:focus,
a:hover {
    color: var(--purple-primary-color);
    text-decoration: none;
    outline: 0
}


.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Nunito, sans-serif;
    line-height: 1.42857;
    color: #262626
}

.h4,
h4 {
    font-size: 18px;
    font-weight: 600
}

.h5,
h5 {
    font-size: 16px;
}

.h5,
.h6,
h5,
h6 {
    font-weight: 400;
}

.p0 {
    padding: 0 !important;
}

.pb25 {
    padding-bottom: 25px;
}

.pt25 {
    padding-top: 25px;
}

.pl60 {
    padding-left: 60px;
}

.pr40 {
    padding-right: 40px;
}

.pl30 {
    padding-left: 30px;
}

.mt15 {
    margin-top: 15px;
}

.brdr_left_right {
    position: relative;
}

.mt10 {
    margin-top: 10px;
}

.mt30 {
    margin-top: 30px;
}

.bg-blue-soft {
    background-color: var(--blue-soft-color);
    color: var(--white-color);
}

.bg-primary-soft {
    background-color: var(--blue-primary-color);
}

.bg-primary-soft > h1,
.bg-primary-soft > h2,
.bg-primary-soft > h3,
.bg-primary-soft > h4,
.bg-primary-soft > h5,
.bg-primary-soft > h6 {
    color: #fff !important;
}

.text-bolder{
    font-weight: bolder;
}

/*  */
.bodyPreloader {

    background-color: #013571;
    /* background-image: url(../images/preloader.gif); */
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    left: 0;
    position: fixed;
    display: block;

    top: 0;
    width: 100%;
    z-index: 99999;


}

.itemPreloader {
    background-color: #b1d3e8;
    height: 100%;
    left: 0;
    position: relative;
    display: block;
    top: -84%;
    width: 100%;
    z-index: 99999;
}

/**/
.dashboard_card {
    margin-bottom: 30px;
    position: relative;
}

.dashboard_card * {
    color: black;
}

.dashboard_card .icon {
    background-color: #76A2E1;
    float: left;
    padding: 45px 20px 25px 15px;
    border-top-left-radius: 4px
}

.dashboard_card .icon span {
    font-size: 35px
}

.dashboard_card .detais {
    background-color: #A5C6F1;
    padding: 35px 30px 12px 35px;
    text-align: right;
    border-radius: 4px
}

.dashboard_card .detais .timer {
    font-size: 25px
}

.funfact_one div{
    font-size: 25px;
    color: #fff;
    text-align: center;
}

.dashboard_card .detais p {
    color: #221f1f
}

.dashboard_card.style2 .icon {
    background-color: #9BDEFB
}

.dashboard_card.style2 .detais {
    background-color: #AAE2F3;
}

.dashboard_card.style3 .icon {
    background-color: #95E4DE;
}

.dashboard_card.style3 .detais {
    background-color: #A8E6DB;
}

.dashboard_card.style4 .icon {
    background-color: #A5FDCB;
}

.dashboard_card.style4 .detais {
    background-color: #A5FDCB
}


.vacancyCard {
    background-color: var(--white-color);
    border: 1px solid #f6f6f6;
    border-left: 4px solid transparent;
    border-radius: 4px;
    padding: 30px;
    height: 230px;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .09);
    position: relative;
}

.vacancyCard .thumb {
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    float: left;
    margin-right: 30px;
    text-align: center
}

.vacancyCard .details {
    flex: 1
}

.vacancyCard .details h5 {
    margin-bottom: 3px;
    margin-top: 8px !important
}

.vacancyCard .details h4 {
    margin-bottom: 3px
}

.vacancyCard .details p {
    margin-bottom: 3px;
    color: #6d6d6d !important
}

.vacancyCard .details p:hover {
    margin-bottom: 3px;
    color: #6d6d6d !important
}

.text-thm {
    color: var(--purple-primary-color) !important;
}


.my_profile_input .form-control {
    border: 1px solid #ddd;
    height: 50px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .09)
}

.my_profile_input .form-control:focus {
    border: 1px solid #ddd;
    box-shadow: none;
    outline: 0
}

.my_profile_input label,
.my_profile_select_box label {
    color: #221f1f;
    margin: 7px 0
}

.my_profile_input a.btn {
    background-color: var(--green-primary-color) !important;
    border-radius: 4px;
    color: #333e60 !important;
    font-size: 16px;
    height: 55px;
    line-height: 40px;
    margin-top: 30px;
}

.my_profile_input a.btn:active,
.my_profile_input a.btn:focus,
.my_profile_input a.btn:hover {
    background-color: var(--purple-primary-color) !important;
    border-color: var(--purple-primary-color) !important;
    box-shadow: none;
    color: #fff !important;
}


.my_profile_select_box {
    margin-bottom: 20px
}

.my_profile_select_box .dropdown.bootstrap-select {
    display: inline
}

.my_profile_select_box .dropdown.bootstrap-select button.btn {
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #7f7f7f;
    height: 50px;
    line-height: 35px
}

.my_profile_select_box .dropdown.bootstrap-select button.btn:focus {
    box-shadow: none;
    outline: 0 !important
}

.my_profile_select_box .dropdown.bootstrap-select:focus {
    border: 1px solid #ddd
}


.my_profile_select_box .dropdown.bootstrap-select button.btn {
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #7f7f7f;
    height: 50px;
    line-height: 35px
}

.my_profile_select_box .dropdown.bootstrap-select button.btn:focus {
    box-shadow: none;
    outline: 0 !important
}

/* select {
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #7f7f7f;
    height: 50px;
    line-height: 35px;
    width: 100%;
} */

.btn-thm-purple {
    background-color: var(--purple-primary-color);
    color: #fff;
    font-size: 16px;
    padding: 7px 30px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: var(--btn-base-width);
    height: var(--btn-base-height);
    font-weight: bold;
}

/*.btn-thm:active,*/
/*.btn-thm:focus,*/
/*.btn-thm:hover {*/
/*    background-color: transparent;*/
/*    border-color: var(--purple-primary-color);*/
/*    color: var(--purple-primary-color);*/
/*}*/


.btn-thm-white {
    background-color: var(--white-color);
    color: #000;
    font-size: 16px;
    padding: 7px 30px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid var(--blue-primary-color);
    width: var(--btn-base-width);
    height: var(--btn-base-height);
    font-weight: bold;
}
.btn-thm-white:hover{
    color: var(--white-color);
    background-color: var(--blue-primary-color);
    border-color: var(--white-color);
}


.btn-thm-blue {
    background-color: var(--blue-primary-color);
    color: #fff;
    font-size: 16px;
    padding: 7px 30px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid var(--white-color);
    width: var(--btn-base-width);
    height: var(--btn-base-height);
    font-weight: bold;
}
.btn-thm-blue:hover{
    color: var(--blue-primary-color);
    background-color: var(--white-color);
    border-color: var(--blue-primary-color);
}


.btn-thm-green {
    background-color: var(--green-primary-color);
    color: #000;
    font-size: 16px;
    padding: 7px 30px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #000;
    width: var(--btn-base-width);
    height: var(--btn-base-height);
    font-weight: bold;
}

.btn-thm-green:hover{
    color: var(--green-primary-color) !important;
    background-color: var(--white-color) !important;
    border: 1px solid var(--green-primary-color) !important;
}

.footer_top_area {
    background-color: var(--purple-primary-color);
    border-bottom: 1px solid #fff;
}

.logo-widget {
    margin-top: 10px;
}

.brdr_left_right:before {
    background-color: #fff;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
}

.brdr_left_right:after {
    background-color: #fff;
    bottom: 0;
    content: "";
    right: 0;
    position: absolute;
    top: 0;
    width: 1px;
}

.funfact_one .timer {
    color: #fff;
    font-size: 25px;
}

.footer_social_widget ul {
    text-align: right;
}

.footer_social_widget li {
    background-color: #f1f1f1;
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.footer_social_widget li a {
    color: #707070;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.footer_one {
    background-color: var(--blue-primary-color);
}


.quick_link_widget li a {
    color: #eee;
    line-height: 35px;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.footer_bottom_area {
    background-color: #1a1a1a;
}


.copyright-widget p {
    margin-bottom: 0;
    color: #979797;
}

.submenuHorizontal{
    display: block;
    position: absolute;
    background: #f7f7f7;
    width: 180px;
    border-radius: 0 0 14px 14px;
}

.submenuHorizontal li{
    margin-top: 10%;
}
.submenuHorizontal li a{
    color: #000;
}
.submenuHorizontal li a:hover{
    color: var(--purple-primary-color);
}
.footer_menu {
    padding-left: 60px;
}

.footer_menu ul li:last-child {
    border-radius: 4px;
}

.footer_menu ul li:last-child a {
    background-color: transparent !important;
    color: #7c7c7c;
    padding-left: 20px;
}

.funfact_one p {
    margin-bottom: 0;
    color: #eee;
}

.footer_social_widget {
    position: relative;
}

.footer_social_widget p {
    display: inline-block;
    color: #eee;
}


.cl_pricing_slider {
    position: relative;
    padding: 0 10px
}

.cl_pricing_slider div#slider-range,
.cl_pricing_slider div#slider-range2 {
    background-color: #dfdfdf;
    border-radius: 3px;
    height: 6px;
    margin-bottom: 30px
}

.cl_pricing_slider .ui-slider-range.ui-corner-all.ui-widget-header {
    background-color: var(--purple-primary-color);
}

.cl_pricing_slider span.ui-slider-handle.ui-corner-all.ui-state-default {
    background-color: #fff;
    border: 2px solid var(--purple-primary-color);
    border-radius: 50%;
    height: 18px;
    outline: 0;
    top: -7px;
    width: 18px
}

.cl_pricing_slider .sl_input {
    background-color: transparent;
    border: none;
    color: #221f1f;
    /*color: #fff;*/
    text-align: center
}

.cl_pricing_slider .sl_input:focus {
    box-shadow: none;
    outline: 0
}


.items_list {
    margin-top: 10px
}

.items_list .item {
    display: flex;
}

.items_list .title {
    font-size: 20px
}

.items_list .title a {
    color: #00bd58;
    font-size: 16px
}

.items_list .title a span {
    margin-left: 10px
}

.items_list .details {
    padding: 15px 15px 15px 80px;
    position: relative
}

.items_list .content {
    padding: 15px 15px 15px 80px;
    position: relative;
    text-align: left;
    width: 50%;
}

.items_list .content:before {
    background-color: #eaeaea;
    content: "";
    height: 1px;
    left: 15px;
    position: absolute;
    top: 28px;
    width: 48px
}

.items_list .content:not(:last-child):after {
    background-color: #ddd;
    content: "";
    height: 111px;
    left: 18px;
    position: absolute;
    top: 43px;
    width: 1px;
}

.items_list .buttons {
    padding-top: 7%;
    display: flex;
}

.items_list .buttons span {
    width: 30px;
    height: 30px;
    color: var(--purple-primary-color) !important;
    font-size: larger;
    cursor: pointer;

}

.items_list .content .circle {
    background-color: var(--purple-primary-color);
    border-radius: 50%;
    height: 18px;
    left: 10px;
    position: absolute;
    top: 20px;
    width: 18px
}

.items_list .content .edu_center {
    color: var(--purple-primary-color);
    margin-bottom: 0
}

.items_list .content .edu_stats {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0
}

.items_list .content .edu_center small {
    color: #7f7f7f;
    padding-left: 10px
}

.items_list .content .new-item {
    cursor: pointer;
    color: var(--purple-primary-color);
}

.otherStudies {
    display: none;
}

/**/
.contentChat {
    display: block;
    position: relative;
    width: 100%;
    float: left;
    min-height: 69vh;
    background: #efefef;
    border-radius: 10px 10px 0 0;
    padding: 3% 4%;
    border: 1px solid #dedede;
    height: 60vh;
    overflow-x: hidden;
}

.frm-messages {
    display: block;
    position: relative;
    width: 100%;
    float: left;
    background: #d3d3d3;
    padding: 2% 1%;
    margin-bottom: 3%;
}

.box-msg {
    display: block;
    position: relative;
    width: 85%;
    float: left;
    padding-right: 1%;
}

.box-send {
    display: block;
    position: relative;
    width: 15%;
    float: left;
}

.msg-item label {
    color: #013571;
    font-weight: 800;
    margin-bottom: 1%;
    font-size: 1.1rem;
}


.msg-item p {
    margin: 0;
    color: #898989;
    font-size: 1rem;
    margin-bottom: 0.8%;
}

.msg-item span {
    font-size: 0.7rem;
    color: #c7c7c7;
    font-weight: 800;
    float: right;
}

.msg-item {
    position: relative;
    width: 100%;
    display: flex;
    margin-bottom: 1%;
}

.msg-container {
    background: white;
    width: fit-content;
    padding: 1%;
    border-radius: 0px 10px 10px 10px;
}

.msg-item.mine {
    flex-direction: row-reverse;
}

.msg-item.mine .msg-container {
    border-radius: 10px 0px 10px 10px;
}

.verificationWord {
    user-select: none;
}

.verificationWord::selection {
    background: none;
}

.verificationWord::-moz-selection {
    background: none;
}

.error-validation-sm {
    color: red;
    width: 100%;
    font-size: 0.8rem !important;
}


.languages {
    display: flex;
    padding: 0.5%;
    width: 11%;
    align-content: space-between;
}

.languages span {
    width: 35%;
    color: #fff;
}

.languages span img {
    width: 35px;
    cursor: pointer;
}

.languages span img {
    width: 35px;
    cursor: pointer;
    opacity: 0.5;
}

.languages span.active img {
    opacity: 1;
    border: 1px solid #fff;
}

/*.dropdown-menu.show[role="combobox"] {*/
/*    !*transform: translate3d(-133px, 79px, 0px) !important;*!*/
/*    transform: none !important;*/
/*    max-height: 255px !important;*/
/*    will-change: unset !important;*/
/*    z-index: 1;*/
/*    position: relative !important;*/
/*    min-width: 100% !important;*/
/*}*/

/*.inner.show[role="listbox"] {*/
/*    max-height: 255px !important;*/
/*}*/

.sl_input {
    background-color: transparent;
    border: none;
    color: #221f1f;
    text-align: center
}

.sl_input:focus {
    box-shadow: none;
    outline: 0
}

/*slider*/
@keyframes slidy {
    0% {
        left: 0%;
    }
    20% {
        left: 0%;
    }
    25% {
        left: -100%;
    }
    45% {
        left: -100%;
    }
    50% {
        left: -200%;
    }
    70% {
        left: -200%;
    }
    75% {
        left: -300%;
    }
    95% {
        left: -300%;
    }
    100% {
        left: -400%;
    }
}


#captioned-gallery-slider, figure {
    margin: 0;
    background: #101010;
    font-family: Istok Web, sans-serif;
    font-weight: 100;
}

div#captioned-gallery-slider {
    width: 100%;
    overflow: hidden;
    height: 100vh;
}

#captioned-gallery-slider figure.slider {
    position: relative;
    width: 500%;
    height: 100%;
    font-size: 0;
    animation: 30s slidy infinite;
}

#captioned-gallery-slider figure.slider figure {
    width: 20%;
    height: 100%;
    display: inline-block;
    position: inherit;
}

#captioned-gallery-slider figure.slider img {
    width: 100%;
    height: 100%;
}

#captioned-gallery-slider figure.slider figure figcaption {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    width: 100%;
    font-size: 2rem;
    padding: .6rem;
}

.bannerTxt {
    position: absolute;
    width: 100%;
    bottom: 3%;
    height: 30%;
    padding: 1% 20%;
    text-align: center;
    /*background-color: rgba(10, 10, 10, 0.76);*/
}

/**/
.servicesBackImg{
    background-image: url("https://firebasestorage.googleapis.com/v0/b/itjobs-e9815.appspot.com/o/fondos2it%2FFondopagina%20inicio.png?alt=media&token=b082d642-0cea-41ef-a4a0-2307028bdb6c");
    margin-bottom: -60px;
}

.service1{
    height: 400px;
    background: red;
}

.service2{
    height: 400px;
    background: green;
}

.service3{
    height: 400px;
    background: blue;
}
.aboutServices{
    background-color: var(--blue-primary-color);
}
.aboutServices p, .aboutServices h2{
    color: #fff;
    text-align: center;
}
.services {
    background-color: var(--purple-primary-color);
    height: 500px;
    width: 100%;
}

.services::after {
    content: "";
    position: absolute;
    left: 47%;
    bottom: 0%;
    border-bottom: 24px solid var(--purple-primary-color);
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
}

.services h1 {
    color: #fff;
    font-size: 6rem;
    font-weight: bold;
}

.services p {
    color: #fff;
    font-size: 1.5rem;
    margin-top: -10%;
}

.services hr {
    width: 70%;
    border: 1px solid #fff;
}

/*partners*/

@keyframes infiniteLoop {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(calc(-100px * 10), 0, 0);
    }
}

.captioned-gallery-partners {
    height: 200px;
    width: 80%;
    margin: auto;
}

/*.captioned-gallery-partners section {*/
/*    background: grey;*/
/*}*/

.brandsCarousel {
    max-width: 960px;
    max-height: 100px;
    margin: auto;
    overflow: hidden;
    position: relative;
}

/*.brandsCarousel::before,*/
/*.brandsCarousel::after {*/
/*    content: "";*/
/*    width: 100px;*/
/*    height: 100px;*/
/*    background: linear-gradient(to right, rgba(250, 250, 240, 1) 0%, rgba(250, 250, 240, 0) 100%);*/
/*    position: absolute;*/
/*    z-index: 2;*/
/*}*/

/*.brandsCarousel::before {*/
/*    top: 0;*/
/*    left: 0;*/
/*}*/

/*.brandsCarousel::after {*/
/*    top: 0;*/
/*    right: 0;*/
/*    transform: rotateZ(180deg);*/
/*}*/

.carouselTrack {
    width: calc(100px * 30);
    animation: infiniteLoop 40s linear infinite;
    animation-fill-mode: forwards;
    will-change: transform;
}

.brandLogo {
    width: 150px;
    height: 50px;
    align-items: center;
    margin: auto;
    overflow: hidden;
}


.brandLogo img {
    width: 100%;
    height: 100%;
    /*background-color: #fff;*/
    padding: 3%;
}


/*infoIndex*/
.infoIndex {
    background-color: #fafafa;
}

.infoIndex .candidateTxt {
    position: absolute;
    top: 5%;
    left: 5%;
    font-weight: bold;
}

.infoIndex .candidatesInfo img.headerImg {
    border-top-left-radius: 20px;
}

.candidatesInfo {
    width: 50%;
}

.infoList li {
    display: flex;
    padding: 2%;
}

.infoList li img {
    width: 100px;
    height: 100px;
}

.infoList li span{
    align-items: center;
    display: flex;
}

.infoCandidates {
    background-color: var(--blue-primary-color);
    color: #fff;
    padding: 3%;
    /*border-top-left-radius: 4%;*/
    border-bottom-left-radius: 4%;
    /*height: 450px;*/
}

.infoCandidates button, .infoCompanies button {
    margin-left: 32%;
}

.infoIndex .companiesInfo img.headerImg {
    border-top-right-radius: 20px;
}

.infoIndex .companyTxt {
    position: absolute;
    top: 5%;
    left: 55%;
    font-weight: bold;
}

.companiesInfo {
    width: 50%;
}

.infoCompanies {
    background-color: var(--white-color);
    color: var(--blue-primary-color);
    padding: 3%;
    /*border-top-right-radius: 4%;*/
    border-bottom-right-radius: 4%;
    /*height: auto;*/
}

/**/
.mainServices {
    background-image: url("https://firebasestorage.googleapis.com/v0/b/itjobs-e9815.appspot.com/o/fondos2it%2FFondopagina%20inicio.png?alt=media&token=b082d642-0cea-41ef-a4a0-2307028bdb6c");
    background-size: cover;
}

.mainServices img.imgRight {
    width: 50%;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    object-fit: cover;
}

.mainServices img.imgLeft {
    width: 50%;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    object-fit: cover;
}

.servicesIndex{
        height: 400px;
}

.outsourcing, .headhunting, .courses {
    /*border-radius: 10px;*/
    height: 400px;
    padding: 2% 6%;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.outsourcing, .headhunting, .outsourcing h3, .headhunting h3 {
    color: #fff;
}

.courses h3 {
    color: #000;
}


.outsourcing {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    background-color: var(--blue-primary-color);
}

.headhunting {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    background-color: var(--purple-primary-color);
}

.courses {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    background-color: var(--green-primary-color);
}

/**/
.testimonials-index {
    background-color: var(--green-secondary-color);
}

.carousel-item .card {
    height: 275px;
    overflow: auto;
    border-radius: 4%;
    background-color: var(--blue-primary-color);

    color: #fff;
}

.carousel img {
    width: 70px;
    max-height: 70px;
    border-radius: 50%;
    margin-right: 1rem;
    overflow: hidden;
}

.carousel-inner {
    padding: 1em;
}

@media screen and (min-width: 576px) {
    .carousel-inner {
        display: flex;
        width: 70%;
        margin-inline: auto;
        padding: 1em 0;
        overflow: hidden;
    }

    .carousel-item {
        display: block;
        margin-right: 0;
        flex: 0 0 calc(100% / 2);
    }
}

@media screen and (min-width: 768px) {
    .carousel-item {
        display: block;
        margin-right: 0;
        flex: 0 0 calc(100% / 2);
    }
}

.carousel .card {
    margin: 0 0.5em;
    border: 0;
}

.carousel-control-prev,
.carousel-control-next {
    width: 3rem;
    height: 3rem;
    background-color: grey;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.testimonials ::-webkit-scrollbar {
    width: 30px;
}

.testimonialsSlider{
    display: flex;
}
/**/

.professionalContainer{
    /*background-color: red;*/
    width: 80%;
    height: 500px;
    margin: auto;
    border-radius: 20px;
    border: 1px solid #000;
}
.professionalTxt{
    height: 78%;
    padding: 17%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.professionalBtn{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20%;
}
.professionalBtn button{
    color: #fff;
    width: 30%;
    height: 100%;
    margin: auto;
    border-radius: 15px;
}
.professionalBtn .professional{
    background-color: var(--blue-primary-color);
    
}
.professionalBtn .trainees{
    background-color: var(--purple-primary-color);
   
}
.professionalBtn .freelancer{
    background-color: var(--green-primary-color);
    color: #000;
   
}
/* animation */
/*@keyframes gradient {*/
/*    0% {*/
/*        background-position: 0% 50%;*/
/*    }*/
/*    50% {*/
/*        background-position: 100% 50%;*/
/*    }*/
/*    100% {*/
/*        background-position: 0% 50%;*/
/*    }*/
/*}*/

/*.swiper-container {*/
/*    width: 100%;*/
/*    !*max-width: 420px;*!*/
/*    height: 340px;*/
/*    !*max-height: 420px;*!*/
/*    position: relative;*/
/*    !*background: linear-gradient(270deg, rgba(247, 249, 255, 1) 0%, rgba(242, 246, 255, 1) 100%);*!*/
/*    background-color: #fff;*/
/*    color: #000;*/
/*    border-radius: 10px;*/
/*    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;*/
/*}*/

/*.swiper-wrapper {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    position: relative;*/
/*    z-index: 1;*/
/*}*/

/*.slider-image-wrapper {*/
/*    width: 100%;*/
/*    height: 200px;*/
/*    overflow: hidden;*/
/*}*/

/*.slider-item {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    flex-shrink: 0;*/
/*    border-radius: 10px;*/
/*    opcify: 0;*/
/*    overflow: hidden;*/
/*    cursor: grab;*/
/*}*/

/*.slider-item-content {*/
/*    padding: 32px;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*    transition: .4s;*/
/*}*/

/*.slider-item-content h3 {*/
/*    color: #fff;*/
/*}*/

/*.slider-item-content > * {*/
/*    opacity: 0;*/
/*    transform: translateY(20px);*/
/*}*/

/*.swiper-slide-active .slider-item-content > * {*/
/*    transform: translateY(0px);*/
/*    opacity: 1;*/
/*}*/

/*.slider-image {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover; !* 이미지 비율에 맞게 늘이기 *!*/
/*    translate: .2s;*/
/*}*/

/*.swiper-pagination {*/
/*    width: auto !important;*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    bottom: 8px;*/
/*    transform: translatex(-50%);*/
/*    z-index: 1;*/
/*}*/

/*.swiper-pagination-bullet {*/
/*    width: 8px;*/
/*    height: 8px;*/
/*    line-height: 30px;*/
/*    margin-right: 8px;*/
/*    display: inline-block;*/
/*    background: rgba(255, 185, 0, 0.3);*/
/*    border-radius: 0;*/
/*    border-radius: 50%;*/
/*    font-size: 12px;*/
/*    opacity: 1;*/
/*    cursor: pointer;*/
/*    transition: all 0.2s;*/
/*}*/

/*.swiper-pagination-bullet-active {*/
/*    width: 20px;*/
/*    background: #fff;*/
/*    border-radius: 10px;*/
/*}*/

/*.slider-buttons {*/
/*    width: 100%;*/
/*    padding-top: 8px;*/
/*    display: flex;*/
/*    position: absolute;*/
/*    top: 100%;*/
/*    justify-content: flex-end;*/
/*}*/

/*.swiper-button-next,*/
/*.swiper-button-prev {*/
/*    margin-left: 4px;*/
/*    position: relative;*/
/*    background-color: transparent;*/
/*    border: none;*/
/*    color: var(--blue-primary-color);*/
/*    cursor: pointer;*/
/*    outline: none;*/
/*}*/

/*.swiper-button-next::before,*/
/*.swiper-button-prev::before {*/
/*    content: '';*/
/*    width: 0;*/
/*    height: 1px;*/
/*    position: absolute;*/
/*    bottom: -1px;*/
/*    left: 0;*/
/*    !* top:50%; *!*/
/*    !* transform:translatey(-50%); *!*/
/*    background-color: var(--blue-primary-color);*/
/*    transition: .2s;*/
/*}*/

/*.swiper-button-next:hover::before,*/
/*.swiper-button-prev:hover::before {*/
/*    width: 100%;*/
/*}*/

/*@media screen and (max-width: 520px) {*/
/*    .swiper-button-next:hover:before,*/
/*    .swiper-button-prev:hover:before {*/
/*        display: none;*/
/*    }*/
/*}*/

/**/
.carrer_tips_slider2 {
    display: flex;
}

#gallery {
    margin: auto;
    overflow: hidden;
    height: 90vh;
    width: 85%;
}

.gallery-container {
    display: flex;
    transition: transform 0.5s ease-in-out;
    height: 81vh;
}

.gallery-item {
    min-width: 100%;
    /*     box-sizing: border-box; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
}

.gallery-item img {
    width: 100%;
    display: block;
}

.galleryInnerItem {
    width: 49%;
    height: 49%;
}

figure.gallery-item {
    background-color: transparent;
    height: 101%;
}

.galleryInnerItem .backcolor {
    background-color: var(--blue-primary-color);
    padding: 3%;
    border-radius: 20px;
    height: 100%;
    color: #fff;
    overflow: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; 
}
.galleryInnerItem .backcolor::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Edge */
}


.itemInnerText {
    margin-top: -2%;
}

.galleryInnerItem .headerItem {
    height: 26%;
    display: flex;
}

.galleryInnerItem .headerItem img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 2%
}

.galleryInnerItem .headerItem .iteminfo {
    display: flex;
    flex-direction: column;
    margin-left: 4%;
}

/* Navegación de la galería */
.gallery-navigation {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 40px);
    margin: 0 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.nav-button {
    background-color: rgba(0, 0, 0, .3);
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px;
}

.nav-button > span {
    font-size: 30px;
}

.nav-button:hover {
    background-color: #005f5f;
}


/**/
.carrer-tips {
    background-color: var(--skyblue-primary-color);
}

.quick_tips_home4 {
    position: relative;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    margin-bottom: 20px
}

.quick_tips_home4:hover {
    cursor: pointer;
    margin-top: -10px
}

.quick_tips_home4 .thumb {
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

.quick_tips_home4 .thumb .serial {
    bottom: -37px;
    color: #fff;
    font-family: Nunito, sans-serif;
    font-size: 62px;
    font-weight: 700;
    position: absolute;
    right: 15px
}

.quick_tips_home4 .details {
    padding-top: 20px
}

.quick_tips_home4 .details ul.post_meta {
    margin-bottom: 0
}

.quick_tips_home4 .details ul.post_meta a {
    color: #7f7f7f;
    font-size: 13px;
    margin-right: 15px
}

.quick_tips_home4 .details a.btn {
    height: auto;
    padding-left: 0;
    box-shadow: none
}

.quick_tips_home4 .details a.btn:hover {
    color: #201b71
}

.quick_tips_home4 .details ul.post_meta a span {
    font-size: 15px;
    padding-right: 10px
}

.owl-carousel .owl-stage {
    margin: 0 auto;
}

.owl-carousel .owl-item {
    float: none;
    display: inline-block;
}

.carrer_tips_slider2.owl-carousel.owl-theme .owl-dots .owl-dot span, .carrer_tips_slider.owl-carousel.owl-theme .owl-dots .owl-dot span {
    background-color: #c5c5c5;
    border-radius: 2.5px;
    height: 5px;
    margin-left: 10px;
    width: 20px
}

.carrer_tips_slider2.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .carrer_tips_slider.owl-carousel.owl-theme .owl-dots .owl-dot.active span {
    background-color: #201b71;
    width: 40px
}

#testimonials .carrer_tips_slider2 .item {
    background-color: var(--blue-primary-color);
    height: 600px;
    width: 390px;
    padding: 8%;
}

#testimonials .owl-carousel .owl-item {
    float: inline-end;
    display: flex;
}

#testimonials .quick_tips_home4 .thumb {
    display: flex;
}

#testimonials .quick_tips_home4 .thumb img {
    width: 100px;
}

#testimonials .quick_tips_home4 .details {
    line-height: normal;
}

#testimonials .quick_tips_home4 .details p {

}

/**/
/*#testimonials .owl-carousel .owl-item .card {*/
/*    background-color: var(--blue-primary-color);*/
/*    border-radius: 4%;*/

/*}*/

/*#testimonials .owl-carousel .owl-item .card-body {*/
/*    height: 300px;*/
/*}*/

/*#testimonials .owl-carousel .owl-item img {*/
/*    width: 100px;*/
/*}*/

.carusel {
    width: 88%;
    height: 575px;
    overflow: hidden;
    /*border: 5px solid violet;*/
    /*border-radius: 5px;*/
    float: left;
    color: #fff !important;


}

.caruselWithControls {
    width: 80%;
    height: 635px;
    margin: 0 auto;

}

.carusel ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*width: 2000px;*/
}

.carusel li {
    width: 49%;
    height: 575px;
    display: inline-block;
    float: left;
    border-radius: 4%;
    background-color: var(--blue-primary-color);
    padding: 3%;
    margin: 0.3%;
    line-height: normal;
    overflow: auto;
}

.carusel li .imageHeader {
    /*height: 100%;*/
    width: 400px;
    display: flex;
}

.carusel li .imageHeader img {
    width: 100px;
    height: 100px;
    border-radius: 50%;

    margin-right: 5%;
}

/*.carusel img {*/
/*    width: 400px;*/
/*    height: 300px;*/
/*}*/

#left, #right {
    display: inline;
    float: left;
    position: relative;
    margin: 125px 10px 0;
}

/**/
.aboutBanner {
    background-image: url(https://firebasestorage.googleapis.com/v0/b/itjobs-e9815.appspot.com/o/2it2025%2Fabout%2FBanners%20plataforma-2.png?alt=media&token=8ee6b804-95b3-4f8b-893a-e681fe7dfa2c);
    background-size: cover;
    top: 138px;
    position: relative;
    height: 72vh;
}

.aboutBanner div {
    padding: 21% 27%;
    text-align: center;
}

.aboutBanner div h3, .aboutBanner div h2, .aboutBanner div h1 {
    color: #fff;
}
.aboutImages img{
    width: 33%;
}

/**/
/*.blockServices:nth-child(even) {*/
/*    border: 1px solid;*/
/*}*/

/*.blockServices {*/
/*    padding: 3%;*/
/*    color: #fff;*/
/*    height: 300px;*/
/*    border-radius: 27px;*/
/*    !*width: 104%;*!*/

/*}*/

.blockServices .blockHeader {
    display: flex;
}

.blockServices img {
    border-radius: 17px;
    margin-right: 1%;
}

.blockServices .block {

    padding: 3%;
    color: #fff;
    height: 300px;
    border-radius: 27px;
}

.blockServices:nth-child(1) .block, .blockServices:nth-child(6) .block {
    background-color: var(--blue-primary-color);
}

.blockServices:nth-child(2) .block, .blockServices:nth-child(3) .block {
    background-color: var(--purple-primary-color);
}


.blockServices:nth-child(4) .block, .blockServices:nth-child(5) .block {
    background-color: var(--green-primary-color);
    color: #000;
}


/**/

.servicesBack1{
    background-color: var(--purple-primary-color);
    opacity: 0.5;
    width: 50%;
    height: 200px;
    margin: 0 -4%;
    position: absolute;
    border-radius: 20px;
}

.serviceBenefits{
    background-color: var(--purple-primary-color);
    width: 50%;
    height: 200px;
    margin: auto;
    border-radius: 20px;
}
#benefitsHeadhunting{
    background-color: var(--purple-primary-color);
}
.servicesBenefitsTxt{
    display: flex;
    flex-direction: row;
    height: 100%;
    padding: 6%;
    color: #fff;
    z-index: 1;
    position: relative;
}

#benefitsHeadhunting .serviceBenefits{
    background-color: var(--green-primary-color);
}
#benefitsHeadhunting .servicesBack1{
    background-color: var(--green-primary-color);
}
#benefitsHeadhunting .servicesBenefitsTxt{
    color: #000 !important;
}


#benefitsCapacitaciones .serviceBenefits{
    background-color: var(--blue-primary-color);
}
#benefitsCapacitaciones .servicesBack1{
    background-color: var(--blue-primary-color);
}

#benefitsCapacitaciones .leftBenefit, #benefitsCapacitaciones .benefitRight {
    color: #000;
}
.servicesBenefitsTxt img{
    width: 139px;
    height: 139px;
    /*position: absolute;*/
}

.servicesBenefitsTxt p{
    width: 73%;
    text-align: justify;
    padding: 3%;
    height: 100%;
    align-content: center;
}
.leftBenefit{
    width: 100px;
    height: 100px;
    position: absolute;
    align-self: anchor-center;
    font-size: 4rem;
    text-align: center;
    cursor: pointer;
    color: #fff;
}
.benefitRight{
    width: 100px;
    height: 100px;
    position: absolute;
    align-self: anchor-center;
    right: 105px;
    font-size: 4rem;
    text-align: center;
    cursor: pointer;
    color: #fff;
}

.benefitRight span, .leftBenefit span{

}

/**/

.team_section{
    align-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
.team_section .item{
    width: 30%;
    padding: 1%;
    /*border: 1px solid;*/
    /*margin: 1%;*/
}

.team_member {
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.team_member .tm_thumb {
    /*display: inline-block;*/
    /*overflow: hidden;*/
    /*position: relative*/
    height: 230px;
    width: 67%;
    display: block;
    margin: auto;
}

.team_member .tm_thumb img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}




.team_member .details {
    margin-top: 4%;
    color: #0a0a0a;
    text-align: justify;
    padding: 0 5%;
}
.team_member .details h4, .team_member .details h5{
    text-align: center;
}




/**/

.servicesBanner {
    background-color: #2f2f2f;
    height: 81vh;
    padding-top: 8.4%;
}
.servicesBanner .bannerBack{
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 45%;
    bottom: 0;
    position: absolute;
}
.servicesBanner h6{
    color: #fff;
}

.servicesBanner div.topText {
    text-align: center;
    top: 40%;
    position: relative;
    color: white;
}
.servicesBanner div.lowText {
    bottom: 10%;
    position: absolute;
    text-align: center;
    width: 100%;
}

.servicesBanner div h3, .servicesBanner div h2, .servicesBanner div h1, .servicesBanner div p {
    color: #fff;
}

.servicesBanner.itCard{
    background-image: url('https://firebasestorage.googleapis.com/v0/b/itjobs-e9815.appspot.com/o/2it2025%2Fbanners%2Fservicescbg.jpg?alt=media&token=b9708a20-b473-4b00-b441-6570521c3d3f');
    background-size: cover;
}
.servicesCompany {
    background-color: var(--blue-primary-color);
    height: 500px;
    width: 100%;
}

.servicesBanner.trainingBanner{
    background-image: url('https://firebasestorage.googleapis.com/v0/b/itjobs-e9815.appspot.com/o/2it2025%2Fbanners%2Felearning.png?alt=media&token=6610f4be-4690-4b5b-9d07-f35714c6ad44');
    background-size: cover;
        /*margin-top: 3%;*/
}

.servicesBanner.headhuntingBanner{
    background-image: url('https://firebasestorage.googleapis.com/v0/b/itjobs-e9815.appspot.com/o/2it2025%2Fbanners%2Fheadhunting.png?alt=media&token=9dbae3f6-ba35-4132-88a0-f340f37b8902');
    background-size: cover;
        /*margin-top: 3%;*/
}

.servicesBanner.outsourcingBanner{
    background-image: url('https://firebasestorage.googleapis.com/v0/b/itjobs-e9815.appspot.com/o/2it2025%2Fbanners%2Fstaffing.png?alt=media&token=419bd67d-3726-4662-9dfd-7f0a44a9b1bc');
    background-size: cover;
        /*margin-top: 3%;*/
}

.servicesBanner.contactBanner{
    background-image: url('https://firebasestorage.googleapis.com/v0/b/itjobs-e9815.appspot.com/o/2it2025%2Fbanners%2FBanners%20plataforma-5.png?alt=media&token=e9a70aa0-f9e0-4dba-a027-9fde15c23fba');
    background-size: cover;
        /*margin-top: 3%;*/
}

.servicesBanner.indexBanner{
    background-image: url('https://firebasestorage.googleapis.com/v0/b/itjobs-e9815.appspot.com/o/2it2025%2Fbanners%2FBanners%20plataforma-6.png?alt=media&token=fe95e4a8-d28f-4399-9596-1afae8c2b3a3');
    background-size: cover;
    margin-left: -9%;
}



.contact_details ul li{
        margin: 3%;
}


.servicesCompany::after {
    content: "";
    position: absolute;
    left: 47%;
    top: -4%;
    border-bottom: 24px solid var(--blue-primary-color);
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
}


.servicesCompany .block1Title{
    width: 79%;
    text-align: center;
    margin-left: 13%;
    /*color: #fff;*/
}
.block1Title h3{
    color: #fff;
}

.servicesCard{
    background-color: var(--purple-primary-color);
    height: 200px;
    padding: 2%;
    border-radius: 15px;
    color: #fff;
    text-align: center;
    width: 20%;
    margin: auto;
}
.servicesCard h3{
    color: #fff;
}

.servicesPoints {
        display: flex;
    flex-direction: row;
}


.servicesCard.outsourcingTxt, .servicesCard.capacitacionesTxt{
    display: flex;
  justify-content: center; /* Centrado horizontal */
  align-items: center; 
}

.servicesSection{
    background-image: url("https://firebasestorage.googleapis.com/v0/b/itjobs-e9815.appspot.com/o/fondos2it%2FFondopagina%20inicio.png?alt=media&token=b082d642-0cea-41ef-a4a0-2307028bdb6c");
}


.container .carousel {
    display: flex;
    justify-content: center;
}
.slick-wrapper {
    width: 100%;
}
.slick-slide{
    margin-bottom: 40px !important;
}
.slide-item {
    background-color: white;
    box-shadow: 4px 5px 9px -1px rgba(0,0,0,0.71);
    -webkit-box-shadow: 4px 5px 9px -1px rgba(0,0,0,0.71);
    -moz-box-shadow: 4px 5px 9px -1px rgba(0,0,0,0.71);
    display: flex !important;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 350px !important;
    height: 300px;
    margin-top: 40px;
    margin-left: 2%;
    border-radius: 5%;
}
.slide-item img{
    width: 250px !important;
    max-height: 250px !important;
}
.slide-hover{
    display: none;
}
.slide-item > figcaption {
    background-color: #5A60F9;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 350px !important;
    height: 300px;
    border-radius: 5%;
    z-index: 1;
    color: white;
}
.slide-item:hover > img {
    opacity: 0;
    display: none;
}

.slide-item:hover > figcaption {
    opacity: 1;
    display: flex;
    flex-direction: column;
}
.slide-item > figcaption {
    opacity: 0;
    display: none;
}
.slide-item h3 {
    font-family: Lato, sans-serif;
    font-size: 40px;
}
.slide-arrow{
    position: absolute;
    top: 50%;
    margin-top: -15px;
}
.prev-arrow{
    left: -80px;
    width: 0;
    height: 0;
    border-left: 0 solid #F0F0F0;
    border-right: 15px solid #113463;
    border-top: 10px solid #F0F0F0;
    border-bottom: 10px solid #F0F0F0;
}
.next-arrow{
    right: -40px;
    width: 0;
    height: 0;
    border-right: 0 solid #F0F0F0;
    border-left: 15px solid #113463;
    border-top: 10px solid #F0F0F0;
    border-bottom: 10px solid #F0F0F0;
}


.slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
}
.slick-dots li {
    margin: 0 0.25rem;
}
.slick-dots button {
    display: block;
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: rgba(3,10,1,.2);
    text-indent: -9999px;
}
.slick-dots li.slick-active button {
    background-color: #163863;
}

/* .modal-backdrop {
  z-index: 0;
} */

@media (max-width: 750px) {
    .next-arrow, .prev-arrow{
        display: none !important;
    }
    .slide-item{
        width: 96% !important;
        box-shadow: 3px 2px 4px -1px rgba(0,0,0,0.63);
        -webkit-box-shadow: 3px 2px 4px -1px rgba(0,0,0,0.63);
        -moz-box-shadow: 3px 2px 4px -1px rgba(0,0,0,0.63);
    }

    .card.afiliados{
        height: 180px;
    }
    .card.afiliados .card-body p{
        font-size: 0.7rem !important;
    }
    .afiliar p:first-child{
        margin-top: 0%;
    }


    .first{
        flex-direction: column-reverse;
        display: flex;
    }
    .steps{
        margin-top: 5%;
    }

    .steps_text.mar{
        margin-top: 10%;
    }
    .steps.mar{
        margin-top: 5%;
    }

}

.icon-rosado {
    filter: brightness(0) saturate(100%) invert(17%) sepia(92%) saturate(4033%) hue-rotate(313deg) brightness(80%) contrast(104%);
}
.serviceItem img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.servicesImg{
    width: 700px;
    height: 300px;
    background-color: aliceblue;
    margin: 1%;
}
.servicesTxt{
    padding: 1% 2%;
}

#benefits{
    background-color: var(--blue-primary-color);
    height: 400px;
}

#benefits h3{
    color: var(--purple-primary-color);
    font-weight: bold;
}

#contactServices .card{
    width: 60vw;
    left: 0;
    top: auto;
    margin: auto;
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.14);
    height: 400px;
}

#contactServices .textInfo{
    width: 50%;
    padding: 3%;
    text-align: right;
}

#contactServices .textInfo h3{
    font-weight: bolder;
    margin-bottom: 10%;
}

#contactServices .infoImage{
    width: 50%;
    height: 360px;
}

#contactServices .infoImage img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}



/**/

.servicesCompany.headhunting {
    background-color: var(--purple-primary-color);
    height: 600px;
    width: 100%;
    border-radius: 0;
}

.servicesCompany.headhunting::after {
    content: "";
    position: absolute;
    left: 47%;
    top: -4%;
    border-bottom: 24px solid var(--purple-primary-color);
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
}


.servicesCompany.headhunting .servicesCard{
    background-color: var(--green-primary-color);
    height: 300px;
    padding: 2%;
    border-radius: 15px;
    color: #000;
    text-align: center;
    width: 24% !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.servicesCompany.headhunting .servicesCard h3{
    color: #000;
}
    
    .address_list span{
        color: #fff;
    }

/*#benefitsHeadhunting{*/
/*    background-color: var(--purple-primary-color);*/
/*    !*height: 400px;*!*/
/*}*/

/*#benefitsHeadhunting h3{*/
/*    color: var(--green-primary-color);*/
/*    font-weight: bold;*/
/*}*/

.servicesCompany.capacitaciones {
    background-color: var(--green-primary-color);
    height: 520px;
    width: 100%;
}

.servicesCompany.capacitaciones::after {
    content: "";
    position: absolute;
    left: 47%;
    top: -4%;
    border-bottom: 24px solid var(--green-primary-color);
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
}
.servicesCompany.capacitaciones h3.title{
    color: var(--purple-primary-color);
    font-weight: bold;
}

#benefitsCapacitaciones{
    background-color: var(--green-primary-color);
    /*height: 400px;*/
}


.contactBanner{
    background-color: #2f2f2f;
    height: 75vh;
    padding-top: 8.4%;
}

.contactSection{
    background-image: url("https://firebasestorage.googleapis.com/v0/b/itjobs-e9815.appspot.com/o/fondos2it%2FFondopagina%20inicio.png?alt=media&token=b082d642-0cea-41ef-a4a0-2307028bdb6c");
}

.card.contact{
    width: 900px;
    left: 0;
    top: 0;
    margin: auto;
}


.card.contact .textInfo{
    width: 50%;
    padding: 3%;
    /*text-align: right;*/
}

.card.contact .textInfo h3{
    font-weight: bolder;
    margin-bottom: 10%;
}

.card.contact .infoImage{
    width: 50%;
}

.card.contact .infoImage img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.cardImageWorks{
    width: 150px;
    height: 150px;
}

.cardBanner{
    background-image: url("https://firebasestorage.googleapis.com/v0/b/itjobs-e9815.appspot.com/o/Config2it%2Fbanner1.png?alt=media&token=fffa6758-3125-4a04-b6a6-7851e95730e8");
    height: 350px;
}

.cardBannerText{
    width: 40%;
    float: right;
    color: #fff;
}


.cardBanner2{
    background-image: url("https://firebasestorage.googleapis.com/v0/b/itjobs-e9815.appspot.com/o/Config2it%2Fbanner2.png?alt=media&token=65b6d9bb-bf49-44e5-9019-a4f6cce896f1");
    height: 350px;
}

.cardBannerText2{
    width: 50%;
    float: left;
    color: #fff;
    left: 23%;
    top: 35%;
    position: absolute;
}

.contact_details{
    background-color:#5d60ef;
    border-radius:4px;
    padding:40px 40px 50px 30px
}
.contact_details h4{
    color:#fff;
    font-size:20px;
    margin-bottom:20px
}
.contact_details p{
    color:#fff;
    margin-bottom:40px
}
.contact_details .address_list{
    clear:both
}
.contact_details .address_list li{
    clear:both
}
.contact_details .address_list li a{
    color:#fff;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    line-height:24px;
    margin-bottom:40px
}
.contact_details .address_list li a span{
    font-size:30px;
    margin-right:13px
}
.contact_details ul.social_list{
    margin-bottom:0
}
.contact_details ul.social_list li{
    margin-right:30px
}
.contact_details ul.social_list li a{
    color:#fff
}

.contact-form{
    background-color: #fff;
}

/**/
.loginBanner {
    background-color: #2f2f2f;
    height: 85vh;
    padding-top: 8.4%;
}

.loginFormSection, .signUpFormSection{
    /*margin-top: -5%;*/
    padding: 0;
    height: 600px;
}



.sign_up_form, .login_form{
    background: #fff;
    padding: 3% 6%;
    border-radius: 5px;
    width: 584px;
    margin-left: 26%;
    margin-top: -5%;
    height: 584px;
    border-top: 27px solid var(--green-primary-color);
}

.login_form{
    height: 361px;
}
.loginFormSection{
    height: 380px;
}
.sign_up_form ul{
    justify-content: space-around;
}

.sign_up_form .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: var(--purple-primary-color);
}

.sign_up_form .nav-item{
    width: 48%;
    margin: 1%;
    text-align: center;
    border: 1px solid var(--purple-primary-color);
    border-radius: 5px ;
}

#changeLogin, #changeInit{
    color: var(--purple-primary-color);
    cursor: pointer;
}


/**/
.searchBanner{
    height: 690px;
    background-color: var(--blue-primary-color);
    padding: 10%;
}

.searchBanner h2, .searchBanner h4, .searchBanner .cl_pricing_slider .sl_input{
    color: #fff;
}

.searchBanner .ui_kit_radiobox, .searchBanner .ui_kit_whitchbox{
    display: flex;
    flex-flow: wrap;
    color: #fff;
}

.searchBanner .ui_kit_whitchbox .custom-switch{
    width: 180px;
}

.searchBanner .ui_kit_radiobox .radio{
    width: 180px;
}

.searchBanner .cl_latest_activity.date1:after{
    content: "";
    border: 1px solid #fff;
    right: 16px;
    position: absolute;
    height: 120px;
    top: 0;

}

.searchFilters {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.searchFirstRow, .searchSecondRow{
    display: flex;
    justify-content: space-between;
}

.searchFirstRow .faq_search_widget{
    width: 20%;
    margin: auto;
}

.searchSecondRow .cl_latest_activity{
    width: 45%;
    margin: auto;
}

.headerCenter{
    width: 500px;
    font-size: xx-small;
    padding-left: 2%;
}

.headerRight{
    width: 245px;
}

.searchVacancy, .searchCandidate{
    height: 115vh;
    margin-top: -50px !important;
}

.vacancyListHeader{
    align-items: center;
    flex-wrap: wrap;
}

.vacancyListHeader img{
    width: 50px;
    height: 50px;
}
.vacancyListBody .list-inline-item{
    font-size: 0.56rem;
}

.vacancyListBody small{
    margin: 0;
}
.vacancyListBody button, .vacancyDetailBody #btnLkFooter{
    width: 100% !important;
}

.searchVacancy #vacancyList, .vacancyDetails, .searchCandidate .candidateDetails, .searchCandidate #candidates{
    overflow: auto;
    /*background: red;*/
    height: 100vh;

    padding: 0 !important;
}

.vacancyDetails, .candidateDetails{
    left: 0.5%;
}

.Vacancy{
    background-color: #fafafa;
}
.vacancyDetailHeader, .candidateDetailHeader{
    background-color: #fafafa;
    /*height: 100px;*/
    padding: 15px;
    display: flex;
}

.vacancyDetailHeader .headerLeft img, .candidateDetailHeader .headerLeft img{
    width: 100px;
}

.vacancyDetailHeader .headerLeft, .candidateDetailHeader .headerLeft{
    width: 110px;
    display: flex;
    flex-direction: column;
}

.vacancyDetailHeader .headerLeft a{
    font-size: x-small;
}


.vacancyDetailBody, .candidateDetailBody{
    background-color: #fff;
}

/**/

.candidateDetailHeader .headerLeft{
    /*width: 28%;*/
    text-align: center;
}
.candidateDetailHeader .headerCenter{
    width: 56%;
    padding: 0;
}
.candidateDetailHeader .headerRight{
    width: 30%;
}
.tagsSection{
    padding: 0 0 30px;
}

/**/

.my_resume_eduarea {
    margin-top: 10px
}

.my_resume_eduarea .title {
    font-size: 20px
}

.my_resume_eduarea .title a {
    color: #00bd58;
    font-size: 16px
}

.my_resume_eduarea .title a span {
    margin-left: 10px
}

.my_resume_eduarea .details {
    padding: 15px 15px 15px 80px;
    position: relative
}

.my_resume_eduarea .content {
    padding: 15px 15px 15px 80px;
    position: relative;
    text-align: left
}

.my_resume_eduarea .content:nth-child(3),
.my_resume_eduarea .content:nth-child(4) {
    padding-top: 0;
    position: relative
}

.my_resume_eduarea .content:nth-child(3) .circle,
.my_resume_eduarea .content:nth-child(4) .circle {
    top: 0
}

.my_resume_eduarea .content:nth-child(3):before,
.my_resume_eduarea .content:nth-child(4):before {
    top: 9px
}

.my_resume_eduarea .content:nth-child(3):after {
    top: 25px
}

.my_resume_eduarea .content:nth-child(4):after {
    display: none
}

.my_resume_eduarea .content.style2:nth-child(3):after {
    display: none
}

.my_resume_eduarea .content:before {
    background-color: #eaeaea;
    content: "";
    height: 1px;
    left: 15px;
    position: absolute;
    top: 28px;
    width: 48px
}

.my_resume_eduarea .content:after {
    background-color: #ddd;
    content: "";
    height: 100px;
    left: 18px;
    position: absolute;
    top: 40px;
    width: 1px;
    z-index: -1
}

.my_resume_eduarea .content .circle {
    background-color: #5d60ef;
    border-radius: 50%;
    height: 18px;
    left: 10px;
    position: absolute;
    top: 20px;
    width: 18px
}

.my_resume_eduarea .content .edu_center {
    color: #5d60ef;
    margin-bottom: 0
}

.my_resume_eduarea .content .edu_stats {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0
}

.my_resume_eduarea .content .edu_center small {
    color: #7f7f7f;
    padding-left: 10px
}

.my_resume_eduarea .edu_stats_list li:first-child {
    background-color: #d1eaff
}

.my_resume_eduarea .edu_stats_list li:nth-child(2) {
    background-color: #bae5d7
}

.my_resume_eduarea .edu_stats_list li:last-child {
    background-color: #c1ebc9
}

.my_resume_eduarea .edu_stats_list li {
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px
}

/**/

.candidate_resume_skill .progress-levels {
    position: relative
}

.candidate_resume_skill .progress-levels .progress-box {
    margin-bottom: 25px;
    overflow: hidden;
    position: relative
}

.candidate_resume_skill .progress-levels .progress-box .inner {
    background-color: #eee
}

.candidate_resume_skill .progress-levels .progress-box .bar {
    position: relative;
    height: 6px
}

.candidate_resume_skill .progress-levels .progress-box .bar .bar-innner {
    height: 6px;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.candidate_resume_skill .progress-levels .progress-box .bar .bar-fill {
    background-color: #5d60ef;
    border-radius: 2px;
    height: 6px;
    left: -100%;
    position: absolute;
    top: 0;
    -webkit-transition: all 2s ease .3s;
    -o-transition: all 2s ease .3s;
    transition: all 2s ease .3s;
    width: 0
}

.candidate_resume_skill .progress-levels .progress-box.animated .bar .bar-fill {
    left: 0
}

.candidate_resume_skill .progress-levels .progress-box.animated .percent {
    opacity: 1
}

.candidate_resume_skill .progress-levels .progress-box .percent {
    color: #202020;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 26px;
    opacity: 1;
    position: absolute;
    right: 0;
    text-align: center;
    top: -35px;
    -webkit-transition: all 2s ease .7s;
    -o-transition: all 2s ease .7s;
    transition: all 2s ease .7s
}

.candidate_resume_skill .progress-levels:last-child {
    margin-bottom: 0
}

.candidate_resume_skill .progress-levels .box-title {
    color: #7f7f7f;
    margin-bottom: 10px;
    position: relative
}


/**/

section.blog_post_container.bgc-fa {
    /*margin-top: 60px;*/
    padding-top: 120px;
}

.main_blog_post_content {
    margin-bottom: 30px
}


.blog_grid_post .thumb img{
    width: 100%;
    border-radius: 4px
}


.blog_grid_post .thumb {
    position: relative;
    overflow: hidden
}

.blog_grid_post .thumb .tag {
    background-color: #5d60ef;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    height: 40px;
    left: 10px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 15px;
    padding: 0px 15px;
}

.blog_grid_post .details {
    padding-top: 20px
}

.blog_grid_post.style2 .details {
    padding-top: 20px
}

.blog_grid_post .details .post_meta li:nth-child(2) {
    margin-right: 20px;
    margin-left: 8px
}

.blog_grid_post .details .post_meta li:nth-child(4) {
    margin-left: 8px
}

.blog_grid_post li {
    display: inline-block
}

.blog_grid_post .thumb img,
.mbp_thumb_post img {
    width: 100%;
    border-radius: 4px
}

.mbp_thumb_post .details {
    padding-top: 20px
}

.mbp_thumb_post .details .post_meta li:nth-child(2) {
    margin-right: 20px;
    margin-left: 8px
}

.mbp_thumb_post .details .post_meta li:nth-child(4) {
    margin-left: 8px
}

.mbp_thumb_post li {
    display: inline-block
}


.blog_post_share li {
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.blog_post_share li:first-child {
    margin-right: 40px;
    width: auto
}

.blog_post_share li:first-child:hover {
    background-color: transparent
}

.blog_post_share li:hover {
    background-color: #bababa;
    cursor: pointer
}

.blog_post_share li:hover a {
    color: #fff
}

.blog_post_share li p {
    color: #221f1f
}

.blog_post_share li a {
    color: #b6b6b6;
    font-size: 16px
}



.blog_recent_post_widget {
    margin-bottom: 30px
}

.blog_recent_post_widget ul.list-group {
    background-color: #fff;
    border-radius: 4px;
    padding: 30px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .09)
}

.blog_recent_post_widget .title {
    font-size: 20px;
    margin-bottom: 20px
}

.blog_recent_post_widget .media {
    padding: 15px 0
}

.blog_recent_post_widget .media:nth-child(3) {
    padding-top: 10px
}

.blog_recent_post_widget .media:nth-child(4) {
    padding-top: 10px
}

.blog_recent_post_widget .media-body .post_title {
    font-size: 16px;
    color: #221f1f;
    margin-bottom: 0
}

.blog_recent_post_widget .media-body a {
    font-size: 14px;
    color: #7f7f7f
}


.blog_tag_widget .tag_list li {
    background-color: #f3f3f3;
    border-radius: 4px;
    line-height: 39px;
    margin-bottom: 15px;
    padding: 5px 25px
}

/*.blog_tag_widget .tag_list li:nth-child(3),*/
/*.blog_tag_widget .tag_list li:nth-child(4) {*/
/*    margin-bottom: 0*/
/*}*/

.blog_tag_widget .tag_list li a {
    color: #7f7f7f
}

/**/

.custom-selectpicker {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  border: 1px solid #ced4da;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666' class='bi bi-caret-down-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658A.5.5 0 0 1 2.854 5h10.292a.5.5 0 0 1 .403.812l-4.796 5.482a.5.5 0 0 1-.754 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1rem;
  cursor: pointer;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}

.custom-selectpicker:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-selectpicker:hover {
  border-color: #999;
}

.respRow{
    display: flex; flex-direction: row; align-items: center;
}

.closeDiv{
    display: none;
}

    .newsletter_widget h4, .newsletter_widget p{
        color: #fff !important;
    }


#bannerObjective{
    height: 500px;
    background-image: url('https://firebasestorage.googleapis.com/v0/b/itjobs-e9815.appspot.com/o/2it2025%2Fbanners%2FbannerAcademy.png?alt=media&token=dc684b58-4849-4c1a-a719-0a029d60dd22');
        background-size: cover;
}


/**/
.candidateCompany{
    
}

.candidateCompany .thumb{
    width: 100px;
    height: 100px;
}

.candidateCompany .thumb img{
    width: 100%;
    height: 100%;
}