@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap');

@font-face { font-family: 'stentiga'; src: url('../../fonts/stentiga.otf'); }

@font-face { font-family: 'Segoe-UI'; src: url('../../fonts/Segoe-UI.ttf'); }
@font-face { font-family: 'Segoe-UI-light'; src: url('../../fonts/Segoe-UI-Light.ttf'); }
@font-face { font-family: 'Segoe-UI-Italic'; src: url('../../fonts/Segoe-UI-Italic.ttf'); }
@font-face { font-family: 'Segoe-UI-Bold'; src: url('../../fonts/Segoe-UI-Bold.ttf'); }
@font-face { font-family: 'Segoe-UI-Bold-Italic'; src: url('../../fonts/Segoe-UI-Bold-Italic.ttf'); }

.page-template-musikaa h1, 
.page-template-musikaa h2, 
.page-template-musikaa h3, 
.page-template-musikaa h4, 
.page-template-musikaa h5, 
.page-template-musikaa h6{
	font-family: 'Nunito', sans-serif;
	font-weight: 400;
}
.page-template-musikaa {background-color: #4943FF;font-size: 18px;color:#fff;font-family: 'Segoe-UI-light', sans-serif; font-weight: 300;}


.page-template-musikaa header {font-family: 'Poppins', sans-serif;}
.page-template-musikaa .menu ul li a {color: #fff;}
.page-template-musikaa #menu-header-sub-menu li.touch_btn a {border-color: #fff;color: #fff;}
.page-template-musikaa .nav-icon3 span {background-color: #fff;}
.page-template-musikaa .corporate-video a span svg path.circular-icon {fill: #fff;}
.page-template-musikaa #menu-header-sub-menu li.touch_btn a:hover {background: transparent;color: #fff;}
.page-template-musikaa header .ganpatiji img {object-position: -37px 0px;}
.page-template-musikaa .header_type_2 .schedule-call a svg path {fill: #fff;}
.page-template-musikaa .darkHeader.header_type_2 .schedule-call a svg path {fill: #fff;}
.page-template-musikaa.shshowcancel header {background-color: transparent;}
.page-template-musikaa.shshowcancel .header_type_2 .schedule-call a svg path {fill: #fff;}
.page-template-musikaa .header_type_2 .logo_white_cool{
    display: inline-block;
}
.page-template-musikaa .header_type_2 .logo_black_cool {
    display: none;
}
.page-template-musikaa .darkHeader.header_type_2 #menu-header-sub-menu li.touch_btn a,
.page-template-musikaa.shshowcancel .header_type_2 #menu-header-sub-menu li.touch_btn a{
	color: #fff;
	background-color: transparent;
}
.page-template-musikaa .darkHeader.header_type_2 #menu-header-sub-menu li.touch_btn a:hover,
.page-template-musikaa.shshowcancel .header_type_2 #menu-header-sub-menu li.touch_btn a:hover{
	color: #fff;
	background-color: #FF570D;
}
.wow.animated {
    animation-iteration-count: inherit;
}
.section_gap{
	padding: 130px 0; 
}
.section_gap_small{
	padding: 60px 0;
}
.bg{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.gradient-bg{
	background: transparent linear-gradient(180deg, #E1762A 0%, #4943FF 100%) 0% 0% no-repeat padding-box;
}
p, *{
	margin: 0;
	padding: 0;
}

/**/
.bubble_shape {
    height: 120px;
    width: 120px;
    display: inline-block;
    position: relative;
}
.bubble_shape:after {
    display: inline-block;
    content: "";
    height: 50px;
    width: 50px;
    border-radius: 100%;
    background-color: #E97FF1;
    position: absolute;
    right: -30px;
    top: 30px;
    z-index: 0;
}
.bubble_shape:before {
    height: 100%;
    width: 100%;
    border-radius: 100%;
    background-color: #ffffff57;
    display: inline-block;
    content: "";
    backdrop-filter: blur(30px);
    z-index: 2;
    position: absolute;
    top: 20px;
    left: 0px;
}
.bubble_shape .greenborder {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    border: 2px solid #b6ff52;
    border-radius: 100%;
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0;
}

/* equal height */
.equal_height {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.equal_height > .equal_height_container {
    display: flex;
    width: 100%;
}
.equal_height > .equal_height_container > div{
    width: 100%;
}

/* animation effect */
@-webkit-keyframes slide-y {
    0% {
        -webkit-transform: translateY(25px);
        transform: translateY(25px);
    }
    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    100% {
        -webkit-transform: translateY(25px);
        transform: translateY(25px);
    }
}
@keyframes slide-y {
    0% {
        -webkit-transform: translateY(25px);
        transform: translateY(25px);
    }
    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(-px);
    }
    100% {
        -webkit-transform: translateY(25px);
        transform: translateY(25px);
    }
}

@-webkit-keyframes slide-x {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
}
@keyframes slide-x {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
}
@-webkit-keyframes rotate360 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform:rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate360 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform:rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes wave {
    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
    50% {
        -webkit-transform:rotateX(20deg);
        transform: rotateX(20deg);
    }
	50% {
        -webkit-transform:rotateX(60deg);
        transform: rotateX(60deg);
    }
    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
}
@keyframes wave {
    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
    50% {
        -webkit-transform:rotateX(20deg);
        transform: rotateX(20deg);
    }
	50% {
        -webkit-transform:rotateX(60deg);
        transform: rotateX(60deg);
    }
    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
}
.wave{
    -webkit-animation: wave infinite 2s linear;
    animation: wave infinite 2s linear;
}

/*banner section */
.banner_section{
	background-image: url(../../images/case-study/musikaa/banner-bg.webp);
	padding: 150px 60px 0;
	text-align: center;
}
.banner-details .banner-title {
    font-family: stentiga;
    font-size: 140px;
    position: relative;
    padding: 0 10%;
    display: inline-block;
	line-height: 1;
}
.banner_bubble{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.banner_pere {
    font-size: 36px;
    font-style: italic;
}
.banner_wave {
    position: relative;
    margin: 50px 0;
	display: inline-block;
}
.banner_wave_circle{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10%;
}
.banner_wave_circle img.ic_circle {
    -webkit-animation: rotate360 infinite 4s linear;
	animation: rotate360 infinite 4s linear;
}
.banner_wave_circle img.ic_innercircle {
    position: absolute;
    left: 0;
}
.banner_img {
    position: relative;
	margin-top: -360px;
}
.banner_img_box {
    display: inline-block;
    position: relative;
}
.banner_img_box:before {
    display: inline-block;
    content: "";
    position: absolute;
    bottom: 0;
    width: 97%;
    height: 60%;
    background-color: #b6ff52;
    left: 0;
    z-index: 0;
    border-radius: 100% 100% 0 0;
}
.banner_img_box img {
    position: relative;
    z-index: 1;
}
.music_play_box {
    position: absolute;
    top: 55%;
    left: calc(50% + 110px);
    border: 1px solid #FFFFFF;
    border-radius: 16px;
    display: inline-flex;
    width: 420px;
    align-items: center;
    padding: 10px 20px;
    background-color: rgb(255 255 255 / 20%);
    backdrop-filter: blur(11px);
	z-index: 3;
}
.music_play_box .play_img img {
    max-height: 70px;
    margin: 0 20px;
}
.play_content {
    text-align: left;
    margin-right: 20px;
    width: calc(100% - 200px);
}
.play_content h5 {
    font-size: 18px;
}
.play_content p {
    font-size: 15px;
    margin: 0;
}
.play_btn img {
    max-height: 50px;
}

/**/
.image_album {
    position: relative;
    padding-bottom: 120px;
}
.image_album img.img2 {
    position: absolute;
    top: 80px;
    left: 80px;
}
.image_album img {
    border-radius: 24px;
    overflow: hidden;
    max-width: calc(100% - 100px);
}
.section_title, .cta_section .footer-title {
    color: #B6FF52;
    font-size: 42px;
    position: relative;
    padding: 20px 0 40px;
	text-transform: uppercase;
	margin: 0;
}
.section_title:before, .cta_section .footer-title:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 3px;
    background-color: #B6FF52;
}
.section_title.centertitle:before, .cta_section .footer-title:before {
    left: 50%;
    transform: translateX(-50%);
}
.section_title.righttitle::before {
    left: auto;
    right: 0;
}
.section_pera {
    font-size: 30px;
    margin-bottom: 40px;
}
.single_count {
    width: 30%;
    display: inline-block;
    margin-right: 2%;
}
.single_count h4 {
    font-size: 40px;
}
.single_count p {
    font-size: 20px;
}

/* box design */
.box_title{
	font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.6;
	font-weight: 500;
	text-transform: uppercase;
}
.width_90{
	width: 90%;
	margin: 0 auto;
}
.box_type1 {
    border: 2px solid #FFFFFF;
    padding: 200px 40px 40px;
    border-radius: 200px 200px 40px 40px;
    background-color: rgb(255 255 255 / 20%);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    margin-top: 160px;
    z-index: 0;
    position: relative;
}
.box_type1 .img_wrapper {
    width: 300px;
    height: 300px;
    overflow: hidden;
    border-radius: 100% 100% 100% 0;
    margin: 0 auto;
    background-color: #B6FF52;
    position: relative;
    z-index: 2;
	position: absolute;
    top: -140px;
	left: 50%;
	transform: translateX(-50%);
}
.box_type1.pink .img_wrapper{
	background-color: #E97FF1;
}
.box_type1.orange .img_wrapper{
	background-color: #F46C2F;
}
.box_type1 .img_wrapper img {width: 100%;height: 100%;object-fit: cover;border-radius: 100% 100% 100% 0;transform: translate(10px, -10px);object-position: center;}
/* .box_type1 .box_content {
    border: 2px solid #FFFFFF;
    padding: 200px 40px 40px;
    border-radius: 100% 100% 40px 40px;
    background-color: rgb(255 255 255 / 20%);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    margin-top: -160px;
    z-index: 0;
    position: relative;
} */


/**/
.about_bottom_section {
    padding-bottom: 500px;
}
.section3_img_box img {
    margin-top: -400px;
    max-height: 700px;
    margin-bottom: 60px;
}
.section3_img_box .bubble_shape {
    transform: translate(90px, -400px);
    position: absolute;
    left: 70px;
}
.overlay_bg {
    position: relative;
}
.overlay_bg:before {
    background-color: rgb(255 255 255 / 10%);
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    z-index: 0;
}
.overlay_bg .container {
    position: relative;
    z-index: 1;
}

/**/
.box2_container {
    margin-top: 40px;
    display: flex;
	justify-content: space-evenly;
}
.box2_container .box2 {
    width: 16%;
    margin: 0 2%;
}
.box2 .box2_count {
    text-align: left;   
	transform: translate(-20px, 50px);  
	z-index: 0;   
	position: relative;
}
.box2 .box2_count img{
    max-height: 90px;
}
.box2 .box2_image {--bs-aspect-ratio: 100%;margin-bottom: 30px;position: relative;z-index: 1;}
.box2 .box2_image:before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: "";
}
.box2_container .box2  p{
	color: #CDC9C9;
}

/* box3 design */
.box3_container {
    width: 80%;
    margin: 60px auto 0;
}
.box3 {
    background: rgb(255 255 255 / 10%);
    border-radius: 16px;
    backdrop-filter: blur(17px);
    -webkit-backdrop-filter: blur(17px);
    padding: 60px 30px;
}
.box3_img img {
    max-height: 80px;
    margin-bottom: 30px;
}
.box3 p{
	color: #CDC9C9;
}


/* screen shot section design */
.scree-wrapper {
    width: 90%;
    display: flex;
    margin: 90px auto 0;
    align-items: flex-start;
}
.scree-wrapper .screenshot_img {
    max-width: 33%;
    transform: scale(1.4);
    height: auto;
}
.scree-wrapper .screenshot1, .scree-wrapper .screenshot3 {
    margin-top: 50px;
}

/**/
.single_list {
    border: 1px solid #fff;
    border-width: 1px 0;
    padding: 20px;
    margin: 30px 0;
    display: flex;
	align-items: center;
}
.singlelist_count {
	font-family: 'Nunito', sans-serif;
	font-size: 100px;line-height: 1;
	padding-right: 20px;
	border-right: 1px dashed #fff;
	margin-right: 20px;
	color: #645fff;
	text-shadow: -1px -1px 1px #fff, 1px 1px 1px #fff;
}

/**/
.app_feature_box {
    width: 47%;
    display: inline-flex;
	margin: 0 0 80px;
	vertical-align: top;
	margin: 0 1%;
}
.app_feature_box:nth-child(2n+2) {
    margin-top: 100px;
    margin-bottom: 0;
}
.app_feature_box .app_feature_icon {
    width: 100px;
    height: 100px;
    background-color: #37F1BE;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 40px;
    font-weight: 700;
}
.green_ball .app_feature_icon{ background-color: #37F1BE;}
.pink_ball .app_feature_icon{ background: #F137E5;}
.yellow_ball .app_feature_icon{ background: #FFBA3F; }
.red_ball .app_feature_icon{ background: #F13D37;}
.app_feature_box .app_feature_content {
    width: calc(100% - 100px);
    padding-left: 20px;
	margin-top: 35px;
}

/**/
.app_success_feature {
    background-color: #B6FF52;
    padding: 50px 0;
}
.app_success_feature .section_title {
    color: #000;
}
.app_success_feature .section_title::before {
    background-color: #000;
}
.app_success_feature marquee {
    background-color: rgb(0 0 0 / 10%);
    color: #000;
    padding: 10px 0;
}
.app_success_feature marquee span {
    font-weight: 600;
    font-size: 30px;
    margin-right: 80px;
    font-style: italic;
}
.app_success_feature marquee span:after, .app_success_feature marquee span:before {
    display: inline-block;
    content: "✱";
    font-style: normal;
    font-size: 20px;
}


/**/
.tech_section {
    text-align: right;
}
.tech_box_overlay{
	position: relative;
}
.tech_box_overlay:after{
	display: inline-block;
	content: "";
	background-color: rgb(255 255 255 / 20%);
    border-radius: 400px 0px 0px 400px;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
	position: absolute;
	right: 0;
	top:0;
	bottom: 0;
	width: 60%;
}
.tech_box {
    width: 60%;
    padding-left: 50px;
    margin-left: auto;
    position: relative;
    z-index: 1;
}
.tech_single_box {
    background-color: rgb(255 255 255 / 20%);
    border: 1px solid #FFFFFF;
    opacity: 1;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    height: 110px;
    width: 110px;
    display: inline-block;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
	vertical-align: top;
}
.tech_single_box img {
    max-height: 70%;
    max-width: 70%;
}


/* cta section */
.cta_image {
    text-align: center;
}
.cta_image img {
    margin-top: -310px;
    z-index: 0;
    position: relative;
    max-height: 710px;
}
.cta_section .lets-talk-section {
    border: none;
}
.cta_section .lets-talk-section .footer-link {
    color: #fff;
    font-weight: 300;
    font-style: italic;
}
.cta_section .theme_contactbtn {
    background: transparent linear-gradient(180deg, #ffffff29 0%, #5d5d5d00 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    border: 1px solid #fff;
    font-weight: 500;
    font-family: 'Nunito', sans-serif;
}
.cta_section .theme_contactbtn:hover { color: #B6FF52;border-color: #B6FF52 ;}
.footer-casestudy-wrapper:hover h5 {
    color: #B6FF52;
}
.footer-casestudy-section {
    border-top: 0;
}
/* responsive css */
@media (min-width: 1400px) {	
	.container {
	    max-width: 1320px;
	}	
}
@media (min-width: 1921px) {
    .about_wave_section .container-fluid,
    .screenshot_section .container-fluid{
        max-width: 1320px;
    }
}
@media (max-width: 1680px){
	.banner-details .banner-title {
		font-size: 120px;
	}
	.banner_pere{
		font-size: 32px;
	}
	.bubble_shape {
		height: 100px;
		width: 100px;
	}
}
@media (max-width: 1399px){
	.section_gap{
		padding: 110px 0;
	}
	.banner-details .banner-title {
		font-size: 100px;
	}
	.banner_pere {
		font-size: 26px;
	}
	.banner_wave_circle {
		height: 150px;
	}
	.banner_wave_circle img {
		max-height: 100%;
	}
	.banner_img {
		margin-top: -290px;
	}
	.banner_img_box img {
		max-height: 620px;
	}
	.section_title, .cta_section .footer-title {
		font-size: 38px;
	}
	.section_pera {
		font-size: 26px;
	}
	.image_album img.img2 {
		top: 50px;
		left: 50px;
	}
	.app_success_feature marquee span {
		font-size: 24px;
		line-height: 1;
	}
	/**/
	.box_type1 {
		padding: 130px 30px 30px;
		border-radius: 120px 120px 20px 20px;
	}
	.box_type1 .img_wrapper {
		width: 250px;
		height: 250px;
		top: -150px;
	}
}

@media (max-width: 1199px){
	.section_gap {
		padding: 80px 0;
	}
	.banner-details .banner-title {
		font-size: 90px;
		padding: 0 15%;
	}
	.banner_pere {
		font-size: 24px;
	}
	.bubble_shape {
		height: 80px;
		width: 80px;
	}
	.banner_wave_circle {
		height: 100px;
	}
	.music_play_box {
		width: 370px;
		padding: 7px 15px;
	}
	.music_play_box .play_img img {
		max-height: 55px;
		margin: 0 15px;
	}
	.play_wave img {
		max-height: 22px;
	}
	.play_content {
		margin-right: 15px;
		width: calc(100% - 145px);
	}
	.play_btn img {
		max-height: 36px;
	}	
	.section_title, .cta_section .footer-title {
		font-size: 34px;
		padding-bottom: 30px;
	}
	.section_pera {
		font-size: 24px;
		margin-bottom: 30px;
	}
	.image_album img {
		max-width: calc(100% - 70px);
	}
	.width_90 {
		width: 100%;
	}
	.section3_img_box img {
		max-height: 500px;
	}
	.box_type1 {
		border-radius: 100px 100px 15px 15px;
		padding: 130px 20px 20px;
	}
	.box2 .box2_count img {
		max-height: 70px;
		margin-left: 20px;
	}
	.box2_container .box2 {
		width: 18%;
		margin: 0 1%;
	}
	.box2 .box2_image {
		margin: 10px 10px 30px;
	}
	.box3_container {
		width: 90%;
	}
	.cta_image img {
		max-height: 550px;
		margin-top: -200px;
	}
	.tech_single_box {
		height: 90px;
		width: 90px;
	}
	.tech_single_box img {
		max-height: 50px;
	}

	.app_feature_box .app_feature_icon {
		height: 80px;
		width: 80px;
		font-size: 26px;
	}
	.app_feature_box .app_feature_content {
		margin-top: 27px;
	}
	
}

@media (max-width: 991px){
	.page-template-musikaa .header_type_2 .mobile_icon ul li a {
	    color: #fff;
	}
	.banner_img_box img {
		max-height: 440px;
	}
	.banner_img {
		margin-top: -210px;
	}
	.music_play_box {
		right: 0;
		left: auto;
	}
	.image_album img {
		max-width: calc(100% - 40px);
	}
	.image_album img.img2 {
		top: 30px;
		left: 30px;
	}
	.section_title, .cta_section .footer-title {
		font-size: 28px;
	}
	.section_pera {
		font-size: 20px;
	}
	.single_count h4 {
		font-size: 30px;
	}
	.single_count {
		width: 47%;
	}
	.box_type1 {
		margin-bottom: 40px;
	}
	.about_bottom_section {
		padding-bottom: 400px;
	}
	.box2_container {
		flex-wrap: wrap;
	}
	.box2_container .box2 {
		width: 23%;
	}
	.box3_container {
		width: 100%;
	}
	.box3 {
		padding: 30px 15px;
	}
	.box3_img img {
		max-height: 60px !important;
    	margin-bottom: 20px !important;
	}
	.singlelist_count {
		font-size: 80px;
	}
	.tech_box_overlay:after, .tech_box {
		width: 90%;
	}

	.app_feature_box .app_feature_icon {
		height: 60px;
		width: 60px;
		font-size: 20px;
	}
	.app_feature_box .app_feature_content {
		margin-top: 20px;
		width: calc(100% - 60px);
		padding-left: 15px;
	}
	.app_feature_box:nth-child(2n+2) {
		margin-top: 60px;
	}
	.app_success_feature marquee span {
		font-size: 18px;
	}
	.app_success_feature marquee span:after, .app_success_feature marquee span:before {
		font-size: 14px;
	}
	.app_success_feature {
		padding: 30px 0;
	}
	.section3_img_box .bubble_shape {
		transform: translate(0, -400px);
	}

	.box_type1 {
		border-radius: 100% 100% 15px 15px;
		margin-top: 80px;
	}
	.box_type1 .img_wrapper {
		width: 200px;
		height: 200px;
		top: -100px;
	}
	
}
@media (max-width: 767px){
	.page-template-musikaa{
		font-size:16px;
	}
	.section_gap{
		padding:60px 0;
	}
	.banner_section{
		padding: 140px 15px 0;
	}
	.banner-details .banner-title {
		font-size: 60px;
		padding: 0 20%;
	}
	.bubble_shape {
		height: 50px;
		width: 50px;
	}
	.bubble_shape:after {
		width: 30px;
		height: 30px;
		right: -20px;
		top: 20px;
	}
	.banner_wave {
		margin: 50px 0 0;
	}
	.banner_img {
		margin-top: 0;
	}
	.banner_wave_circle {
		height: 60px;
		left: 20px;
	}
	.banner_wave .ic_wave.wave {
		animation: none;
	}
	.banner_img_box img {
		max-height: 500px;
	}
	.image_album img {
		max-width: 180px;
	}
	.image_album {
		padding-bottom: 70px;
	}
	.section_title, .cta_section .footer-title {
		font-size: 24px;
		padding-bottom: 20px;
	}
	.section_pera {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.box_title {
		font-size: 16px;
		margin-bottom: 12px;
		line-height: 1.2;
	}
	.about_bottom_section {
		padding-bottom: 40px;
	}
	.section3_img_box .bubble_shape {
		transform: translate(0);
	}
	.section3_img_box img {
		margin: 40px 0;
	}	
	.box2_container .box2 {
		width: 44%;
	}
	.screenshot_section {
		text-align: center;
	}
	.screenshot_section img:not(.screenshot_img) {
		max-height: 300px;
		margin: 0 auto;
	}
	.screenshot_section .section_title {
		margin-top: 40px;
	}
	.screenshot_section .section_title::before {
		left: 50%;
		transform: translateX(-50%);
	}
	.box3_container {
		margin: 0;
	}
	.box3 {
		margin: 10px 0;
	}
	.tech_single_box {
		height: 70px;
		width: 70px;
	}
	.tech_single_box img {
		max-height: 40px;
	}
	.cta_image img {
		max-height: 400px;
		margin-top:-130px;
	}	

}

@media (max-width: 575px){
	.banner-details .banner-title {
		padding: 0;
		font-size: 48px;
	}	
	.banner-details .banner-title .banner_bubble {
		display: none;
	}	
	.banner_pere {
		font-size: 17px;
	}	
	.music_play_box {
		width: 292px;
	}	
	.section_title, .cta_section .footer-title {
		font-size: 20px;
	}
	.box2_container .box2 {
		width: 48%;
	}
	.single_list {
		align-items: flex-start;
		padding: 15px;
		margin: 15px 0;
	}
	.singlelist_count {
		font-size: 40px;
		margin: 0;
		border: none;
	}
	.tech_section, .tech_section .section_gap {
		padding: 20px !important;
	}
	.tech_box_overlay:after, .tech_box {
		width: 100%;
		border-radius: 0;
		text-align: center;
	}
	.tech_box .section_title:before {
		right: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	.tech_single_box {
		height: 60px;
		width: 60px;
	}
	.tech_single_box img {
		max-height: 30px;
	}
	.cta_image img {
		margin-top: 40px;
	}
	.app_feature_box {
		width: 100%;
		margin: 0 !important;
	}
}

@media (max-width: 480px){
	.single_count p {
		font-size: 16px;
	}
	.tech_section, .tech_section .section_gap {
		padding: 10px !important;
	}
}