/*new css*/

:root {
    --custom-bg-color: #D8E6EF;
    --custom-ft-color: #4D607D;
    --custom1-color: #D1E2EF;
    --custom-bg1-color: #E9EFF5;
    --custom-bg2-color: #D6E5EF;
    --custom-border-color: #9EBEFC;
    --custom-active-color: #D3E0F9;
    --prime-ft-color: #01203d;
    --prime-ft2-color: #34495f;
    --btn-bg-org-clr: #fa4a23;
    --fs-65: 1rem;
    --fs-68: 0.9rem;
}
.custom-bg-color {
    background-color:var(--custom-bg-color);
}

.custom-bg1-color {
    background-color:var(--custom-bg1-color);
}

.custom-bg2-color {
    background-color:var(--custom-bg2-color);
}

.custom-vector {
    margin-top: -16px;
}

.icon-custom {
    width: 50px;
    height: 50px;
    background-color: #E8F4FB;
}

.custom-ft-color {
    color:var(--custom-ft-color);
}

.customer-top {
    margin-top: -4.413rem;
}

.custo-arrow {
    color: #0276B7 !important;
}

.prime-ft-color {
    color: var(--prime-ft-color) !important;
}

#testimonialSlider .splide__arrows {
    position: absolute;
    bottom: -2rem;
    left: 47%;
    width: 100px;
    height: 20px;
}

#testimonialSlider .splide__arrow svg {
    fill: var(--prime-ft-color);
    height: 0.8em;
    width: 0.8em;
}

#testimonialSlider .splide__arrow--prev {
    background-color: white;
    border: 2px solid var(--prime-ft-color);
    opacity: 1;
}

#testimonialSlider .splide__arrow--next {
    background-color: white;
    border: 2px solid var(--prime-ft-color);
    opacity: 1;
    right: 10%;
}

#testimonialSlider .splide__arrow:disabled {
    opacity: 0.3;
}

#video-slider-111 .splide__arrows {
    position: absolute;
    bottom: -2.65rem;
    left: 36%;
    width: 100px;
    height: 20px;
}

#video-slider-111 .splide__arrow svg {
    fill: var(--prime-ft-color);
    height: 0.8em;
    width: 0.8em;
}

#video-slider-111 .splide__arrow--prev {
    background-color: white;
    border: 2px solid var(--prime-ft-color);
    opacity: 1;
}

#video-slider-111 .splide__arrow--next {
    background-color: white;
    border: 2px solid var(--prime-ft-color);
    opacity: 1;
    right: 10%;
}

#video-slider-111 .splide__arrow:disabled {
    opacity: 0.3;
}
#image-slider .splide__pagination {
    bottom: -1.95rem !important;
}

#image-slider .splide__pagination__page {
    background-color: white !important;
    height:9px !important;
    width:9px !important;
}

#image-slider .splide__pagination__page.is-active {
    background: #1E2D3E !important;
}

.custom-border {
    border:1px solid var(--custom-border-color);
}

.individu-btn {
    background-color: transparent;
    color: var(--custom-inactive-color);
    border: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

button.active-btn123 {
    background-color: var(--custom-active-color);
    pointer-events: none;
}

.curs-point {
    cursor:pointer;
}

#individual-training input:focus, #individual-training textarea:focus {
    box-shadow: none !important;
}

#corporate-training input:focus, #corporate-training textarea:focus {
    box-shadow: none !important;
}

/* #video-section .video-container img.preview-image,
#video-section .video-container video.video-player {
    width: 100%;
    height: 238px;
    object-fit: cover;
} */

.cust-comp-img {
    object-fit: contain;
}

@media (max-width: 576px) {
    .customer-top {
        margin-top: -2.813rem !important;
    }
    #testimonialSlider .splide__arrows {
        position: absolute;
        bottom: -2rem;
        left: 36%;
        width: 100px;
        height: 20px;
    }
    .custom-color {
        background-color:var(--custom-bg1-color);
    }
    .custom-color1 {
        background-color:var(--custom1-color);
    }
    .custom-certi {
        width:87% !important;
        height:330px !important;
    }
    #image-slider .splide__pagination {
        bottom: -1.5rem !important;
    }
    .custom-textarea {
        margin-top: -15px;
    }
    .custom-mobile {
        margin-top:4px !important;
    }
    .home-border {
        border-radius: 0px !important;
    }
    #linkdn-carousel-home_splider123 .card_truncer{
        height: 3.8rem !important;
    }
}

@media (min-width: 1200px) {
    .custom-font1 {
        font-size: 22px !important;
        text-align:start !important;
    }

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

    .custom-expl {
        margin-left: 0px !important;
    }
    #video-slider-111 .splide__arrows {
        visibility:hidden;
    }
    .custom-card-bg {
        background-image: url(../image/custom-bg1.webp);
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
    }
    .custom-mobile {
        margin-top:2px !important;
    }
    .custom-textarea1 {
        margin-top: -14px;
    }
    #individual-training .py-2 {
        padding-top: 0.7rem !important;
        padding-bottom: 0.7rem !important;
    }
    #corporate-training .py-2 {
        padding-top: 0.7rem !important;
        padding-bottom: 0.7rem !important;
    }
    #linkdn-carousel-home .splide__arrows.splide__arrows--ltr {
        bottom: -2.5rem !important;
    }
    #linkdn-carousel-home .splide__list {
        padding-left: 17px !important;
        padding-right: 3px !important;
    }
}

/* form css */
#individual-training .modal-clusters,
#corporate-training .modal-clusters{
    padding-top: 2% !important;
}

#individual-training .ht-mode,
#corporate-training .ht-mode{
    height: 4rem;
}

#individual-training .ht-mode input,
#corporate-training .ht-mode input{
    height: 45px;
}

#individual-training .modal-clusters .fa-info-circle,
#corporate-training .modal-clusters .fa-info-circle{
    top: 24%;
}

#individual-training .ht-mode .invalid-tooltip,
#corporate-training .ht-mode .invalid-tooltip{
    top: 57%;
}

#individual-training #form_phonec-error,
#corporate-training #form_phonec-error{
    right: 0px;
}

#individual-training .ht-mode #cust_aider{
    right: 1.5%;
}

#individual-training .dialing-codei .selectize-input,
#corporate-training .dialing-codei .selectize-input{
    font-size: 1rem;
    top: 4px;
    height: 30px;
    z-index: 0;
}

#individual-training .select-width-abs,
#corporate-training .select-width-abs{
    top: -39px;
}

#individual-training #form_phonec,
#corporate-training #form_phonec{
    position: relative;
    z-index: 0;
    background: transparent;
}

#individual-training .selectize-input,
#corporate-training .selectize-input{
    position: relative;
}

#individual-training .item,
#corporate-training .item{
    position: absolute;
    top: 3px;
}

#individual-training .ht-mode input,
#corporate-training .ht-mode input{
    border: 1px solid #a8c8e5;
}

#individual-training .selectize-dropdown-content,
#corporate-training .selectize-dropdown-content{
    background: white;
}

.htjkop textarea{
    border: 1px solid #a8c8e5;
}
.our-clients-bdr-box {
    box-shadow: 0px 0px 2px 0px #98ACC3, 0px 8px 0px 0px #F1F4F7;
}
.btn-org-bdr-clr {
    border: 2px solid var(--btn-bg-org-clr);
}
.btn-org-bg-clr {
    background-color: var(--btn-bg-org-clr);
}
.btn-org-bg-clr:hover {
    background-color: var(--prime-ft-color);
    background: var(--prime-ft-color);
    -webkit-transition: background-color 0.3s linear;
    -ms-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
}
.our-clients-bdr-box {
    box-shadow: 0px 0px 2px 0px #98ACC3, 0px 8px 0px 0px #F1F4F7;
}
.text-align-center {
    text-align: center;
}
@media (min-width: 992px) {
    .homeaccre {
        margin-left: 3%;
    }
    .homeaccre {
        margin-left: 3%;
    }
    #profile-carousel-home .splide__arrows.splide__arrows--ltr,
    #linkdn-carousel-home .splide__arrows.splide__arrows--ltr,
    #course_enrolled .splide__arrows.splide__arrows--ltr,
    #blogs-carousel .splide__arrows.splide__arrows--ltr {
        position: absolute;
        bottom: -3.5rem;
        right: 45%;
        width: 100px;
        height: 20px;
    }
    #profile-carousel-home .splide__arrow--prev,
    #linkdn-carousel-home .splide__arrow--prev,
    #course_enrolled .splide__arrow--prev,
    #blogs-carousel .splide__arrow--prev {
        left: 0.5rem;
        display: flex !important;
    }
    #profile-carousel-home .splide__arrow--next,
    #linkdn-carousel-home .splide__arrow--next,
    #course_enrolled .splide__arrow--next,
    #blogs-carousel .splide__arrow--next {
        right: 1rem;
        display: flex !important;
    }
    .card_truncer {
        height: 3.8rem !important;
    }
}
@media (min-width: 1200px) {
    .fw-lg-bold {
        font-weight: bold !important;
    }
    .fs-lg-2 {
        font-size: 2rem !important;
    }
    .w-lg-70 {
        width: 75% !important;
    }
    #linkdn-carousel-home .splide__arrows.splide__arrows--ltr {
        bottom: -1.8rem !important;
    }
}
.card_truncer {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
}

.prime-ft2-color {
    color: var(--prime-ft2-color);
}
.fs-65 {
    font-size: var(--fs-65);
}

#profile-carousel-home .splide__arrow:disabled, #linkdn-carousel-home .splide__arrow:disabled, #course_enrolled .splide__arrow:disabled, #blogs-carousel .splide__arrow:disabled {
    opacity: 0.3;
}
#profile-carousel-home .splide__arrow, #linkdn-carousel-home .splide__arrow, #course_enrolled .splide__arrow, #blogs-carousel .splide__arrow {
    background-color: white;
    border: 2px solid var(--prime-ft-color);
    opacity: 1;
}
#profile-carousel-home .splide__pagination__page,
#linkdn-carousel-home .splide__pagination__page,
#course_enrolled  .splide__pagination__page,
#blogs-carousel .splide__pagination__page{
    display:none;
}
.mt-n1r {
    margin-top: -1rem;
}
.btn-bl-bdr-clr {
    border: 2px solid var(--prime-ft-color) !important;
}
.prime-ft-bg-clr {
    background-color: var(--prime-ft-color);
}
@media(max-width:576px) {
    #profile-carousel-home .splide__arrows.splide__arrows--ltr,
    #linkdn-carousel-home .splide__arrows.splide__arrows--ltr,
    #course_enrolled .splide__arrows.splide__arrows--ltr,
    #blogs-carousel .splide__arrows.splide__arrows--ltr {
        position: absolute;
        bottom: -2rem;
        right: 36%;
        width: 100px;
        height: 20px;
    }
}
a {
    text-decoration: none;
    color: inherit;
}
.cursor-pointer {
    cursor: pointer;
}