.tp-project-3-area{padding:5% 0;display:flex;justify-content:center;align-items:center;min-height:60vh}.tp-project-3-thumb a{width:100%}.back-sec{background-color:#f0f8ff}.tp-project-3-thumb{position:relative;display:flex;flex-direction:column;align-items:center}.icon{z-index:11;text-align:center;padding:30px;border-radius:10px;width:100%!important}.icon,.icon img{transition:transform 3s ease,opacity 1s ease}.t1 span{position:relative;z-index:11;color:var(--white)!important;text-transform:none;font-weight:400!important}.icon h2{color:var(--white);font-size:1.8rem;font-weight:600;text-transform:capitalize;line-height:1.3;margin-top:15px}.tp-project-3-thumb img{transition:transform 3s ease,opacity 1s ease}.tp-project-3-content{text-align:center}.tp-btn-project-sm,.tp-project-3-meta,.tp-project-3-title-sm{display:block;margin:10px 0}.tp-project-3-border{height:2px;background:#000;margin:10px 0}.tp-project-3-border span{display:block;width:50px;height:2px;background:red;margin:0 auto}.left-container,.right-container{transition:transform 2s ease}.left-container .image-down,.left-container .image-up{transform:translateX(80%) rotate(-2deg)}.right-container .image-down,.right-container .image-up{transform:translateX(-55%) rotate(2deg)}.scrolled .left-container .image-down,.scrolled .left-container .image-up{transform:translateX(-20%) rotate(-2deg)}.scrolled .right-container .image-down,.scrolled .right-container .image-up{transform:translateX(20%) rotate(2deg)}.ml-left{margin-left:5rem}.animated-button{position:relative;display:flex;align-items:center;gap:4px;padding:10px 25px;border:4px solid transparent;font-size:16px;background-color:inherit;border-radius:5px;font-weight:600;color:var(--skyblue);box-shadow:0 0 0 2px var(--skyblue);cursor:pointer;overflow:hidden;transition:all .6s cubic-bezier(.23,1,.32,1)}.animated-button svg{position:absolute;width:24px;fill:var(--skyblue);z-index:9;transition:all .8s cubic-bezier(.23,1,.32,1)}.animated-button .arr-1{right:16px}.animated-button .arr-2{left:-25%}.animated-button .circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-color:var(--skyblue);border-radius:50%;opacity:0;transition:all .8s cubic-bezier(.23,1,.32,1)}.animated-button .text{position:relative;z-index:1;transform:translateX(-12px);transition:all .8s cubic-bezier(.23,1,.32,1)}.animated-button:hover{box-shadow:0 0 0 12px transparent;color:#fff;border-radius:12px}.animated-button:hover .arr-1{right:-25%}.animated-button:hover .arr-2{left:16px}.animated-button:hover .text{transform:translateX(12px)}.animated-button:hover svg{fill:#fff}.animated-button:active{scale:.95;box-shadow:0 0 0 4px var(--skyblue)}.animated-button:hover .circle{width:220px;height:220px;opacity:1}.bg_cours{transition:all .6s ease-in-out;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.35)}.bg_cours:hover{box-shadow:0 5px 15px rgba(0,0,0,.7)}.box1{font-size:4rem;background:var(--skyblue);background:repeating-radial-gradient(ellipse farthest-corner at center center,var(--skyblue) 0,var(--blue) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.top_div{margin-top:-2.2rem;margin-bottom:3rem}.top_div p{font-size:20px}.bottom_div{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.line_coures{animation-name:highkam;animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;background:linear-gradient(45deg,var(--blue),var(--skyblue));height:1.2rem;margin-top:1.7rem;left:39%;border-radius:999px}@keyframes highkam{0%{width:0}to{width:18rem}}.cours-box-1{background-color:var(--blue)}.cours-box-2,.cours-box-3{background-color:var(--skyblue)}.cours-box-4{background-color:var(--blue)}@media (min-width:0px) and (max-width:768px){.scrolled .left-container .image-down,.scrolled .left-container .image-up,.scrolled .right-container .image-down,.scrolled .right-container .image-up{transform:translateX(0) rotate(0deg);border-radius:0}.col-md-4.right-container{margin-top:1rem}.top_div{margin-top:3rem;margin-bottom:0}.col-md-4.right-container{margin-top:15rem}.tp-project-3-content .tsp{margin-top:-39rem}.line_coures{left:12.5%;margin:2.3rem 0}.mg-b{position:relative!important;top:-4rem!important}.left-container{width:100%}}