/* Global CSS */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap');
body{background-color: #ffffff;color: #303030;font-family: 'Open Sans', sans-serif;}
li{list-style: none;}
ul{padding-left: 0;margin-bottom: 0;}
a{text-decoration: none;color: #212121;transition: all 0.5s ease-in;display: inline-block;}
a:hover{color:#E0A43D;transition: all 0.5s ease-out;}
p , h1,h2,h3,h4,h5,h6{margin-bottom: 0;}
p {font-size: 20px; line-height: 34px;}
h1,h2,h3,h4,h5,h6{color:#212121;}
.light-green-bg {background-color: #D7F3EB;}

/* Custom CSS */
.pos-rel{position: relative;}
.pos-abs{position: absolute;}
.custom-container{max-width: 1436px;margin: 0 auto;}
.common-section{padding: 100px 0;overflow: initial;}
.title{font-size: 36px;margin-bottom: 30px; color: #000;;text-transform: capitalize;font-weight: 700;}
span.blue-bold {color:#E0A43D;display: inline-block;font-weight: 800;}
.sub-title{font-size: 24px;line-height: 32px;font-weight: 600;letter-spacing: 1px;}


.concepts-box {margin-top: 40px;}
.concepts-box ul{gap: 26px;flex-wrap: wrap;}
.concepts-box li span {color: #5CD1AE;font-size: 20px;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;display: block;}
.concepts-box li p {font-size: 24px;font-weight: 700;letter-spacing: 1px;}
#unity-concept .about .con-box {width: 54%;}
#unity-concept .con-box p:not(:last-child){margin-bottom: 20px;}
#unity-concept .about .concepts-box .con-box {width: 100%;}
.concepts-box ul li {width: 47%;}
#unity-concept .image-container-up {margin-left: -70px;margin-top: 30px;}
#unity-concept .right-box {position: relative;width: 33%;}
#unity-concept .img-icon {position: absolute;bottom: 0;left: -50px;}

#unity-banner {height: 100vh;}
#unity-banner h1{font-size: 103px;font-weight: 200;letter-spacing: -3.3px;}
#unity-banner p {font-size: 30px; font-weight: 500;color: #212121; margin-bottom: 10px;letter-spacing: 0.6px;}

.ui-screen {background-image: url(../../css/portfolio/images/unity/unity-ui-screens.png);background-attachment: fixed;background-size: cover;background-repeat: no-repeat;}
.ui-screen img {width: 100%;opacity: 0;}
.inner-content .img-box {width: 100%;text-align: center;position: relative;}
/* .inner-content .img-box:hover img{scale: 0.9;} */
.inner-content .img-box p {margin-bottom: 20px;color: #fff;font-size: 24px;}
.inner-content .img-box.logo-box {background-color: #F5F5F5;}

#unity-tech ul {width: 75%;margin: 0 auto;}
#unity-tech ul img {width: 110px;}

.sticky-title {position: sticky;top: 250px;z-index: 99;}
.icon-title img {vertical-align: text-bottom;margin-left: 10px;}
.icon-title img.balloons-img {margin-left: -50px;margin-bottom: -10px;}
.icon-title {width: 37%;margin-top: 50px;}
.icon-title p a {color: #000;font-weight: 600;text-decoration: underline;text-underline-position: below;}

.unity-features .content-box {width: 53%;}
.content-box .common-box {padding: 30px 20px;background-color: #fff;border-radius: 12px;border:1px solid  #5CD1AE;}
.content-box .common-box .icon {width: 90px;margin-top: -95px;}
.content-box .common-box:not(:last-child) {margin-bottom: 80px;}
.content-box .common-box h3{font-size: 24px;margin-bottom: 10px;}


.app-quote .common-btn {background-color: #212121;color: #fff;padding: 15px 50px;font-size: 20px;margin-top: 30px;}
.app-quote .common-btn:hover {background-color: #5CD1AE;}

.unity-features {background-image: url(../../css/portfolio/images/unity/elements-bg.png);background-repeat: no-repeat;}

.unity-challenges .icon-title {width: 57%;margin: 0 auto;margin-bottom: 50px; text-align: center;}
.unity-challenges .content-box .common-box {border-radius: 32px;gap: 30px;padding: 50px;padding-bottom: 0; background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);border: none;}
.unity-challenges .content-box .common-box .img-box {width: 46%;}
.unity-challenges .content-box .common-box .con-box {width: 60%;}

.download-unity {margin-bottom: 100px;}
.download-unity .container {border-radius: 24px;overflow: hidden;background: linear-gradient(270deg, #5CD1AE 0%, #D7F3EB 59.62%);}
.download-unity .container .left-box {padding: 90px 50px;width: 45%;}
.download-unity .container .img-box {width: 42%;margin-right: -12px;}
.download-unity .container .left-box .logo {width: 140px;}
.download-unity h2 {margin-bottom: 30px;font-size: 46px;}
.download-unity .btn-box {gap: 20px;margin-top: 30px;}

#unity-colors .d-flex {gap: 150px;}



/* Animations*/
@keyframes upDown {
    0%{transform: translateY(-10px) }
    50%{transform: translateY(10px);}
    100%{transform: translateY(-10px);}
}
@keyframes zoomIn {
    0%{transform: scale(1) }
    50%{transform: scale(1.1);}
    100%{transform: scale(1);}
}
@keyframes slide{
	0%{transform: translateX(-10px) }
    50%{transform: translateX(10px);}
    100%{transform: translateX(-10px);}
}

/************************ Responsive Unity CSS **********************/

@media screen and (min-width:2560px) {
    #unity-concept .right-box {width: 27%;}

}
@media screen and (max-width:1919px) {
    #unity-banner h1 {font-size: 94px;}
    .inner-content .img-box img {width: 40%;}
    .concepts-box li p {font-size: 23px;}
    #unity-concept .right-box {width:35%;}
    p {font-size: 18px;line-height: 30px;}
    .content-box .common-box:not(:last-child) {margin-bottom: 70px;}
    .content-box .common-box {padding: 25px 20px;}
    .icon-title img {width: 120px;}
    .title {font-size: 34px;margin-bottom: 25px;}
    .download-unity .container .left-box {padding: 50px;width: 50%;}
    .content-box .common-box .icon {width: 80px;margin-top: -80px;}
    .unity-challenges .content-box .common-box {border-radius: 28px;padding: 35px}
    
}

@media screen and (max-width:1599px) {
    .custom-container {max-width: 1280px;}
    .common-section {padding: 80px 0;}
    .download-unity {margin-bottom: 80px;}
    #unity-banner h1 {font-size: 84px;}
    .concepts-box li span {font-size: 18px}
    .concepts-box li p {font-size: 22px;}
    .inner-content .img-box img {width: 65%;}
    .title {font-size: 32px;margin-bottom: 20px;;}
    #unity-concept .right-box {width: 40%;}

    #unity-tech ul img {width: 90px;}
    .content-box .common-box h3 {font-size: 22px;}
    p {font-size: 17px;line-height: 28px;}
    .icon-title {width: 40%;margin-top: 35px}
    .icon-title img.balloons-img {margin-left: -30px;margin-bottom: -10px;}
    .download-unity .container .left-box {width: 55%;}
    .download-unity h2 {margin-bottom: 20px;font-size: 42px}
    .inner-content .img-box img {width: 42%;}
    .content-box .common-box:not(:last-child) {margin-bottom: 60px;}
    .app-quote .common-btn {padding: 15px 40px;margin-top: 20px;}
    .unity-challenges .content-box .common-box {border-radius: 22px;padding: 30px;}
    

}

@media screen and (max-width:1439px) {
    .custom-container {max-width: 1200px;}
    #unity-banner p {font-size: 26px;}
    #unity-banner h1 {font-size: 70px;}
    .concepts-box li p {font-size: 20px;}
    .concepts-box li span {font-size: 16px;}
    .inner-content .img-box img {width: 55%;}
    .inner-content .img-box span {bottom: 75px;left: -65px;font-size: 24px;}


    #raiders-specs .step-box.three {padding-bottom: 130px;}
    #unity-colors img {width: 47%;}
    #unity-colors img:nth-child(2) {margin-left: 50px;}
    .inner-content .img-box img {width: 45%;}
    #unity-concept .img-icon {width: 150px;}
    .download-unity h2 {font-size: 36px;}
    #unity-concept .right-box {width: 43%;}
    .unity-features .content-box {width: 57%}
    .download-unity .container .left-box .logo {width: 120px;}
    .download-unity .container {border-radius: 16px;}
    .content-box .common-box .icon {width: 70px;margin-top: -75px;}
    .app-quote .common-btn {font-size: 18px;}
    .unity-challenges .icon-title {width: 66%;margin-bottom: 35px;}


}

@media screen and (max-width:1365px) {
    .custom-container {max-width:90%;}
    #unity-banner p {font-size: 24px;}
    #unity-banner h1 {font-size: 70px;}
    .title {font-size: 28px;margin-bottom: 10px;}
    .content-box .common-box h3 {font-size: 20px;}
    .download-unity h2 {font-size: 34px;}
    .content-box .common-box:not(:last-child) {margin-bottom: 50px;}



}

@media screen and (max-width:1279px) {
    .custom-container {max-width: 90%;}
    .common-section {padding: 70px 0;}
    .download-unity {margin-bottom: 70px;}
    #unity-banner h1 {font-size: 62px;}
    #unity-tech ul img {width: 75px;}
    #unity-concept .about .con-box {width: 55%;}
    p {font-size: 16px;line-height: 28px;}
    .inner-content .img-box p {font-size: 20px;}
    .inner-content .img-box {padding: 50px 0;}
    .inner-content .img-box img {width: 60%;}
    .inner-content .img-box span {bottom: 65px;left: -47px;font-size: 20px;}
    #unity-colors .d-flex {gap: 60px;}
    .content-box .common-box {padding: 20px 15px;}
    .icon-title img {width: 105px;}
    .content-box .common-box h3 {margin-bottom: 5px;}
    .title {font-size: 26px;}
    .download-unity .container .left-box {padding: 40px; padding-right: 0;}
    .download-unity h2 {font-size: 32px;}
    .inner-content .img-box img {width: 40%;}
    .unity-challenges .icon-title {width: 74%;margin-bottom: 30px;}


}

@media screen and (max-width:1023px) {
    .title {font-size: 28px;}
    .common-section {padding: 50px 0;}
    .download-unity {margin-bottom: 50px;}
    #unity-banner p {font-size: 22px;}
    #unity-banner h1 {font-size: 54px;}
    .concepts-box ul {flex-wrap: wrap;}
    .concepts-box ul li {width: 48%;text-align: center;}
    .inner-content .img-box p {font-size: 18px;margin-bottom: 10px;}
    .inner-content .img-box span {bottom: 50px;left: -37px;font-size: 16px;}
    #unity-concept .about .con-box {width: 100%;text-align: center;}
    #unity-concept .about .image-container {text-align: center;margin-top: 40px;}
    #unity-concept .about {flex-wrap: wrap;}
    #unity-concept .right-box {width: 45%;margin: 0 auto;}
    #unity-concept .img-icon {width: 125px;left: -80px;}
    #unity-colors .d-flex {flex-wrap: wrap;}
    .ui-screen {background-image: none;}
    .ui-screen img {opacity: 1;}
    .concepts-box {margin-top: 20px;margin-bottom: 30px}
    #unity-colors img {width: 55%;}
    #unity-colors img:nth-child(2) {margin-left: 0;}

    .title {font-size: 24px;}
    p {font-size: 15px;line-height: 24px;}
    #unity-tech ul img {width: 65px;}

    #unity-colors {text-align: center;}
    .unity-features .d-flex {flex-direction: column;gap: 30px;}
    .icon-title {width: 100%;margin-top: 0;order: -1;}
    .sticky-title {position: relative;top: auto}
    .content-box {width: 100%;}
    .unity-features {background-attachment: fixed;}
    .content-box .common-box h3 {font-size: 18px;}
    .download-unity .container .left-box {padding: 30px;padding-right: 0;}
    #unity-tech ul {width: 85%;}
    .download-unity .container .left-box .logo {width: 90px;}
    .download-unity h2 {font-size: 22px;}
    .download-unity .container .left-box {width: 46%;}
    .download-unity .btn-box {margin-top: 20px;gap: 15px;}
    .download-unity .btn-box img {height: 35px;}
    .download-unity .container {border-radius: 14px;}

    .icon-title img {width: 95px;}
    .download-unity .container .img-box {width: 46%;}
    .unity-features .content-box {width: 100%;margin-top: 30px;}
    .unity-challenges .icon-title {width: 93%;}

}

@media screen and (max-width:767px) {
    .title {font-size: 22px;}
    .common-section {padding: 50px 0;}
    #unity-banner h1 {font-size: 40px;letter-spacing: -2.3px;}
    .concepts-box ul li {width: 45%;}
    #unity-colors img {width: 95%;}
    #raiders-ui img {width: 95%;}
    .concepts-box li p {font-size: 18px;}
    #unity-tech ul {width: 100%;}
    .inner-content .img-box img {width: 50%;}
    #unity-colors img {width: 65%;}
    .download-unity .container {flex-direction: column;}
    .download-unity .container .left-box {width: 100%;padding: 30px 20px;padding-bottom: 0;}
    .download-unity .container .img-box {width: 90%;}
    .unity-features {background-image: none;}
    .unity-challenges .icon-title {width: 100%;}


}

@media screen and (max-width:639px) {
    #unity-banner h1 {font-size: 32px;letter-spacing: -1.3px;}
    .concepts-box li span {font-size: 14px;letter-spacing: 1px;}
    .concepts-box li p {font-size: 16px;}
    .inner-content .img-box img {width: 45%;}
    p {font-size: 14px;line-height: 22px;}
    #unity-concept .about .image-container {margin-top: 15px;}
    #unity-concept .about {padding-bottom: 0;}

    #unity-colors img:nth-child(2) {margin-top: 10px;}
    .icon-title img {width: 80px;}
    .inner-content .img-box img {width: 55%;}
    #unity-concept .right-box {width: 60%;margin: 50px auto;}
    .content-box .common-box {padding: 15px;border-radius: 10px;}
    .content-box .common-box h3 {font-size: 16px;}
    .download-unity .container .left-box {padding: 30px 10px;border-radius: 0;}
    .download-unity {margin-bottom: 0;}

    .app-quote .common-btn {padding: 12px 30px;font-size: 16px;}
    .content-box .common-box .icon {width: 60px;margin-top: -60px;}
    .unity-challenges .content-box .common-box {border-radius: 16px;padding: 25px;flex-direction: column;}
    .unity-challenges .content-box .common-box .img-box , .unity-challenges .content-box .common-box .con-box {width: 100%;}
    .unity-challenges .content-box .common-box .img-box {order: 1;}
    .unity-challenges .content-box .common-box .img-box img{width: 70%;margin: 0 auto;}
}

@media screen and (max-width:479px) {
    .title {font-size: 20px;} 
    .sub-title {font-size: 14px;line-height: 20px;}  
    #unity-tech ul img {width: 40px;}
    #unity-banner h1 {font-size: 30px;}
    #unity-banner p {font-size: 20px;}
    .concepts-box li p {font-size: 16px;}
    .inner-content .img-box {padding: 25px 0;}
    .concepts-box ul li {width: 100%;}
    .inner-content .img-box img {width: 55%;}

}

@media screen and (max-width:359px) {
    
}