/* reset css */
*{margin: 0;padding: 0;box-sizing: border-box;list-style-type: none;text-decoration: none;}
.clear{clear: both;}
img{display: block;max-width: 100%;height: auto;}
li{list-style: none;}
a{text-decoration: none;}
body{font-family: 'FUTURABKBTBOOK';}
html{font-size: 62.5%;-webkit-text-size-adjust:none;scroll-behavior: smooth;}
html,body{overflow-x: hidden;}
body{overflow-y: hidden;font-family: "Roboto", sans-serif;}
p{font-size: 22px;line-height: 1.5;}
a{text-decoration: none;color: #000;}
section{position: relative; }
/* end of reset css */

.container{max-width: 1400px;width: 90%;margin: 0 auto;position: relative;}
.head36{font-size: 3.6rem;position: relative;width: max-content;z-index: 1;margin: 0rem auto 5rem;}
.head36::before{content: "";background: yellow;height: 110%;top: 0px;right: -30px;width: 80%;position: absolute;transform: skew(-18deg, 0deg);z-index: -1;}
.head36::after{content: "\2605";color: red;top: 50%;left: -36px;position: absolute;z-index: -1;transform: translateY(-57%);font-size: 3.6rem;}


header{position: fixed;top: 0px;left: 0px; background-color: #fff;width: 100%;z-index: 7;}
header.active{box-shadow: 0px -5px 24px 5px;;}
.nav-bar{display: flex;justify-content: space-between;align-items: center;padding: 2rem 0rem;}
.nav-bar .nav-logo{width: 21rem;}
.nav-ul{display: flex;column-gap: 10rem;}
.nav-ul a{color: #2D4689;font-size: 2.6rem;font-weight: 300;position: relative;}
.nav-ul a::before{content: "";width:0px;height: 2px;position: absolute;bottom: -2px;background-color: #EB3258;transition: .2s ease-in-out all;}
.nav-ul a:hover::before{width: 100%;}
.menu-btn{display: none;}



.sec-banner .banner-slider{position: relative;}
.sec-banner .banner-slider .slick-arrow{cursor: pointer;position: absolute;top: 50%;background: transparent;border: none;border-left: solid 2px #fff;border-top: solid 2px #fff;color: transparent;width: 30px;height: 30px;z-index: 1;}
.sec-banner .banner-slider .slick-prev{left: 20px;rotate: 315deg;}
.sec-banner .banner-slider .slick-next{right: 20px;rotate: 135deg;}
.sec-banner .banner-slider .slick-dots{display: flex;column-gap: 5px;position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);}
.sec-banner .banner-slider .slick-dots button{color: transparent;border: none;border-radius: 50%;width: 15px;height: 15px;background: #fff;cursor: pointer;}
.sec-banner .banner-slider .slick-dots .slick-active button{background-color: rgb(127 127 127);}
.sec-banner .banner-slider .slider-child{position: relative;height: 80vh;}
.sec-banner .banner-slider .slider-child img{width: 100%;}
.sec-banner .banner-slider .slider-child h1{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #000;background: #ffffff9e;font-style: italic;font-size: 4rem;padding: 1rem 3rem;text-align: center;width: calc(100% - 100px);}


.bg-wrapper{position: relative;background: #61dfff;
        --s: 150px;
        --c1: #ff847c;
        --c2: #e84a5f;
        --c3: #fecea8;
        --c4: #99b898;
        
        background:
          conic-gradient(from  45deg at 75% 75%, var(--c3) 90deg,var(--c1) 0 180deg,#0000 0),
          conic-gradient(from -45deg at 25% 25%, var(--c3) 90deg,#0000 0),
          conic-gradient(from -45deg at 50% 100%,#0000 180deg,var(--c3) 0),
          conic-gradient(from -45deg,var(--c1) 90deg, var(--c2) 0 225deg,var(--c4) 0);
        background-size: var(--s) var(--s); 
        background-attachment: fixed
      }
.bg-wrapper::after, .sec-other_services::after{
    background: linear-gradient(-45deg, #ffffff 16px, transparent 0), linear-gradient(45deg, #ffffff 16px, transparent 0);
    background-position: left-bottom;
    background-repeat: repeat-x;
    background-size: 32px 32px;
    content: " ";
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0px;
    width: 100%;
    height: 32px;
}

.bg-wrapper::before, .sec-other_services::before{
    background: linear-gradient(-45deg, #ffffff 16px, transparent 0), linear-gradient(45deg, #ffffff 16px, transparent 0);
    background-position: left-bottom;
    background-repeat: repeat-x;
    background-size: 32px 32px;
    content: " ";
    display: block;
    position: absolute;
    transform: rotate(180deg);
    top: -5px;
    left: 0px;
    width: 100%;
    height: 32px;
    z-index: 2;
}

.glass-wrapper{backdrop-filter: blur(5px);padding: 8rem 0rem;}

.sec-aboutus{padding: 8rem 0rem;}
.sec-aboutus p{margin-top: 1.6rem;}


.sec-vision .vision-gif{margin: 0 auto;width: max-content;}
.sec-vision p{margin-top: 1.6rem;padding: 0rem 26rem;text-align: justify;line-height: 1.5;position: relative;transition: .3s ease-in-out all;}

.sec-mission{margin-top: 5rem;}
.sec-mission .mission-gif{width: 16rem;margin: 0 auto 5rem;}
.sec-mission p{margin-top: 1.6rem;padding: 0rem 26rem;text-align: justify;line-height: 1.5;}


.sec-wwd{padding-top: 40px;padding-bottom: 8rem;}
.sec-wwd ul{margin-top: 8rem;}
.sec-wwd ul li, .sec-choose ul li{margin-top: 20px;list-style: square;font-size: 24px;}
.sec-wwd h3{font-size: 2rem;background: linear-gradient(90deg, rgba(45,70,137,1) 0%, rgba(235,50,88,1) 100%);width: max-content;padding: 10px 20px;color: white;transform: skew(-20deg, 0deg);transition: .2s ease-in-out all;}
.sec-wwd h3:hover{background: linear-gradient(90deg,  rgba(235,50,88,1) 0%, rgba(45,70,137,1) 100%); transition: .2s ease-in-out all;}
.sec-wwd p{margin-top: 1.6rem;}


.sec-other_services{padding: 8rem 0rem;background-image: url('../images/slider2.webp');background-attachment: fixed;background-repeat: no-repeat;background-size: cover;color: #fff;}
.sec-other_services .services-box {
    display: grid;
    grid-template-columns: max-content max-content max-content;
    row-gap: 1.5rem;
    column-gap: 12rem;
    width: max-content;
    margin: 0 auto;
    justify-content: center;
    backdrop-filter: blur(5px);
    padding: 11rem 6rem;
    box-shadow: 0px 0px 10px -2px #000;
    border-radius: 10px;
}
.sec-other_services .head36{-webkit-text-stroke: 1px #000;}
.sec-other_services .services-box span{color: #ffa700;margin-right: 12px;}


.sec-choose{padding: 8rem 0rem;}
.sec-choose ul li b{display: inline-block;font-weight: 900;background: linear-gradient(90deg, rgba(45,70,137,1) 0%, rgba(235,50,88,1) 100%);padding: 5px 10px;color: white;transform: skew(-20deg, 0deg);margin-right: 10px;}

.utech-footer{background: #ceceff;padding: 8rem 0rem;}
.utech-footer .foot-content{display: flex;justify-content: center;column-gap: 30rem;align-items: flex-start;margin-top: 8rem;}
.utech-footer .foot-content .contact-info{display: flex;flex-direction: column;row-gap: 2rem;}
.utech-footer .footer-logo{width: 30rem;}
.utech-footer .social-box{display: flex; column-gap: 2rem;margin-top: 7px;}
.utech-footer .footer-social{margin-top: 30px;}
.utech-footer .email a{display: block;}
.utech-footer .social-box .social{width: 3rem;}
.utech-footer .social-box .social img{filter: contrast(0.5);}
.utech-footer p, .utech-footer a{color: #433636}