@import url('https://wwwylconsultingcome8dc7.zapwp.com/q:u/r:0/wp:0/w:1/u:https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Righteous&display=swap');
:root {
    /* Fonts */

    --body-font: 'Uncut Sans';
    --defult-font: 'Geist';
    --sub-font: "Righteous", sans-serif;
    --sub-desc-font: "IBM Plex Sans", sans-serif;
    --banner-heading-font: "Inter", sans-serif;

    /* Color */
    --primary: #1A4128;
    --black: #000;
    --white: #fff;
    --defult: #BF8431;

}

body {
    font-family: var(--body-font);
    color: var(--black);
    background-color: #fffcf6;
}

h1{
    font-family: var(--banner-heading-font) !important;
}
h2,
h3 {
    font-family: var(--body-font);
    font-weight: 700;
}
p{
    font-size: 20px;
    font-weight: 400;
    line-height: 31px;
    color: #2C2B2B;
    font-family: var(--body-font);
}

img {
    max-width: 100%;
    height: auto;
}

a {
    transition: 300ms ease-in all;
    color: #7535E9;
    text-decoration: none;
}

/* :::::::::::::::::::::::::::::::::::::::::::::
                    BOOTSTRAP
::::::::::::::::::::::::::::::::::::::::::::: */



.btn {
    text-transform: uppercase;
    font-weight: 500;
}

@media(min-width:575px) {
    .btn:not(.btn-lg) {
        font-size: 1.125rem;
        padding: 12px 28px;
        border-radius: 10px;  
    }
}

.btn-lg {
    padding-left: 1.75em;
    padding-right: 1.75em;
}




/*.input-group-lg>.btn,*/
.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text {
    font-size: 0.75em;
    font-family: var(--body-font);
}
input.form-control{
    border: 1px solid #0000001A;
    padding: 6px 12px;
    height: 44px;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    border-radius: 0;
    background-color: #fff;
    color: #242E27 !important;
    font-family: var(--body-font);
}
input.form-control.error-class {
    border-color: red;
}
input.form-control::placeholder{
    font-family: var(--body-font);
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    letter-spacing: 0.01em;
    color: #969696;
    
}
textarea.form-control{
    border: 1px solid #0000001A;
    padding: 6px 12px;
    height: 50px;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    border-radius: 0;
    background-color: #fff;
    color: #242E27;
    font-family: var(--body-font);
}
textarea.form-control::placeholder{
    font-family: var(--body-font);
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    letter-spacing: 0.01em;
    color: #969696;
}
select.form-select{
    border: 1px solid #0000001A;
    padding: 6px 12px;
    height: 44px;
    border-radius: 0;
    background-color: #fff;
    color: #242E27;
    font-family: var(--body-font);
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    letter-spacing: 0.01em;
    color: #969696;
}
select.form-select option{
    font-family: var(--body-font);
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    letter-spacing: 0.01em;
    color: #969696;
}
.form-control:focus{
    background-color: transparent;
	box-shadow: none;
	color: #fff;
}
.form-check{
    display: flex;
    align-items: center;
    gap: 8px;
}
.form-check-input{
    width: 16px;
    height: 16px;
    margin-top: 0;
    border: 1px solid #0000001A;
}
.form-check-input:checked{
    background-color: var(--primary);
    border-color: var(--primary);;
}

.input-group-with-icon{
    position: relative;
}

.input-group-icon-1{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    display: flex;
    align-items: center;
}
.input-group-icon-2{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    display: flex;
    align-items: center;
}
.input-group-with-icon i{
    font-size: 22px;
    color: var(--primary);
}
.input-group-with-box{
    display: flex;
    gap: 15px
}
.input-group-with-box input{
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    padding: 5px 20px;
    text-align: center;

}
.form-check-inline{
    display: inline-block !important;
}
 form label{
    text-align: left;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;

}
input.form-control[type="date"]{
    color: #969696;
}
.relative {
    position: relative;
}

.max-720 {
    max-width: 720px;
}

.max-790 {
    max-width: 790px;
}

.shadow-md {
  box-shadow: 0 0.125rem 1.5rem rgba(0, 0, 0, 0.075) !important;
}
.defult-font{font-family: var(--defult-font);}
.bold-text p{
    font-weight: 700 !important;
}
.wpcf7 form.sent .wpcf7-response-output{
	 color: #fff;
}
.sec-title h2{
    font-size: 38px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -0.03em;
    margin-bottom: 0;
    color: #060606;
    font-family: var(--banner-heading-font);
}
.sec-title p{
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    color: #FFFFFFB2;
    font-family: var(--banner-heading-font);
}

.primary-btn{
    font-family: var(--body-font);
    font-size: 16px;
    font-weight: 600;
    line-height: 19.36px;
    letter-spacing: 0.003em;
    color: #fff;
    background-color: var(--primary);
    width: 100%;
    border-radius: 0;
    text-transform: uppercase;
    padding: 26px 76px;
    border: 2px solid var(--primary);
}
.primary-btn:hover{
    color: var(--primary) !important;
    background-color: var(--white) !important;
    border-color: var(--primary) !important;
}

.container-custom{
    max-width: 1266px;
    padding: 0 24px;
}
.container-custom.sm{
    max-width: 1200px;
}
.cs_row{
    display: flex;
}

/* :::::::::::::::::::::::::::::::::::::::::::::
                    COMMON
::::::::::::::::::::::::::::::::::::::::::::: */

/* :::::::::::::::::::::::::::::::::::::::::::::
                HEADER-START
::::::::::::::::::::::::::::::::::::::::::::: */

.header {
    background-color: transparent;
    padding: 8px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}
.header-btn a{
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #FAFAFA;
    padding: 12px 18px;
	border-radius: 6px;
	border: 1px solid #E4E4E766;
}
 .header-btn a:hover{
    color: #fff;
}
/* :::::::::::::::::::::::::::::::::::::::::::::
                 HEADER-END
::::::::::::::::::::::::::::::::::::::::::::: */




/* :::::::::::::::::::::::::::::::::::::::::::::
                BANNER-START
::::::::::::::::::::::::::::::::::::::::::::: */


.banner{
    background-color: #000;
}
.banner .carousel-indicators{
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: unset;
    padding: 0 20px;
    justify-content: space-between;
    top: 30%;
    transform: translateY(-70%);
}
.banner .carousel-indicators button.active{
    border: 4px solid;
    background: linear-gradient(90deg, #7244C8 0%, #704D70 56%, #937C9A 99%);
    
    
}
.carousel-item  img{
    height: 100vh;
    object-fit: cover;
    opacity: 0.5;
}
 .carousel-caption{
    text-align: left;
    left: 0;
    right: 0;
    bottom: 20%;
    padding: 0 24px;
}
.carousel-caption .text{
    max-width: 820px;
    margin-right: auto;
}
.carousel-caption h5{
    font-size: 72px;
    font-weight: 400;
    line-height: 90px;
    letter-spacing: -0.02em;
    text-align: left;
    color: var(--white);
}
.carousel-caption p{
    font-size: 32px;
    font-weight: 400;
    line-height: 44.8px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #FFFFFFB2;
    padding: 16px 0 24px;

}
 .carousel-caption .text a{
    font-family: Geist;
    font-size: 18px;
    font-weight: 600;
    line-height: 22.32px;
    color: #fff;
    padding: 16px 24px;
    background-color: #5035F7;
    border-radius: 12px;
    border: 1px solid #FFFFFF12;
}
.carousel-caption .text a img{
    margin-left: 10px;
}
.carousel-caption .text a img{
    width: auto;
    height: auto;
    margin-left: 12px;
}
.banner .carousel-control-prev,.banner .carousel-control-next{
    display: none;
}

/* :::::::::::::::::::::::::::::::::::::::::::::
                 BANNER-END
::::::::::::::::::::::::::::::::::::::::::::: */



/* :::::::::::::::::::::::::::::::::::::::::::::
                IT-ADVANCEMENTS-START
::::::::::::::::::::::::::::::::::::::::::::: */

.it-advancements{
    background-image: url(https://www.ylconsulting.com/wp-content/themes/yl/assets/images/ITAdvancements-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0;
    overflow: hidden;
}
.it-advancements .sec-title{
    text-align: center;
    margin-bottom: 48px;
}
.it-advancements .it-boxes{
    --bs-gutter-y: 1.5rem;
}
.it-advancements .it-box{
    position: relative;
    height: 525px;
    border-radius: 16px;
    overflow: hidden;
}
.it-advancements .it-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.it-advancements .it-box .text{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: flex-end;
    padding: 0 10px 26px 10px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 39.6%, #000000 100%);
    transition: 300ms ease-in all;
    cursor: pointer;
}
.it-advancements .it-box:hover .text{
    background-color: #372D7AA8;
}
.it-advancements .it-box .text h3{
    font-size: 28px;
    font-weight: 400;
    line-height: 41.6px;
    color: #FFFFFFCC;

}

/* :::::::::::::::::::::::::::::::::::::::::::::
                IT-ADVANCEMENTS-END
::::::::::::::::::::::::::::::::::::::::::::: */




/* :::::::::::::::::::::::::::::::::::::::::::::
                FEATURED-NEWS-START
::::::::::::::::::::::::::::::::::::::::::::: */

.featured-news{
    background-image: url(https://www.ylconsulting.com/wp-content/themes/yl/assets/images/featured-news-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 100px 0;
}
.featured-news .sec-title{
    margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
}
.featured-news .sec-title .view-btn{
	display: inline-block;
	padding: 14px 24px;
	font-size: 14px;
	font-weight: 500;
	color: #FAFAFA;
	background-color: #FFFFFF1A;
	backdrop-filter: blur(16px);
}
.featured-news .sec-title h2{
    color: #fff;
}
.featured-news-block-wrap{
	display: flex;
	gap: 10px;
}
.featured-news-block-wrap .featured-news-main{
	width: 50%;
}
.featured-news-block-wrap .featured-news-nav{
	width: 50%;
}
.featured-news-block-wrap .featured-news-nav .block{
	margin: 0 10px;
}
.featured-news-block .block{
    height: 450px;
    position: relative;
	transition: width 0.3s ease;
}
.featured-news-nav .block.slick-active.slick-current{
	display: none;
}
.featured-news-block .block .feature-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.featured-news-block .block .text{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: flex-end;
    gap: 16px;
    padding: 12px 12px 16px 12px;
	background: linear-gradient(180deg, rgba(55, 45, 122, 0) 50%, #372D7A 100%);
    transition: 300ms ease-in all;
    opacity: 1;
    cursor: pointer;
}
.featured-news-nav.featured-news-block .block .text{
	background: linear-gradient(180deg, rgba(55, 45, 122, 0) 50%, #000000 100%);
}
.featured-news-block .block .text h3{
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    color: #fff;
    margin-bottom: 8px;
}
.featured-news-block .block .text p{
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #FFFFFFCC;
    margin-bottom: 0;
}

.featured-news-block .block .text .more a{
    display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
    border: 1px solid #FFFFFF;
}
.featured-news-block .block .text .more a img{
	width: 8px;
}
.featured-news-block .block.highlight .text{
    opacity: 1;
}
.featured-news-block.featured-news-main .block .text{
	gap: 24px;
	justify-content: space-between;
}
.featured-news-block.featured-news-nav .block .text p{
	display: none;
}
.featured-news-block.featured-news-nav .block .text .more{
	display: none;
}

.featured-news-block-wrap .slick-next{

    border-radius: 0;
    padding: 24px 28px;
    background-color: #00000099 !important;
    backdrop-filter: blur(16px);
    display: flex;
    align-items: center;
    justify-content: center;
    left: unset;
    right: 22px;
}
.featured-news-block-wrap .slick-prev{
    border-radius: 0;
    padding: 24px 28px;
    background-color: #00000099 !important;
    backdrop-filter: blur(16px);
    display: flex;
    align-items: center;
    justify-content: center;
	left: 20px;
    right: unset;
}

.featured-news-block-wrap .slick-next::before,.featured-news-block-wrap .slick-prev::before{
	font-size: 24px;
}
.featured-news-block-wrap .featured-news-nav .slick-prev{
	display: none !important;
}
.featured-news-block-wrap .featured-news-main .slick-next{
	display: none !important;
}


   /* remove-later */

.featured-news-block {
	display: flex;
}
.n-block0,.n-block1,.n-block2,.n-block3{
	width: 50%;
}
.n-block0 .text,.n-block1 .text,.n-block2 .text,.n-block3 .text{
	flex-direction: column;
    justify-content: flex-end;
    align-items: self-start !important;
}

   /* remove-later */



/* :::::::::::::::::::::::::::::::::::::::::::::
                 FEATURED-NEWS-END
::::::::::::::::::::::::::::::::::::::::::::: */


.delivering-impact{
    background-color: #F3F5FA;
    padding: 80px 0;
}
.delivering-impact .sec-title{
    margin-bottom: 48px;
}
.delivering-impact .sec-title h2{
    color: #000000;
}
.delivering-impact-boxes{
    --bs-gutter-y: 1.5rem;
}
.delivering-impact-boxes .block{
    padding: 24px 24px 32px 32px;
    background-color: #fff;
    border-radius: 16px;
    cursor: pointer;
    transition: 300ms ease-in all; 
}
.delivering-impact-boxes .block h3{
    font-size: 28px;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: -0.02em;
    color: #443E3E;
    margin: 20px 0;
}
.delivering-impact-boxes .block p{
    font-family: var(--defult-font);
    font-size: 14px;
    font-weight: 400;
    line-height: 18.2px;
    letter-spacing: 0.02em;
    color: #1C1C1CB8;

}
.delivering-impact-boxes .block:hover{
    box-shadow: 0px 4px 4px 0px #0000001C;
    background-color: #372D7AA8;
}
.delivering-impact-boxes .block:hover img{
    filter: brightness(0) invert(1);
}
.delivering-impact-boxes .block:hover h3{
    color: #fff;
}
.delivering-impact-boxes .block:hover p{
     color: #fff;
}

/* :::::::::::::::::::::::::::::::::::::::::::::
            DRIVE-BUSINESS-START    
::::::::::::::::::::::::::::::::::::::::::::: */

.drive-business{
    background-color: #020B18;
    padding-top: 58px;
}
.drive-business .sec-title{
    max-width: 629px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 58px;
}
.drive-business .sec-title h2{
    margin-bottom: 12px;
    color: #fff;
}
.drive-business .sec-title p{
    margin: 0 28px;
}


.drive-business-boxes{
    background-image: url(https://www.ylconsulting.com/wp-content/themes/yl/assets/images/drive-business-box-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    display: flex;
}
.drive-business-boxes .box{
    width: 16.6%;
    border-right: 1px solid #FFFFFF4D;
    position: relative;
    background-color: #000000;
    opacity: 0.6;
    transition: 300ms ease-in all;
    height: 628px;
}
.drive-business-boxes .box:last-child{
    border-right: 0;
}
.drive-business-boxes .box:hover {
    background-color: #0000009c;
    opacity: 1;   
}
.drive-business-boxes .box .text{
    padding: 32px;
    position: absolute;
    bottom: -30px;
    transition: 300ms ease-in all;
}
.drive-business-boxes .box:hover .text{
    bottom: 0;
}
.drive-business-boxes .box .text h3{
    font-family: var(--sub-desc-font);
    font-size: 32px;
    font-weight: 400;
    line-height: 41.6px;
    color: #fff;
    transition: 300ms ease-in all;
}
.drive-business-boxes .box .text  p{
    font-family: var(--body-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
    color: #FFFFFFB2;
    height: 0;
    visibility: hidden;
    transition: 300ms ease-in all;
    margin: 0;
}
.drive-business-boxes .box:hover .text p{
    margin: 24px 0;
    height: auto;
    visibility: visible;
}
.drive-business-boxes .box .text .icon{
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #00000099;
    display: flex;
    justify-content: center;
    align-items: center;
}
.drive-business-boxes .box .text .icon span{
    color: #fff;
    font-size: 28px;
}
.drive-business-boxes .box .text .icon span:first-child{
    display: none;
}
.drive-business-boxes .box:hover .text .icon span:first-child{
    display: block;
}
.drive-business-boxes .box:hover .text .icon span:last-child{
    display: none;
}
/* :::::::::::::::::::::::::::::::::::::::::::::
                DRIVE-BUSINESS-END
::::::::::::::::::::::::::::::::::::::::::::: */



/* :::::::::::::::::::::::::::::::::::::::::::::
                 PRODUCTS-START
::::::::::::::::::::::::::::::::::::::::::::: */
.products{
    background-image: url(https://www.ylconsulting.com/wp-content/themes/yl/assets/images/products-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0;
}

.products .sec-title h3{
    font-size: 16px;
    font-weight: 700;
    line-height: 20.8px;
    letter-spacing: -0.01em;
    color: #28292CCC;
    display: inline-block;
    padding: 8px 16px;
    border-radius: 40px;
    background-color: #FFF;
}
.products .sec-title{
    max-width: 725px;
    margin-bottom: 48px;
}
.product-boxes{
    --bs-gutter-y: 1.5rem;
}
.product-boxes .product-box{
    height: 398px;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
}
.product-boxes .product-box .product-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-boxes .product-box .text{
    background-color: #25262ACC;
    padding: 16px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -134px;
    transition: 300ms ease-in all;
}
.product-boxes .product-box .text h3{
    font-family: var(--sub-font);
    font-size: 24px;
    font-weight: 400;
    line-height: 31.2px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    margin-bottom: 0;
    transition: 300ms ease-in all;
}
.product-boxes .product-box .text p{
    font-family: var(--sub-desc-font);
    font-size: 18px;
    font-weight: 400;
    line-height: 23.4px;
    letter-spacing: 0.02em;
    color: #FFFFFFB8;
    margin: 10px 0 24px;
}
.product-boxes .product-box .text .arrow a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #00000099;
}
.product-boxes .product-box:hover .text{
    bottom: 0;
}
.product-boxes .product-box:hover .text h3{
font-size: 28px;
}

/* :::::::::::::::::::::::::::::::::::::::::::::
                 PRODUCTS-END
::::::::::::::::::::::::::::::::::::::::::::: */



.trusted-partner{
    background: linear-gradient(180deg, #3E3F3F 0%, #0B1026 26.5%);
    padding: 80px 0 182px;
}
.trusted-partner .sec-title{
    margin-bottom: 40px;
}
.trusted-partner .sec-title h2{
    color: #fff;
    margin-bottom: 4px;
}


.trusted-partner-block{
    display: flex;
}
.trusted-partner-block .block{
    width: 50%;
}
.trusted-partner-block .nav-tabs{
    display: flex;
    flex-direction: column;
    gap: 16px;
    border: none;
}
.trusted-partner-block .nav-tabs .nav-link{
    font-family: var(--body-font);
    font-size: 24px;
    font-weight: 600;
    line-height: 31.2px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    transition: 300ms ease-in all;
    color: #FFFFFFCC;
    text-align: left;
    border-radius: 16px;
    padding: 24px 24px 24px 32px;
    background-color: #00000021;
    border: none;
}
.trusted-partner-block .nav-tabs .nav-link.active,
.trusted-partner-block .nav-tabs .nav-link:hover{
    background: #00000080;
}
.trusted-partner-block .nav-tabs .nav-link .des-text{
    height: 0;
    visibility: hidden;
    margin: 0;
    transition: 300ms ease-in all;
    font-family: var(--defult-font);
    font-size: 18px;
    font-weight: 300;
    line-height: 23.4px;
    letter-spacing: 0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FFFFFFB8;
}
.trusted-partner-block .nav-tabs .nav-link.active .des-text{
    height: auto;
    visibility: visible;
    margin-top: 16px;
}
.trusted-partner-block .block .tab-content{
    height: 100%;
    position: relative;
}
.trusted-partner-block .block .tab-content .tab-pane{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    transition: all 1s ease-out;
    display: block;
    opacity: 0;
}
.trusted-partner-block .block .tab-content .tab-pane.active{
    top: 0;
    opacity: 1;
}
.trusted-partner-block .block .tab-content .tab-pane .image{
    height: 100%;
    overflow: hidden;
    border-radius: 12px;
}
.trusted-partner-block .block .tab-content .tab-pane .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.trusted-partner .partner-btn{
    text-align: center;
    margin-top: 60px;
}
.trusted-partner .partner-btn a{
    font-family: var(--defult-font);
    font-size: 18px;
    font-weight: 600;
    line-height: 22.32px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #fff;
    padding: 20px 24px;
    border: 1px solid #FFFFFF2E;
    border-radius: 8px;
}
.trusted-partner .partner-btn a img{
    margin-left: 16px;
}
.trusted-partner .partner-btn a:hover{
    background-color: #5035F7;
    border-color: #5035F7;
}

/* :::::::::::::::::::::::::::::::::::::::::::::
                 TESTIMONIAL-START
::::::::::::::::::::::::::::::::::::::::::::: */

.testimonial{
    background-image:  linear-gradient(0deg, rgb(0 0 0 / 25%), rgb(5 5 5 / 25%)),  url(https://www.ylconsulting.com/wp-content/themes/yl/assets/images/testimonial-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 58px 0;
}
.testimonial .sec-title{
    max-width: 542px;
    margin: 0 auto;
    margin-bottom: 40px;
    text-align: center;
}
.testimonial .sec-title h2{
    color: #fff;
    margin-bottom: 12px;
}
.testimonial .sec-title p{
    color: #FFFFFFCC;
}
.testimonial .testimonial-slider{
    margin: 0 50px;
}
.testimonial .testimonial-slider .slick-track{
    padding-top: 86px;
}
.testimonial .testimonial-slider .slick-arrow{
    width: 40px;
    height: 40px;
    background: #00000099;
    border-radius: 50%;
}
.testimonial .testimonial-slider .slick-arrow.slick-next{
    right: -64px;
}
.testimonial .testimonial-slider .slick-arrow.slick-prev{
    left: -64px;
}
.testimonial .slide{
    text-align: center;
    padding: 60px 32px 32px 32px;
    background-color: #01010180;
    position: relative;
}
.testimonial .slide.slick-center{
    background-color: #010101B2;
}
.testimonial .slide .image{
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: -80px;
    display: none;
}
.testimonial .slide .image img{
    width: 160px;
    height: 160px;
    object-fit: cover;
    margin: 0 auto;
    border-radius: 50%;
}
.testimonial .slide h3{
    font-family: var(--body-font);
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #FFFFFFCC;
}
.testimonial .slide h4{
    font-family: var(--body-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
    color: #FFFFFF99;
    margin: 4px 0   24px;
}
.testimonial .slide p{
    font-family: var(--body-font);
    font-size: 21px;
    font-weight: 400;
    line-height: 27.3px;
    letter-spacing: -0.02em;
    color: #FFFFFFB2;
}

/* :::::::::::::::::::::::::::::::::::::::::::::
                 TESTIMONIAL-END
::::::::::::::::::::::::::::::::::::::::::::: */

.book-consultation{
    background-color: #000;
    padding: 58px 0;
}
.book-consultation .sec-title{
    text-align: center;
    margin-bottom: 40px;
}
.book-consultation .sec-title h2{
    color: #fff;
}
.book-consultation .book-consultation-box .image{
    height: 100%;
}
.book-consultation .book-consultation-box .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.book-form input{
    height: 46px;
    border-radius: 4px;
    background-color: transparent;
    border: 1px solid #E0E0E033;
    color: #fff !important;
}
.book-form input::placeholder{
    font-family: var(--sub-desc-font);
    font-size: 14px;
    font-weight: 500;
    line-height: 18.2px;
    text-align: left;
}
.book-form textarea{
    border-radius: 4px;
    height: 100px;
    background-color: transparent;
    border: 1px solid #E0E0E033;
	color: #fff;
}
.book-form .btn-primary[type="submit"]{
    padding: 12px 24px;
    background-color: #2A2A2A;
    border: 1px solid #FFFFFF12;
    font-size: 16px;
    font-weight: 600;
    line-height: 20.8px;
    text-align: left;
    position: relative;
}
.book-form .btn-primary[type="submit"]::before{
    content: url(https://wwwylconsultingcome8dc7.zapwp.com/q:u/r:0/wp:0/w:1/u:https://www.ylconsulting.com/wp-content/uploads/2025/02/TelegramLogo.svg);
    position: absolute;
}

/* :::::::::::::::::::::::::::::::::::::::::::::
                 INNER-BANNER-START
::::::::::::::::::::::::::::::::::::::::::::: */

.inner-banner{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 223px 0 80px;
}
.inner-banner .left-content{
    padding-bottom: 85px;
    width: 58%;
}
.inner-banner .left-content h2{
    font-family: var(--body-font);
    font-size: 21px;
    font-weight: 600;
    line-height: 27.3px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FFFFFFCC;
    margin-bottom: 0;
}
.inner-banner .left-content h1{
    font-family: var(--body-font);
    font-size: 48px;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--white);
    margin: 12px 0 8px;
}
.inner-banner .left-content h1 span{
    color: var(--defult);
    font-weight: 500;
}
.inner-banner .left-content h3{
    font-family: var(--body-font);
    font-size: 32px;
    font-weight: 400;
    line-height: 44.8px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FFFFFFB2;
}
.inner-banner .right-content{
    border-top: 1px solid #FFFFFF66;
    padding-left: 50%;
    padding-top: 30px;
}
.inner-banner .right-content p{
    font-family: var(--body-font);
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FFFFFFCC;

}

/* :::::::::::::::::::::::::::::::::::::::::::::
                 INNER-BANNER-END
::::::::::::::::::::::::::::::::::::::::::::: */


.service-menu ul{
    padding-left: 0;
    list-style: none;
    display: flex;
	justify-content: center;
    margin-bottom: 0;
}
.service-menu ul li a{
    font-family: var(--body-font);
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--black);
    padding: 18px 40px;
    background-color: #fff;
    display: block;
}
.service-menu ul li a.active,.service-menu ul li a:hover{
    background-color: #ECEDF2;
}

/* :::::::::::::::::::::::::::::::::::::::::::::
                 YT-consultation-START  
::::::::::::::::::::::::::::::::::::::::::::: */


.yt-consultation{
    padding: 80px 0;
    background-color: #F7F8FD;
}
.yt-consultation .sec-title{
    text-align: center;
    max-width: 818px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.yt-consultation .sec-title h2{
    font-family: var(--body-font);
    font-size: 40px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: -0.03em;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #060606;
    margin-bottom: 16px;
}
.yt-consultation .sec-title h2 span{
    color: #392DCA;
}
.yt-consultation .sec-title p{
    color: #000000CC;
    font-weight: 400;
}
.yt-consultation .image,.yt-consultation .video{
    max-width: 895px;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
    height: 478px;
}
.yt-consultation .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.yt-consultation .video iframe{
    width: 100%;
    height: 100%;
}
.transformation-btn{
    text-align: center;
    padding-top: 50px;
}
.transformation-btn a{
    font-family: var(--defult-font);
    font-size: 18px;
    font-weight: 600;
    line-height: 22.32px;
    color: #fff;
    padding: 16px 24px;
    background-color: #5035F7;
    border-radius: 12px;
    border: 1px solid #FFFFFF12;
	display: inline-block;
}
.transformation-btn a img{
    margin-left: 10px;
}

/* :::::::::::::::::::::::::::::::::::::::::::::
                 YT-consultation-END
::::::::::::::::::::::::::::::::::::::::::::: */



/* :::::::::::::::::::::::::::::::::::::::::::::
             solution-Start
::::::::::::::::::::::::::::::::::::::::::::: */

.solution{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 60px 0 100px;
}
.solution .container{
    position: relative;
}
.solution-content{
    display: flex;
    align-items: flex-start;
    height: 100vh;
    overflow-x: auto;
}
.solution-content::-webkit-scrollbar {
    display: none;
}
.solution-content .left-block{
    width: 45%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.solution-content .left-block .sec-title{
    padding: 100px 30px 0 24px;
}
.solution-content .left-block .sec-title h2{
    color: var(--white);
    font-weight: 600;
}
.solution-content .left-block .sec-title p{
    margin: 27px 0;
}
.solution-content .left-block .sec-title h3{
    font-family: var(--defult-font);
    font-size: 23px;
    font-weight: 600;
    line-height: 29.9px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FFFFFFB2;
}
.solution-content .right-block{
    width: 55%;
    margin-left: auto;
    padding-top: 100px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px;
}
.solution-content .right-block .block{
    width: 48%;
    background-color: #00000066;
    border: 1px solid #999999;
    padding: 20px 24px;
    border-radius: 16px;
    transition: all 1s ease-out;
}
.solution-content .right-block .block:hover{
    background-color: #18181880;

}
.solution-content .right-block .block .image{
    display: flex;
    justify-content: space-between;
}
.solution-content .right-block .block .image .icon:last-child{
    opacity: 0;
    transition: all 1s ease-out;
}
.solution-content .right-block .block:hover .image .icon:last-child{
    opacity: 1;
}
.solution-content .right-block .block h3{
    font-family: var(--body-font);
    font-size: 22px;
    font-weight: 600;
    line-height: 28.6px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color:  #FFFFFFCC;
    margin: 20px 0 9px;
}
.solution-content .right-block .block p{
    font-family: var(--body-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
    letter-spacing: 0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FFFFFF9E;
    margin-bottom: 0;
}
.solution h4{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 24px;
    line-height: 31.2px;
    text-align: center;
    color: #B4B9C6;
    margin: 40px 0 0 0;
}



/* :::::::::::::::::::::::::::::::::::::::::::::
            solution-END
::::::::::::::::::::::::::::::::::::::::::::: */



/* :::::::::::::::::::::::::::::::::::::::::::::
            Why-yl-Start
::::::::::::::::::::::::::::::::::::::::::::: */

.why-yl{
    padding: 58px 0;
    background-color: #F4FCFF;
}
.why-yl .sec-title {
    max-width: 1000px;
    margin-bottom: 40px;
}
.why-yl .sec-title h2{
    font-family: var(--body-font);
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -0.03em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #212224;
    margin-bottom: 12px;
}
.why-yl .sec-title p{
    font-family: var(--body-font);
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #1A1818B2;
}
.why-yl-content{
    margin: 40px 0;
}
.why-yl-content .block{
    margin: 0 8px;
}
.why-yl-content .block h3{
    font-family: var(--body-font);
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.03em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #060606;
    margin-bottom: 22px;
}
.why-yl-content .block .box{
    position: relative;
    height: 382px;
    border-radius: 12px;
    overflow: hidden;
}
.why-yl-content .block .box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.why-yl-content .block .box .text{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 16px;
    padding: 24px 24px 44px 24px;
    background: #372D7AA8;
    transition: 300ms ease-in all;
    opacity: 0;
}
.why-yl-content .block .box .text p{
    font-family: var(--body-font);
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FFFFFFCC;
    margin-bottom: 0;
}
.why-yl-content .block .box .text .more img{
    width: auto;
    height: auto;
}
.why-yl-content .block .box:hover .text{
    opacity: 1;
}
.why-yl h4{
    font-family: var(--body-font);
    font-size: 24px;
    font-weight: 500;
    line-height: 31.2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--black);
	margin-top: 68px;
}
.why-yl h4 span{
    color: #7535E9;
}
/* :::::::::::::::::::::::::::::::::::::::::::::
                Why-yl-END
::::::::::::::::::::::::::::::::::::::::::::: */




/* :::::::::::::::::::::::::::::::::::::::::::::
            Success-Stories-Start
::::::::::::::::::::::::::::::::::::::::::::: */

.success-stories{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 60px 0;
}
.success-stories .sec-title{
    max-width: 1000px;
}
.success-stories .sec-title h2{
    color: var(--white);
    margin-bottom: 12px;
}
.success-stories-content{
    margin: 48px 0;
}
.success-stories-content .block{
    padding: 24px;
    background: #010202;
    box-shadow: 0px 4px 24px 0px #0000000F;
    border-radius: 16px;
    margin: 0 10px;
}
.success-stories-content .block .image{
    border-radius: 12px;
    height: 200px;
    overflow: hidden;
}
.success-stories-content .block .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.success-stories-content .block h3{
    font-family: var(--body-font);
    font-size: 22px;
    font-weight: 600;
    line-height: 28.6px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FFFFFFCC;
    margin-bottom: 10px;
    margin-top: 11px;
}
.success-stories-content .block p{
    font-family: var(--body-font);
    font-size: 17px;
    font-weight: 400;
    line-height: 22.1px;
    letter-spacing: 0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FFFFFF9E;
}
.success-stories-content .block .more{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #FFFFFF96;
}
.success-stories h4{
    font-family: var(--body-font);
    font-size: 24px;
    font-weight: 400;
    line-height: 31.2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FFFFFFB2;
}
.success-stories h4 span{
    color: #7535E9;
}


/* :::::::::::::::::::::::::::::::::::::::::::::
            Success-Stories-END
::::::::::::::::::::::::::::::::::::::::::::: */




/* :::::::::::::::::::::::::::::::::::::::::::::
            business-value-Start
::::::::::::::::::::::::::::::::::::::::::::: */
.business-value{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 60px 0;
}
.business-value .sec-title h2{
    color: #fff;
    margin-bottom: 12px;
}
.business-value-content{
    display: flex;
    gap: 24px;
    margin: 48px 0 62px;
}
.business-value-content .block{
    width: 25%;
    padding: 24px;
    border-radius: 16px;
    background-color: #010202;
    box-shadow: 0px 4px 24px 0px #0000000F;
}
.business-value-content .block h3{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    color: #FFFFFFCC;
    margin-bottom: 11px;
}
.business-value-content .block h4{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #FFFFFFCC;
    margin-bottom: 11px;
}
.business-value-content .block p{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 17px;
    line-height: 22.1px;
    color: #FFFFFF9E;
    margin-bottom: 0;
}
.business-value h4{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 20.8px;    
    color: var(--white);
}

/* :::::::::::::::::::::::::::::::::::::::::::::
            business-value-END
::::::::::::::::::::::::::::::::::::::::::::: */



/* :::::::::::::::::::::::::::::::::::::::::::::
            We Serve-Start
::::::::::::::::::::::::::::::::::::::::::::: */

.we-serve{
    background-color: #F4FCFF;
    padding: 58px 0;
}
.we-serve h4{
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 24px;
    line-height: 31.2px;
    color: var(--black);
    margin: 20px 0 0 0;
    max-width: 72%;
}
.we-serve h5{
    margin: 28px 0 0 0;
}
.we-serve-content{
    display: flex;
    gap: 40px;
}
.we-serve-content .text{
    width: 54%;
}
.we-serve-content .sec-title{
    margin-bottom: 24px;
    color: #000;
}
.we-serve-content .text ul{
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 26px;
}
.we-serve-content .text ul li{
    width: 46%;
}
.we-serve-content .text ul li h3{
    font-family: var(--body-font);
    font-size: 24px;
    font-weight: 600;
    line-height: 31.2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #1A1818B2;
    margin-bottom: 4px;
}
.we-serve-content .text ul li p{
    font-family: var(--body-font);
    font-size: 18px;
    font-weight: 400;
    line-height: 23.4px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #1A1818B2;
}
.we-serve-content .image{
    width: 45%;
    border-radius: 12px;
    overflow: hidden;
}
.we-serve-content .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* :::::::::::::::::::::::::::::::::::::::::::::
            We Serve-End
::::::::::::::::::::::::::::::::::::::::::::: */




/* :::::::::::::::::::::::::::::::::::::::::::::
            proven-results-Start
::::::::::::::::::::::::::::::::::::::::::::: */

.proven-results{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0 100px;
}
.proven-results .sec-title{
    text-align: center;
    max-width: 992px;
    margin: 0 auto 40px auto;
}
.proven-results .sec-title h2{
    color: var(--white);
    margin-bottom: 12px;
}
.proven-results-content{
    max-width: 992px;
    margin: 0 auto;
}
.proven-results-content .block{
    display: flex;
    align-items: center;
    gap: 48px;
    margin: 8px 0;
}
.proven-results-content .block .image{
    width: 50%;
}
.proven-results-content .block .text {
    width: 46%;
    padding-right: 40px;
}
.proven-results-content .block .text h3{
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 21px;
    line-height: 31.5px;
    color: #FFFFFFCC;
}
.proven-results-content .block .text p{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 18px;
    line-height: 23.4px;
    color: #FFFFFF9C;
}
 .slick-prev,.slick-next{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #00000099 !important;
	 z-index: 1;
}
.proven-results-content .slick-prev{
    left: unset;
    right: 0;
    top: 40%;
    z-index: 1;
}
.proven-results-content .slick-next{
    top: 54%;
    right: 0;
}
.slick-dots li button:before{
    font-size: 46px;
    line-height: 56px;
}

/* :::::::::::::::::::::::::::::::::::::::::::::
            proven-results-End
::::::::::::::::::::::::::::::::::::::::::::: */



/* :::::::::::::::::::::::::::::::::::::::::::::
            serve-solutions-start
::::::::::::::::::::::::::::::::::::::::::::: */

.serve-solutions{
    background: #F3F3F3;
}
.serve-solutions .sec-title h2{
    color: #212224;
}
.serve-solutions .sec-title p{
    color: #1A1818B2;
}
.serve-solutions .trusted-partner-block{
    gap: 16px;
}
.serve-solutions .trusted-partner-block .nav-tabs .nav-link{
    background-color: #fff;
    color: #5C5D5D;
}
.serve-solutions .trusted-partner-block .nav-tabs .nav-link .des-text{
    color: #000000B8;
}

/* :::::::::::::::::::::::::::::::::::::::::::::
            serve-solutions-end
::::::::::::::::::::::::::::::::::::::::::::: */



/* :::::::::::::::::::::::::::::::::::::::::::::
            our-process-start
::::::::::::::::::::::::::::::::::::::::::::: */

.our-process{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0;
}
.our-process .sec-title h2{
    color: var(--white);
    margin-bottom: 16px;
}
.our-process .sec-title p{
    color: #FFFFFFB2;
}
.our-process-content{
    margin: 48px 0;
}
.our-process-content .block{
    background-color: #000;
    padding: 24px 24px 32px 32px;
    border: 1px solid #FFFFFF36;
    border-radius: 16px;
    margin: 0 8px;
}
.our-process-content .block h3{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 30px;
    line-height: 39px;
    color: #FFFFFFCC;
    margin: 20px 0;
}
.our-process-content .block h4{
    font-family: var(--defult-font);
    font-weight: 400;
    font-size: 14px;
    line-height: 18.2px;
    letter-spacing: 2%;
    color: #FFFFFFB8;
    margin-bottom: 0;
}
.our-process h5{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 24px;
    line-height: 31.2px;
    text-align: center;
    color: #B4B9C6;
}
.our-process-content .slick-prev{
    top: -30px;
    right: 58px;
    left: unset;
}
.our-process-content .slick-next{
    top: -30px;
    right: 0;
}

/* :::::::::::::::::::::::::::::::::::::::::::::
            our-process-end
::::::::::::::::::::::::::::::::::::::::::::: */



/* :::::::::::::::::::::::::::::::::::::::::::::
            secure-business-start
::::::::::::::::::::::::::::::::::::::::::::: */

.secure-business{
    padding: 58px 0;
    background-color: #F4FCFF;
}
.secure-business-content{
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
}
.secure-business-content .text{
    width: 52%;
}
.secure-business-content .text h2{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #212224;
    margin-bottom: 16px;
}
.secure-business-content .text p{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #060606;
}
.secure-business-content .image{
    width: 48%;
    height: 309px;
    border-radius: 12px;
    overflow: hidden;
}
.secure-business-content .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.secure-business h3{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 24px;
    line-height: 31.2px;
    color: var(--black);
}
.secure-business h3 span{
    color: #7535E9;
    text-decoration: underline;
}


/* :::::::::::::::::::::::::::::::::::::::::::::
             secure-business-end
::::::::::::::::::::::::::::::::::::::::::::: */



/* :::::::::::::::::::::::::::::::::::::::::::::
             Contact-page-start
::::::::::::::::::::::::::::::::::::::::::::: */

.contact-b-content{
    display: flex;
    gap: 40px;
}
.contact-b-content .left-content{
    width: 50%;

}
.contact-b-content .right-content{
    width: 50%;
    border-top: none;
    padding-left: 0;
}
.contact-map{
    background-color: #C7CCE0;
}
.contact-map img{
    width: 100%;
}
.contact-map iframe{
    width: 100%;
}


/* :::::::::::::::::::::::::::::::::::::::::::::
             Contact-page-end
::::::::::::::::::::::::::::::::::::::::::::: */

.our-team{
    padding: 100px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.our-team .sec-title{
    margin-bottom: 32px;
}
.our-team .sec-title h2{
    color: var(--white);
}
.our-team .sec-title p{
    margin: 26px 0;
}
.our-team .sec-title h3{
    font-family: var(--defult-font);
    font-weight: 600;
    font-size: 23px;
    line-height: 29.9px;
    color: #FFFFFFB2;
}
.teams-why-yl .why-yl-content .block{
    width: 33%;
	margin: 0 8px 0 0;
}
.team-block{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 14px;
}
.team-block .block{
    width: 24%;
    background-color: #18181880;
    border: 1px solid #999999;
    backdrop-filter: blur(68px);
    border-radius: 16px;
    padding: 24px;
}
.team-block .block .image{
    height: 250px;
    border-radius: 14px;
    overflow: hidden;
}
.team-block .block .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.team-block .block h4{
    font-family:var(--body-font);
    font-weight: 600;
    font-size: 22px;
    line-height: 28.6px;
    color: #FFFFFFCC;
    margin: 10px 0 8px;
}
.team-block .block h5{
    font-family:var(--body-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 20.8px;
    color: #FFFFFF9E;
    margin-bottom: 0;
}
.team-modal .modal-dialog{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    max-width: 600px;
    width: 100%;
}
.team-modal .modal-dialog .modal-content{
background-color: #000;
    border-radius: 0;
    box-shadow: 0px -20px 36px 0px #00000073;
    -webkit-backdrop-filter: blur(158.41px);
    backdrop-filter: blur(158.41px);
    height: 100%;
    background-image: url(https://wwwylconsultingcome8dc7.zapwp.com/q:u/r:0/wp:0/w:1/u:https://www.ylconsulting.com/wp-content/uploads/2025/03/team-bg-frame.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}
.team-modal .modal-dialog .modal-header{
    border-bottom: 0;
    padding: 6px 0;
}
.team-modal .modal-dialog .modal-header button{
    margin: 0 auto;
    filter: brightness(0) invert(1);
    border: 0.48px solid #FFFFFF;
    border-radius: 0;
}
.team-modal .modal-dialog .image{
    height: 180px;
    border-radius: 8px;
    width: 60%;
    margin: 0 auto;
	display: none;
}
.team-modal .modal-dialog .image img{
    height: 100%;
    width: 100%;
}
.team-modal .title-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 16px 0;
}
.team-modal .title-content h2{
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 26px;
    line-height: 33.8px;
    color: #FFFFFFCC;
    margin-bottom: 0;
}
.team-modal .title-content h3{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 20.8px;
    color: #FFFFFF9E;
    margin-bottom: 0;
}
.team-modal .text{
    height: 50vh;
    overflow-y: auto;
    padding-right: 10px;
}
.team-modal .text::-webkit-scrollbar{width:6px;max-height:20px;padding-right: 10px;}
.team-modal .text::-webkit-scrollbar-track{background:#ccc}
.team-modal .text::-webkit-scrollbar-thumb{background-color: #7535E9;border-radius:20px;min-height:20px}
.team-modal .text p{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 22.4px;
    color: #FFFFFFB2;
}
.team-modal .modal-footer {
    background-color: #282828;
    box-shadow: 0px -20px 36px 0px #00000073;
    margin: 0 24px 12px;
    border: none;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

}
.team-modal .modal-footer button{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 20.8px;
    padding: 12px 15px;
    color: var(--white);
    border: 1px solid #FFFFFF2B;

}

.error-404.not-found{
   padding: 140px 0 80px;
   text-align: center;
   background-image: url(https://wwwylconsultingcome8dc7.zapwp.com/q:u/r:0/wp:0/w:1/u:https://www.ylconsulting.com/wp-content/uploads/2025/02/service-banner.webp); 
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
}
.error-404.not-found .page-content{
    max-width: 600px;
    margin: 0 auto;
    border-radius: 20px;
    background-color: #fff;
    padding: 60px 40px;
}
.error-404.not-found .page-content a{
  font-weight: 600;
}
.key-benefits{
    padding: 80px 0;
    background-color: #F7F8FD;
}
.key-benefits h2{
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -3%;
    text-align: center;
    color: #060606;
    margin-bottom: 40px;
}
.key-benefits .key-benefits-wrapper{
	padding: 0 34px;
}
.key-benefits-content{
    padding: 24px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 4px 37px 0px #0000000D;
}
.key-benefits-content .image{
    border-radius: 10px;
    overflow: hidden;
	height: 280px;
}
.key-benefits-content .image img{
    width: 100%;
	height: 100%;
	object-fit: cover;
}
.key-benefits-content .text{
    padding: 16px 130px 24px 16px;
}
.key-benefits-content .text h3{
    font-family: var(--defult-font);
    font-weight: 600;
    font-size: 34px;
    line-height: 40px;
    color: #000;
    margin-bottom: 8px;
}
.key-benefits-content .text p{
    font-family: var(--defult-font);
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #000000B2;
    margin-bottom: 0;
}
.key-benefit-boxes{
    display: flex;
    gap: 12px;
    flex-direction: row;
    flex-wrap: wrap;
}
.key-benefit-boxes .box{
    width: 32%;
    padding: 22px;
    border-radius: 10px;
    background-color: #5050500D;
    display: flex;
    gap: 16px;
}
.key-benefit-boxes .box .icon{
    width: 10%;
}
.key-benefit-boxes .box p{
    font-family: var(--defult-font);
    font-size: 18px;
    line-height: 22px;
    color: #000000B2;
    width: 90%;
    margin-bottom: 0;
}
.key-benefit-boxes .box p b{
    font-weight: 600;
}

footer{
    background-color: #000000BD;
   }
   .main-footer{
     padding: 60px 0 54px;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     position: relative;
   }
   .main-footer ul{
     margin-bottom: 0;
   }
   .main-footer::before{
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background-color: #000000b5;
     z-index: 0;
   }
   .footer-menu-content{
       display: flex;
       flex-wrap: wrap;
       gap: 34px;
       position: relative;
       z-index: 2;
       margin-bottom: 40px;
   }
   .footer-menu-content .block:nth-child(1){
       width: 32%;
    }
    .footer-menu-content .block:nth-child(1) ul{
       display: flex;
       flex-direction: row;
       flex-wrap: wrap;
        gap: 12px;
    }
    .footer-menu-content .block:nth-child(1) ul li{
       width: 48%;
        margin-bottom: 0
    }
   .footer-menu-content .block{
      width: 15%;
   }
   .footer-menu-content .block:nth-child(3){
      width: 11%;
   }
   .footer-menu-content .block h3{
      font-family: var(--body-font);
      font-weight: 600;
      font-size: 24px;
      line-height: 30px;
      color: #FFFFFFCC;
      margin-bottom: 12px;
   }
   .footer-menu-content .block ul{
     list-style: none;
     padding-left: 0;
   }
   .footer-menu-content .block ul li{
     margin-bottom: 10px;
   }
   .footer-menu-content .block ul li a{
       font-family: var(--defult-font);
       font-weight: 300;
       font-size: 18px;
       line-height: 24px;
       color: #FFFFFFB8;
   }
   
   .bottom-footer{
       position: relative;
       display: flex;
       align-items: center;
       justify-content: space-between;
   }
   .bottom-footer .logo{
       display: flex;
       align-items: center;
       gap: 8px;
   }
   .bottom-footer .logo h4{
       font-family: var(--defult-font);
       font-weight: 500;
       font-size: 18px;
       line-height: 22px;
       color: #FFFFFFB8;
       margin-bottom: 0;
   }
   .bottom-footer .mid-text ul{
       list-style: none;
       padding-left: 0;
       display: flex;
   }
   .bottom-footer .mid-text ul li a{
       font-family: var(--defult-font);
       font-weight: 500;
       font-size: 20px;
       line-height: 24px;
       color: #FFFFFFB8;
       padding: 0 10px;
       border-right: 1px solid #FFFFFFB8;
   }
   .bottom-footer .mid-text ul li:last-child a{
       border-right: none;
   }
   .bottom-footer .social ul{
       list-style: none;
       padding-left: 0;
       display: flex;
       gap: 8px;
   }
   .bottom-footer .social ul li a{
       font-size: 20px;
       color: #C0C0C0;
   }
   
/* Footer End */


/* product page */

.product-banner .banner-content{
    max-width: 733px;
}
.product-banner .banner-content h1{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 48px;
    line-height: 60px;
    color: #fff;
}
.product-banner .banner-content p{
    font-family: var(--defult-font);
    font-weight: 400;
    font-size: 24px;
    color: #FFFFFFCC;
}
.banner-btn-flex{
    display: flex;
    gap: 12px;
}
.banner-btn-flex a{
    font-family: var(--defult-font);
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    color: #fff;
    background-color: #5035F7;
    border: 1px solid #FFFFFF12;
    border-radius: 12px;
    padding: 20px 24px;
}
.banner-btn-flex a:nth-child(2){
    background-color: transparent;
    border: 1px solid #FFFFFF99;
}
.banner-btn-flex a img{
	margin-left: 8px;
}



.comprehensive-solutions{
    padding: 80px 0;
    background-color: #F7F8FD;
}
.comprehensive-solutions .sec-title{
    text-align: center;
    max-width: 992px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.comprehensive-solutions .sec-title h2{
    margin-bottom: 12px;
}
.comprehensive-solutions .sec-title p{
    color: #1A1818B2;
}
.comprehensive-solution-tab{
    display: flex;
    gap: 40px;
}
.comprehensive-solution-tab .list-block{
    width: 30%;
}
.comprehensive-solution-tab .list-block ul{
    border: none;
    gap: 11px;
}
.comprehensive-solution-tab .list-block li{
    width: 100%;
}
.comprehensive-solution-tab .list-block li button{
    font-family: var(--defult-font);
    font-weight: 300;
    font-size: 20px;
    width: 100%;
    text-align: left;
    padding: 12px 35px;
    color: #000000;
    border-radius: 9px;
}
.comprehensive-solution-tab .list-block .nav-link.active{
    font-weight: 500;
    border: 1px solid #E8E9EE;
    background-color: #fff;
    box-shadow: 0px 4px 4px 0px #0000000A;
}
.comprehensive-solution-tab .content-block{
    width: 70%;
}
.comprehensive-solution-tab .content-block .tab-content{
    background-color: #ECECEC;
    padding: 32px;
    border-radius: 4px;
    box-shadow: 0px 4px 4px 0px #00000012;
}
.comprehensive-solution-tab .content-block .tab-pane .image{
    height: 316px;
}
.comprehensive-solution-tab .content-block .tab-pane .image img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
}
.comprehensive-solution-tab .content-block .tab-pane .text h3{
    font-family: var(--defult-font);
    font-weight: 600;
    font-size: 28px;
    color: #000;
    margin: 24px 0 12px;
}
.comprehensive-solution-tab .content-block .tab-pane .text p{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 23px;
    line-height: 30px;
    color: #000000B2;
    margin-bottom: 0;
}



.tailored-solutions{
    background-color: #0B1A2D;
    padding: 80px 0;
    height: 850px;
    overflow: hidden;
}
.tailored-solutions .container{
    position: relative;
}
.tailored-solutions .sec-title{
    max-width: 1030px;
    margin-bottom: 24px;
}
.tailored-solutions .sec-title h2{
    color: #fff;
    margin-bottom: 4px;
}
.tailored-solutions .sec-title p{
    color: #FFFFFF91;
}
.tailored-solution-slider .block{
    position: relative;
    height: 500px;
    margin-right: 24px;
}
.tailored-solution-slider .block img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tailored-solution-slider .block .overlay-text{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    background-color: #0000004D;
}
.tailored-solution-slider .block .overlay-text h3{
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.tailored-solution-slider .block .overlay-text h4{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 22px;
    line-height: 100%;
    color: #FFFFFF;
}
.tailored-solution-slider .slick-prev{
    top: -50px;
    left: unset;
    right: 80px;
}
.tailored-solution-slider .slick-next{
    top: -50px;
    left: unset;
    right: 28px;
}
.tailored-solution-slider .slick-dots li button:before{
    color: #fff;
}
.tailored-solution-slider .slick-dots li.slick-active button:before{
    color: #fff;
}


.government-agencies{
    padding: 80px 0;
    background-color: #F3F3F3;
}
.government-agencies .sec-title{
    margin-bottom: 40px;
}
.government-agencie-tab .content-block{
    margin-bottom: 12px;
}
.government-agencie-tab .content-block .image{
    height: 490px;
}
.government-agencie-tab .content-block .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.government-agencies .list-block .nav{
    flex-direction: row;
    gap: 6px;
    border: none;
}
.government-agencies .list-block .nav li{
    width: 33%;
}
.government-agencies .list-block .nav li button{
    background-color: #ffffff75;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    text-align: left;
    padding: 24px 20px 24px 30px;
    height: 100%;
}
.government-agencies .list-block .nav li button.active{
    background-color: #fff;
}
.government-agencies .list-block .nav li button h3{
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #000000B8;
}
.government-agencies .list-block .nav li button p{
    font-family: var(--defult-font);
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
}



.choose-gov{
    padding: 60px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.choose-gov .sec-title{
    text-align: center;
}
.choose-gov .sec-title h2{
    color: #fff;
}
.choose-gov .choose-gov-slider{
    display: flex;
    margin-bottom: 40px;
}
.choose-gov .choose-gov-slider .slick-track{
    padding-top: 160px;
    display: flex;
}
.choose-gov-slider .slick-dots li button:before{
    color: #fff;
}
.choose-gov-slider .slick-dots li.slick-active button:before{
    color: #fff;
}
.choose-gov .choose-gov-slider .block{
    background-color: #0101014D;
    padding: 100px 32px 32px 32px;
    text-align: center;
    position: relative;
    height: auto;
}
.choose-gov .choose-gov-slider .block.slick-current{
    background-color: #150533;
}
.choose-gov .choose-gov-slider .block .image{
    position: absolute;
    left: 0;
    right: 0;
    top: -130px;
}
.choose-gov .choose-gov-slider .block .image img{
    width: 192px;
    height: 206px;
    border-radius: 4px;
    object-fit: cover;
    margin: 0 auto;
}
.choose-gov .choose-gov-slider .block .text h3{
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    color: #fff;
    margin-bottom: 16px;
}
.choose-gov .choose-gov-slider .block .text p{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #FFFFFFB2;
}
.choose-gov h4{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 12px;
}

/* product page */



/* case-studies page */

.case-studies-content{
    padding: 58px 0;
}
.search-case form{
    display: flex;
    gap: 12px;
}
.search-case form input{
    width: 577px;
    height: 52px;
    border-radius: 8px;
    border: 1px solid #7D7D7D57;
}
.search-case form input::placeholder{
    font-family: var(--sub-desc-font);
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
}
.search-case form button{
    font-family: var(--sub-desc-font);
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #1F1F1F;
    text-transform: capitalize;
    background-color: transparent;
    border: 1px solid #7D7D7D57;
}
.search-case form select{
    font-family: var(--sub-desc-font);
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #1F1F1F;
    text-transform: capitalize;
    background-color: transparent;
    border: 1px solid #7D7D7D57;
    border-radius: 10px;
    padding: 12px 90px 12px 16px;
    height: 100%;
}
.popular-tags{
    margin: 40px 0;
}
.popular-tags h3{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 24px;
    line-height: 125%;
    color: #212224;
    margin-bottom: 12px;
}
.popular-tags ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
    list-style: none;
    padding-left: 0;
}
.popular-tags ul li a{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    padding: 8px 16px;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    color: #1A1818B2;
    display: inline-block;
}
.popular-tags ul li a.active{
    border: 1px solid #3A59E2;
    background-color: #3A59E214;
    color: #3A59E2;

}

.case-studies-content .case-boxes{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
}
.case-studies-content .case-boxes .block{
    width: 24%;
    border: 1px solid #CDCDCD;
    margin-bottom: 16px;
}
.case-studies-content .case-boxes .block .image{
    height: 270px;
}
.case-studies-content .case-boxes .block .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.case-studies-content .case-boxes .block .text{
    padding: 20px;
}
.case-studies-content .case-boxes .block .text .tag{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #2C2C2C;
    padding: 4px 4px 4px 26px;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    position: relative;
}
.case-studies-content .case-boxes .block .text .tag::after{
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #BCAB60;
    position: absolute;
    top: 12px;
    left: 10px;
}
.case-studies-content .case-boxes .block .text .tag.education::after{
    background-color: #E23A45;
}
.case-studies-content .case-boxes .block .text .tag.technology::after{
    background-color: #7535E9;
}
.case-studies-content .case-boxes .block .text .date{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #2C2C2C;
    margin-top: 16px;
    margin-bottom: 0;
}
.case-studies-content .case-boxes .block .text h4 a{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #060606;
    display: inline-block;
    margin: 16px 0;
}

/* case-studies page */



/* blog page start*/

.blog-banner{
    padding: 138px 0 42px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.blog-banner h1{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    color: #fff;
    margin-bottom: 22px;
}
.blog-banner-content{
    display: flex;
    gap: 12px;
}
.blog-banner-content .left-block{
    width: 70%;
}
.blog-banner-content .left-block h2{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #FFFFFF87;
    margin-bottom: 6px;
}
.featured-blogs{
    display: grid;
    grid-template-columns: 2fr 1.5fr;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
  }
  .featured-blogs .block {
    padding: 16px 24px;
    background-color: #000;
    border: 1px solid #323232;
  }
  .featured-blogs .block .image{
    height: 145px;
    border-radius: 10px;
    overflow: hidden;
  }
  .featured-blogs .block .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .featured-blogs .block .text h3{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #FFFFFF;
    margin-top: 16px;
    margin-bottom: 0;
  }
  .featured-blogs .block .text p{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #FFFFFFB2;
    margin: 10px 0 58px;
    display: none;
  }
  .featured-blogs .block .text .read-more-btn{
    margin-top: 28px;
  }
  .blog-banner-content .read-more-btn a{
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #BCAB60;
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .featured-blogs .block:first-child {
    grid-row: span 2;
    padding: 16px 24px 45px 24px;
  }
  .featured-blogs .block:first-child .image{
    height: 344px;
  }
  .featured-blogs .block:first-child h3{
    font-size: 24px;
  }
  .featured-blogs .block:first-child p{
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }



.blog-banner-content .right-block{
    width: 30%;
}
.blog-banner-content .right-block h4{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF99;
    margin-bottom: 15px;
}
.blog-banner-content .right-block .latest-blogs{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.blog-banner-content .right-block .latest-blogs .block{
    width: 100%;
    background: #222222CC;
    padding: 20px;
}
.blog-banner-content .right-block .latest-blogs .block h5{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF99;
}
.blog-banner-content .right-block .latest-blogs .block p{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFFE5;
    margin: 28px 0 40px;
}
.all-blog{
    padding: 58px 0;
}
.all-blog-content{
    display: flex;
    gap: 32px;
}
.all-blog-list{
    width: 75%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
}
.all-blog-list .block{
    width: 32%;
    border: 1px solid #CDCDCD;
}
.all-blog-list .block .image{
    height: 316px;
    overflow: hidden;
}
.all-blog-list .block .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.all-blog-list .block .text{
    padding: 20px;
}
.all-blog-list .block .text h4{
    margin-bottom: 0;
}
.all-blog-list .block .text h4 a{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #060606;
    display: inline-block;

}
.all-blog-list .block .text p{
    font-family: var(--defult-font);
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    color: #060606;
    display: inline-block;
    margin: 10px 0 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.view-btn a{
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.67px solid #373232;
}

.all-blog-content .right-block{
    width: 25%;
}
.monthly-update{
    padding: 20px;
    background-color: #3A59E21A;
    margin-bottom: 24px;
}
.monthly-update h2{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    color: #060606;
    margin: 16px 0;
}
.monthly-update form{
    display: flex;
    gap: 12px;
}
.monthly-update form input{
    width: 220px;
    height: 47px;
    border: 1px solid #7D7D7D57;
    background-color: #fff;
}
.monthly-update form button{
    background-color: #3A59E2;
     border: 0.67px solid #3A59E2;
     padding: 8px !important;
     width: -webkit-fill-available;
}
.blog-tags h3{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    color: #212224;
    margin-bottom: 12px;
}
.blog-tags ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
    list-style: none;
    padding-left: 0;
}
.blog-tags ul li a{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    padding: 8px 16px;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    color: #1A1818B2;
    display: inline-block;
}
.blog-tags ul li a.active{
    border: 1px solid #3A59E2;
    background-color: #3A59E214;
    color: #3A59E2;

}
/* blog page end*/



/* Resource Library page start*/
.resource-library-content{
    padding: 58px 0;
}
.resource-library-boxes .block{
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
}
.resource-library-boxes .block .image{
    width: 36%;
}
.resource-library-boxes .block .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.resource-library-boxes .block .text{
    width: 64%;
    padding: 18px 0;
}
.resource-library-boxes .block .text h3{
    display: inline-block;
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    color: #1A1818B2;
    border: 1px solid #CCCCCC;
    padding: 8px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
}
.resource-library-boxes .block .text h4{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 32px;
    line-height: 125%;
    margin-bottom: 0;
}
.resource-library-boxes .block .text p{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 22px;
    line-height: 125%;
    color: #06060699;
    margin: 16px 0;
}
.resource-library-boxes .block .text .download-btn a{
    display: flex;
    align-items: center;
    gap: 16px;
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 22px;
    line-height: 125%;
    width: fit-content;
    color: #3A59E2;
}

/* Resource Library page end*/


/* Resource page start*/

.why-partnerships{
    background-color: #F4FCFF;
    padding: 58px 0;
}
.why-partnerships .custom-container{
    max-width: 889px;
    margin: 0 auto;
}
.why-partnerships .sec-title{
    text-align: center;
    margin-bottom: 40px;
}
.why-partnerships .sec-title h2{
    margin-bottom: 16px;
}
.why-partnerships .sec-title p{
    color: #000000CC;
}
.why-partnerships-content{
    display: flex;
    gap: 20px;
    padding: 20px 24px 24px 32px;
    background-color: #00000099;
    border-radius: 16px;
}
.why-partnerships-content .image{
    width: 40%;
}
.why-partnerships-content .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}
.why-partnerships-content .text{
    width: 60%;
    padding: 40px 0;
}
.why-partnerships-content .text h3{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 24px;
    line-height: 130%;
    color: #FFFFFFE5;
    margin-bottom: 16px;
}
.why-partnerships-content .text p{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: #FFFFFF9E;
	margin-bottom: 0;
}
.why-partnerships .wp-button{
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-top: 40px;
}
.why-partnerships .wp-button a{
    font-family: var(--defult-font);
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    color: #5035F7;
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #FFFFFF12;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 24px;
}
.why-partnerships .wp-button a img{
    width: 18px;
}
.why-partnerships .wp-button a:first-child{
    background-color: #5035F7;
    color: #fff;
    border-radius: 12px;
}
.why-partnerships .wp-button a:first-child img{
    filter: brightness(0) invert(1);
}

.other-resource .sec-title{
    margin-bottom: 40px;
}

/* Resource  page end*/



/* Support page start*/

.product-banner .search-input input{
    background-color: #7D7D7D57;
    border: 1px solid #7D7D7D57;
    border-radius: 8px;
    padding: 13px 16px;
    color: #fff;
    height: 52px;
}
.product-banner .search-input input::placeholder{
    font-family: var(--sub-desc-font);
    font-weight: 400;
    font-size: 21px;
    color: #FFFFFF80;
}
.how-help{
    padding: 58px 0;
}
.support-help h2{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 32px;
    line-height: 125%;
    margin-bottom: 24px;
}
.how-help h2{
    margin-bottom: 40px;
}
.how-help ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 14px;
    padding-left: 0;
    list-style: none;
}
.how-help ul li{
    width: 24%;
    border: 1px solid #CDCDCD;
    border-radius: 10px;
}
.how-help ul li .icon{
    padding: 40px;
    text-align: center;
    background-color: #BCAB602B;
}
.how-help ul li .icon i{
    font-size: 26px;
    color: #BCAB60;
}
.how-help ul li:nth-child(1) .icon{
    background-color: #ACA7E92B;
}
.how-help ul li:nth-child(1) .icon i{
    color: #3A59E2;
}
.how-help ul li:nth-child(2) .icon{
    background-color: #BCAB602B;
}
.how-help ul li:nth-child(2) .icon i{
    color: #BCAB60;
}
.how-help ul li:nth-child(3) .icon{
    background-color: #E23A4512;
}
.how-help ul li:nth-child(3) .icon i{
    color: #E23A45;
}
.how-help ul li .text{
    padding: 20px;
}
.how-help ul li h3{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 22px;
    line-height: 125%;
    color: #060606;
    margin-bottom: 12px;
}
.how-help ul li p{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 16px;
    line-height: 125%;
    color: #06060699;
    margin-bottom: 0;
}

.choose-method{
    padding: 58px 0;
}
.choose-method ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    padding-left: 0;
    list-style: none;
}
.choose-method ul li a{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 22px;
    line-height: 125%;
    color: #3A59E2;
    background-color: #ACA7E92B;
    padding: 20px 46px;
    border-radius: 10px;
    display: inline-block;
}


.remote-assistance{
    background-color: #0B1A2D;
    padding: 80px 0;
}
.remote-assistance .sec-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}
.remote-assistance .sec-title .left-block{
    width: 58%;
}
.remote-assistance .sec-title .remote-btn{
    width: 30%;
    text-align: right;
}
.remote-assistance .sec-title .remote-btn a{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 22px;
    line-height: 125%;
    border-radius: 23px;
    padding: 20px 24px;
    color: #FFFFFF;
    background-color: #3A59E2;
    display: inline-block;
}
.remote-assistance .sec-title h2{
    color: #fff;
}
.remote-assistance-bocks{
    display: flex;
    gap: 22px;
}
.remote-assistance-bocks .block{
    width: 33%;
    background-color: #000000;
    border-radius: 20px;
    padding: 150px 24px 24px 24px;
}
.remote-assistance-bocks .block h3{
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    color: #fff;
}
.remote-assistance-bocks .block p{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 19px;
    line-height: 24px;
    color: #FFFFFFB2;
}


.how-help-list{
    padding: 58px 0;
}
.how-help-list h2{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 32px;
    line-height: 125%;
    color: #212224;
    margin-bottom: 24px;
    text-align: center;
}
.how-help-list .accordion  .accordion-item{
    border-radius: 10px;
    background-color: #F4F4F4;
    margin-bottom: 14px;
    border: none;
    padding: 20px;
}
.how-help-list .accordion .accordion-header button{
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 24px;
    line-height: 125%;
    color: #060606;
}
.how-help-list .accordion .accordion-body{
    padding: 0;
    padding-right: 20px;
}
.how-help-list .accordion .accordion-body p{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 20px;
    line-height: 125%;
    color: #060606;
    margin-bottom: 0;
    margin-top: 12px;
}


.support-ticket{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 58px 0;
}
.support-ticket .sec-title{
    text-align: center;
    margin-bottom: 40px;
}
.support-ticket .sec-title h2{
    color: #fff;
    margin-bottom: 12px;
}
.support-btn{
    display: flex;
    justify-content: center;
    gap: 12px;
}
.support-btn a{
    font-family: var(--defult-font);
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #FFFFFF99;
    padding: 20px;
    border-radius: 8px;
}
.support-btn a:first-child{
    background-color: #5035F7;
    border: 1px solid #FFFFFF12;
    border-radius: 12px;
}

#support-modal .modal-content{
    background-color: #F9F9F9;
    border-radius: 20px;
    padding: 24px;
}
#support-modal .modal-header{
    border-bottom: none;
}
#support-modal .modal-header h2{
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 32px;
    line-height: 130%;
}
#support-modal input{
    height: 52px;
    border-radius: 8px;
}
#support-modal input::placeholder{
    font-family: var(--sub-desc-font);
    font-weight: 400;
    font-size: 21px;
    line-height: 130%;
}
#support-modal textarea::placeholder{
    font-family: var(--sub-desc-font);
    font-weight: 400;
    font-size: 21px;
    line-height: 130%;
}
#support-modal .submit-btn{
    font-family: var(--sub-desc-font);
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #fff;
    border: 0.67px solid #3A59E2;
    background-color: #3A59E2;
    border-radius: 4px;
    padding: 16px;
    height: auto;
}
#contact-modal .modal-content{
    background-color: #F9F9F9;
    border-radius: 20px;
    padding: 24px;
}
#contact-modal .modal-header{
    border-bottom: none;
}
#contact-modal .modal-header h2{
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 32px;
    line-height: 130%;
}
#contact-modal .modal-body ul{
    list-style: none;
    padding-left: 0;
    list-style: none;
}
#contact-modal .modal-body ul li{
    display: flex;
    margin-bottom: 16px;
}
#contact-modal .modal-body ul li:last-child{
    margin-bottom: 0;
}
#contact-modal .modal-body ul li i{
    margin-right: 8px;
    color: #000000;
    font-size: 20px;
}
#contact-modal .modal-body ul li span,#contact-modal .modal-body ul li span a{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 20px;
    line-height: 125%;
    color: #06060699;
}

/* Support page end*/



/* Single blog page start*/

.single-blog-content{
    padding: 58px 0;
}
.single-blog-content .main-image{
    height: 400px;
    margin-bottom: 40px;
}
.single-blog-content img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single-blog-content p{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: #060606;
}
.single-blog-content h3{
    font-size: 28px;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: -0.02em;
    color: #060606;
    margin: 40px 0 10px;
}
.single-blog-content .image{
    height: 350px;
    margin: 34px 0;
}

.recent-blog{
    padding: 58px 0;
}
.recent-blog .sec-title{
    margin-bottom: 24px;
}
.recent-blog .all-blog-list{
    width: 100%;
    gap: 14px;
}
.recent-blog .all-blog-list .block{
    width: 24%;
}
.recent-blog .all-blog-list .block .image{
    height: 246px;
}
/* Single blog page start*/


/* What Expect page start*/
.what-expect{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 58px 0;
}
.what-expect .sec-title{
    text-align: center;
    margin-bottom: 24px;
}
.what-expect .sec-title h2{
    color: #fff;
    margin-bottom: 4px;
}
.what-expect-blocks{
    display: flex;
    gap: 22px;
}
.what-expect-blocks .block{
    width: 24%;
    background-color: #000000;
    border-radius: 20px;
    padding: 50px 20px 20px 20px;
}
.what-expect-blocks .block h3{
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 21px;
    line-height: 100%;
    color: #fff;
}
.what-expect-blocks .block p{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFFB2;
    margin-bottom: 0;
}

/* What Expect page End*/




/* Partners page Start*/

.partner-banner .banner-content{
    max-width: 954px;
}
.partner-banner h1{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 48px;
    line-height: 125%;
    color: #fff;
}
.partner-banner h3{
    font-family: var(--defult-font);
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    color: #FFFFFFCC;
    margin: 8px 0;
}
.partner-banner p{
    font-family: var(--defult-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFFCC;
}
.partner-network{
    padding: 58px 0;
}
.partner-network .sec-title{
    text-align: center;
    max-width: 824px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.partner-network .sec-title h2{
    margin-bottom: 16px;
}
.partner-network .sec-title p{
    color: #060606;
}
.partner-network-blocks{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
}
.partner-network-blocks .block{
    width: 32%;
    padding: 20px;
    margin-bottom: 40px;
}
.partner-network-blocks .block .image{
    width: 44%;
    margin-bottom: 16px;
}
.partner-network-blocks .block .text h4{
    margin-bottom: 0;
}
.partner-network-blocks .block .text h4 a{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 22px;
    line-height: 125%;
    color: #060606;
}
.partner-network-blocks .block .text p{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #2C2C2C;
    margin: 16px 0;
}

.partnerships-matter{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 58px 0;
}
.partnerships-matter .sec-title{
    margin-bottom: 48px;
}
.partnerships-matter .sec-title h2{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 40px;
    line-height: 125%;
    letter-spacing: -3%;
    color: #fff;
    margin-bottom: 16px;
}
.partnerships-matter-blocks{
    display: flex;
    gap: 22px;
}
.partnerships-matter-blocks .block{
    width: 24%;
    background-color: #000000;
    border-radius: 20px;
    padding: 24px;
}
.partnerships-matter-blocks .block h3{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    color: #FFFFFFCC;
    margin-bottom: 11px;
}
.partnerships-matter-blocks .block p{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    margin-bottom: 0;
    color: #FFFFFF9E;
}

.success-together{
    padding: 58px 0;
}
.success-together .sec-title{
    text-align: center;
    margin-bottom: 40px;
}
.success-together .sec-title h2{
    margin-bottom: 16px;
}
.success-together .sec-title p{
    color: #060606;
}
.success-together .support-btn a:nth-child(2){
    border: 0.67px solid #373232;
    color: #1F1F1F;
}

/* Partners page Start*/



/* Careers page Start*/

.career-banner .banner-content h1{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 48px;
    line-height: 125%;
    color: #FFFFFF;
}
.career-banner .banner-content p{
    font-family: var(--defult-font);
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    color: #FFFFFFCC;
    margin-bottom: 24px;
}
.career-banner .banner-content .banner-btn a{
    font-family: Geist;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    color: #FFFFFF;
    padding: 20px 24px;
    border-radius: 12px;
    background-color: #5035F7;
    display: inline-block;
}
.career-about{
    padding: 58px 0;
}
.career-about-content{
    display: flex;
    gap: 40px;
}
.career-about-content .image{
    width: 45%;
}
.career-about-content .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.career-about-content .text{
    width: 55%;
}
.career-about-content .text p{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 20px;
    line-height: 125%;
    color: #060606;
    margin-bottom: 40px;
}
.career-about-content .text p:last-child{
    margin-bottom: 0;
}
.career-why{
    padding: 80px 0;
    background-color: #0B1A2D;
}
.career-why .sec-title{
    margin-bottom: 24px;
}
.career-why .sec-title h2{
    color: #FFFFFF;
    margin-bottom: 4px;
}
.career-why .sec-title p{
    color: #FFFFFF91;
}
.career-why-blocks{
    display: flex;
    gap: 24px;
}
.career-why-blocks .block{
    position: relative;
    height: 558px;
}
.career-why-blocks .block img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.career-why-blocks .block .overlay-text{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    background-color: #0000004D;
}
.career-why-blocks .block .overlay-text h3{
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.career-why-blocks .block .overlay-text h4{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 22px;
    line-height: 100%;
    color: #FFFFFF;
}

.career-life-yl{
    padding: 58px 0;
}
.career-life-yl .sec-title h2{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 24px;
    line-height: 125%;
    color: #212224;
    margin-bottom: 24px;
}
.career-life-yl-blocks{
    display: flex;
    gap: 16px;
}
.career-life-yl-blocks .block{
    width: 50%;
    border-radius: 20px;
    padding: 20px;
    border: 1px solid #CDCDCD;
}
.career-life-yl-blocks .block .text{
    padding: 20px;
}
.career-life-yl-blocks .block .text p{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 22px;
    line-height: 125%;
    color: #060606;
    margin-bottom: 0;
}


.career-value{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 58px 0;
}
.career-value .sec-title{
    margin-bottom: 48px;
}
.career-value .sec-title h2{
    color: #FFFFFF;
}

.current-jobs{
    padding: 58px 0;
}
.current-jobs .sec-title{
    text-align: center;
    margin-bottom: 24px;
}
.current-jobs .sec-title h2{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 24px;
    line-height: 125%;
    color: #212224;
}
.current-jobs-blocks{
    max-width: 80%;
    margin: 0 auto;
}
.current-jobs-blocks .block{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    background-color: transparent;
    box-shadow: none;
    padding: 0;
}
.current-jobs-blocks .accordion-item{
    border-radius: 10px;
    background-color: #F4F4F4;
    margin-bottom: 14px;
    border: none;
    padding: 20px;
}
.current-jobs-blocks .accordion-body{
    padding: 0;
    padding-right: 20px;
    margin-top: 20px;
}
.current-jobs-blocks .accordion-body p{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 20px;
    line-height: 125%;
    color: #060606;
    margin-bottom: 0;
    margin-top: 12px;
}
.current-jobs-blocks .block .details{
    width: 36%;
}
.current-jobs-blocks .block .date{
    width: 40%;
    text-align: center;
}
.current-jobs-blocks .block h3{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 22px;
    line-height: 125%;
    color: #060606;
    margin-bottom: 12px;
}
.current-jobs-blocks .block p{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 15px;
    line-height: 125%;
    color: #06060699;
    margin-bottom: 0;
}
.current-jobs-blocks .block h4{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 15px;
    line-height: 125%;
    color: #06060699;
    margin-bottom: 0;
}


/* Careers page End*/


/* service-inner-page start */

.service-inner-banner .banner-content{
    max-width: 535px;
}
.service-inner-banner h1{
    font-family: var(--defult-font);
    font-weight: 500;
    font-size: 48px;
    line-height: 125%;
    color: #FFFFFF;
}
.service-inner-banner p{
    font-family: var(--defult-font);
    font-weight: 300;
    font-size: 24px;
    line-height: 30px;
    color: #FFFFFFCC;
    margin: 8px 0 12px;
}
.service-inner-banner .support-btn{
    justify-content: left;
}

.service-inner-unlock{
    padding: 58px 0;
    background-color: #F4FCFF;
}
.service-inner-unlock .sec-title{
    max-width: 870px;
    margin: 0 auto;
    text-align: center;
}
.service-inner-unlock .sec-title h2{
    margin-bottom: 16px;
}
.service-inner-unlock .sec-title h2 span{
    color: #3A59E2;
}
.service-inner-unlock .sec-title p{
    color: #000000CC;
}

.service-our-core{
    padding: 58px 0;
    background-color: #F4FCFF;
}
.service-our-core .sec-title{
    max-width: 884px;
    margin-bottom: 40px;
}
.service-our-core .sec-title h2{
    margin-bottom: 12px;
}
.service-our-core .sec-title p{
    color: #1A1818B2;
    margin-bottom: 0;
}
.service-our-core-boxes .box{
    margin: 0 6px;
}
.service-our-core-boxes .box h3{
    font-weight: 500;
    font-size: 19px;
    line-height: 125%;
    color: #060606;
    height: 50px;
}
.service-our-core-boxes .box .block{
    height: 310px;
    position: relative;
}
.service-our-core-boxes .box .block .feature-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service-our-core-boxes .box .block .text{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 16px;
    padding: 24px;
    background: #372D7AA8;
    transition: 300ms ease-in all;
    opacity: 0;
    cursor: pointer;
}
.service-our-core-boxes .box:hover .text{
    opacity: 1;
}
.service-our-core-boxes .box .block .text p{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: #FFFFFFCC;
    margin-bottom: 0;
}
.service-our-core-boxes .box .block .text .more a{
    padding: 14px;
    border-radius: 4px;
    border: 1px solid #FFFFFF;
    display: inline-block;
}

.service-technology{
    background-color: #0B1A2D;
    padding: 58px 0;
}
.service-technology .sec-title{
    max-width: 843px;
    margin-bottom: 24px;
}
.service-technology .sec-title h2{
    color: #fff;
    margin-bottom: 4px;
}
.service-technology .sec-title p{
    color: #FFFFFF91;
}
.service-technology-boxes{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
}
.service-technology-boxes .box{
    width: 49%;
    height: 253px;
    overflow: hidden;
    position: relative;
    background-color: #000;
}
.service-technology-boxes .box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.9;
}
.service-technology-boxes .box .text{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
}
.service-technology-boxes .box .text h3{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
}
.service-technology-boxes .box .text ul{
    display: flex;
    gap: 10px;
    list-style: none;
    padding-left: 0;
}
.service-technology-boxes .box .text ul li{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    padding: 12px;
    background-color: #FFFFFF17;
    border-radius: 16px;
    border: 1px solid #FFFFFF33;
}


.service-c-solution{
    padding: 80px 0;
    background-color: #F7F8FD;
}
.service-c-solution .sec-title{
    text-align: center;
    margin-bottom: 40px;
}
.service-c-solution .sec-title h2{
    margin-bottom: 12px;
}
.service-c-solution .sec-title p{
    color: #1A1818B2;
}
.service-c-solution .comprehensive-solution-tab .content-block .tab-content{
    padding: 0;
    background-color: transparent;
}
.service-c-solution .comprehensive-solution-tab .content-block .tab-content .tab-pane{
    background-color: transparent;
    padding: 0;
    border-radius: 14px;
    box-shadow: 0px 4px 4px 0px #00000012;
    height: 355px;
    overflow: hidden;
    position: relative;
}
.service-c-solution .comprehensive-solution-tab .content-block .tab-content .feature-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service-c-solution .comprehensive-solution-tab .content-block .tab-content .text{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px;
    display: flex;
    align-items: end;
}
.service-c-solution .comprehensive-solution-tab .content-block .tab-content .text h3{
    background-color: #00000066;
    border: 1px solid #99999975;
    backdrop-filter: blur(68px);
    padding: 24px 32px;
    border-radius: 16px;
    font-weight: 300;
    font-size: 20px;
    line-height: 130%;
    color: #FFFFFF;
    width: 100%;
}
.service-c-solution .comprehensive-solution-tab .list-block .nav-link.active{
    color: #3A59E2;
}

.service-why-choose{
    padding: 80px 0;
    background-color: #0B1A2D;
}
.service-why-choose .sec-title{
    width: 88%;
    margin-bottom: 24px;
}
.service-why-choose .sec-title h2{
    color: #FFFFFF;
}
.service-why-choose .sec-title p{
    color: #FFFFFF9E;
    margin: 16px 0 40px;
}
.service-why-choose .tailored-solution-slider .block{
    height: 434px;
}

.service-transform-business{
    padding: 80px 0;
    background-color: #F7F8FD;
}
.service-transform-business .sec-title{
    text-align: center;
    max-width: 1069px;
    margin: 0 auto;
}
.service-transform-business .sec-title p{
    color: #000000CC;
    margin: 16px 0 40px;
}



.service-i-faq{
    padding: 58px 0;
}
.service-i-faq .sec-title{
    text-align: center;
    margin-bottom: 40px;
}
.service-i-faq .sec-title h2{
    color: #FFFFFF;
}
.service-i-faq .accordion{
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 952px;
    margin: 0 auto;
}
.service-i-faq .accordion .accordion-item{
    border: 1px solid #FFFFFF33;
    border-radius: 16px;
    background: #0000000F;
}
.service-i-faq .accordion .accordion-button{
    background: #FFFFFF17;
    box-shadow: none;
    padding-left: 32px;
}
.service-i-faq .accordion .accordion-button::after{
    filter: brightness(0) invert(1);
}
.service-i-faq .accordion .accordion-button.collapsed{
    background: transparent;
    box-shadow: none;
}
.service-i-faq .accordion .accordion-button h3{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    color: #FFFFFFCC;
	margin-bottom: 0;
}
.service-i-faq .accordion .accordion-collapse{
    background: #FFFFFF17;
}
.service-i-faq .accordion .accordion-body{
    padding: 0 110px 24px 32px;
}

.service-i-faq .accordion .accordion-body p{
    margin-bottom: 0;
    font-family: var(--body-font);
    font-weight: 300;
    font-size: 18px;
    line-height: 130%;
    color: #FFFFFFB8;

}

/* service-inner-page end */




.pagination{
	width: 100%;
	gap: 10px;
	justify-content: center;
}
.pagination .page-numbers{
	background: #ccc;
    padding: 10px;
    color: #000;
}
.pagination .current.page-numbers {
	background-color: #3A59E2;
	color: #fff;
	padding: 10px;
}
.pagination .page-numbers:hover{
	background-color: #3A59E2;
	color: #fff;
}
.searchFilterWrap{
	display: flex;
	gap: 12px;
	align-items: center;
}
.searchFilterWrap .select-btn select{
	 font-family: var(--sub-desc-font);
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #1F1F1F;
    text-transform: capitalize;
    background-color: transparent;
    border: 1px solid #7D7D7D57;
	height: 52px;
    border-radius: 8px;
	padding: 12px 40px 12px 16px;
}


/* sap service */

.service-portfolio{
    padding: 100px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.service-portfolio .sec-title{
    text-align: center;
    margin-bottom: 40px;
}
.service-portfolio .sec-title h2{
    color: #FFFFFF;
    margin-bottom: 16px;
}
.service-portfolio-boxes{
    display: flex;
    gap: 14px;
    flex-direction: row;
    flex-wrap: wrap;
}
.service-portfolio-boxes .box{
    width: 24%;
    position: relative;
    z-index: 1;
    padding: 24px;
    display: flex;
    align-items: flex-end;
    height: 460px;
    margin-bottom: 24px;
}
.service-portfolio-boxes .box .main-img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.service-portfolio-boxes .box .text{
    background-color: #fff;
    padding: 20px;
}
.service-portfolio-boxes .box .text h3{
    font-family: var(--defult-font);
    font-weight: 500;
    font-size: 20px;
    line-height: 125%;
    color: #060606;
    margin-bottom: 0;
	height: 65px;
}
.service-portfolio-boxes .box .text p{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    color: #2C2C2C;
    margin: 16px 0;
	display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.service-portfolio-boxes .box .text .more a{
    padding: 8px 12px;
    border-radius: 4px;
    border: 0.67px solid #373232;
    display: inline-block;
}


.service-advantage{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 58px 0;
}
.service-advantage .sec-title{
    text-align: center;
    margin-bottom: 40px;
}
.service-advantage .sec-title h2{
    color: #fff;
}
.service-advantage-boxes .slick-track{
    display: flex;
}
.service-advantage-boxes .box{
    background-color: #01010180;
    padding: 30px;
    height: auto;
}
.service-advantage-boxes .box h3{
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 22px;
    line-height: 150%;
    color: #FFFFFFCC;
    margin-bottom: 14px;
}
.service-advantage-boxes .box p{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: #FFFFFFB2;
    margin-bottom: 0;
}



.service-sap-our-core-boxes .box{
    display: flex;
    flex-direction: column-reverse;
}
.service-sap-our-core-boxes .box h3{
    display: flex;
    align-items: flex-end;
}


/* sap service */


/* privacy */

.privacy-banner{
    padding: 198px 0 115px;
}
.privacy-banner .banner-content h1{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 48px;
    line-height: 125%;
    color: #FFFFFF;
    margin-bottom: 8px;
}
.privacy-banner .banner-content p{
    font-family: var(--defult-font);
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    color: #FFFFFFCC;
    margin-bottom: 0;
}
.privacy-sec{
    background-color: #F4F4F4;
    padding: 20px 0;
}
.privacy-content{
    display: flex;
	gap: 20px;
}
.privacy-content .left-content{
    position: relative;
    width: 32%;
}
.privacy-content .left-content ul{
    padding-left: 0;
    list-style: none;
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-top: 100px;
}
.privacy-content .left-content ul li a{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 18px;
    line-height: 125%;
    letter-spacing: -3%;
    padding-left: 10px;
    position: relative;
    color: #060606;
    display: flex;
}
.privacy-content .left-content ul li a::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #3A59E2;
}
.privacy-content .right-content{
    width: 68%;
}
.privacy-content .content-box{
    height: 100vh;
    overflow: auto;
    transition: 300ms ease-in all;
    scroll-behavior: smooth;
    padding-bottom: 90vh;
    padding-top: 120px;
    padding-right: 20px;
}
.privacy-content .content-box::-webkit-scrollbar{width:6px;max-height:20px;padding-right: 10px;}
.privacy-content .content-box::-webkit-scrollbar-track{background:#ccc}
.privacy-content .content-box::-webkit-scrollbar-thumb{background-color:#3A59E2;border-radius:20px;min-height:20px}
.privacy-content .content-box .box{
    scroll-margin-top: 100px;
    border: 1px solid #EDEDED;
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 16px;
}
.privacy-content .content-box .box h3{
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    color: #3A59E2;
    margin: 16px 0;
}
.privacy-content .content-box .box h4{
    font-size: 20px;
}
.privacy-content .content-box .box p,
.privacy-content .content-box .box li{
    font-size: 18px;
    line-height: 22px;
}
.privacy-content .content-box .box li{
    margin-bottom: 8px;
}

/* privacy */

.wpcf7 form.invalid .wpcf7-response-output{
	color: #dc3232;
}

/* footer-new */

.main-footer-new{
    padding: 58px 0 48px;
    background-color: #000000BD;
}
.main-footer-new .footer-menu-block{
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}
.main-footer-new .footer-menu-block .left-block{
    width: 55%;
    display: flex;
    gap: 40px;
}
.main-footer-new .footer-menu-block .left-block .block{
    width: 40%;
}
.main-footer-new .footer-menu-block .left-block .block:nth-child(2){
    width: 30%;
}
.main-footer-new .footer-menu-block .left-block .block:nth-child(3){
    width: 30%;
}
.main-footer-new .footer-menu-block .right-block{
    width: 45%;
    padding-left: 40px;
    border-left: 1px solid #FFFFFF33;
}
.main-footer-new .footer-menu-block .right-block .main-block ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
}
.main-footer-new .footer-menu-block .right-block .main-block ul li{
    width: 48.6%;
	margin-bottom: 0;
}
.main-footer-new .footer-menu-block .main-block{
    margin-bottom: 38px;
}
.main-footer-new .footer-menu-block .main-block h3{
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: #FFFFFFCC;
    margin-bottom: 14px;
}
.main-footer-new .footer-menu-block .main-block ul{
    list-style: none;
    padding-left: 0;
	margin-bottom: 0;
}
.main-footer-new .footer-menu-block .main-block li{
    margin-bottom: 5px;
}
.main-footer-new .footer-menu-block .main-block li:last-child{
    margin-bottom: 0;
}
.main-footer-new li a{
    font-family: var(--defult-font);
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFFB8;
}

.main-footer-new .footer-social{
    max-width: 722px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}
.main-footer-new .footer-social::before{
    content: "";
    height: 1px;
    background-color: #FFFFFF33;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}
.main-footer-new .footer-social ul{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding: 20px 40px;
    list-style: none;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 0;
    background-color: #111111;
}
.main-footer-new .footer-social ul li a{
	display: flex;
}
.main-footer-new .footer-social ul li a img{
	width: 15px;
}
.main-footer-new .footer-social ul i{
    color: #C0C0C0;
}
.main-footer-new .f-logo-text{
    text-align: center;
    padding: 32px 0 14px;
}
.main-footer-new .f-logo-text h6{
    font-family: var(--defult-font);
    font-weight: 300;
    font-size: 15px;
    line-height: 19px;
    color: #FFFFFFB8;
    margin: 8px 0 0 0;
}
.main-footer-new .footer-bottom-list{
    display: flex;
    justify-content: center;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}
.main-footer-new .footer-bottom-list li{
    padding: 0 8px;
    position: relative;
}
.main-footer-new .footer-bottom-list li::after{
    content: "";
    position: absolute;
    top: 4px;
    bottom: 4px;
    right: 0;
    width: 1px;
    background-color: #FFFFFFB8;
}

/* footer-new */



/* about-us */

.about-us-banner{
    background-color: #0B1A2D;
}
.about-us-banner h2{
    font-family: var(--defult-font);
    font-weight: 600;
    font-size: 28px;
    line-height: 100%;
    color: #FFFFFFCC;
    margin: 18px 0;
}
.service-inner-banner .banner-content{
    max-width: 1092px;
}


.about-principles{
    background-color: #F4FCFF;
    padding: 58px 0;
}
.about-principles .sec-title{
    max-width: 922px;
    margin-bottom: 40px;
}
.about-principles .sec-title p{
    color: #1A1818B2;
    margin-top: 12px;
}
.about-principles .service-portfolio-boxes .box{
    transition: 300ms ease-in all;
    cursor: pointer;
}
.about-principles .service-portfolio-boxes .box .text p{
    height: 0;
    transition: 300ms ease-in all;
    display: block;
    -webkit-line-clamp: none;
}
.about-principles .service-portfolio-boxes .box:hover .text p{
    height: 100px;
}


.about-pro-ser{
    padding: 58px 0;
    background-color: #F4FCFF;
}
.about-pro-ser .sec-title{
    max-width: 1100px;
    margin-bottom: 40px;
}
.about-pro-ser .sec-title p{
    color: #1A1818B2;
    margin-top: 12px;
}
.about-pro-ser-content{
    display: flex;
    gap: 40px;
}
.about-pro-ser-content .text{
    width: 54%;
    padding-right: 20px;
}
.about-pro-ser-content .text h3{
    font-family: var(--banner-heading-font);
    font-weight: 500;
    font-size: 32px;
    line-height: 125%;
    color: #212224;
    margin-bottom: 24px;
}
.about-pro-ser-content .text ul{
    list-style: none;
    padding-left: 0;
}
.about-pro-ser-content .text ul li{
    padding: 20px;
    background-color: #fff;
    border: 1px solid #E1E1E1;
    border-radius: 14px;
    font-family: var(--banner-heading-font);
    font-weight: 500;
    font-style: italic;
    font-size: 19px;
    line-height: 130%;
    display: inline-block;
    margin-bottom: 22px;
}
.about-pro-ser-content .text ul li:last-child{
    margin-bottom: 0;
}
.about-pro-ser-content .image{
    width: 46%;
}



.about-core-value{
    padding: 58px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.about-core-value .sec-title{
    margin-bottom: 40px;
}
.about-core-value .sec-title h2{
    color: #FFFFFF;
}
.about-core-value-boxes{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
}
.about-core-value-boxes .box{
    width: 23.6%;
    padding: 24px;
    border-radius: 16px;
    box-shadow: 0px 4px 24px 0px #0000000F;
    background-color: #010202;
}
.about-core-value-boxes .box h3{
    font-family: var(--banner-heading-font);
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    margin: 11px 0;
    color: #FFFFFFCC;
}
.about-core-value-boxes .box p{
    font-family: var(--banner-heading-font);
    font-weight: 400;
    font-size: 17px;
    line-height: 130%;
    letter-spacing: 2%;
    color: #FFFFFF9E;
}



.about-know-us{
    padding: 58px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.about-know-us .sec-title{
    margin-bottom: 40px;
    text-align: center;
}
.about-know-us .sec-title h2{
    color: #FFFFFF;
}
.about-know-us-boxes{
    display: flex;
    gap: 40px;
    max-width: 1133px;
    margin: 0 auto;
}
.about-know-us-boxes .box{
    width: 33%;
    height: 286px;
    position: relative;
}
.about-know-us-boxes .box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-know-us-boxes .box .text{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 12px 24px 32px;
    display: flex;
    align-items: flex-end;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.about-know-us-boxes .box .text h3 a{
    font-family: var(--banner-heading-font);
    font-weight: 600;
    font-size: 25px;
    line-height: 130%;
    color: #FFFFFF;
}


.Philantrophy{
    padding: 58px 0;
    background-color: #F7F8FD;
}
.Philantrophy .sec-title{
    margin-bottom: 40px;
}
.Philantrophy .sec-title p{
    font-family: var(--banner-heading-font);
    font-weight: 400;
    font-size: 22px;
    line-height: 130%;
    color: #1A1818B2;
    margin-top: 12px;
}
.Philantrophy-boxes{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
}
.Philantrophy-boxes .box{
    width: 32.5%;
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    height: 324px;
    border: 1px solid #CDCDCD;
    margin-bottom: 24px;
}
.Philantrophy-boxes .box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Philantrophy-boxes .box .more a{
    padding: 8px 12px;
    border-radius: 4px;
    border: 0.67px solid #373232;
    display: inline-block;
    margin-top: 16px;
}
.Philantrophy-boxes .box .text{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -112px;
    z-index: 1;
    transition: 300ms ease-in all;
    padding: 20px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
	color: #fff;
}
.Philantrophy-boxes .box .text h3{
    font-family: var(--banner-heading-font);
    font-weight: 500;
    font-size: 22px;
    line-height: 125%;
    color: #060606;
    transition: 300ms ease-in all;
}
.Philantrophy-boxes .box .text p{
    font-family: var(--banner-heading-font);
    font-weight: 300;
    font-size: 19px;
    line-height: 126%;
    color: #FFFFFF;
    margin-top: 16px;
    opacity: 0;
    transition: 300ms ease-in all;
}
.Philantrophy-boxes .box .more{
    position: absolute;
    top: 54px;
}
.Philantrophy-boxes .box:hover .more{
    display: none;
}
.Philantrophy-boxes .box:hover .text{
    height: 100%;
    bottom: 0;
    padding: 50px 30px;
    background: linear-gradient(180deg, #3A59E2 0%, #758FFF 100%);
}
.Philantrophy-boxes .box:hover .text h3{
    color: #FFFFFF;
}
.Philantrophy-boxes .box:hover .text p{
    opacity: 1;
}


.about-why-choose .tailored-solution-slider .slick-prev{
	top: 50%;
    left: 12px;
    right: unset;
}
.about-why-choose .tailored-solution-slider .slick-next{
    top: 50%;
    left: unset;
    right: 12px;
}
.about-why-choose .tailored-solution-slider .block{
	margin: 0 12px;
}

/* about-us */



/* Prebuilt AI Apps */

.prebuild_ai_apps{
	padding: 80px 0;
}
.prebuild_ai_main{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 28px;
	margin-top: 40px;
}
.prebuild_ai_main .items{
	width: 31%;
	border: 1px solid #372D7AA8;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0px 4px 4px 0px #0000001C;
}
.prebuild_ai_main .items .icon{
	height: 250px;
}
.prebuild_ai_main .items .icon img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.prebuild_ai_main .items .ai_info{
	padding: 20px;
}
.prebuild_ai_main .items .ai_info h3{
	font-size: 24px;
}
.prebuild_ai_header{
	display: flex;
	gap: 20px;
}
.prebuild_ai_header .block{
	width: 20%;
}
.prebuild_ai_header .block:last-child{
	width: 28%;
	display: flex;
	gap: 10px;
}
.prebuild_ai_header .block .search-block{
	display: flex;
	gap: 6px;
}
.prebuild_ai_header .block .search-block .btn{
	background: #372D7AA8;
	color: #fff;
	padding: 11px 20px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	display: inline-block;
}
.prebuild_ai_header .block .search-block .form-control:focus{
	color: #000;
}



.ai-agent-banner h1{
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    color: #fff;
}
.ai-agent-banner p{
    font-family: var(--defult-font);
    font-weight: 400;
    font-size: 24px;
    color: #FFFFFFCC;
}
.ai-agent-banner .left-block{
    width: 48%;
}
.ai-agent-banner .right-block{
    width: 48%;
}
.ai-agents{
    background-color: #000;
}
.ai-agents .prebuild_ai_main .items .ai_info h3{
	font-size: 24px;
    font-weight: 600;
    color: #FFFFFF;
}
.ai-agents .prebuild_ai_main .items .ai_info p{
    font-family: var(--body-font);
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    margin: 16px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.prebuild_ai_apps.ai-agents .prebuild_ai_header .block input{
	color: #fff !important;
	background-color: transparent;
	border-color: #ccc;
}
.prebuild_ai_apps.ai-agents .prebuild_ai_header .block input::placeholder{
	color: #fff;
}
.prebuild_ai_apps.ai-agents .prebuild_ai_header .block select{
	background-color: transparent;
    border-color: #ccc;
	color: #fff;
}
.prebuild_ai_apps.ai-agents .prebuild_ai_header .btn{
	font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #000;
	background-color: #fff;
    padding: 12px 18px;
    border-radius: 6px;
    border: 1px solid #E4E4E766;
}
.ai-agents-details{
    padding: 150px 0 60px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.ai-agents-details .head-block{
    display: flex;
	align-items: center;
    gap: 40px;
	padding-bottom: 80px;
}
.ai-agents-details .left-block{
    width: 50%;
}
.ai-agents-details .left-block p{
	margin: 28px 0;
}
.ai-agents-details .right-block{
    width: 50%;
}
.ai-agents-details iframe{
	width: 100%;
	height: 400px;
    border-radius: 8px;
}
.ai-agents-details h1{
    color: #fff;
}
.ai-agents-details p,
.ai-agents-details ul li{
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: #fff;
}
.ai-agents-details h2{
    color: #fff;
}
.ai-agents-details h3{
    font-size: 28px;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: -0.02em;
    color: #fff;
}
.ai-agents-details .demo-btn{
    font-family: var(--defult-font);
	font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #000;
	background-color: #fff;
    padding: 12px 18px;
    border-radius: 6px;
    border: 1px solid #E4E4E766;
    display: inline-block;
}
.ai-agents-details .demo-btn:hover{
	background-color: transparent;
	color: #fff;
}

.ai-agents-details .main-block .flex-block{
    display: flex;
    align-items: flex-start;
    gap: 40px;
    padding: 70px 0;
    border-top: 1px solid #fff;
}
.ai-agents-details .main-block .flex-block .t-block{
    width: 24%;
}
.ai-agents-details .main-block .flex-block .d-block{
    width: 76%;
}
.ai-agents-details .main-block .ai-agent-img-block{
	padding: 70px 0;
    border-top: 1px solid #fff;
}
.ai-agents-details .main-block .ai-agent-img-block img{
	width: 100%;
}
.ai-agents-details .get-in-touch-block{
    display: flex;
    align-items: center;
    justify-content: space-between;
	gap: 20px;
    padding: 24px;
    border-radius: 8px;
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
}
.ai-agents-details .get-in-touch-block h3{
    color: #000;
    margin: 0;
}
.ai-agents-details .get-in-touch-block .transformation-btn{
    padding: 0;
}
.ai-agents-details .get-in-touch-block .transformation-btn a{
	width: max-content;
}

/* Prebuilt AI Apps */


/* new mwnu */

.custom-mega-menu #mega-menu-wrap-header-mega-menu{
	background: #2B2B2B99;
}
.custom-mega-menu .mega-menu-wrap{
	position: unset !important;
}
.custom-mega-menu .mega-menu-wrap .mega-menu{
	position: unset !important;
}
.custom-mega-menu #mega-menu-wrap-header-mega-menu #mega-menu-header-mega-menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu{
	width: 70%;
}
.custom-mega-menu #mega-menu-wrap-header-mega-menu #mega-menu-header-mega-menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
	width: 25% !important;
}
.custom-mega-menu #mega-menu-wrap-header-mega-menu #mega-menu-header-mega-menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
	border-bottom: 2px solid transparent;
}
.custom-mega-menu #mega-menu-wrap-header-mega-menu #mega-menu-header-mega-menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
	background: #FFFFFF33 !important;
	border-bottom: 2px solid #1E5491;
	border-radius: 4px !important;
}
.custom-mega-menu #mega-menu-wrap-header-mega-menu #mega-menu-header-mega-menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover{
	background: #FFFFFF33 !important;
	border-bottom: 2px solid #1E5491;
}
.custom-mega-menu .mega-menu-item.widget_text{
	margin-bottom: 30px;
}
.other-mega-menu-items-wrap-child .mega-menu-item-has-children{
	border-bottom: 1px solid transparent !important;
	border-radius: 8px !important;
}
.other-mega-menu-items-wrap-child .mega-menu-item-has-children:hover{
	border-bottom: 1px solid #BBAA60 !important;
	background: #FFFFFF33 !important;
}
.other-mega-menu-items-wrap-child .mega-menu-item-has-children> a{
	text-decoration: none !important;
}
.other-mega-menu-items-wrap-child .mega-menu-item-has-children> a .mega-indicator{
    display: inline-block !important;
    transform: rotate(260deg);
}

.custom-mega-menu .mega-menu-wrap .mega-menu-item > .mega-sub-menu:not([role="presentation"]){
	position: absolute !important;
	right: 0 !important;
	left: unset !important;
	width: 98% !important;
	background-color: #1A1A1AED !important;
    border: 1px solid #FFFFFF40 !important;
	border-radius: 12px !important;
	padding: 36px 26px !important;
}
.custom-mega-menu .mega-menu-wrap .mega-menu-item > .mega-sub-menu[role="presentation"]{
	left: 29% !important;
}
.custom-mega-menu .mega-menu-wrap .mega-menu-item{
	position: unset !important;
	padding: 9px !important;
}
/* .custom-mega-menu .mega-menu-wrap .mega-sub-menu .mega-menu-link{
	background: transparent !important;
	border-radius: 4px !important;
	border-bottom: 2px solid transparent !important;
	color: #FAFAFA !important;
	font-size: 16px !important;
	line-height: 24px !important;
	padding: 12px 16px !important;
}
.custom-mega-menu .mega-menu-wrap .mega-sub-menu .mega-menu-link:hover{
	background: #FFFFFF33 !important;
	border-bottom: 2px solid #1E5491 !important;
	color: #fff;
} */
.custom-mega-menu .mega-menu-wrap .mega-block-title{
	font-size: 30px !important;
	line-height: 36px;
	color: #fff !important;
	font-weight: 300 !important;
}
.custom-mega-menu .mega-menu-wrap .textwidget p{
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #FFFFFFB2 !important;
}
.custom-mega-menu .mega-menu-wrap .textwidget p a{
	font-size: 14px;
	line-height: 20px;
	color: #FAFAFA;
	padding: 10px 16px;
	border: 1px solid #E4E4E766;
	border-radius: 8px;
}

.custom-mega-menu .mega-menu-wrap .other-mega-menu-items-wrap .mega-menu-row{
	position: relative !important;
}
.custom-mega-menu .mega-menu-wrap .other-mega-menu-items-wrap .other-mega-menu-items-wrap-child{
	width: 36% !important;
}
.custom-mega-menu .mega-menu-wrap .other-mega-menu-items-wrap .other-mega-menu-items-wrap-child .mega-sub-menu .mega-sub-menu{
	position: absolute;
	right: -550px !important;
    left: unset !important;
    top: 4px !important;
	display: none !important;
	width: 562px !important;
	height: 388px !important;
}
.custom-mega-menu .mega-menu-wrap .other-mega-menu-items-wrap .other-mega-menu-items-wrap-child .mega-sub-menu .mega-sub-menu li{
	width: 50% !important;
	height: fit-content;
	display: inline-block !important;
}
.custom-mega-menu .mega-menu-wrap .other-mega-menu-items-wrap .other-mega-menu-items-wrap-child .mega-menu-item:hover .mega-sub-menu{
	display: block !important;
	padding: 18px 18px 18px 30px !important;
	background-color: transparent !important;
	border: none !important;
}
.custom-mega-menu .mega-menu-wrap .other-mega-menu-items-wrap .other-mega-menu-items-wrap-child .mega-sub-menu .mega-sub-menu .mega-menu-item {
    margin-bottom: 8px !important;
}

.custom-mega-menu #mega-menu-wrap-header-mega-menu #mega-menu-header-mega-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item{
	padding: 0 !important;
}
.custom-mega-menu #mega-menu-wrap-header-mega-menu #mega-menu-header-mega-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
	display: inline-block;
	background: transparent;
	padding: 4px 22px !important;
	border-bottom: 1px solid transparent !important;
    border-radius: 8px !important;
	width: 200px;
}
.custom-mega-menu #mega-menu-wrap-header-mega-menu #mega-menu-header-mega-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover{
	border-bottom: 1px solid #BBAA60 !important;
    background: #FFFFFF33 !important;
}
.custom-mega-menu #mega-menu-wrap-header-mega-menu #mega-menu-header-mega-menu > li.mega-menu-tabbed.header-single-menu > ul.mega-sub-menu > li.mega-menu-item{
	padding: 4px 10px !important;
}
.custom-mega-menu #mega-menu-wrap-header-mega-menu #mega-menu-header-mega-menu > li.mega-menu-tabbed.header-single-menu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
	background: transparent !important;
}
.custom-mega-menu .mega-menu-wrap .mega-menu .header-single-menu.mega-toggle-on .mega-sub-menu .mega-menu-item.mega-toggle-on .mega-menu-link{
	background: transparent !important;
    border-bottom: 2px solid transparent !important;
}
.custom-mega-menu #mega-menu-wrap-header-mega-menu #mega-menu-header-mega-menu > li.mega-menu-tabbed.header-single-menu > ul.mega-sub-menu > li.mega-menu-item:hover > a.mega-menu-link{
	background: #FFFFFF33 !important;
    border-bottom: 2px solid #1E5491 !important;
}
.custom-mega-menu #mega-menu-wrap-header-mega-menu #mega-menu-header-mega-menu li.mega-menu-tabbed.header-single-menu ul.mega-sub-menu li.mega-menu-item .mega-menu-row{
	opacity: 0 !important;
}
.custom-mega-menu #mega-menu-wrap-header-mega-menu #mega-menu-header-mega-menu li.mega-menu-tabbed.header-single-menu ul.mega-sub-menu li.mega-menu-item:hover .mega-menu-row{
	opacity: 1 !important;
	visibility: visible;
}

.custom-mega-menu #mega-menu-wrap-header-mega-menu #mega-menu-header-mega-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item:not(.mega-disable-transition) > ul.mega-sub-menu > li{
	transform: none;
}

/* new mwnu */


/* Footer */
.latest-footer-main .footer-menu-block{
	gap: 0;
}
.latest-footer-main .footer-menu-block .left-block{
	width: 50%;
	padding-right: 40px;
}
.latest-footer-main .footer-menu-block .right-block{
	width: 50%
}
.latest-footer-main .footer-menu-block .right-block .main-block ul li{
	width: 100%;
}
.latest-footer-main .footer-menu-block .left-block .block{
	width: 100%;
	display: flex;
    gap: 50px;
}
.latest-footer-main .footer-menu-block .left-block .block .main-block{
	width: 70%;
}
.latest-footer-main .footer-menu-block .left-block .block .main-block:last-child{
	width: 30%;
}
.latest-footer-main .footer-menu-block .left-block .block .main-block .mega-menu-wrap{
	background: transparent !important;
}
.latest-footer-main .footer-menu-block .right-block .block{
	display: flex;
	gap: 40px;
}
.latest-footer-main .footer-menu-block .right-block .block .main-block{
	width: 33%;
}
.latest-footer-main .mega-menu-wrap .mega-menu-item .mega-sub-menu{
	display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
	height: 0 !important;
	transition: 200ms ease-in all !important;
}
.latest-footer-main .mega-menu-wrap .mega-menu-item.mega-toggle-on .mega-sub-menu{
	height: auto !important;
}
.latest-footer-main .mega-menu-wrap .mega-menu-item.mega-toggle-on .mega-menu-link{
	background-color: transparent !important;
}
.latest-footer-main .mega-menu-wrap .mega-menu-item .mega-sub-menu .mega-menu-item .mega-menu-link{
	color: #BBAA60 !important;
	background: transparent !important;
}
.latest-footer-main .mega-menu-wrap .mega-menu-item.footer-service-other .mega-sub-menu{
	display: block !important
}
.latest-footer-main .mega-menu-wrap .mega-menu-item.footer-service-other .mega-sub-menu .mega-menu-item-has-children .mega-sub-menu{
	display: none !important;
}
.latest-footer-main .mega-menu-wrap .mega-menu-item.footer-service-other .mega-sub-menu .mega-menu-item-has-children.mega-toggle-on .mega-sub-menu{
	display: flex !important;
}
.latest-footer-main .mega-menu-wrap .mega-menu-item.footer-service-other .mega-sub-menu .mega-menu-item-has-children .mega-sub-menu .mega-menu-link{
	color: #9d9d9a !important;
}

/* Footer  */
/* team css */
.team-block-v2-item .team-member {
    display: flex;
    flex-direction: column;
	max-width:calc(25% - 12px);
    gap: 8px;
    width: 100%;
    justify-content: start;    
    color: #fff;
/* 	align-items: center;
    text-align: center; */
}

.team-block-v2-col-3 .team-block-v2-item .team-member{
	max-width:calc(33% - 12px);
}
.team-block-v2-col-4 .team-block-v2-item .team-member{
	max-width:calc(25% - 12px);
}
.team-block-v2-col-3 .team-block-v2-item .team-member .image{
	max-width: 300px;
}
.team-block-v2-item .team-member .image {
    max-width: 250px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
}
.team-block-v2-item .team-member h4 {
    margin-bottom: 0px;
    margin-top: 10px;
	font-weight: 600;
    font-size: 22px;
    line-height: 28.6px;
    color: #FFFFFFCC;
}
.team-block-v2-item .team-member h5 {
    color: #FFFFFF9E;
	font-weight: 400;
    font-size: 16px;
    line-height: 20.8px;
    margin-bottom: 0;
}
.team-block-v2-item .team-member .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.team-block-v2-item .team-member a.linkedin-link {
    color: #1e5491;
    font-size: 25px;
}
.team-block-v2-item .team-block-v2 {
    padding: 50px 0px;
}
.team-block-v2-item {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 15px;
    padding: 50px 0px;
}
.team-block-v2-item .sec-title {
    width: 100%;
    margin-bottom: 20px;
}
.team-block-v2-item .sec-title h2{
/* 	text-align:center; */
	color:#fff;
}
.yl-bg-used-team .team-block-v2-item .sec-title h2,
.yl-bg-used-team .team-block-v2-item .team-member h4,
.yl-bg-used-team .team-block-v2-item .team-member h5{
	color:#000000;
}
.yl-bg-used-team .team-block-v2-item .team-member .image{
	max-width: 200px !important;
}

.team-block-v2 {
    padding: 20px 0px;
}
.our-team-v2{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	
}

.page-template-template-about #locations{
	padding-top: 60px;
	margin-bottom: 0 !important;
}
.page-template-template-about #locations .sec-title{
	margin-bottom: 40px !important;
}
.yl-topbar {
    background: #1e5491;
    padding: 10px 0px;
	margin-bottom:15px;
}
.yl-topbar .yl-ticker {
    max-width: 1320px;
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0px 20px;
}
.yl-topbar .yl-ticker a {
    color: #fff;
    border-bottom: 1px solid;
}
.yl-topbar .yl-ticker p {
    margin: 0px;
}
.yl-topbar .yl-ticker button {
    background: transparent;
    border: none;
    position: absolute;
    right: 0px;
    font-size: 29px;
    color: #fff;
}
.yt-consultation.yl-bg-used-video h2, .yt-consultation.yl-bg-used-video p {
    color: #fff;
}

/* Slick slider full width */
.teams-why-yl .why-yl-content .slick-track {
    margin-left: 0;
} 
.slick-prev:before{
	content: "\f060";
    font-family: "FontAwesome";
}
.slick-next:before{
	content: "\f061";
    font-family: "FontAwesome";
}