body{
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	font-family: Poppins-Regular;
}
@font-face {
    font-family: Poppins-Regular;
    src: url(../font/Poppins/Poppins-Regular.ttf);
}
@font-face {
    font-family: Poppins-Medium;
    src: url(../font/Poppins/Poppins-Medium.ttf);
}
@font-face {
    font-family: Poppins-Bold;
    src: url(../font/Poppins/Poppins-Bold.ttf);
}
@font-face {
    font-family: Poppins-SemiBold;
    src: url(../font/Poppins/Poppins-SemiBold.ttf);
}
button:focus {
    outline: none;
}
.sys_navbar {
    background-color: #FFF7FA;
    padding: 30px 0;
}
.sys_navbar .navbar button{
	font-size: 30px;
}
.sys_wrapper{
	background-color: #FFF7FA;
    width: 100%;
    padding: 0 0 160px 0;
}
.sys_wrapper .sys_btn{
	padding: 5px;
}
.nav-link{
	display: inline-block;
}
.dropdown-menu{
	border: none;
	border-radius: 20px;
	box-shadow: 0px 0px 40px 0px rgb(5 1 96 / 8%);
}
.navbar-nav .nav-item a.dropdown-item{
	color: #D7D3E4!important;
	transition: 0.5s;
    font-size: 17px;
    line-height: 30px;
    font-family: Poppins-Regular;
}
.navbar-nav .nav-item a.dropdown-item:hover{
	background-color: transparent;
	color: #FF035E!important;
}
.navbar-nav .nav-item.active a.dropdown-item{
	color: #D7D3E4!important;
	transition: 0.5s;
    font-size: 17px;
    line-height: 30px;
    font-family: Poppins-Regular;
}
.navbar-nav .nav-item.active a.dropdown-item:hover{
	background-color: transparent;
	color: #FF035E!important;
}
.sys_btn{
	width: 140px;
	height: 40px;
	padding: 7px 20px;
	background: transparent;
	border: 1px solid #FF035E;
	border-radius: 30px;
	color: #FF035E;
	transition: 0.5s;
}
.sys_btn:hover, .sys_btn.active{
	background: #FF035E;
	color: #fff;
}
.sys_btn_mobile{
	width: 140px;
	height: 40px;
	padding: 7px 0;
	background: transparent;
	border: 1px solid #FF035E;
	border-radius: 30px;
	color: #FF035E;
	transition: 0.5s;
	display: none!important;
}
.sys_btn_mobile:hover{
	background: #FF035E;
	color: #fff;
}
.navbar-nav .nav-item .nav-link{
	font-size: 17px;
	line-height: 30px;
	font-weight: 500;
	color: #828282;
	transition: 0.5s;
}
.navbar-nav .nav-item.active a{
	color: #FF035E!important;
	font-family: Poppins-Bold;	
}
.navbar-nav .nav-link:hover{
	color: #FF035E!important;	
}
.dropdown-menu {
    color: #fff;
}
.navbar .navbar-nav > li {
    margin: 0 0 0 15px;
    position: relative;
}
.carousel-inner .carousel-item .sys_title p{
	font-size: 42px;
	font-weight: bold;
	line-height: 66px;	
	color: #03005C;
	font-family: Poppins-Bold;
}
.carousel-inner .carousel-item .sys_title p span{
	color: #FF035E;
}
.carousel-indicators{
	bottom: -100px;
}
.carousel-indicators [data-target]{
	background: transparent;
	border-radius: 50%;
	border: 1px solid #FF035E;
	height: 15px;
	width: 15px;
	margin: 0 3px;
}
.carousel-indicators [data-target].active{
	background: #FF035E;
}
.sys_services_padding{
	padding: 90px 0;
}
.sys_bg_gray{
	background-color: #F0F1F5;
}
.sys_services{
	background-image: url(../images/service_background.webp);
	background-size: contain;
	background-repeat: no-repeat;
  	background-position: right; 
  	overflow: hidden;
}
.sys_services .title h2{
	color: #FF035E;
	font-weight: bold;
}
.sys_services .title p{
	color: #A8A8A8;
}
.sys_services_widget h2{
	color: #FF035E;
	font-weight: bolder;
	font-size: 35px;
}
.sys_services_widget h4{
	color: #03005C;
	font-weight: bolder;
	font-size: 27px;
	line-height: 50px;
}
.sys_services_widget p{
	color: #9E9E9E;
	font-size: 15px;
	line-height: 25px;
}
.sys_single_card {
    padding: 30px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 0px 40px 0px rgb(5 1 96 / 8%);
    max-width: 95%;
    margin: auto;
    margin-bottom: 10px;
}
.sys_single_card .sys_icon img{
	max-width: 50px;
}
.sys_single_card h5 {
    font-size: 21px;
    font-weight: bold;
    color: #05015e;
}
.sys_single_card p {
    color: #9E9E9E!important;
    font-size: 15px;
}
.sys_services_block .col-md-6{
	padding: 10px;
}
.sys_about{
	padding: 90px 0;
	background-color: #FFF7FA;
}
.sys_about .title{
	margin-bottom: 40px;
}
.sys_about .title h2{
	color: #FF035E;
    font-weight: bold;
}
.sys_about .title p {
    color: #A8A8A8;
}
.sys_tab_title{
    border: none;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 30px;
}
.sys_tab_title .sys_tab_item a{
    margin: 0 8px;
    text-align: center;
    width: 145px;
    height: 42px;
    background: transparent;
    border: 1px solid #2B32B2;
    border-radius: 30px;
    color: #2B32B2;
    transition: 1s;
}
.sys_tab_title .sys_tab_item a:hover, .sys_tab_title .sys_tab_item a.active{
	color: #fff;
    border-color: #2B32B2;
    background-color: #2B32B2;
}
.sys_about .sys_tab_content{
	margin-top: 50px;
}
.sys_about .sys_tab_content p {
    color: #A8A8A8;
}
.sys_content_list{
	margin: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    list-style-type: none;
}
.sys_content_list_item {
    color: #A8A8A8;
    font-size: 15px;
    position: relative;
    padding-left: 20px;
}
.sys_content_list_item:before{
	content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #2b32b2;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.sys_tab_content .btn{
 	color: #FF035E;
 	transition: 0.5s;
}
.sys_tab_content .sys_btn {
    color: #FF035E;
    transition: 0.5s;
    border: 1px solid #FF035E;
    padding: 7px;
}
.sys_tab_content .sys_btn:hover{
	background: #FF035E;
	color: #fff;
}
.sys_team {
	padding: 90px 0;
	background-image: url(../images/team_backgroud.webp);
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}
.sys_team .title h2 {
    color: #FF035E;
    font-weight: bold;
}
.sys_team .title p {
    color: #A8A8A8;
}
.sys_team .card{
	border-radius: 20px;
	border: none;
	box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 15%) !important;
}
.sys_team .card-img{
	border-radius: 20px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	height: 200px;
}
.sys_team .card-body{
	padding-left: 0;
	padding-right: 0;
}
.sys_team .card-title{
	font-family: Poppins-SemiBold;
	font-size: 22px;
	line-height: 30px;
	color: #03005C;
}
.sys_team .card-text{
	font-weight: 400;
	font-size: 16px;
	line-height: 15px;
	color: #929292;
	margin-bottom: 20px;
}
.owl-carousel{
	display: block;
}
.owl-theme .owl-dots {
	display: none;
}
.owl-item .card{
    margin: 0 15px;
}
.sys_team .owl-nav {
    position: absolute;
    top: 120px;
    display: flex;
    margin-top: 0px!important;
    justify-content: space-between;
    width: 100%;
    line-height: 0;
}
.owl-carousel .owl-nav .owl-prev{
	position: relative;
	right: 20px;
}
.owl-carousel .owl-nav .owl-next{
	position: relative;
	left: 20px;
}
.owl-carousel .owl-nav button.owl-next {
    color: #ff035e;
    text-align: center;
    font-size: 18px;
    margin: 5px;
    width: 35px;
    background: transparent;
    height: 35px;
    border: 1px solid #ff035e;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    transition: 0.5s;
    left: 50px;
}
.owl-carousel .owl-nav button.owl-prev {
	color: #ff035e;
    text-align: center;
    font-size: 18px;
    margin: 5px;
    width: 35px;
    background: transparent;
    height: 35px;
    border: 1px solid #ff035e;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    transition: 0.5s;
    right: 50px;
}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span {
    font-size: 30px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: #ff035e;
    color: #FFF;
    text-decoration: none;
}
.sys_counter {
    padding: 40px 0;
    color: #fff;
    background-image: url(../images/counter_background.webp);
	background-size: contain;
    background-repeat: repeat;
    background-position: center;
    overflow: hidden;
}
.sys_counters h2 {
	font-size: 50px;
	font-weight: bold;
}
.sys_counters p {
    margin-bottom: 0;
    font-size: 18px;
}
.sys_review{
	padding: 90px 0;
	background-image: url(../images/review_background.webp);
	background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}
.sys_review .title h2 {
    color: #FF035E;
    font-weight: bold;
}
.sys_review .title p {
    color: #A8A8A8;
}
.sys_review_card{
	padding: 40px 25px 40px 25px;
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 0 0.5rem 1.5rem rgb(0 0 0 / 10%) !important;
	margin: 20px;
}
.sys_top{
	background-image: url(../images/review_card_background.webp);
	background-size: auto;
    background-repeat: no-repeat;
    background-position: right;
    overflow: hidden;
    margin-bottom: 25px;
}
.sys_reviewer .sys_reviewer_img img{
	border-radius: 50%;
}
.sys_reviewer .sys_information{
	padding-left: 15px;
}
.sys_reviewer .sys_information .d-flex {
	color: #FFC107;
	margin-bottom: 10px;
}
.sys_reviewer .sys_name span{
	color: #FF035E;
	font-weight: bold;
	font-size: 22px;
}
.sys_reviewer .sys_name p{
	color: #6E6E6E;
}
.sys_comments p{
	color: #A8A8A8;
}
.sys_review .sys_btn_left{
	left: -130px;
	color: #1f164e;
}
.sys_review .sys_btn_left:hover{
	opacity: 1;
}
.sys_review .sys_btn_right{
	right: -130px;
	color: #1f164e;
}
.sys_review .sys_btn_right:hover{
	opacity: 1;
}
.sys_review_owl_carousel .owl-nav{
	display: block!important;
}
.sys_review_owl_carousel .owl-nav button.owl-prev{
	position: relative;
	left: -50px;
	bottom: 180px;
}
.sys_review_owl_carousel .owl-nav button.owl-next{
	position: relative;
	right: -50px;
	bottom: 180px;
}
.owl-theme .owl-nav{
	justify-content: space-between;
	display: flex!important;
}
.owl-theme .owl-dots{
	display: none;
}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span{
	font-size: 30px;
	line-height: 30px;
}
.sys_tagline{
	padding: 60px;
	background-color: #EDF5F8;
	text-align: center;
}
.sys_tagline p{
	font-size: 30px;
	color: #20174E;
	font-weight: bold;
	margin-bottom: 0;
}
.sys_tagline p span{
	font-weight: bolder;
	color: #FF1D6F;
}
.sys_footer{
	background-color: #20174E;
	padding: 60px 0;
	color: #fff;
}
.sys_footer_widget{
    padding: 40px 10px;
}
.sys_textwidget{
	padding-top: 25px;
	font-size: 15px;
}
.sys_form{
	padding-top: 15px;
}
.sys_form form{
	position: relative;
}
.sys_form .form-group {
    position: relative;
    margin: 0;
    box-shadow: 0px 0px 60px 0px rgb(0 0 0 / 7%);
}
.sys_form .form-group input {
    position: relative;
    width: 100%;
    line-height: 30px;
    padding: 11px 15px;
    padding-right: 65px;
    height: 54px;
    display: inline-block;
    font-size: 15px;
    background: #ffffff;
    font-weight: 400;
    color: #222222;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.04);
    transition: all 300ms ease;
}
.sys_form .form-group .form_btn {
    position: absolute;
    width: 50px;
    height: 54px;
    top: 0px;
    right: 0px;
    float: right;
    color: #ffffff;
    background: #f74883;
    font-size: 20px;
    padding: 12px 0px;
    line-height: 30px;
    border-radius: 2px;
    display: block;
    text-align: center;
	outline: none!important;
}
.sys_form .form-group button{
	text-decoration: none;
	border: none;
}
.sys_footer_widget h4{
	font-weight: bolder;
	font-family: Poppins-Bold;
}
.sys_footer ul{
	list-style-type: none;
	padding: 20px 0 0 0;
	margin: 0;
}
.sys_links li {
    position: relative;
    margin-bottom: 20px;
    line-height: 24px;
    font-size: 15px;
    color: #666666;
}
.sys_links li:before {
    content: "\f061";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    line-height: 24px;
    color: #f74883;
    font-size: 12px;
    font-weight: 700;
    opacity: 0;
    transition: all 0.5s ease;
}
.sys_links li a {
    position: relative;
    display: block;
    color: #ffffff;
    font-size: 15px;
    text-transform: capitalize;
    transition: all 0.5s ease;
    text-decoration: none;
}
.sys_links li:hover:before {
    opacity: 1;
}
.sys_links li a:hover {
    color: #f74883;
    padding-left: 15px;
}
.sys_contact_links li {
    position: relative;
    margin-bottom: 20px;
    line-height: 24px;
    font-size: 15px;
    color: #fff;
}
.sys_contact_links li a {
    position: relative;
    display: block;
    color: #ffffff;
    font-size: 19px;
    transition: all 0.5s ease;
    text-decoration: none;
}
.sys_contact_links li a:hover {
    color: #f74883;
}
.sys_location .sys_icon{
	font-size: 20px;
}
.sys_loaction_text a{
	font-size: 15px!important;
	padding-left: 15px;
}
.sys_mobile .sys_icon{
	font-size: 20px;
}
.sys_mobile_text a{
	font-size: 15px!important;
	padding-left: 15px;
}
.sys_email .sys_icon{
	font-size: 20px;
}
.sys_email_text a{
	font-size: 15px!important;
	padding-left: 15px;
}
.sys_copyright{
    background-color: #FF035E;
    padding: 15px 0;
}
.sys_copyright p {
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 0;
}
.sys_socials {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.sys_socials li {
    list-style-type: none;
    padding: 0 6px 0 0;
}
.sys_socials li a {
    color: #ffffff;
    border: 2px solid #fff;
    display: inline-block;
    height: 30px;
    width: 30px;
    background-color: transparent;
    text-align: center;
    font-size: 14px;
    line-height: 27px;
    border-radius: 50%;
    transition: 0.5s;
    padding:5px;
}
.sys_socials li a:hover {
	background-color: #fff;
	color: #FF035E;
}
.sys_home_about{
	padding: 90px 0;
	background-color: #F0F1F5;
    overflow: hidden;
}
.sys_home_about .sys_small_title {
    margin-bottom: 0;
    display: block;
    margin: 15px 25px;
}
.sys_home_about .sys_small_title h2 {
    color: #FF035E;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 25px;
}
.sys_home_about .sys_small_title p {
    color: #03005C;
    font-size: 20px;
    margin-bottom: 3px;
}
.sys_home_about .sys_home_about_cont {
    border-left: 2px solid #ececec;
}
.sys_home_about .sys_home_about_cont p {
	color: #A8A8A8;
    font-size: 16px;
    line-height: 29px;
    padding: 15px 0 15px 15px;
    margin: 0 auto;
}
.sys_technology_stack{
	padding: 90px 0;
	background-color: #FFF7FA;
	background-image: url(../images/blogs_background.webp);
	background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    overflow: hidden;
}
.sys_technology_stack .title h2 {
    color: #FF035E;
    font-weight: bold;
}
.sys_technology_stack .title p {
    color: #A8A8A8;
}
.sys_technology_stack .sys_technology{
	text-align: center;
	box-shadow: 0px 1px 16px 0px #00000014;
	border-radius: 20px;
	border: 2px solid #fff;
	padding: 30px 10px;
	background-color: #fff;
	transition: 0.5s;
}
.sys_technology_stack .row{
	justify-content: center;
}
.sys_technology_stack .row .col-md-2{
	padding-top: 15px;
	padding-bottom: 15px;
}
.sys_technology_stack .sys_technology img{
	width: 50px;
	padding-bottom: 30px;
	margin: auto;
	filter: grayscale(100%);
	opacity: 80%;
	transition: 0.5s;
}
.sys_technology_stack .sys_technology p{
	color: #03005C;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0px;
	transition: 0.5s;
}
.sys_technology_stack .sys_technology:hover{
	box-shadow: none;
	border: 2px solid #FF035E;
	background-color: #fff;
	transition: 0.5s;
}
.sys_technology_stack .sys_technology:hover img{
	filter: grayscale(0%);
	opacity: 100%;
}
.sys_technology_stack .sys_technology:hover p{
	color: #FF035E;
}

/**********Service**********/

.sys_service_wrapper{
	background-color: #FFF7FA;
    width: 100%;
    text-align: center;
    padding: 120px 0 160px 0;
    color: #03025e;
    font-family: Poppins-Bold;
}
.sys_service_introduction{
	padding: 90px 0;
}
.sys_introduction h2{
	color: #FF035E;
	font-family: Poppins-Bold;
}
.sys_introduction p.sys_moto{
	color: #000;
	font-family: Poppins-Bold;
	font-size: 18px;
	padding-top: 10px;
}
.sys_introduction p{
	color: #949494;
	font-size: 14px;
	margin-top: 16px;
}
.sys_introduction ul li{
	color: #949494;
	font-size: 14px;
}
.sys_service_app_development{
	padding: 70px 0;
	background-image: linear-gradient(90deg, rgb(255 3 94 / 5%), rgb(5 177 255 / 5%));
}
.sys_text h2{
	color: #03025e;
    font-family: Poppins-Bold;
}
.sys_text p{
	color: #949494;
    margin: 25px 0;
    font-size: 14px;
}
.sys_service_web_design_development{
	padding: 70px 0;
}
.sys_service_digital_marketing{
	padding: 70px 0;
	background-image: linear-gradient(90deg, rgb(255 3 94 / 5%), rgb(5 177 255 / 5%));
}
.sys_service_unity_game{
	padding: 70px 0;
}
.sys_faq{
	padding: 90px 0;
	font-family: Poppins-Medium;
}
.sys_faq .title h2 {
    color: #FF035E;
    font-weight: bold;
}
.sys_faq .title p {
    color: #A8A8A8;
}

/**********About**********/

.sys_about_wrapper{
	background-color: #FFF7FA;
    width: 100%;
    text-align: center;
    padding: 120px 0 160px 0;
    color: #03025e;
    font-family: Poppins-Bold;
}
.sys_about_introduction{
	padding: 90px 0;
}
.sys_company{
	padding: 90px 0;
	background-image: url(../images/vision_mission_value_background.webp);
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    background-color: #FFFAFC;
}
.sys_company_card {
    padding: 30px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 0px 40px 0px rgb(5 1 96 / 8%);
    margin: auto;
    margin-bottom: 10px;
}
.sys_company_card .sys_company_icon {
	color: #FF035E;
	font-size: 40px;
}
.sys_company_card .sys_company_icon img { 
	max-width: 35px;
}
.sys_company_card h5 {
    font-size: 25px;
    font-weight: bold;
    color: #FF035E;
    margin: 0!important;
}
.sys_company_card p {
    color: #838383!important;
    font-size: 14px;
}
.sys_vision{
	line-height: 32px;
}
.sys_blogs {
    padding: 90px 0 60px 0;
    background-color: #FFF7FA;
    background-image: url(../images/blogs_background.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    overflow: hidden;
    text-align: center;
}
.sys_blogs .sys_btn{
	margin-top: 50px;
}
.sys_blogs .title h2 {
    color: #FF035E;
    font-weight: bold;
}
.sys_blogs .title p {
    color: #A8A8A8;
}
.sys_blog_card {
    border-radius: 20px;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 7%) !important;
    border: none;
    text-align: left;
}
.sys_blog_card .card-img-top {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.card-title {
    color: #20174E;
    text-decoration: none;
    font-size: 17px;
    font-weight: 700;
    transition: 0.5s;
}
.card-title:hover {
    text-decoration: none!important;
    color: #FF1D6F;
}
.card-text {
    margin-top: 10px;
    color: #929292;
    font-size: 14px;
}
.sys_date {
    display: flex;
    color: #FF1D6F;
    align-items: center;
}
.sys_date p {
    color: #6F6F6F;
    font-size: 14px;
    margin-bottom: 0;
    padding-left: 8px;
}
.sys_share {
    display: flex;
    color: #FF1D6F;
    align-items: center;
}
.sys_share p {
    color: #6F6F6F;
    font-size: 14px;
    margin-bottom: 0;
    padding-left: 8px;
    padding-right: 15px;
}

/**********Web Design & Development**********/

.sys_service_web_design {
    padding: 70px 0;
}
.sys_service_web_design .sys_text{
	padding-left: 30px;
}
.sys_service_web_design .sys_text p{
	font-size: 14px;
	margin: 20px 0;
}
.sys_service_web_design .sys_text ul{
	font-size: 14px;
	list-style-type: none;
	position: relative;
	padding-left: 20px;
	margin-bottom: 5px;
}
.sys_service_web_design .sys_text ul li:before{
	content: "\f061";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    line-height: 24px;
    color: #f74883;
    font-size: 12px;
    font-weight: 700;
}
.sys_service_web_development {
    padding: 70px 0;
	background-image: linear-gradient(90deg, rgb(255 3 94 / 5%), rgb(5 177 255 / 5%));
}
.sys_service_web_development .sys_text{
	padding-left: 30px;
}
.sys_service_web_development .sys_text p{
	font-size: 14px;
	margin: 20px 0;
}
.sys_service_web_development .sys_text ul{
	font-size: 14px;
	list-style-type: none;
	position: relative;
	padding-left: 20px;
	margin-bottom: 5px;
}
.sys_service_web_development .sys_text ul li:before{
	content: "\f061";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    line-height: 20px;
    color: #f74883;
    font-size: 14px;
    font-weight: 700;
}
.accordion{
	margin: 15px 0;
}
.accordion .card{
	border: none;
	background-color: transparent;
}
.accordion .card-header .collapsed{
	color: #4F4F4F!important;
	font-size: 15px;
}
.accordion .card-header .collapsed:before {
    content: "\f067";
    font-family: 'FontAwesome';
    font-size: 15px;
    padding-right: 10px;
}
.accordion .card-header .collapsed span{
	display: none;
}
.accordion .card-header{
	background-color: transparent;
	border-top: 1px solid rgba(0,0,0,.125);
}
.accordion .card-header .btn-link{
	color: #FF035E;
	transition: 0.5s;
	text-decoration: none;
	font-size: 15px;
}
.accordion .card-header .btn-link span{
	padding-right: 10px;
}
.accordion .card-header .btn-link:hover{
	text-decoration: none;
	color: #FF035E;
}
.btn.focus, .btn:focus{
	outline: none;
	box-shadow: none;
}
.accordion .card-body{
	color: #949494;
	font-size: 15px;
	padding-left: 60px;
}

/**********App Development**********/

.sys_service_android_app_development{
	padding: 70px 0;
	background-image: linear-gradient(90deg, rgb(255 3 94 / 5%), rgb(5 177 255 / 5%));
}
.sys_service_ios_app_development{
	padding: 70px 0;
}
.sys_service_flutter_app_development{
	padding: 70px 0;
	background-image: linear-gradient(90deg, rgb(255 3 94 / 5%), rgb(5 177 255 / 5%));
}

/**********Androoid App Development**********/

.sys_industries{
	padding: 90px 0;
}
.sys_industries .title h2 {
    color: #FF035E;
    font-weight: bold;
}
.sys_industries .title p {
    color: #A8A8A8;
}
.sys_industries_card {
    padding: 30px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 0px 40px 0px rgb(5 1 96 / 8%);
    margin: auto;
    margin-bottom: 30px;
}
.sys_industries_card h5 {
    font-size: 20px;
    font-weight: bold;
    color: #FF035E;
    margin-top: 15px;
}
.sys_industries_card p {
    color: #838383!important;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 0px;
}

/**********Digital Marketing**********/

.sys_digital_marketing_categories{
	padding: 90px 0;
    background-color: #FFF7FA;
    background-image: url(../images/blogs_background.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    overflow: hidden;
}
.sys_digital_marketing_categories .title h2 {
    color: #FF035E;
    font-weight: bold;
}
.sys_digital_marketing_categories .title p {
    color: #A8A8A8;
}
.sys_digital_marketing_categories .sys_marketing_categories {
    box-shadow: 0px 1px 16px 0px #00000014;
    border-radius: 20px;
    padding: 30px;
    background-color: #fff;
    margin: 15px 0;
}
.sys_digital_marketing_categories .sys_marketing_categories .d-flex{
	align-items: center;
}
.sys_digital_marketing_categories .sys_marketing_categories .d-flex h4 {
    color: #03005C;
    font-weight: bold;
    margin-left: 15px;
}
.sys_digital_marketing_categories .sys_marketing_categories p {
    color: #A8A8A8;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 0px;
    transition: 0.5s;
}

/**********Blog**********/

.sys_blog_wrapper{
	background-color: #FFF7FA;
    width: 100%;
    text-align: center;
    padding: 120px 0 160px 0;
    color: #03025e;
    font-family: Poppins-Bold;
}
.sys_blog_content {
	padding: 90px 0 50px 0;
	background-image: url(../images/app_development_background.webp);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}
.sys_blog_content .title {
    margin: 0;
    font-family: Poppins-Bold;
    color: #FF035E;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
}
.sys_blog_content .sys_blog_category{
	list-style-type: none;
}
.sys_blog_content .sys_blog_category li{
	margin: 10px 0;
}
.sys_blog_content .sys_blog_category li a{
	color: #6F6F6F;
	text-decoration: none;
	font-size: 16px;
	transition: 0.5s;
}
.sys_blog_content .sys_blog_category li a:hover{
	color: #FF1D6F;
}
.sys_blog_content .sys_title_recent_posts {
    font-family: Poppins-Bold;
    color: #FF035E;
    font-size: 24px;
    font-weight: 600;
    margin: 30px 0;
}
.sys_blog_content .sys_recent_posts img{
	border-radius: 15px;
}
.sys_recent_post_blog {
    color: #20174E;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    transition: 0.5s;
}
.sys_recent_post_blog:hover{
	text-decoration: none;
	color: #FF035E;
}
.sys_recent_posts p{
	margin-bottom: 0;
	padding-top: 5px;
	font-size: 14px;
}
.sys_recent_posts .row{
	margin-top: 15px;
	margin-bottom: 15px;
}
.sys_blog{
	margin: 15px 0;
}
.sys_blog img{
	border-radius: 20px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.sys_blog_text{
	padding: 20px 15px;
}
.sys_blog_text .d-flex{
	margin-bottom: 15px;
}
.sys_blog_title{
    color: #20174E;
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
    transition: 0.5s;
}
.sys_blog_title:hover{
	text-decoration: none;
	color: #FF035E;
}
.sys_blog_description {
    margin-top: 10px;
    color: #929292;
    font-size: 14px;
}
.sys_blog:first-child {
  	margin-top: 0;
}
.sys_blog:last-child {
  	margin-top: 0;
}
.sys_blog_pagination .pagination.text-center {
    justify-content: center;
}
.sys_blog_pagination .pagination .page-item {
    margin: 0 5px;
}
.sys_blog_pagination .pagination .page-item .page-link.next, .sys_blog_pagination .pagination .page-item .page-link.prev {
    width: 80px;
}
.sys_blog_pagination .pagination .page-item .page-link {
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50px;
    background-color: #FFE5F2;
    color: #797979;
    text-align: center;
    border: 0;
    padding: 0;
    transition: all 0.5s;
}
.sys_blog_pagination .pagination .page-item .page-link.active, .sys_blog_pagination .pagination .page-item .page-link:hover {
    color: #fff;
    background-color: #FF035E;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

/**********Single Blog**********/

.sys_single_blog_content {
	padding: 90px 0 50px 0;
	background-image: url(../images/app_development_background.webp);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}
.sys_single_blog_content .title {
    margin: 0;
    font-family: Poppins-Bold;
    color: #FF035E;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
}
.sys_single_blog_content .sys_blog_category{
	list-style-type: none;
}
.sys_single_blog_content .sys_blog_category li{
	margin: 10px 0;
}
.sys_single_blog_content .sys_blog_category li a{
	color: #6F6F6F;
	text-decoration: none;
	font-size: 16px;
	transition: 0.5s;
}
.sys_single_blog_content .sys_blog_category li a:hover{
	color: #FF1D6F;
}
.sys_single_blog_content .sys_title_recent_posts {
    font-family: Poppins-Bold;
    color: #FF035E;
    font-size: 24px;
    font-weight: 600;
    margin: 30px 0;
}
.sys_single_blog_content .sys_recent_posts img{
	border-radius: 15px;
}
.sys_single_blog_text {
    padding: 20px 15px;
}
.sys_single_blog img{
	border-radius: 20px;
}
.sys_single_blog_title {
    color: #FF035E;
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
    transition: 0.5s;
}
.sys_single_blog_title:hover {
    text-decoration: none;
    color: #FF035E;
}
.sys_single_blog_text .d-flex {
    margin: 15px 0;
}
.sys_single_blog_description p{ 
	font-size: 14px;
    color: #929292;
}
.sys_single_blog_description span{
	color: #515151;
	font-size: 16px;
    font-family: Poppins-Bold;
} 
.sys_single_blog_description p:nth-child(4) {
  	margin-top: 16px;
}
.sys_quotes{
	background-color: #D7F3FF;
	border-radius: 20px;
    padding: 20px;
    text-align: center;
}
.sys_quotes img{
	border-radius: 0px;
}
.sys_quotes p{
	color: #515151;
	padding-top: 25px;
}
.sys_quotes span{
	color: #FF035E;
}
.sys_single_blog_description p:nth-child(6) {
  	margin-top: 16px;
}
.sys_blog_comments{
	margin: 30px 0;
    font-family: Poppins-Bold;
    color: #FF035E;
    font-size: 24px;
}
.sys_blog_comments .sys_comments_details{
	background-color: #fff;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%);
	padding: 20px;
	border-radius: 20px;
	margin: 25px 0;
}
.sys_blog_comments .sys_comments_details .sys_avtar img{
	border-radius: 50%;
	max-width: 80px;
}
.sys_blog_comments .sys_comments_details .sys_comment{
	margin-left: 15px;
}
.sys_blog_comments .sys_comments_details .sys_comment h4{
	color: #515151;
	font-family: Poppins-Bold;
	margin-bottom: 0;
}
.sys_blog_comments .sys_comments_details .sys_comment p.sys_time{
	color: #A9A9A9;
	font-size: 14px;
	font-family: Poppins-Regular;
	margin-bottom: 10px;
}
.sys_blog_comments .sys_comments_details .sys_comment p{
	color: #6F6F6F;
	font-size: 14px;
	font-family: Poppins-Regular;
	margin-bottom: 0px;
}
.sys_blog_comments .sys_reply_btn{
    color: #FF035E;
    padding: 0;
}
.sys_comments_reply{
	margin-left: 60px!important;
}
.sys_checkbox{
	display: flex;
	font-size: 14px;
	color: #515151;
	align-items: center;
	margin-bottom: 20px;
}
.sys_checkbox label{
	margin-bottom: 0!important;
	padding-left: 10px;
}

.sys_reply_form{
	margin: 50px 0;
    font-size: 24px;
}
.sys_reply_form h3{
    font-family: Poppins-Bold;
    color: #FF035E;
}
.sys_reply_form .text-muted{
	font-family: Poppins-Regular;
	font-size: 12px;
}
.form-control{
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%);
	border: none;
	border-radius: 10px;
	color: #515151;
}
.form-control:focus {
    color: #515151;
    background-color: #fff;
    border: none;
    outline: none;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%);
}
.sys_reply_form .btn{
    font-family: Poppins-Bold;
    color: #FF035E;
    background-color: transparent;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 25px;
    border-radius: 40px;
    border: 1px solid #FF035E;
    transition: 0.5s;
}
.sys_reply_form .btn:hover{
	background-color: #FF035E;
	color: #fff;
}

/**********Contact**********/

.sys_contact_wrapper{
	background-color: #FFF7FA;
    width: 100%;
    text-align: center;
    padding: 120px 0 160px 0;
    color: #03025e;
    font-family: Poppins-Bold;
}
.sys_contact_introduction {
    padding: 90px 0;
}
.sys_contact h2 {
    color: #FF035E;
    font-family: Poppins-Bold;
}
.sys_contact p{
	color: #949494;
	margin-top: 15px;
}
.sys_contact_form {
    padding: 80px 0;
    background-image: linear-gradient(90deg, rgb(255 3 94 / 5%), rgb(5 177 255 / 5%));
}
.sys_contact_form .form-control{
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 2%);
	height: auto !important;
    background-color: #fff !important;
    border: 1px solid #f0f0f0 !important;
    padding: 14px 16px!important;
    font-size: 14px;
}
.sys_contact_form .form-control::placeholder{
	color: #C0C0C0!important;
}
.sys_contact_form label{
	color: #515151;
	font-weight: 600;
}
.sys_contact_information{
	padding: 90px 0;
}
.sys_contact_card {
    padding: 30px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 0px 40px 0px rgb(5 1 96 / 8%);
    margin: auto;
    margin-bottom: 10px;
}
.sys_contact_card .sys_contact_icon {
    color: #FF035E;
    font-size: 40px;
}
.sys_contact_card h5 {
    font-size: 25px;
    font-weight: bold;
    color: #FF035E;
    margin: 0!important;
    padding-bottom: 15px;
}
.sys_contact_card a {
    position: relative;
    display: block;
    color: #838383;
    font-size: 14px;
    transition: all 0.5s ease;
    text-decoration: none;
    line-height: 25px;
}
.sys_contact_card a:hover{
	color: #FF035E;
}
.sys_live_location{
	margin-bottom: 90px;
}
.sys_live_location iframe{
	width: 100%;
	height: 400px;
}

/**********Life @ Syphnosys**********/

.sys_syphnosys_life{
	padding: 70px 0px;
    background-image: url(../images/app_development_background.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}

.sys_syphnosys_life .row a .sys_img_caption{
    position: absolute;
    text-align: center;
    padding: 0 138px 0 138px;
    bottom: 0;
    background: linear-gradient(to top,rgba(0,0,0,1),transparent);
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.sys_syphnosys_life .row a .sys_img_caption p{
	color: #fff;
	font-size: 18px;
	margin-top: 50px;
	margin-bottom: 30px;
}
.sys_syphnosys_life .row a img{
	border-radius: 20px;
	position: relative;
}
.sys_grid{
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
    grid-auto-rows: 150px;
    grid-auto-flow: row dense;
}
.sys_grid_item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    box-sizing: border-box;
    color: #fff;
    grid-row-end: span 2;
    grid-column-start: auto;
    grid-row-start: auto;
    box-shadow: -2px 2px 10px 0 rgb(68 68 68 / 40%);
    transition: transform .3s ease-in-out;
}
.sys_grid_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.sys_syphnosys_life .sys_timeline {
	color: #03025e;
	margin-bottom: 40px;
}

/**********Current Openings**********/

.sys_jobopening{
	padding: 70px 0px;
    background-image: url(../images/app_development_background.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}
.sys_jobopening .sys_job_title{
	margin-bottom: 20px;
}
.sys_jobopening .sys_job_title h2 {
    color: #FF035E;
    font-weight: bold;
    margin-bottom: 30px;
}
.sys_jobopening .sys_job_title p {
    color: #A8A8A8;
}
.sys_jobopening .sys_btn{
	width: 160px;
}
.sys_jobopening_form{
	padding: 90px 0;
    background-image: linear-gradient(90deg, rgb(255 3 94 / 5%), rgb(5 177 255 / 5%));
}
.sys_inputfile+label {
    max-width: 100%;
    cursor: pointer;
    display: block;
    text-align: center;
    overflow: hidden;
    color: #8898aa;
    border: 2px dashed #8898aa;
}
.sys_inputfile+label div {
    margin: 10px;
    background: #f1f2f6;
    padding: 10px;
}
.sys_inputfile {
    display: none;
}
.sys_jobopening .accordion .card-header .collapsed:before{
	display: none;
}
.sys_jobopening .accordion .card-header{
	padding-left: 0px;
}
.sys_jobopening .accordion .card-body{
	padding-left: 30px;
}
.sys_jobopening .accordion .card-body .sys_job_role {
	color: #20174e;
}
.sys_jobopening .accordion .card-body .sys_job_role p{
	margin-bottom: 10px;
}