.elementor-6417 .elementor-element.elementor-element-79c355d{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-6417 .elementor-element.elementor-element-79c355d:not(.elementor-motion-effects-element-type-background), .elementor-6417 .elementor-element.elementor-element-79c355d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#060C21;}.elementor-6417 .elementor-element.elementor-element-9f5b769{--display:flex;--min-height:400px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#111111;--border-color:#111111;--margin-top:0%;--margin-bottom:0%;--margin-left:2%;--margin-right:0%;}.elementor-6417 .elementor-element.elementor-element-9f5b769:not(.elementor-motion-effects-element-type-background), .elementor-6417 .elementor-element.elementor-element-9f5b769 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#060C21;}.elementor-6417 .elementor-element.elementor-element-6020df0{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-6417 .elementor-element.elementor-element-c9e7e99 .elementor-heading-title{font-size:11em;color:#FFFFFF2A;}.elementor-6417 .elementor-element.elementor-element-cb6e1b7{font-size:17px;line-height:20px;color:#FFFFFF;}.elementor-6417 .elementor-element.elementor-element-0418c01{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-6417 .elementor-element.elementor-element-2cf876a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-6417 .elementor-element.elementor-element-b91477e{--display:flex;--min-height:300px;--justify-content:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overflow:hidden;--overlay-opacity:0.1;--border-radius:20px 20px 0px 0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-6417 .elementor-element.elementor-element-b91477e:not(.elementor-motion-effects-element-type-background), .elementor-6417 .elementor-element.elementor-element-b91477e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tuts.thecreativarena.com/wp-content/uploads/2024/08/Untitled-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6417 .elementor-element.elementor-element-b91477e::before, .elementor-6417 .elementor-element.elementor-element-b91477e > .elementor-background-video-container::before, .elementor-6417 .elementor-element.elementor-element-b91477e > .e-con-inner > .elementor-background-video-container::before, .elementor-6417 .elementor-element.elementor-element-b91477e > .elementor-background-slideshow::before, .elementor-6417 .elementor-element.elementor-element-b91477e > .e-con-inner > .elementor-background-slideshow::before, .elementor-6417 .elementor-element.elementor-element-b91477e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-6417 .elementor-element.elementor-element-14bd51e{--display:flex;--position:absolute;--min-height:300px;--border-radius:20px 20px 0px 0px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;top:0px;--z-index:5;--e-con-transform-transition-duration:900ms;}.elementor-6417 .elementor-element.elementor-element-14bd51e:not(.elementor-motion-effects-element-type-background), .elementor-6417 .elementor-element.elementor-element-14bd51e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6417 .elementor-element.elementor-element-14bd51e.e-con{--e-con-transform-translateY:300px;}.elementor-6417 .elementor-element.elementor-element-14bd51e.e-con:hover{--e-con-transform-translateY:0px;}body:not(.rtl) .elementor-6417 .elementor-element.elementor-element-14bd51e{left:0px;}body.rtl .elementor-6417 .elementor-element.elementor-element-14bd51e{right:0px;}.elementor-6417 .elementor-element.elementor-element-d53cdab .elementor-button{background-color:#FFFFFF;fill:#FF0000;color:#FF0000;border-radius:20% 20% 20% 20%;padding:5px 20px 20px 20px;}body:not(.rtl) .elementor-6417 .elementor-element.elementor-element-d53cdab{left:123px;}body.rtl .elementor-6417 .elementor-element.elementor-element-d53cdab{right:123px;}.elementor-6417 .elementor-element.elementor-element-d53cdab{top:-26px;}.elementor-6417 .elementor-element.elementor-element-8712a38{text-align:center;}.elementor-6417 .elementor-element.elementor-element-8712a38 .elementor-heading-title{font-size:18px;font-weight:600;color:#000000;}.elementor-6417 .elementor-element.elementor-element-bc66e11{--grid-template-columns:repeat(3, auto);--grid-column-gap:20px;--grid-row-gap:25px;}.elementor-6417 .elementor-element.elementor-element-bc66e11 .elementor-widget-container{text-align:center;}.elementor-6417 .elementor-element.elementor-element-bc66e11 .elementor-social-icon{background-color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;}.elementor-6417 .elementor-element.elementor-element-bc66e11 .elementor-social-icon i{color:#000000;}.elementor-6417 .elementor-element.elementor-element-bc66e11 .elementor-social-icon svg{fill:#000000;}.elementor-6417 .elementor-element.elementor-element-bc66e11 .elementor-social-icon:hover{background-color:#FFFFFF;border-color:#000000;}.elementor-6417 .elementor-element.elementor-element-bc66e11 .elementor-social-icon:hover i{color:#000000;}.elementor-6417 .elementor-element.elementor-element-bc66e11 .elementor-social-icon:hover svg{fill:#000000;}.elementor-6417 .elementor-element.elementor-element-74f855d{text-align:center;}.elementor-6417 .elementor-element.elementor-element-74f855d .elementor-heading-title{font-size:30px;font-weight:700;color:#FFFFFF;}.elementor-6417 .elementor-element.elementor-element-360c655{text-align:center;}.elementor-6417 .elementor-element.elementor-element-360c655 .elementor-heading-title{font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-6417 .elementor-element.elementor-element-f4e2dca{--display:flex;--min-height:100px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;border-style:solid;--border-style:solid;border-width:2px 0px 0px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#909090;--border-color:#909090;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-6417 .elementor-element.elementor-element-fe8796f .elementor-icon-box-title{margin-block-end:5px;color:#000000;}.elementor-6417 .elementor-element.elementor-element-fe8796f .elementor-icon-box-title, .elementor-6417 .elementor-element.elementor-element-fe8796f .elementor-icon-box-title a{font-size:18px;font-weight:700;}.elementor-6417 .elementor-element.elementor-element-4bdfcd2 .elementor-icon-box-title{margin-block-end:5px;color:#000000;}.elementor-6417 .elementor-element.elementor-element-4bdfcd2 .elementor-icon-box-title, .elementor-6417 .elementor-element.elementor-element-4bdfcd2 .elementor-icon-box-title a{font-size:18px;font-weight:700;}.elementor-6417 .elementor-element.elementor-element-bad240d .elementor-icon-box-title{margin-block-end:5px;color:#000000;}.elementor-6417 .elementor-element.elementor-element-bad240d .elementor-icon-box-title, .elementor-6417 .elementor-element.elementor-element-bad240d .elementor-icon-box-title a{font-size:18px;font-weight:700;}@media(max-width:767px){.elementor-6417 .elementor-element.elementor-element-0418c01{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-6417 .elementor-element.elementor-element-f4e2dca{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:30px 30px;--row-gap:30px;--column-gap:30px;}}@media(min-width:768px){.elementor-6417 .elementor-element.elementor-element-9f5b769{--width:300px;}.elementor-6417 .elementor-element.elementor-element-2cf876a{--width:300px;}}/* Start custom CSS for container, class: .elementor-element-79c355d */.box{
    position: relative;
    height: 400px;
    width: 300px;
    background-color: #060c21;
    border: 2px solid #111;
    cursor: pointer;
}

.box::before{
    content: "";
    position: absolute;
    top: 25%;
    left: 25%;
    width: 150%;
    height: 150%;
    inset: -2px;
    transform: skew(2deg, 2deg);
    z-index: ;
    background: linear-gradient(315deg, #ff002b, #db3300);
}

.container .box::before{
    background: #060c21;
}

.container .box::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    inset: 12px;
    width: 50%;
    height: 100%;
    pointer-events: none;
    background: #162052;
}

.content{
    position: relative;
    padding: 20px;
    transform: translateY(40px);
}

.content h2{
    position: absolute;
    top: -60px;
    right: 50px;
    font-size: 11em;
    color: #ffffff2a;
    transition: all 0.5s;
}

.box:hover .content h2{
    top:-150px;
}

.box>.content p{
    color: #fff;
    font-size: 17px;
    line-height: 20px;
}

.box .content a{
    position: relative;
    padding: 10px 20px;
    border: 1px solid #fff;
    display: inline-block;
    color: #fff;
    transition: all 0.5s;
    margin-top: 40px;
    text-decoration: none;
}

.box .content a:hover{
    background: #fff;
    color: #000;
}/* End custom CSS */