/* Global CSS */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');
body{background-color: #FFFFFF;color: #0D1A3E;font-family: 'Open Sans', sans-serif;}
li{list-style: none;}
ul{padding-left: 0;margin-bottom: 0;}
p , h1,h2,h3,h4,h5,h6{margin-bottom: 0;}

/* Custom CSS */
.custom-container{max-width: 1600px;margin: 0 auto;width: 85%;}
.common-section{padding: 100px 0;}
.title{font-size: 34px;margin-bottom: 20px; color: #303030;font-weight: 600;}
.sub-title{font-size: 24px;line-height: 40px;margin-bottom: 50px;}

/* white logo */
#portfolio .innermenulogo , #portfolio .menulogo {display: none;}
#portfolio .whitelogo .sitelogo , #portfolio .homemenulogo {display: block;}

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

.views {height: 100vh;background-image: url(../portfolio/images/apolide/webview.png);background-attachment: fixed;background-position: center;background-size: cover;}

.about-apolide {background-color: #FFF9ED;}
.about-apolide p.sub-title {width: 82%;margin: 0 auto;}
.about-apolide a {width: 250px;margin: 0 auto;font-size: 24px;font-weight: 600;text-decoration: underline;color: #E58900;}
.about-apolide a img {width: 90px;margin: 0 auto;margin-bottom: 15px;transition: all 0.5s ease-in}
.about-apolide a:hover img {rotate: 90deg;transition: all 0.5s ease-in;}
.about-apolide ul {width: 75%;margin: 60px auto;gap: 26px;}
.about-apolide li {width: 25%;}
.about-apolide li span {color: #E58900;font-size: 20px;font-weight: 600;text-transform: uppercase;display: block;}
.about-apolide li p {color: #212121;font-size: 24px;font-weight: 600;}

#apolide-design .inner-content {background-color: #E58900;}
#apolide-design .inner-content .img-box {width: 50%;}
#apolide-design .inner-content .img-box.full-img img {width: 100%;}

.color-typo {background-color: #FFF;}
.color-typo img {width: 100%;}
.color-typo img.color-fonts-mobile {display: none;}

#apolide-tech {background-color: #FFF;}
#apolide-tech h2 {margin-bottom: 70px;}
#apolide-tech ul {width: 70%;margin: 0 auto;}



/************** Responsive CSS of Apolide Case Study *****************/

@media screen and (max-width:1919px) {
    #apolide-design .inner-content .img-box.common-section img {width: 50%;}
    .about-apolide p.sub-title {width: 85%;}
    .sub-title {font-size: 22px;line-height: 36px;}
    #apolide-tech ul img {width: 100px;height: 100px;object-fit: contain;}
    .about-apolide ul {width: 85%;}
    .about-apolide li span {font-size: 18px;}
    .about-apolide li p {font-size: 22px;}
}

@media screen and (max-width:1599px) {
    .common-section {padding: 80px 0;}
    .title {font-size: 32px;}
    #apolide-tech h2 {margin-bottom: 30px;}
    #apolide-tech ul img {width: 100px;}
    #apolide-banner h1 {font-size: 84px;}
    #apolide-banner a {padding: 20px 35px;font-size: 20px;border-radius: 12px;}
    #apolide-design .inner-content .img-box.common-section img {width: 40%;}
    .sub-title {font-size: 20px;line-height: 34px;}
    .about-apolide p.sub-title {width: 80%;}
    #apolide-tech ul img {width: 90px;height: 90px;}

}

@media screen and (max-width:1439px) {
    #apolide-banner h1 {font-size: 70px;}
    #apolide-banner a {padding: 15px 30px;font-size: 18px;border-radius: 10px;}
    #apolide-banner p {font-size: 26px;}
    .about-apolide ul {width: auto;margin: 40px auto;gap: 15px}
    .about-apolide a img {width: 80px;margin-bottom: 10px;}
    .about-apolide a {font-size: 22px;}
}

@media screen and (max-width:1365px) {
    #apolide-banner p {font-size: 24px;}
    #apolide-tech ul {width: 75%;}
    .about-apolide p.sub-title {width: auto;}
    .about-apolide li p {font-size: 20px;}
}

@media screen and (max-width:1279px) {
    #apolide-tech ul img {width: 75px;height: 75px;}
    .title {font-size: 30px;}
    .common-section {padding: 60px 0;}
    #casadami-features h3 {font-size: 22px;}
    #apolide-tech h2 {margin-bottom: 15px;}
    #apolide-banner h1 {font-size: 62px;}
    #apolide-design .inner-content .img-box.common-section {padding: 60px 0;}
    #apolide-design .inner-content .img-box.common-section img {width: 45%;}
    .sub-title {font-size: 18px;line-height: 30px;}
    .about-apolide ul {flex-wrap: wrap;gap: 30px;margin: 30px auto}
    .about-apolide li {width: 48%}
    .about-apolide a {font-size: 20px;}
    .about-apolide a img {width: 70px;}
}

@media screen and (max-width:1023px) {
    .common-btn {border-radius: 12px;font-size: 18px;padding: 12px 25px;}
    .title {font-size: 28px;margin-bottom: 15px;}
    #apolide-banner h1 {font-size: 54px;}
    .views {height: 450px;background-attachment: unset;}
    #apolide-banner p {font-size: 22px;}
    #apolide-design .inner-content .img-box.common-section {padding: 40px 0;}
    #apolide-design .inner-content .img-box.common-section img {width: 50%;}
    #apolide-tech ul {width: auto;}
    .about-apolide li {width: 47%}
    .about-apolide ul {gap: 20px;}
    .sub-title {font-size: 16px;line-height: 26px;}
    .about-apolide li p {font-size: 18px;}
    .about-apolide li span {font-size: 16px;}

}

@media screen and (max-width:767px) {
    #apolide-tech ul img {width: 65px;height: 65px;}
    .title {font-size: 24px;}
    #apolide-banner h1 {font-size: 40px;letter-spacing: -2.3px;}
    #apolide-design .inner-content .img-box.common-section {padding: 35px 0;}
    .about-apolide a img {width: 55px;}
    .about-apolide a {font-size: 18px;}
    .common-section {padding: 60px 0}
}   

@media screen and (max-width:639px) {
    .common-section {padding: 40px 0;}
    #apolide-tech ul img {width: 60px;height: 60px;}
    #apolide-banner h1 {font-size: 32px;letter-spacing: -1.3px;}
    .views {height: 290px;}
    #apolide-design .inner-content .img-box.common-section {padding: 20px 0;}
    #apolide-design .inner-content .img-box.common-section img {width: 55%;}
    .sub-title {font-size: 14px;line-height: 24px}
    .about-apolide a img {margin-bottom: 5px;width: 45px;}
    .about-apolide a {font-size: 16px;}
    #apolide-design .inner-content {flex-direction: column;background-color: transparent;}
    #apolide-design .inner-content .img-box {width: 100%;}
    #apolide-design .inner-content .img-box.common-section {padding: 55px 0;background-color: #E58900;}
    #apolide-design .inner-content .img-box.common-section img {width: 45%;}
    .about-apolide li p {font-size: 16px;}
    .about-apolide li span {font-size: 14px;}
    .color-typo img.color-fonts-mobile {display: block;}
    .color-typo img.color-fonts-web {display: none;}
    .custom-container {width: 95%;}

}

@media screen and (max-width:479px) {
    .title {font-size: 20px;}
    #apolide-tech ul img {width: 50px;height: 50px;}
    #apolide-banner .banner-content {padding-top: 60px;}
    #apolide-banner .banner-content .right-box {width: 95%;}
    #apolide-banner h1 {font-size: 30px;}
    .views {height: 225px;}
    #apolide-design .inner-content .img-box.common-section {padding: 40px 0;}
    #apolide-design .inner-content .img-box.common-section img {width: 50%;}
    .about-apolide li {width: 100%;}

}

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

}