body{
    background-color: #242426;
}

/* banner start */

.dedicated_banner_section{
    float: left;
    width: 100%;
    color: #fff;
    padding:200px 10px 100px 10px;
    position: relative;
}
#particles-js{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.dedicated_banner_section .dedicated_banner_text{
   display: flex;
   flex-direction: column;
   width: 100%;
   justify-content: center;
   align-items: center;
   padding-bottom: 40px;
}
.dedicated_banner_section .dedicated_banner_text h1{
    font-size: 55px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 1.2;
    width: 100%;
    text-align: center;
}

.dedicated_banner_section .dedicated_banner_text p{
    font-size: 20px;
    color: #fff;
    margin-bottom: 55px;
    width: 100%;
    text-align: center;
}
.dedicated_banner_section .dedicated_banner_text .dedicated_banner_links_list{
display: flex;
gap: 0px 20px;
}
.dedicated_banner_section .dedicated_banner_text .dedicated_banner_links_list a{
    background-color: #f8f9fa;
border-color: #f8f9fa;
color: #212529;
text-decoration: none;
font-size: 16px;
font-weight: 700;
padding: 9px 22px 10px 22px;
text-align: center;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
border-radius: 50px;
position: relative;
z-index: 1;
}
.dedicated_banner_section .dedicated_banner_slider{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-bottom: 40px;
}
.dedicated_banner_section .dedicated_banner_slider figure{
     margin: 0px;
}
.dedicated_banner_section .dedicated_banner_slider figure img{
   width: 100%;
}
/* banner end */



/* why_hire_section start */

.why_hire_section{
    float: left;
    width: 100%;
    background-color: #353537;
    color: #fff;
    padding: 0px 10px;
    padding-top: 50px;
   padding-bottom: 90px;
}
.why_hire_section .why_hire_heading{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-bottom: 40px;
    text-align: center;
}
.why_hire_section .why_hire_heading h1{
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    margin: 0px;
}
.why_hire_section .why_hire_heading h1 span{
    color: #ff0066 !important
}
.why_hire_list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: '. . .';
    gap:30px 40px;
}
.why_hire_list .why_hire_box{
    background-color: #242426;
    border: 0;
    border-radius: 6px;
    box-shadow: -10px 13px 25px 0 rgba(0,0,0,1);
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    transition: 5s ease-in-out;
}

.why_hire_list .why_hire_box h3{
    font-size: 20px;
    margin-bottom: 15px;
font-weight: 700;
line-height: 1.2;
color: #fff;
}

.why_hire_list .why_hire_box p{
    font-size: 16px;
    margin-bottom: 8px;
color: #fff;
}


/* why_hire_section end */



/* dedicated_team_modal_section start */

.dedicated_team_modal_section{
    float: left;
    width: 100%;
    /* background-color: #fff; */
    color: #fff;
    padding: 90px 10px;

}
.dedicated_team_modal{
    display: grid;
    grid-template-columns: 0.6fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: '. .';
    gap: 30px 30px;
}
.dedicated_team_modal .dedicated_team_modal_heading{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
}
.dedicated_team_modal .dedicated_team_modal_heading h1{
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    color: #ff0066;
    margin: 0px;
}
.dedicated_team_modal .dedicated_team_modal_heading h1 span{
    color: #fff !important;
}
.dedicated_team_modal_list{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: '. .';
    gap: 50px 20px;
}
.dedicated_team_modal_list .dedicated_team_modal_box{
    /* background-color: #fff; */
    border: 0;
    border-radius: 6px;
    box-shadow: -10px 13px 25px 0 rgba(0,0,0,1);
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    transition: 5s ease-in-out;
   position: relative;
}
.dedicated_team_modal_box img {
    position: absolute;
    top: -50px;
    left: -20px;
    z-index: -1;
}
.dedicated_team_modal_list .dedicated_team_modal_box h3{
    font-size: 20px;
margin-bottom: 35px;
font-weight: 700;
line-height: 1.2;
color: #fff;
}

.dedicated_team_modal_list .dedicated_team_modal_box p{
    font-size: 16px;
    margin-bottom: 8px;
color: #fff;
}

/* dedicated_team_modal_section end */


/* working_development_tech_section start */

.working_development_tech_section{
    float: left;
    width: 100%;
    background-color: #353537;
    color: #fff;
    padding: 90px 10px;
}
.working_development_tech_section .working_development_tech_heading{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-bottom: 40px;
    text-align: center;
}
.working_development_tech_section .working_development_tech_heading h1{
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    color: #ff0066 !important;
    margin: 0px;
}
.working_development_tech_section .working_development_tech_heading h1 span{
  
    color: #fff;
}
.working_development_tech_list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: '. . . . . .';
    gap:30px 40px;
}

.working_development_tech_list .working_development_tech_box figure{
   margin: 0px;
   text-align: center;
}
.working_development_tech_list .working_development_tech_box figure figcaption small{
    color: #fff;
    padding: 10px 0px;
    display: block;
    font-size: 16px;
    font-weight: 700;
}

/* working_development_tech_section end */


/* testamonial_section start */

.testamonial_section{
    float: left;
    width: 100%;
    color: #fff;
    padding: 90px 10px;
}
.testamonial_box{
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
padding-bottom: 40px;
}
.testamonial_box .testamonial_heading{
    display: flex;
    flex-direction: column;
}
.testamonial_box .testamonial_heading span{
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    margin: 0px;
    padding-bottom: 10px;
}
.testamonial_box .testamonial_heading h1{
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    margin: 0px;
}
.testamonial_btn a{
    color: #ff0066;
    text-decoration: none;
    border: 1px solid #ff0066;
    border-radius: 50px;
    padding: 10px 20px;
    font-weight: 500;
   display: block;
}
.testamonial_btn a:hover{
    background-color: #ff0066;
    color: #fff;
    transition: 0.5 ease-in-out;
}

.testamonial_slider_box{
    display: grid !important;
    grid-template-columns: 0.5fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: '. .';
    width: 100%;
    gap: 30px 30px;
    align-items: center;
}
.slider_figure{
    display: flex;
}
.slider_figure figure{
    margin: 0px;
}
.slider_figure figure img{
    width: 100%;
}
.testamonial_slider_data{
display: flex;
flex-direction: column;
width: 100%;

}
.slider_raating_stars{
display: flex;
padding-bottom: 15px;
}
.slider_raating_stars i{
    color: #fff;
    }
.testamonial_slider_data .slider_message{
    display: flex;
    padding-bottom: 15px;
}
.testamonial_slider_data .slider_message p{
color: #fff;
font-size: 16px;
margin: 0px;
}
.slider_person_name h5{
    color: #fff;
    font-size: 16px;
}

/* testamonial_section end */



/* advantage_team_modal_section start */

.advantage_team_modal_section{
    float: left;
    width: 100%;
    background-color: #353537;
    color: #fff;
    padding: 0px 10px;
    padding-top: 50px;
   padding-bottom: 90px;
}
.advantage_team_modal_section .advantage_team_modal_heading{
    display: flex;
    align-items: center;
    width: 100%;
    padding-bottom: 40px;
}
.advantage_team_modal_section .advantage_team_modal_heading h1{
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    margin: 0px;
}
.advantage_team_modal_section .advantage_team_modal_heading h1 span{
    color: #ff0066 !important
}
.advantage_team_modal_list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: '. . .';
    gap:30px 40px;
}
.advantage_team_modal_list .advantage_team_modal_box{
    background-color: #242426;
    border: 0;
    border-radius: 6px;
    box-shadow: -10px 13px 25px 0 rgba(0,0,0,1);
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    transition: 5s ease-in-out;
}

.advantage_team_modal_list .advantage_team_modal_box h3{
    font-size: 20px;
    margin-bottom: 15px;
font-weight: 700;
line-height: 1.2;
color: #fff;
}

.advantage_team_modal_list .advantage_team_modal_box p{
    font-size: 16px;
    margin-bottom: 8px;
color: #fff;
}

.advantage_team_modal_list .advantage_team_modal_box img{
    margin-bottom: 8px;
    width: 40px
}

/* advantage_team_modal_section end */


/* hire_dedicated_software_team_section start */

.hire_dedicated_software_team_section{
    float: left;
    width: 100%;
    color: #fff;
    padding: 0px 10px;
    padding-top: 50px;
   padding-bottom: 50px;
}
.hire_dedicated_software_team_data{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: '. .';
    gap:30px 30px;
    align-items: center;
}
.hire_dedicated_software_team_slider{
display: flex;
justify-content: center;
}
.hire_dedicated_software_team_slider figure{
    margin: 0px;
}
.hire_dedicated_software_team_slider figure img{
width: 100%;
}
.hire_dedicated_software_team_text{
display: flex;
flex-direction: column;
width: 100%;
}

.hire_dedicated_software_team_text .hire_dedicated_software_team_heading h1{
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 0px;
    padding-bottom: 20px;
}
.hire_dedicated_software_team_text .hire_dedicated_software_team_detail p{
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    padding-bottom: 20px;
    margin-bottom: 0px;
}
.hire_dedicated_software_team_text .hire_dedicated_software_team_btn a{
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #212529;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    padding: 9px 22px 10px 22px;
    text-align: center;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-radius: 50px;
    display: block;
    width: 214px
}
/* hire_dedicated_software_team_section end */

@media (max-width: 1024px) {

    .dedicated_team_modal .dedicated_team_modal_heading h1 {
        font-size: 24px;
    }

}

/*mobile rotation*/
@media (max-width: 767px) {

    .dedicated_banner_section .dedicated_banner_text h1 {
    font-size: 38px;
}
.dedicated_banner_section .dedicated_banner_text p {
    font-size: 17px;

}

.why_hire_list{
    grid-template-columns: 1fr 1fr;
    grid-template-areas: '. .';
}

.dedicated_team_modal {
    grid-template-columns:1fr;
    grid-template-areas: '.';
}
.dedicated_team_modal .dedicated_team_modal_heading h1 {
    padding-bottom: 20px;
}

.working_development_tech_list {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: '. . .';
}

.working_development_tech_section .working_development_tech_heading h1 {
    font-size: 34px;
}

.testamonial_box {
    flex-direction: column;
}
.testamonial_box .testamonial_heading {
    text-align: center;
    padding-bottom: 20px;
}
.testamonial_slider_box {
    grid-template-columns: 1fr;
    grid-template-areas: '.';
}
.testamonial_box {
    padding-bottom: 0px;
}
.advantage_team_modal_list {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: '. .';
}

.hire_dedicated_software_team_data {
    grid-template-columns: 1fr;
    grid-template-areas: '.';
}

}

@media (max-width: 540px) {

    .dedicated_banner_section{
       
        padding-bottom: 100px ;
    }
    .dedicated_banner_section .dedicated_banner_text h1 {
        font-size: 26px;
    }
    .dedicated_banner_section .dedicated_banner_text p {
        font-size: 15px;
}
.why_hire_list{
    grid-template-columns: 1fr;
    grid-template-areas: '.';
}
.dedicated_team_modal_list {
    grid-template-columns: 1fr;
    grid-template-areas: '.';
}

.working_development_tech_list {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: '. .';
}
.working_development_tech_section .working_development_tech_heading h1 {
    font-size: 24px;
}

.testamonial_box {
    padding-bottom: 0px;
}
.advantage_team_modal_list {
    grid-template-columns: 1fr;
    grid-template-areas: '.';
}
.advantage_team_modal_section .advantage_team_modal_heading h1 {
    font-size: 25px;
}

.hire_dedicated_software_team_text .hire_dedicated_software_team_heading h1 {
    font-size: 24px;
}
.hire_dedicated_software_team_text .hire_dedicated_software_team_detail p {
    font-size: 14px;
}
}

@media (max-width: 370px) {

    .dedicated_banner_section .dedicated_banner_text h1 {
        font-size: 20px;
    }

    .working_development_tech_section .working_development_tech_heading h1 {
        font-size: 18px;
    }
    .testamonial_box .testamonial_heading span {
        font-size: 22px;
    }
    .testamonial_box .testamonial_heading h1 {
        font-size: 22px;
    }
 
    
}