@import url('https://family=Raleway:wght@400;500;600;700&family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('../fonts/style.css');
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html,
body {
    height: 100%;
    width: 100%;
    font-family: 'Raleway', sans-serif;
    font-family: 'Roboto', sans-serif;
}

body {
    background-color: #FFFFFF;
}

.navbar {
    height: 80px; 
    width: 100%;
    padding: 15px 15px;
    background: #FFFFFF;
}
.main_banner{
    background-color: #F77E0B;
}
.main_banner .content h2{
    color: #FFFDFD;
    font-size: 34px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
}
.main_banner .content p{
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}
.main_banner .content button{
    background: #FFFFFF;
    width: 263px;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #D66F0C;
    border-radius: 5px;
}
.main_banner .content .schedule_btn{
    color: #404040;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
}
.cloud_lifecycle{
    background-color: #F8F8F8;
}
.cloud_lifecycle h3{
    color: #313030;
    font-size: 30px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
}
.cloud_lifecycle .text_orng{
    color: #F77E0B !important;
}
.cloud_lifecycle p{
    width: 100%;
    clear: both;
    color: #2E2E2E;
    padding-left: 120px;
    position: relative;
    padding-bottom: 25px;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
}
.cloud_lifecycle p img {
    position: absolute;
    top: 0;
    left: 0px;
}
.why_fyrsoft h3{
    color: #0B0B0B;
    font-size: 32px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
}
.why_fyrsoft h5{
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
}
.why_fyrsoft p{
    color: #2E2E2E;
    font-size: 18px;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
}
.why_fyrsoft p .text_orng{
    color: #F77E0B !important;
}
.cloud_data_center{
    background-color: #30475E;
    border: 1px solid #707070;
}
.enterprise_img {
    width: 90px;
    background: #328093;
    border: 1px solid #B6243226;
    border-radius: 50%;
    height: 90px;
    align-items: center;
    margin: 0 auto;
 }
.cloud_data_center p{
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
}
.cloud_data_center span{
    color: #FFFFFF;
    font-size: 8px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
.cloud_data_center h5{
    color: #F7931E;
    font-size: 81px;
}
.cloud_data_center .divider{
    width: 1px;
    height: 200px;
    background: #707070;
}
.contact_form h5{
    color: #0B0B0B;
    font-size: 32px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
}
.contact_form form{
    width: 50%;
}
.contact_form button{
    width: 100%;
    background: #F77E0B;
    border: 1px solid #D66F0C;
    border-radius: 5px;
}
.contact_form .consult_btn{
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
}
.frequently_questions {
    background-color: #F8F8F8;
}
.frequently_questions h5{
    color: #0B0B0B;
    font-size: 32px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif; 
}
.frequently_questions .accordion{
    width: 70%;
    margin: 0 auto;
}
.frequently_questions .btn-link{
    color: #2E2E2E;
    text-align: left;
    display: flex;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}
.frequently_questions .card-body{
    color: #2E2E2E;
    font-size: 15px;
    font-weight: 400;
    padding-left: 30px;
    background-color: rgba(0,0,0,.03);
    font-family: 'Roboto', sans-serif;
}
.frequently_questions .card-header {
    border-top: 1px solid rgba(0,0,0,.125);
}
.frequently_questions .card{
    border: none;
}
.accordion span i{
    font-size: 20px;
}
footer{
    background-color: #D5D5D5;
    padding: 30px 15px 15px 15px;
}
footer p{
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
}
.list-inline-item:not(:last-child) {
    margin-right: 30px;
}

@media only screen and (max-width: 768px) {
  .navbar-expand-lg>.container{
    padding-right: 0;
    padding-left: 0;
    justify-content: center;
    display: flex;
}
.frequently_questions .accordion {
    width: 100%;
    margin: 0 auto;
}
.cloud_data_center p {
    white-space:nowrap;
}
.contact_form form {
    width: 80%;
}
}
@media only screen and (max-width: 426px) {
.main_banner .content h2 {
    font-size: 20px;
}
.main_banner .content p {
    font-size: 15px;
}
.frequently_questions h5 {
    font-size: 20px;
    }
.text-right {
    text-align: left !important;
}
.cloud_data_center .divider {
    display: none !important;
    }
.contact_form form {
    width: 90%;
}
.frequently_questions .btn-link {
    font-size: 18px;
 }
.frequently_questions .card-body {
    font-size: 15px;
}
.flex-column {
    align-items: center !important;
}
.fyr_middle{
    display: flex;
    justify-content: center;
    padding-bottom: 25px;
}
}
@media only screen and (max-width: 325px) {
.cloud_lifecycle h3 {
    font-size: 18px;
}
.frequently_questions .btn-link {
    font-size: 13px;
}
.accordion span i{
    font-size: 15px;
}
}

