/*
CTC Separate Stylesheet
Updated: 2026-05-18 14:12:22
Theme Name: RKLT Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.7.1779113542
*/

.animated_text .rotating-text {
    display: flex;
    font-size: 5rem;
    font-weight: 700;
    gap: 20px;
    margin: 0;
}

.animated_text .rotating-text p {
    margin: 0;
    padding: 0;
    text-transform: lowercase;
    line-height: 1.2;
}

.animated_text .rotating-text p .rotatingitem {
    opacity: 0;
    display: flex;
}

.animated_text .rotating-text p .rotatingitem .letter {
    transform: translateZ(25px);
    transform-origin: 50% 50% 25px;
}

.animated_text .rotating-text p .rotatingitem .letter.out {
    transform: rotateX(90deg);
    transition: transform .32s cubic-bezier(.55, .055, .675, .19);
}

.animated_text .rotating-text p .rotatingitem .letter.behind {
    transform: rotateX(-90deg);
}

.animated_text .rotating-text p .rotatingitem .letter.in {
    transform: rotateX(0);
    transition: transform .38s cubic-bezier(.175, .885, .32, 1.275);
}

.animated_text .rotating-text p.rotatingitems {
    display: grid;
}

.animated_text .rotating-text p.rotatingitems>* {
    grid-column-start: 1;
    grid-row-start: 1;
    color: var(--e-global-color-primary);
}

.animated_text .rotating-text p.rotatingitems .blankspace {
    min-width: 40px;
}

.color-heading{color: var(--e-global-color-primary);}

.slide_list .elementor-icon-list-item a{position: relative;}
.slide_list .elementor-icon-list-item.active a .elementor-icon-list-text{color: #fff;}
.slide_list .elementor-icon-list-item a:after {
    content: "" !important;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm-28.9 143.6l75.5 72.4H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h182.6l-75.5 72.4c-9.7 9.3-9.9 24.8-.4 34.3l11 10.9c9.4 9.4 24.6 9.4 33.9 0L404.3 273c9.4-9.4 9.4-24.6 0-33.9L271.6 106.3c-9.4-9.4-24.6-9.4-33.9 0l-11 10.9c-9.5 9.6-9.3 25.1.4 34.4z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block !important;
    width: 16px;
    height: 16px !important; /* ✅ explicit height required */
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    left: -30px;
    opacity: 0;
    transition: opacity .3s ease, left .4s ease;
}

.slide_list .elementor-icon-list-item.active a:after {
    left: -25px;
    opacity: 1;
}



.newsfeed {
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(2,1fr);
    gap: 20px;
	display: grid;
}

.newsfeed .box:first-child {
    grid-area: 1/1/3/2
}

.newsfeed .box:nth-child(2) {
    grid-area: 1/2/2/4;
    background: #bb1c1a;
}

.newsfeed .box:nth-child(3) {
    grid-area: 2/2/3/3;
    background: #004365;
}

.newsfeed .box:nth-child(4) {
    grid-area: 2/3/3/4;
    background: #f1ebeb;
}
.newsfeed .box:hover .image img{transform: scale(1.1);}

.newsfeed .box:nth-child(2):hover .image:before {
	width: 50px;
}
.newsfeed .box.tall:hover .image:before {
	height: 50px;
}
.newsfeed .box {
	display: grid;
    background: #c9deeb;
    overflow: hidden;
    border-radius: 10px;
    column-gap: 0;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
}

.newsfeed .box .text {
    padding: 40px 50px 40px 40px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.newsfeed .box .image {
    background: #eee;
}

.newsfeed .box.tall {
    grid-template-rows: 1fr 1fr;
}

.newsfeed .box.tall .text {
    order: -1;
}
.newsfeed .box .arrowbutton{margin-top: auto;margin-bottom: 0px;}
.newsfeed .box .arrowbutton .icon-list-icon{
	display: inline-block;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
    height: 16px;
    margin-left: 5px;
}
.newsfeed .box .arrowbutton a{transition: all 0.3s ease-in-out;}
.newsfeed .box .arrowbutton .icon-list-icon svg{width: 16px;height: 16px;fill: var( --e-global-color-secondary );transition: all 0.3s ease-in-out;}
.newsfeed .box:nth-child(2) .arrowbutton a,.newsfeed .box:nth-child(2) h3,.newsfeed .box:nth-child(2) p,.newsfeed .box:nth-child(3) .arrowbutton a,.newsfeed .box:nth-child(3) h3,.newsfeed .box:nth-child(3) p {
    color: #ffffff;
}
.newsfeed .box:nth-child(2) .arrowbutton a .icon-list-icon svg, .newsfeed .box:nth-child(3) .arrowbutton a .icon-list-icon svg{fill: #fff;}
.newsfeed .box .arrowbutton a:hover .icon-list-icon svg{transform: translateX(5px);}
.newsfeed .box .image {
    position: relative;
    overflow: hidden;
}
.newsfeed .box:first-child .arrowbutton a:hover svg, .newsfeed .box:last-child .arrowbutton a:hover svg{fill: var( --e-global-color-primary );}
.newsfeed .box .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s ease;
}

.newsfeed .box .image:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s ease;
    z-index: 2;
}

.newsfeed .box.tall .image:before {
    clip-path: polygon(100% 0,0 0,50% 100%);
    background: #c9deeb;
    width: 100%;
    height: 30px;
    top: -1px;
}

.newsfeed .box:nth-child(2) .image:before {
    clip-path: polygon(100% 100%, 100% 0, 0 50%);
    background: #bb1c1a;
    left: unset;
    right: -1px;
    width: 30px;
    height: 100%;
}

.newsfeed .box h3 {
    font-size: 1.8rem;
}

.grid-halves{grid-template-columns: repeat(2, 1fr);}

@media (max-width: 1400px){
	.animated_text .rotating-text {font-size: 3rem;}
}
@media screen and (max-width: 1024px){
	.newsfeed {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, auto);
    }
	.newsfeed .box.tall {
		grid-template-rows: auto;
		grid-template-columns: repeat(2, 1fr);
	}
	.newsfeed .box.tall .image:before {
        width: 30px;
        height: 100%;
        clip-path: polygon(100% 50%, 0 0, 0 100%);
        left: -1px;
        top: 0;
        bottom: auto;
        right: auto;
    }
	.newsfeed .box:first-child {
        grid-area: 1 / 1 / 2 / 3;
    }
	.newsfeed .box:nth-child(2) {
        grid-area: 2 / 1 / 3 / 3;
    }
	.newsfeed .box:nth-child(3) {
        grid-area: 3 / 1 / 4 / 2;
    }
	.newsfeed .box:nth-child(4) {
        grid-area: 3 / 2 / 4 / 3;
    }
	.newsfeed .box h3 {
        font-size: 1.4rem;
        line-height: 1.2;
    }
}
@media (max-width: 767px){
	.about_slide_wrap{background-color: unset!important;}
	.about_slider_btn .elementor-button{background-color: var(--e-global-color-ea4f380)!important;color: var(--e-global-color-text)!important;}
	.about_slider_btn .elementor-button:hover{opacity: .8;}
	.newsfeed {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: auto;
    }
    .newsfeed .box:first-child, .newsfeed .box:nth-child(2), .newsfeed .box:nth-child(3), .newsfeed .box:nth-child(4) {
        grid-column: auto;
        grid-row: auto;
    }
	.newsfeed .box .text {
        padding: 25px;
    }
	.newsfeed .box.grid-halves, .newsfeed .box.tall {
        grid-template-columns: repeat(1, 1fr);
    }
	.newsfeed .box.tall .image:before {
        width: 100%;
        height: 30px;
        top: -1px;
        left: 0;
        right: auto;
        bottom: auto;
        clip-path: polygon(50% 100%, 100% 0, 0 0);
    }
	.newsfeed .box:nth-child(2) .image:before {
        bottom: -1px;
        top: auto;
        width: 100%;
        height: 30px;
        clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    }
}
@media (max-width: 740px){
	.animated_text .rotating-text {font-size: 1.8rem;gap: 10px;}
}
@media (max-width: 600px){
	.animated_text .rotating-text {
        flex-direction: column;
        gap: 0;
    }
}