@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
     font-family: 'Poppins';
}

.df {
     display: flex;
}

.aic {
     align-items: center;
}

.fww {
     flex-wrap: wrap;
}

.container {
     max-width: 1300px !important;
	 width: 1300px;
}
.cwu {
	 background-color: #0e1320;
	 color: #fff;
	 width: 300px;
	 height: 50px;
	 padding: 0 26.86px;
	 border-radius: 16.11px;
	 -webkit-border-radius: 16.11px;
	 -moz-border-radius: 16.11px;
	 -ms-border-radius: 16.11px;
	 -o-border-radius: 16.11px;
	 display: flex;
	 justify-content: space-between;
	 border: none;
	 align-items: center;
	 margin-top: 10px;
	 font-size: 16px;
	 cursor:pointer;
}
 .cwu img {
	 transform: translateX(-10px);
	 -webkit-transform: translateX(-10px);
	 -moz-transform: translateX(-10px);
	 -ms-transform: translateX(-10px);
	 -o-transform: translateX(-10px);
	 transition: all 0.3s ease-in-out;
}
 .cwu:hover img {
	 transform: translateX(10px);
	 -webkit-transform: translateX(10px);
	 -moz-transform: translateX(10px);
	 -ms-transform: translateX(10px);
	 -o-transform: translateX(10px);
}
 
.banner-btn{
	display: flex;
    justify-content: center;
}
.wt_bg_btn {
	 background-color: #fff;
	 color: #000;
	 width: 160px;
	 height: 50px;
	 border-radius: 36px;
	 border: none;
	 font-size: 14px;
	 transition: all 0.3s linear;
	 -webkit-transition: all 0.3s linear;
	 -moz-transition: all 0.3s linear;
	 -ms-transition: all 0.3s linear;
	 -o-transition: all 0.3s linear;
	 margin-right: 14px;
	 max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	cursor:pointer;
}
 .wt_bg_btn img {
	 width: 20px;
	 margin-right: 17px;
}
 .wt_bg_btn:hover img {
	 transition: all 0.3s linear;
	 transform: translateX(105px);
	 -webkit-transform: translateX(105px);
	 -moz-transform: translateX(105px);
	 -ms-transform: translateX(105px);
	 -o-transform: translateX(105px);
}
 .wt_bg_btn:hover span {
	 position: relative;
	 left: -30px;
	 -webkit-transition: all 0.3s linear;
	 -moz-transition: all 0.3s linear;
	 -ms-transition: all 0.3s linear;
	 -o-transition: all 0.3s linear;
}
 
.bl_bg_btn {
	 background-color: #0c8ce9;
	 color: #fff;
	 width: 160px;
	 height: 50px;
	 border-radius: 36px;
	 border: 1px solid #fff;
	 font-size: 14px;
	  max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	cursor:pointer;
}
 .bl_bg_btn img {
	 width: 20px;
	 margin-right: 17px;
	 filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(158deg) brightness(101%) contrast(100%);
}
 .bl_bg_btn:hover img {
	 transition: all 0.3s linear;
	 transform: translateX(125px);
	 -webkit-transform: translateX(125px);
	 -moz-transform: translateX(125px);
	 -ms-transform: translateX(125px);
	 -o-transform: translateX(125px);
}
 .bl_bg_btn:hover span {
	 position: relative;
	 left: -40px;
	 transition: 0.5s;
}
 

.purple_btn {
     border-radius   : 36px;
     font-size       : 14px;
     width           : 160px;
     height          : 50px;
     color           : #fff;
     background-color: #2516475c;
     border          : 1px solid #3a2d59;
	  max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	cursor:pointer;
}

.mt-4 {
     margin-top: 40px;
}
.banner {
	 background-image: url("../webp/banner.webp");
	 background-repeat: no-repeat;
	 background-position: top;
	 background-size: 100%;
	 color: #fff;
	 text-align: center;
	 padding-top: 270px;
}
 .banner #particles-js {
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%, -50%);
	 width: 100%;
}
 .banner .banner_content {
	 position: relative;
	 z-index: 1;
}
 .banner .banner_content h2 {
	 font-size: 69px;
	 font-weight: 700;
	 line-height: 106.67px;
}
 .banner .banner_content p {
	 font-size: 16px;
	 font-weight: 400;
	 line-height: 25.8px;
	 margin-bottom: 30px;
	 color: #fff;
}
 .banner .banner_content .video {
	 width: 100%;
	 margin-top: 93px;
}
 
.happy_client .hp {
	 background-color: #f3f5f6;
	 text-align: center;
	 border-radius: 50px;
	 height: 263px;
	 display: flex;
	 flex-direction: column;
	 justify-content: space-around;
}
 .happy_client .hp h4 {
	 font-size: 40px;
	 font-weight: 700;
	 line-height: 48px;
	 padding-top: 24px;
}
 .happy_client .banner-part .owl-carousel .owl-stage-outer .owl-stage .owl-item .client-item {
	 margin: auto;
	 display: flex;
	 justify-content: center;
}
 
.ios_app_dev .ios_app_dev_contnet {
	 padding-left: 100px;
	 display: flex;
	 flex-wrap: wrap;
	 align-content: center;
}
 .ios_app_dev .ios_app_dev_contnet h4 {
	 font-size: 40.4px;
	 font-weight: 600 !important;
	 line-height: 50.15px;
	 letter-spacing: -1.6111888885px;
}
 .ios_app_dev .ios_app_dev_contnet p {
	 font-size: 17px;
	 font-weight: 400;
	 line-height: 35px;
}
 .ios_app_dev .app_card {
	 background-color: #f5f6fa;
	 border-radius: 12px;
	 -webkit-border-radius: 12px;
	 -moz-border-radius: 12px;
	 -ms-border-radius: 12px;
	 -o-border-radius: 12px;
	 padding: 24px;
	 margin-bottom: 30px;
	 height: 260px;
	 margin-top: 15px;
	/* min-height : 57px;
	 */
}
.ios_app_dev .app_card.features-cta{
	background: #090118;
}
.ios_app_dev .app_card.features-cta h3, .ios_app_dev .app_card.features-cta p{
	color:#ffffff;
}
.features-cta .banner-btn {
    display: flex;
    justify-content: flex-start;
    margin-top: 25px;
}
 .ios_app_dev .app_card h6 {
	 font-size: 19.8px;
	 font-weight: 600 !important;
	 line-height: 28.63px;
}
 .ios_app_dev .app_card p {
	 font-size: 14px;
	 font-weight: 400;
	 line-height: 28.16px;
	 color: #111827;
	 margin: 0;
}
 
.lets_talk_abt_business {
	 background-image: url("../webp/lets_talk_abt_business.webp");
	 background-repeat: no-repeat;
	 background-position: top center;
	 background-size: 100%;
	 height: 900px;
	 margin-bottom: 100px;
}
 .lets_talk_abt_business .lets_talk_abt_business_content {
	 position: relative;
	 top: 240px;
	 left: 60px;
}
 .lets_talk_abt_business .lets_talk_abt_business_content h6 {
	 font-size: 18px;
	 font-weight: 500;
	 line-height: 37.33px;
	 color: #00d4ff;
}
 .lets_talk_abt_business .lets_talk_abt_business_content h5 {
	 font-size: 40px;
	 font-weight: 600 !important;
	 line-height: 50px;
	 color: #fff;
}
 .lets_talk_abt_business .lets_talk_abt_business_content p {
	 font-size: 16.1px;
	 font-weight: 400;
	 line-height: 30.43px;
	 color: #adbdcc;
	 margin-top: 30px;
}
 .lets_talk_abt_business .lets_talk_abt_business_content .count_number {
	 margin-top: 106px;
}
 .lets_talk_abt_business .lets_talk_abt_business_content .count_number h4 {
	 position: relative;
	 font-size: 54px;
	 color: #fff;
	 font-weight: 700;
}
 .lets_talk_abt_business .lets_talk_abt_business_content .count_number h4:before {
	 content: "";
	 background-color: #00d4ff;
	 width: 1px;
	 height: 24px;
	 position: absolute;
	 top: 18px;
	 left: -21px;
}
 .lets_talk_abt_business .lets_talk_abt_business_content .count_number p {
	 margin: 0;
	 line-height: 8px;
	 color: #1abcfe;
}
 
.feedback_tool_features{
	padding-bottom: 80px;
}
.features-list{
	display: flex;
    align-items: center;
	padding-left:30px !important;
}
.feedback_tool_features h6 {
	 font-size: 18.6px;
	 font-weight: 700;
	 line-height: 28.2px;
	 text-transform: capitalize;
	 color: #862fe7;
}
 .feedback_tool_features h5 {
	 font-size: 34px;
	 font-weight: 600 !important;
	 line-height: 50.45px;
	 color: #111827;
}
 .feedback_tool_features p {
	 font-size: 17px;
	 font-weight: 400;
	 line-height: 34.5px;
	 color: #1f2534;
}
 .feedback_tool_features ul {
	 list-style: none;
	 padding: 0;
	 display: flex;
	 flex-wrap: wrap;
	 gap: 11px;
	 margin-left: 10px;
}
 .feedback_tool_features ul li {
	 padding: 15px 15px;
	 background-color: #f5f6fa;
	 border-radius: 10px;
	 font-weight: 500;
}
 .feedback_tool_features ul li img {
	 margin-right: 10px;
     width: 20px;
     height: 20px;
}
 

.eyiawet {
	 background: url("../webp/enhancing-background.webp") no-repeat top #030014;
	 color: #fff;
	 padding-top: 570px;
	 text-align: center;
	 position: relative;
	 padding-bottom: 50px;
}
 .eyiawet h6 {
	 font-family: Poppins;
	 font-size: 40px;
	 font-weight: 700;
	 line-height: 60px;
	 text-align: center;
	 margin-top: 70px;
}
 .eyiawet p {
	 font-size: 15px;
	 font-weight: 400;
	 line-height: 32px;
	 color: #fff;
	 text-align: center;
	 margin-bottom: 80px;
}
 .eyiawet .enhancing-list {
	 border-left: 1px solid #191628;
	 border-bottom: 1px solid #191628;
	 padding: 30px 30px;
}
 .eyiawet .tech-tab {
	 cursor: pointer;
}
 .eyiawet .border-none {
	 border-bottom: none;
}
 .eyiawet .eyiawet_card {
	 text-align: left;
	 height: 320px;
}
 .eyiawet .eyiawet_card P {
	 text-align: left;
	 margin-bottom: 0;
	 color: #fff;
}
 .eyiawet .eyiawet_card h5 {
	 margin-top: 10px;
	 font-weight: 500 !important;
}
 .eyiawet .small-images p {
	 margin-bottom: 20px;
	 text-align: left;
	 font-size: 28px;
	 margin: 0;
	 height: 75px;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
}
 .eyiawet .small-images p img {
	 display: none;
}
 .eyiawet .small-images p.active {
	 color: #fff;
	 font-size: 33px;
	 font-weight: 600 !important;
}
 .eyiawet .small-images p.active img {
	 display: inline-block;
	 width: 50px;
}
 .eyiawet .big-image {
	 transition-delay: 1s;
}
 .eyiawet .big-image img {
	 width: 100%;
	 transition-delay: 1s;
}
 .eyiawet .rador_panel {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 margin: auto;
	 box-shadow: inset 0 0 0 99px #222, inset 0 0 0 100px rgba(255, 255, 255, 0.2), inset 0 0 0 199px #222, inset 0 0 0 200px rgba(255, 255, 255, 0.2), inset 0 0 0 299px #222, inset 0 0 0 300px rgba(255, 255, 255, 0.2);
	 border-radius: 50%;
	 transform: rotate(0deg);
	 overflow: hidden;
	 width: 800px;
	 height: 800px;
	 border: 1px solid #fff;
}
 .eyiawet .rador_panel .scanner {
	 -webkit-animation: scanning 6s infinite linear;
	 animation: scanning 6s infinite linear;
	 background-size: 100%;
	 background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 50%);
	 transform-origin: top left;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 width: 800px;
	 height: 800px;
	 border-left: 1px solid rgba(255, 255, 255, 0.1);
}
 .eyiawet .rador_panel:before {
	 content: '';
	 display: block;
	 position: absolute;
	 top: 0;
	 left: 50%;
	 width: 1px;
	 height: 100%;
	 background: rgba(255, 255, 255, 0.2);
}
 .eyiawet .rador_panel:after {
	 content: '';
	 display: block;
	 position: absolute;
	 top: 50%;
	 left: 0;
	 width: 100%;
	 height: 1px;
	 background: rgba(255, 255, 255, 0.2);
}
 .eyiawet .rador_panel .something {
	 list-style: none;
}
 .eyiawet .rador_panel .something li {
	 display: none;
}
 @keyframes scanning {
	 100% {
		 transform: rotate(360deg);
		 -webkit-transform: rotate(360deg);
		 -moz-transform: rotate(360deg);
		 -ms-transform: rotate(360deg);
		 -o-transform: rotate(360deg);
	}
}
 @keyframes target {
	 1% {
		 opacity: 0.5;
		 transform: scale(2.5);
	}
	 3% {
		 opacity: 1;
		 transform: scale(1.5);
	}
	 60% {
		 opacity: 0;
		 transform: scale(0.6);
	}
}
 
.app_dev_partner h5 {
	 text-align: center;
	 font-size: 39.3px;
	 font-weight: 700;
	 line-height: 63px;
}
 .app_dev_partner .para {
	 font-size: 15px;
	 font-weight: 400;
	 line-height: 28px;
	 text-align: center;
	 color: #000000;
}
 .app_dev_partner .app_dev_partner_row h6 {
	 font-size: 17.6px;
	 font-weight: 600;
	 color: #dc5f05;
	 text-transform: uppercase;
}
 .app_dev_partner .app_dev_partner_row h4 {
	 font-size: 37px;
	 font-weight: 600 !important;
	 line-height: 50.45px;
	 color: #111827;
}
 .app_dev_partner .app_dev_partner_row p {
	 font-size: 16px;
	 font-weight: 400;
	 line-height: 33.5px;
	 color: #1f2534;
	 width: 90%;
}
 

.right-padding{
	padding-left: 45px;
}
.billion {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}
.billion h6 {
	 font-family: Poppins;
	 font-size: 100px;
	 font-weight: 100 !important;
	 line-height: 100px;
	 text-align: center;
}
 .billion .by2030 {
	 text-align: center;
	 font-size: 51px;
	 font-weight: 100 !important;
}
 .billion .para {
	 font-size: 18px;
	 font-weight: 500;
	 line-height: 36px;
	 text-align: center;
	 margin-top: 35px;
	 margin-bottom: 30px;
}
 .billion .para span {
	 font-size: 17px;
	 font-weight: 600;
	 color: #0c8ce9;
}
 .billion .bl_bg_btn {
	 margin: auto;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 width: 215px;
	 height: 50px;
	 transition: 0.5s;
	 cursor:pointer;
}
 .billion .bl_bg_btn span {
	 transition: 0.5s;
}
 

.portfolio_faq {
	background-size: cover;
	background-image: url(../png/portfolio_faq.png);
	background-repeat: no-repeat;
	background-position: top center;
	margin-bottom: 20px;
	background-size: cover;
	padding: 35px 50px 50px 50px;
	border-radius: 50px 50px 0px 0px;
	 color              : #fff;
     text-align         : center;
 }
 .faq_list{
	 text-align: left;
    padding: 0;
    list-style: disc;
    list-style-position: inside;
 }


    .faq h6 {
	 font-size: 45px;
	 font-weight: 600 !important;
	 color: #fff;
	 margin-bottom: 25px;
}
 .faq #accordion {
	 width: 100%;
	 padding-top: 1rem;
	 justify-content: space-between;
	 display: flex;
	 flex-wrap: wrap;
}
 .faq .accordian-item {
	 border: 1px solid #5e5e5e;
	 border-radius: 12px;
	 margin: 0px;
	 margin-bottom: 20px;
	 padding: 5px 15px;
}
 .faq .accordion-toggle {
	 cursor: pointer;
	 height: 65px;
	 margin: 0;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 line-height: 1;
	 transition: 250ms all ease;
	 -webkit-transition: 250ms all ease;
	 -moz-transition: 250ms all ease;
	 -ms-transition: 250ms all ease;
	 -o-transition: 250ms all ease;
}
 .faq .accordion-toggle .button {
	 position: relative;
	 width: 100%;
	 text-align: left;
	 font-size: 15px;
	 font-weight: 600;
	 line-height: 24px;
	 color: #fff;
}
 .faq .accordion-toggle .button:before, .faq .accordion-toggle .button:after {
	 content: "";
	 position: absolute;
	 background-color: #d7d7d7;
	 transition: transform 0.25s ease-out;
}
 .faq .accordion-toggle .button:before {
	 top: 3px;
	 left: unset;
	 width: 2px;
	 height: 15px;
	 right: 6px;
}
 .faq .accordion-toggle .button:after {
	 top: 9px;
	 right: 0;
	 width: 16px;
	 height: 2px;
}
 .faq .accordion-toggle.opened .button {
	 cursor: pointer;
}
 .faq .accordion-toggle.opened .button:before {
	 transform: rotate(90deg);
}
 .faq .accordion-toggle.opened .button:after {
	 transform: rotate(180deg);
}
 .faq .accordion-toggle.opened .button:before, .faq .accordion-toggle.opened .button:after {
	 background-color: #ccc;
}
 .faq .accordion-content {
	 display: none;
}
 .faq .accordion-content p {
	 font-size: 14px;
	 text-align: left;
	 color: #fff;
}
 .faq .accordion-content.opened {
	 border-color: #ccc;
}
 








/*------------------testimonials-section------------------*/

.testimonials-section{
	text-align:center;
	margin: 80px 0px 50px 0px;
}
.testimonials-section h5{
    text-align: center;
    font-size: 50px;
    font-weight: 600 !important;
    line-height: 63px;
	margin-bottom:50px;
}
.testimonials-section .client_imgs {
    display: flex;
    width: 100%;
    text-align: left;
    flex-wrap: nowrap;
	min-height: 80px;
	align-items: center;
}
.testimonials-section .testimonials-slider img{
	width: 80px;
	margin-right: 10px;
}
section.testimoni h4.white {
    color: #333333 !important;
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    font-family: 'Poppins' !important;
    font-weight: 400 !important;
    font-style: normal;
    margin: 0px;
    text-align: left;
}
.testimonials-section .testimonials-slider .tm-content {
    float: left;
    width: 79%;
    text-align: left;
}
.tm-title h6{
	color:#ffffff;
	font-size:20px;
	line-height:24px;
	font-weight:700;
	margin-top: 10px;
}
.tm-title p{
	color:#ffffff;
	font-size:16px;
	line-height:24px;
	font-weight:500;
}

/*------------------testimonials-section------------------*/


/*----------success-stories----------------*/
.portfolio {
	 font-family: Poppins;
	 font-size: 62px;
	 font-weight: 700;
	 line-height: 24px;
	 text-align: left;
}
 .portfolio h5 {
	 font-size: 44px;
	 font-weight: 700;
	 line-height: 86.18px;
	 text-align: center;
}
 .portfolio .portfolio-sub-title {
	 font-size: 16px;
	 font-weight: 400;
	 line-height: 27.8px;
	 text-align: center;
	 color: #fff;
}
 

.success-stories{
	padding-bottom: 0px;
	text-align: left;
}
.clients.success-stories .tt-head {
    font-size: 45px;
    font-weight: 700;
    line-height: 55px;
    color: #fff;
	margin-bottom: 20px;
	margin-top: 0px;
	text-align:left;
}
.clients.success-stories .tt-head strong {
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    border: 1px solid #ffffff;
    padding: 10px 40px;
    border-radius: 25px;
    display: block;
    width:285px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
	margin-bottom: 20px;
}
.clients.success-stories .owl-theme .owl-nav [class*=owl-]:hover{
	background: transparent;
}
.clients.success-stories .owl-nav {
    bottom: -37px;
    top: inherit;
}
.service-tag {
    margin-top: 20px;
    margin-bottom: 5px;
	padding: 0;
	display: flex;
    flex-wrap: wrap;
}
.tfs-img{
	margin-top: 60px;
}
.service-tag li {
    font-size: 16px;
    padding: 4px 15px;
    width: auto;
    text-align: center;
    margin-top: 0;
    margin-right: 5px;
    display: inline-block;
    list-style: none;
	position:relative;
	margin-bottom: 15px;
    line-height: 45px;
	font-weight: 500;
}
.service-tag li:before{
	content         : "";
    width           : 100%;
    height          : 4px;
    position        : absolute;
    top             : 0px;
    left            : 0px;
}
.service-tag li.service-tag-yellow:before{
    background: #ffc702;
    color: #000;
}
.service-tag li.service-tag-violet:before {
    background: #724dbe;
    color: #fff;
}
.service-tag li.service-tag-blue:before {
    background: #4a90e2;
    color: #fff;
}
.service-tag li.service-tag-red:before {
    background: #e23a70;
    color: #fff;
}
.location-list {
    width: 100%;
    margin: 0;
	display: flex;
    flex-wrap: wrap;
	padding:0px;
}
.location-list li {
    margin-right: -10px;
    padding: 0;
    width: 38%;
    font-size: 13px;
    margin-bottom: 10px;
    vertical-align: top;
	display: flex;
}
.location-list li:first-child{
	width: 26%;
}
.location-list li i {
    display: inline-block;
    width: 22%;
    vertical-align: top;
    margin-top: 5px;
	margin-right: 10px;
}
.location-list li:first-child i{
	width: 31%;
}
.location-list li i img {
    width: 40px !important;
    display: inline-block;
}
.tag-list-right {
    width: 75%;
    margin-left: 0;
}
.location-list li label {
    display: inline-block;
    width: 100%;
    color: #ffffff;
    font-weight: 600;
    margin: 0;
    font-size: 14px;
}
.location-list li label, .location-list li.width100 label {
    font-family: Poppins;
    font-weight: 600;
}
.location-list li span {
    display: inline-block;
    width: 100%;
    color: #ffffff;
    font-weight: 400;
    font-size: 14px;
}
.location-list li.width100 {
    width: 95.5%;
    margin-bottom: 5px;
    margin-top: 3px;
}
.casestudy-list{
	padding:0px 0px;
}
.casestudy-list li {
    display: inline-block;
    width: 100%;
    list-style: none;
    margin: 5px 0;
    font-size: 14px;
	font-weight: 400;
}
.client-profile .client-logo {
    width: 180px !important;
    height: auto !important;
}
.casestudy-list li i {
    float: left;
	margin-right: 10px;
}
.main-box-section.white-text .casestudy-list li img {
    filter: brightness(0) invert(1);
}
.location-list li.width100 label {
    margin-bottom: 5px;
    margin-top: 5px;
}
.location-list li.width100 label, .location-list li.width100 span {
    width: 100%;
}
.location-list li.width100 span small {
    background: #f2f2f2;
    padding: 4px 9px;
    margin-bottom: 2px;
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    margin-right: 2px;
    display: inline-block;
    margin-top: 4px;
    font-size: 100%;
    color: #000;
}
.casestudy-list.mauto-list li {
    width: 48%;
}

.client-profile .profile .name {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin: 0px;
}
.client-head {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0 5px;
}


/*----------success-stories----------------*/



.accordion-button::after {
     content         : '\002B' !important;
     font-size       : 1.25rem;
     margin-left     : auto;
     transition      : transform 0.3s ease;
     background-image: unset !important;
}

.accordion-button:not(.collapsed)::after {
     content         : '\2212' !important;
     background-image: unset !important;
}


/* Client Section -- Start */
/*.client-section {
	 background-image: url(../../../../themes/clean-blog/new-images/new_ios_img/client-logos-bg.webp);
	 background-repeat: no-repeat;
	 background-position: top center;
	 height: 930px;
	 margin-bottom: 20px;
	 background-size: contain;
	 padding: 90px 50px 0px 50px;
}
 .client-section i {
	 position: relative;
	 top: 50px;
}
 .client-section .client-section-card {
	 width: 50%;
	 margin: 0 auto;
	 text-align: center;
}
 .client-section .client-section-card h5 {
	 font-size: 45px;
	 color: #000;
}
 .client-section .client-section-card p {
	 font-size: 16px;
	 color: #000;
	 line-height: 28px;
	 width: 74%;
	 margin: 0 auto 25px;
	 justify-content: center;
	 display: flex;
}
 .client-section .client-section-card .bl_bg_btn.unlock-btn {
	 width: 231px;
}
 
.bl_bg_btn.unlock-btn:hover img {
	 transition: all 0.3s linear;
	 transform: translateX(163px);
	 -webkit-transform: translateX(163px);
	 -moz-transform: translateX(163px);
	 -ms-transform: translateX(163px);
	 -o-transform: translateX(163px);
}*/



/*------------------Popup-----------------*/


.donate-now {
	list-style-type: none;
	margin: 0px;
	padding: 0;
}

.donate-now li {
	float: left;
	margin: 0 5px 0 0;
	width: 70px;
	height: 20px;
	position: relative;
	margin-right: 13px;
}

.donate-now .sm {
	width: 100px;
}

.donate-now label,
.donate-now input {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	align-self: center;
}

.donate-now input[type="radio"] {
	opacity: 0.01;
	z-index: 100;
	cursor: pointer;
}

.donate-now input[type="radio"]:checked+label,
.Checked+label {
	background: white;
	color: #000;
}

.donate-now label {
	padding: 0 0 0 0;
	border: 1px solid #CCC;
	border-radius: 13px;
	font-size: 12px;
	cursor: pointer;
	z-index: 90;
	font-weight:500;
}

.donate-now label:hover {
	background: #DDD;
	color: #000;
}

.iti__selected-flag {
	top: 5px;
	height: 33px !important;
	border-radius: 4px;
	transition: .3s;
}

input#phone {
	padding-left: 47px !important;
	top: 6px;
}

.intl-tel-input .flag-dropdown .selected-flag {
	padding: 7px 16px 11px 6px;
}

.intl-tel-input {
	z-index: 99;
	width: 100%;
}

.iti-flag {
	box-shadow: none;
}

.intl-tel-input .selected-flag:focus {
	outline: none;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
	background-color: black;
}

.iti--allow-dropdown input {
	padding-right: 6px;
	padding-left: 52px;
	margin-left: 0;
}

.iti__country-list {
	border-radius: 4px !important;
	z-index: 999 !important;
	box-shadow: 0 0 16px 0 rgb(0 0 0 / 8%) !important;
	border: 1px solid #ececec !important;
	width: 270px !important;
	color: black;
}

.get-but a {
	font-family: none;
}

.get-but {
	font-family: 'poppins';
	font-weight: 500;
}

.get-but a {
	border-radius: 30px;
	font-family: 'poppins' !important;
}

.get-but a:hover i {
	left: 120px !important;
}

.con-get-but.get-but a {
	background-color: transparent;
	color: rgba(0, 0, 0, 0.89);
	border: 1px solid rgba(0, 0, 0, 0.89);
}

.con-get-but.get-but a:hover i {
	left: 110px !important;
}

.dev_left_cont p.common-sub-heading {
    text-transform: none;
    line-height:40px;
    font-size: 22px;
}

.modal-dialog.popup-one.seo-dubai-popup{
	background: #030014;
	padding-right: 15px;
	border-radius: 50px;
	border: 10px solid #fff;
}
.popup-one.seo-dubai-popup .modal-body{
	background: transparent;
	width: 100%;
}
.popup-one.seo-dubai-popup .popup-left {
    padding: 0;
}
.popup-one.seo-dubai-popup #popupcontact_form{
	background: #fff;
    padding: 25px;
    border-radius: 15px;
	margin: 25px;
}
.popup-one.seo-dubai-popup{
	width: 1020px;
	max-width: 1020px;
}
.popup-one.seo-dubai-popup .flex_rowed{
	width: 97%;
}
.popup-one.seo-dubai-popup .form-group textarea{
	width: 99%;
}
.popup-one.seo-dubai-popup .dev_left_cont.webdev {
    top: 93px;
	bottom: inherit;
}
.popup-one.seo-dubai-popup .common-heading{
	color: #ffffff;
	line-height: 55px;
	font-size: 35px;
}
.popup-one.seo-dubai-popup .dev_left_cont img {
    position: inherit;
    top: inherit;
    left: inherit;
    width: 24px !important;
}
.popup-one.seo-dubai-popup .dev_left_cont .rocket-icon img{
	width: 40px !important;
}
.popup-one.seo-dubai-popup .donate-now label{
	padding: 5px;
}
.popup-one.seo-dubai-popup .donate-now li{
	height: 35px;
	margin-right: 3px;
}
.popup-one.seo-dubai-popup .send-meg button{
	background: #6fc047;
    border: 1px solid #6fc047;
	padding: 18px 8px 18px 21px;
}
.popup-one.seo-dubai-popup .send-meg button i{
	left: 19px;
}
.popup-one.seo-dubai-popup .send-meg button:hover i {
    left: 134px;
}
.popup-one.seo-dubai-popup .send-meg button:hover {
    padding: 18px 40px 18px 0;
    border-radius: 25px;
}
.popup-one.seo-dubai-popup .donate-now input[type="radio"]{
	cursor:pointer;
}
.send-meg{
	text-align: right;
}
.popup-one.seo-dubai-popup .donate-now input[type="radio"]:checked+label, .Checked+label {
    background:#6fc047;
    color: #000;
}
.dev_left_cont p{
	font-size: 16px;
    font-weight: 500;
    line-height: 32px;
	text-transform: capitalize;
}
.pop-form .phone_number input{
	width: 97% !important;
}
.popup-one .form-group label{
	font-weight: normal;
}



/*------------------Popup-----------------*/
 


/* Responsive -- Start */

@media screen and (min-width:1200px) {}

@media screen and (max-width:1200px) {
   .banner {
	 background-size: cover;
	 padding-top: 40px;
}
 .banner .banner_content h2 {
	 font-size: 58px;
}
 

     .ios_app_dev .ios_app_dev_contnet {
	 padding-left: 60px;
}
 .ios_app_dev .ios_app_dev_contnet h4 {
	 font-size: 35.4px;
	 line-height: 50.15px;
}
 .ios_app_dev .ios_app_dev_contnet p {
	 font-size: 16px;
}
 


    .lets_talk_abt_business {
	 background-size: cover;
}
 .lets_talk_abt_business .lets_talk_abt_business_content {
	 position: relative;
	 top: 180px;
	 left: 0px;
}
 .feedback_tool_features h5 {
	 font-size: 28px;
}
 .feedback_tool_features p {
	 font-size: 14px;
}
 

    .eyiawet p br {
	 display: none;
}
 .app_dev_partner .para br {
	 display: none;
}
 .app_dev_partner .app_dev_partner_row h4 {
	 font-size: 30px;
	 line-height: 45.45px;
}
 

    .portfolio_faq .portfolio p {
	 font-size: 14px;
}
 .portfolio_faq .portfolio p br {
	 display: none;
}
 

}

@media screen and (max-width:992px) {
    .banner .banner_content h2 {
	 font-size: 50px;
}
 .banner .banner_content p {
	 font-size: 14px;
}
 .banner .banner_content p br {
	 display: none;
}
 .banner .banner_content .video {
	 margin-top: 23px;
}
 




     .happy_client .hp h4 {
	 font-size: 40px;
	 line-height: 65.5px;
	 padding-top: 15px;
}
 .ios_app_dev .ios_app_dev_contnet {
	 padding-left: 12px;
}
 .ios_app_dev .ios_app_dev_contnet h4 {
	 font-size: 30px;
	 line-height: 40px;
}
 .ios_app_dev .app_card {
	 height: 90%;
}
 .lets_talk_abt_business .lets_talk_abt_business_content .count_number {
	 margin-top: 50px;
	 margin-left: 10px;
	 row-gap: 40px;
}
 .feedback_tool_features h5 {
	 font-size: 24px;
	 line-height: 38px;
}
 .feedback_tool_features h5 br {
	 display: none;
}
 .eyiawet {
	 padding-top: 10px;
	 background: #030014;
}
 .eyiawet h6 br {
	 display: none;
}
 .app_dev_partner h5 {
	 font-size: 30px;
}
 .app_dev_partner h5 br {
	 display: none;
}
 .app_dev_partner .app_dev_partner_row h4 {
	 font-size: 26px;
}
 .app_dev_partner .app_dev_partner_row p {
	 font-size: 14px;
	 width: 100%;
}
 
.popup-one.seo-dubai-popup {
    width: 100%;
    max-width: 100%;
}
.popup-one.seo-dubai-popup .donate-now li{
	margin-bottom: 10px;
}
.banner .banner_content{
	top: 50px;
}
     

}

@media screen and (max-width:840px) {
     .banner .banner_content h2 {
	 font-size: 44px;
}
 .ios_app_dev .app_card h6 {
	 font-size: 18px;
	 font-weight: 600;
}
 .billion h6 {
	 font-size: 64px;
}
 .billion .by2030 {
	 font-size: 44px;
}
 
}

@media screen and (max-width:768px) {
     .fdcr {
          flex-direction: column-reverse;
     }

     .banner .banner_content h2 {
	 font-size: 45px;
	 line-height: 70px;
}
 .happy_client .hp {
	 height: 200px;
}
 .happy_client .hp h4 {
	 font-size: 26px;
}
 .lets_talk_abt_business .lets_talk_abt_business_content p br {
	 display: none;
}
 .eyiawet .eyiawet_card {
	 height: unset;
	 margin-bottom: 30px;
}
 .eyiawet h6 {
	 font-size: 30px;
}
 .eyiawet .small-images p.active {
	 font-size: 20px;
	 font-weight: 600;
}
 .app_dev_partner h5 {
	 font-size: 27px;
	 line-height: 47px;
}
 .cwu {
	 margin-bottom: 20px;
}
 .billion .para br {
	 display: none;
}
 .billion .para span {
	 font-size: 14px;
}
 

}

@media screen and (max-width:678px) {
     .banner .banner_content h2 {
	 font-size: 40px;
	 line-height: 60px;
}
 .eyiawet .small-images img {
	 width: 100%;
}
 .app_dev_partner h5 {
	 line-height: 48px;
}
 .app_dev_partner .para {
	 font-size: 14px;
}
 
	 .features-list{
		 padding-left: 15px !important;
	 }
	 .feedback_tool_features {
		padding-bottom: 0;
	}
	.right-padding {
		padding-left: 15px;
	}
	.portfolio_faq{
		padding: 20px;
	}
	.portfolio_slider p{
		width: 100% !important;
	}
	.client-item ul {
		width: 100%;
	}
	.portfolio .portfolio h5{
		font-size: 30px;
	}
	.testimonials-section h5{
		font-size: 30px;
		line-height: 50px;
	}
	.testimonials-section .testimonials-slider .tm-content {
		width: 100%;
	}
	.testimonials-section .testimonials-slider img{
		margin: 0 auto;
	}
	.testimonials-section .client_imgs{
		flex-wrap: wrap;
		text-align: center;
	}
	.faq h6{
	   font-size  : 30px !important;
    }
	.accordion-toggle .button{
		font-size: 13px !important;
	}
}

@media screen and (max-width:575px) {
     .container {
          width: auto !important;
     }

     .lets_talk_abt_business .lets_talk_abt_business_content .count_number p {
	 font-size: 12.5px;
}
 .eyiawet .small-images p.active {
	 font-size: 20px;
}
 
}

@media screen and (max-width:480px) {
    .banner .banner_content h2 {
	 font-size: 30px;
}
 .happy_client .hp h4 {
	 font-size: 22px;
	 line-height: 35.5px;
}
 .feedback_tool_features ul {
	 gap: 9px;
	 margin-left: 0;
}
 .feedback_tool_features ul li {
	 padding: 8px;
	 margin-right: 0px;
	 font-size: 12px;
	 width: 48%;
}
 .eyiawet h6 {
	 font-size: 22px;
	 line-height: 40px;
}
 .eyiawet p {
	 font-size: 14px;
	 margin-bottom: 30px;
}
 .app_dev_partner h5 {
	 line-height: 30px;
	 font-size: 18px;
}
 .billion h6 {
	 font-size: 56px;
}
 .billion .by2030 {
	 font-size: 34px;
}
 
}

/* Responsive -- End */