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

@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&display=swap');







body {

    padding: 0;

    margin: 0;

    font-family: 'Archivo', sans-serif;

    font-size: 16px;

    overflow-x: hidden;

}



a {

    -webkit-transition: 0.5s;

    transition: 0.5s;

    outline: 0 !important;

    text-decoration: none;

    color: #121521;

    font-family: 'Open Sans Condensed', sans-serif;

    font-weight: 700;

}



span.error:empty {

    display: none;

}



span.error {

    background: #df0b0b;

    color: #fff;

    padding: 5px;

    font-size: 16px;
    display: block;

}



a:hover {

    text-decoration: none;



}



button {

    outline: 0 !important;

}



.d-table {

    width: 100%;

    height: 100%;

}



.d-table-cell {

    vertical-align: middle;

}



img {

    max-width: 100%;

    height: auto;

}



p {

    color: #000;

    line-height: 1.8;

    margin-bottom: 12px;

    font-size: 16px;

    font-family: 'Archivo', sans-serif;

}



p:last-child {

    margin-bottom: 0;

}



.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Open Sans Condensed', sans-serif;

    font-weight: 700;

    color: #121521;

}



.monu-font {

    font-family: 'Open Sans Condensed', sans-serif !important;

    font-weight: normal;

}



.subhead {

    font-family: 'Open Sans Condensed', sans-serif;

    font-weight: 700;

}



.bg-fefefe {

    background-color: #fefefe;

}



.bg-f4f9fd {

    background-color: #f4f9fd;

}



.ptb-100 {

    padding-top: 60px;

    padding-bottom: 60px;

}



.btn {

    border: none;

    line-height: initial;

    text-transform: uppercase;

    border-radius: 4px;

    padding: 10px 25px 12px 25px;

    text-align: center;

    position: relative;

    -webkit-transition: 0.5s;

    font-size: 14px;

    transition: 0.5s;

}





.common-btn {

    background: #f90;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    color: #fff;

    font-weight: 600;

    border: none;

    line-height: initial;

    text-transform: uppercase;

    border-radius: 4px;

    padding: 12px 25px 12px 25px;

    position: relative;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    font-size: 14px;

    font-weight: 400;

    display: inline-block;

    font-family: 'Open Sans Condensed', sans-serif;

}



.common-btn:hover {

    color: #fff;

    background: #222;

}



.dark-btn {

    background: #000;

}



.btn.disabled,

.btn:disabled {

    opacity: 1;

}



.btn-primary {

    background: #182260;

    color: #fff;

    overflow: hidden;

    position: relative;



    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}



.btn-primary:hover {

    transform: scale(1.05);

    background: #000 !important;

}



.btn-primary i {

    position: absolute;

    right: 7px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    text-align: center;

    display: inline-block;

    height: 33px;

    width: 33px;

    line-height: 33px;

    color: #fff;

    border-radius: 50%;

    background-color: #8ee9b2;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.btn-primary:hover,

.btn-primary:focus {

    -webkit-box-shadow: unset !important;

    box-shadow: unset !important;

    color: #fff !important;

}



.btn-primary:hover i,

.btn-primary:focus i {

    background-color: #fff;

    color: #121521;

}



.btn-light {

    background-color: #fff;

    color: #121521;

}



.btn-light i {

    position: absolute;

    right: 7px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    text-align: center;

    display: inline-block;

    height: 33px;

    width: 33px;

    line-height: 34px;

    color: #121521;

    border-radius: 50%;

    background-color: #f0f0f0;

}



.btn-light.disabled,

.btn-light:disabled {

    background-color: #fff;

    color: #121521;

}



.btn-light:hover,

.btn-light:focus {

    background-color: #121521 !important;

    color: #fff !important;

    -webkit-box-shadow: unset !important;

    box-shadow: unset !important;

}



.section-title {

    text-align: center;

    font-family: 'Noto Sans JP', sans-serif;



    margin-bottom: 20px;

}



.section-title span {

    display: block;

    margin-bottom: 5px;

    color: #c20a0a;

    font-size: 17px;

    /* font-family: rubik, sans-serif; */

    text-transform: capitalize;

}



.section-title h2 {

    margin-bottom: 0;

    font-size: 42px;

    text-transform: uppercase;

    font-weight: 500;

}





.footer-area {

    background-color: #222;



}



.contact-left-ft h5 {

    color: #fff;

    font-size: 24px;

}



.header-contact-info {

    padding-left: 0;

    margin-bottom: 0;

    text-align: right;

    list-style-type: none;

}



header {

    position: relative;

    z-index: 3;

}





.nav-inner {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    padding: 15px 0;

    justify-content: space-between;

}



.logo-left img {

    width: 250px;

}



.copyright-area {

    padding: 10px;

    text-align: center;

}



.copyright-area p {

    color: #fff;

}









.call img {

    width: 50px;

    display: flex;

    margin-right: 10px;

}



.nav-right {

    display: flex;

    align-items: center;

}



.call {

    margin-left: 30px;

}



.call h3 {

    margin-bottom: 0;

}



.call a {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}



.call p {

    margin: 0;

}



.call a span {

    font-size: 16px;

    color: #222;

    font-weight: 400;

    display: block;

}



.navbar-nav {

    width: 100%;

    justify-content: space-between;

    background: #34bdc9;

    padding: 0 15px;

    border-radius: 4px;

}



.navbar-nav li a {

    color: #fff !important;

    text-transform: uppercase;

    font-size: 16px;

    letter-spacing: 1px;

    padding: 15px 20px;



}



.navbar {

    padding: 0;

    margin-bottom: -30px;

}





.main-banner {

    position: relative;

}



.banner-text {

    margin-top: 165px;

    padding: 20px;

    background: rgba(255, 255, 255, 0.95);

}



.banner-text ul {

    padding-left: 0;

    margin-bottom: 0px;



}



.banner-text ul li {

    padding: 5px 0 5px 30px;

    position: relative;

    font-weight: 600;

    list-style-type: none;

}



.banner-text ul li::before {

    position: absolute;

    content: "";

    width: 20px;

    height: 20px;

    border: 2px solid #daac00;

    position: absolute;

    left: 0;

    top: 10px;

    border-radius: 50%;

}



.banner-text ul li::after {

    position: absolute;

    content: "";

    width: 12px;

    height: 12px;

    background: #f90;

    position: absolute;

    left: 4px;

    top: 14px;

    border-radius: 50%;

}



.banner-text h2 {

    color: #0b326e;

    font-size: 36px;

    text-transform: uppercase;

}



.banner-img img {

    height: 100vh;

    width: 100%;

    object-fit: cover;

}



.form-control {

    border-radius: 0;

    padding: 0 15px;

    border: 1px solid rgba(255, 255, 255, 0.5);

    margin-bottom: 15px;

    background: none;

    height: 45px !important;

    width: 100%;

}



.search-form .form-control {

    height: 45px;

    border: 1px solid rgba(255, 255, 255, 1);

    color: #fff;

    background: none !important;

    border-radius: 3px;

}



.search-form .form-control::placeholder {

    color: #fff;

}



.ab-innner {

    display: flex;

    flex-wrap: wrap;

    position: relative;



}







.form-left h2 {

    color: #fff;

    margin-bottom: 20px;

    text-transform: uppercase;

}



.ab-right {

    width: 35%;

    background: #fff;

    position: absolute;

    top: 15%;

    transform: translateY(-50%);

    z-index: 99;

    right: 0;

    border-top: 5px solid #f90;

    -webkit-box-shadow: 0px 1px 25px 0px rgb(19 26 10 / 20%);

    -moz-box-shadow: 0px 1px 25px 0px rgba(19, 26, 10, 0.2);

    box-shadow: 0px 1px 25px 0px rgb(19 26 10 / 20%);



}



.socialicn {

    padding-left: 60px;

}



.abb-right-card {

    padding: 30px;

}



.abb-right-card ul {

    padding-left: 0;

}



.abb-right-card ul li {

    color: #fff;

    font-size: 20px;

    padding: 5px 0 5px 30px;

    list-style-type: none;

    margin-bottom: 10px;

    position: relative;

}



.abb-right-card ul li::before {

    position: absolute;

    left: 5px;

    top: 50%;

    transform: translateY(-50%);

    height: 10px;

    width: 10px;

    border-radius: 50%;

    content: "";

    background: #fff;

}



.abb-right-card ul li::after {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    height: 20px;

    width: 20px;

    border: 2px solid #fff;

    border-radius: 50%;

    content: "";

    background: none;

}





.abb-right-card h2 {

    text-transform: uppercase;

    font-size: 40px;

    letter-spacing: 0;

}



.about-section {

    padding-top: 130px;

    padding-bottom: 60px;

}



.about-content {

    padding: 50px;

    background: #f5f6f6;

    height: 100%;

}



.secton-heading h2 {

    font-size: 30px;

    text-transform: uppercase;

    position: relative;

    margin-bottom: 20px;

    color: #0b326e;

}



.about-right {

    height: 100%;

}



.about-right iframe {



    padding: 10px;

    box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 25%);

    background: #fff;

}


.abt-box {

    padding: 20px 30px;

    background: #fff;

    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);

    margin-bottom: 20px;

}



.abt-box h4 {

    color: #0b326e;

    text-transform: uppercase;

}



.about-img img {

    width: 100%;

}



.fixed-bg {

    padding: 60px 0;

    background: url(../img/score-bg.jpg) right 0 no-repeat;

    background-size: cover;

    background-attachment: fixed;

    position: relative;

}



.fixed-bg::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    background: #000;

    opacity: 0.7;

    width: 100%;

    height: 100%;

}



.score-inner {

    position: relative;

    z-index: 99;

}



.score-inner .secton-heading h2 {

    color: #f90;

    margin-bottom: 50px;

}



.table-score {

    display: flex;

    justify-content: center;

}



.table-score th,

.table-score td {

    color: #fff;

    border: 1px solid #fff;

    padding: 15px 50px;

    width: 100%;

}





.projects {

    padding: 60px 0 0 0;

}





.testimonials-section.testi-bg {

    padding: 60px 0;

}





.test-box h5 {

    margin-bottom: 0;

    color: #000;

}



.test-box p {



    color: #000;

}





.test-box.slick-slide ul {

    margin-bottom: 5px;

}



.test-box ul li {

    display: inline-block;

    color: gold;

    margin: 10px 0;

}



.test-box ul {

    padding-left: 0;

    margin-bottom: 0;

}



.test-box.slick-slide h5 {

    color: #000;

    margin-top: 10px;

    font-size: 18px;

    font-weight: 600;

}



.test-box.slick-slide p {

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    color: #222;

}



.test-box {

    transition: all .4s ease-out 0s;

    z-index: 1;

    margin: 0 12px;

    margin-top: 0px;

    padding-right: 10px;

    border-radius: 10px;

    width: 100% !important;

}



.testi-slide {

    padding: 0 15px;

}



.testi-outer {

    margin: 0px auto 0;

    padding: 0px 0 0px 0;

    padding: 0 50px;



}



.darktestimonials .testi-outer {

    max-width: 900px;

    margin: auto;

    text-align: center;

}



section.client_view .slick-slide {

    height: auto;

    padding: 0 15px;

}



.test-slider button.slick-arrow {

    font-size: 0;

    border: 0;

}



.test-slider button.slick-prev.slick-arrow {

    height: 40px;

    width: 40px;

    background: url(../img/slider-left-arrow-wt.png) center center no-repeat #f90;

    background-size: 20%;

    top: 50%;

    transform: translateY(-50%);

    left: -40px;

    position: absolute;

}



.common-header.white-text h5 {

    color: #000;

}



.test-slider .slick-next:before,

.slick-prev:before {

    opacity: unset !important;

}



.test-slider button.slick-next.slick-arrow {

    height: 40px;

    width: 40px;

    transform: translateY(-50%);

    background: url(../img/slider-right-arrow-wt.png) center center no-repeat #f90;

    background-size: 20%;

    top: 50%;

    position: absolute;

    right: -40px;

}







.cta-section {

    background: url(../img/cta-background.jpg) 0 0 no-repeat;

    background-attachment: scroll;

    background-size: auto;

    background-size: cover;

    background-attachment: fixed;

    padding: 100px 0 80px 0px;

    position: relative;

    overflow: hidden;

}



.cta-section::before {

    height: 80px;

    background: #fff;

    content: "";

    width: 60%;

    position: absolute;

    right: -100px;

    top: -1px;

    transform: skew(65deg);

}



.cta-flex {

    display: flex;

    padding-top: 30px;

    padding-left: 50px;

}





.cta-content {

    width: 900px;

}





.cta-content h4 {

    font-size: 24px;

    color: #fff;

    text-transform: uppercase;

    letter-spacing: 1px;

}



.cta-content h2 {

    font-size: 36px;

    text-transform: uppercase;

    letter-spacing: 1px;

    color: #fff;

    margin-top: 20px;

}



.cta-link {

    display: flex;

    flex-wrap: wrap;

    margin: 20px 0;

}



.cta-link ul {

    padding-left: 0;

}



.cta-link li {

    list-style-type: none;

}



.cta-link a {

    color: #fff;

    margin-right: 20px;

    letter-spacing: 1px;

    font-size: 24px;

    display: block;

}



.cta-link img {

    width: 30px;

    margin-right: 2px;

}





.fix-icons {

    position: fixed;

    top: 60%;

    z-index: 999;

    transform: translateY(-50%);

    right: 30px;

}



.fix-icons a {

    text-decoration: none;

    width: 60px;

    height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-size: 32px;

    margin: 3px 0;

    border-radius: 50%;

}





.fix-icons a.fb-ico {

    background: #4267B2;

}



.fix-icons a.in-ico {

    background: #f09433;

    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);

    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);

    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);



}



.fix-icons a.lk-ico {

    background: #0e76a8;

}



/* index-2 */

.header-v2 .navbar {

    margin-bottom: 0px;

    padding-top: 0px;

    /* background: #fff !important; */

}



.header-v2 .navbar-nav {

    background: none;

}



.header-v2 .navbar-nav li a {

    color: #222 !important;

    font-family: 'Open Sans Condensed', sans-serif;

    font-weight: 700;

}



.nav-left {

    /* width: calc(100% - 700px); */

}



.header-v2 {

    display: flex;

    z-index: 99999;

    border-top: 10px solid #f90;

    justify-content: space-between;

    /* padding-right: 30px; */

}


.nav-red {



    display: flex;

    align-items: center;

    height: 100px;

}



.socialicn {

    padding-left: 60px;

}



.socialicn ul {

    margin: 0;

    padding: 0;

}



.socialicn ul li {

    list-style: none;

    display: inline-block;

    padding: 8px 2px;

}



.socialicn ul li a {

    color: #fff;

    padding: 0 15px;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 35px;

    border-radius: 3px;

    /* background: #0b326e; */

}



.socialicn ul li a i {

    margin-right: 5px;

}



.socialicn ul li a {

    font-family: 'Archivo', sans-serif;

    font-weight: normal;

    font-size: 14px;

}



.socialicn ul li.fb-icon a {

    color: #3b5998;

    border: 1px solid #3b5998;

}



.socialicn ul li.tw-icon a {

    color: #55acee;

    border: 1px solid #55acee;

}



.socialicn ul li.gg-icon a {

    color: #dc4e41;

    border: 1px solid #dc4e41;

}



.socialicn ul li.pt-icon a {

    color: #bd081c;

    border: 1px solid #bd081c;

}



.social-header {

    display: flex;

    justify-content: space-between;

    padding-top: 30px;

    padding-right: 60px;

}



.social-header a {

    width: 40px;

    height: 40px;

    text-decoration: none;

    color: #fff;

    font-size: 22px;

    display: flex;

    align-items: center;

    margin-left: 10px;

    justify-content: center;

}



.fb-ico {

    background: #3b5998;

}



.tw-ico {

    background: #00acee;

}



.gp-ico {

    background: #db4a39;

}





.free-inspection-btn {

    display: inline-block !important;

    text-transform: uppercase;



}



.free-inspection-btn img {

    width: 10px;

}



.header-v2 {

    height: 110px;

    background-color: #fff;

    position: relative;

    top: 0;

    left: 0;

    background: none;

    width: 100%;

    flex-direction: column;

    border-bottom: 1px solid #dadada;

}



.header-v2 .phn-link {

    color: #073070;

    font-size: 30px;

    margin-left: 20px;

}



.header-v2 .phn-link i {

    color: #f90;

    font-size: 24px;

    margin-right: 5px;

}



.free-inspection-btn {

    background: #f90;

    color: #fff !important;

    display: block;

    position: relative;

    padding: 15px 15px 15px 15px;

    overflow: hidden;

    font-family: 'Open Sans Condensed', sans-serif;

    font-weight: 700;

    font-size: 15px;

}



.free-inspection-btn img {

    margin-left: 30px;

    position: relative;

    z-index: 2;

}





.main-slider-banner .abb-right-card h2 {

    color: #fff;

}



.main-slider-banner .abb-right-card h3,

.main-slider-banner .abb-right-card p,

.main-slider-banner .abb-right-card h4 {

    color: #fff;

}



.abb-right-card h4 {

    font-size: 24px;

    margin-bottom: 30px;

}



.font-lg p {

    font-size: 20px;

    color: #000;

}



.about-rt {

    height: 100%;

}



.about-rt img {

    height: 100%;

    object-fit: cover;

    -webkit-box-shadow: 0 0 13px 5px rgba(0, 0, 0, .15);

    box-shadow: 0 0 13px 5px rgba(0, 0, 0, .15);

}





.about-content.font-lg {

    padding-right: 20px;

}





.after-banner {

    width: 100%;

    bottom: 20px;

    z-index: 999;

    background: #222;

    padding: 20px 0;

}



.form-left {

    width: 100%;

}



.search-form {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.form-fd {

    width: 100%;

    margin: 10px 0;

}



.form-fd:last-child {

    /* width: calc(33.333% - 8px); */

}



.form-left h2 {

    color: #f90;

}



.form-banner {

    padding: 30px;

    background: #0b326e;

    margin-top: 0px;

}



.form-left h3 {

    color: #f90;

    font-size: 42px;

    text-transform: uppercase;

}



.form-left h5 {

    color: #fff;

}



.ab-innner {

    padding: 0 30px;

}



.form-fd .form-control {

    color: #fff;

    border-color: #bbbbbb;

    margin-bottom: 0;

    height: 45px !important;

    border-radius: 0 !important;

}



.form-fd .form-control::placeholder {

    color: #fff;

}



.buttons-form button {

    border: 0;

    width: 100%;

    display: flex !important;

    flex-wrap: wrap;

    justify-content: space-between;

    background: #f90;

    font-size: 22px;

    height: 53px;

    line-height: 53px;

    padding: 0 20px;

    align-items: center;

    text-align: center;

    justify-content: center;

}



.buttons-form .free-inspection-btn::after {

    background: #000;

}



.hd-inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.pattern-bg {

    background: url(../img/learn-bg.jpg) center center no-repeat;

    background-size: cover;

}



.banner-main {

    position: relative;

    background: url(../img/banner.jpg)0 0 no-repeat;

    background-size: cover;

    min-height: calc(100vh - (100px + 33.6px));

    display: flex;

    width: 100%;

    flex-wrap: wrap;

    align-items: center;

    padding: 30px 0;

    padding-top: calc(100px + 33.6px);

}





.banner-main-2 {

    background-image: url(../img/banner-img2.jpg) 0 0 no-repeat;



}



.banner-content {

    width: 100%;

}





.abt-section {

    padding: 60px 0 60px 0;

}



.abt-section .about-content {

    background: none;

    padding: 0;

}



.testimonial-background {

    position: relative;

    background: #f1f1f1;

}



.testimonial-background .test-img {

    position: absolute;

    width: 50%;

    left: 0;

    top: 0;

    height: calc(100% + 60px);

    filter: drop-shadow(0 10px 15px rgba(0, 0, 0, .5));

}



.test-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    clip-path: polygon(0% 0%, 99% 0%, 75% 100%, 0% 100%);

}



.test-box h4 {

    font-size: 18px;

}



.test-box-white {

    max-width: 800px;

    background: #fff;

    padding: 10px 0;

    position: relative;

    z-index: 99;

    margin: auto;

    /* box-shadow: 0 5px 10px rgba(0,0,0,.1); */

}



.cta-background {

    background: url(../img/cta-bg.jpg) 0 0 no-repeat;

    background-size: cover;

}



.cta-background::before {

    display: none;

}



.cta-background .cta-content h4 {

    color: #f90;

}



.cta-background .cta-content h2 {

    color: #000;

}



.cta-background .cta-link a {

    color: #000;

}



.slider-banner .slick-arrow {

    position: absolute;

    top: 50%;

    height: 30px;

    width: 30px;

    font-size: 0;

    border: 0;

    background-color: none;

    z-index: 999;

}



.slider-banner .slick-arrow.slick-prev {

    left: 20px;

    font-size: 0;

    border: 0;

    background: url(../img/slider-left-arrow-wt.png) 0 0 no-repeat;

    background-size: auto 100%;



}



.slider-banner .slick-arrow.slick-next {

    right: 0;

    font-size: 0;

    border: 0;

    background: url(../img/slider-right-arrow-wt.png) 0 0 no-repeat;

    background-size: auto 100%;

}





.cta-background .cta-flex {

    padding: 0;

}





.border-bottom {

    border: 3px solid #f90 !important;

    color: #f90;

    background: none;

}



.border-bottom::after {

    background: #f90;

}



.faq-section {

    padding: 60px 0;

    background: url(../img/banner-bg.jpg) center center no-repeat;

    background-size: cover;

}



.faq-section h2 {

    color: #fff;

}



.accordion-collapse {

    background: #fff;

}



.accordion-item {

    background: #fff;

    margin-bottom: 20px;

    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);

}



.accordion-button {

    font-weight: 900;

    font-size: 24px;

    color: #000;

}



.accordion-button:not(.collapsed) {

    color: #000;

    background: #fff;

}



.faq-section {

    position: relative;

}



.faq-left {

    position: absolute;

    left: 0;

    height: 500px;

    top: 50px;

    width: 24%;

}



.faq-left img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.faq-section .container {

    position: relative;

    z-index: 99;

}



.project-container {

    display: flex;

    flex-wrap: wrap;



}



.project-container img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all .4s ease-out 0s;

}



.half-col:hover img {

    transform: scale(1.1);

}



.project-left {

    width: 67%;

    display: flex;

    flex-wrap: wrap;

}



.half-col {

    width: 50%;

    overflow: hidden;

    background: #34bdc9;

    border-right: 4px solid #fff;

}



.full-col {

    border-right: 4px solid #fff;

    border-top: 4px solid #fff;

    overflow: hidden;

}



.full-col:hover img {

    transform: scale(1.1);

}



.blue-box-pro {

    padding: 30px;

}



.blue-box-pro h2,

.blue-box-pro p {

    color: #fff;

}



.blue-box-pro h2 {

    text-transform: uppercase;

}



.project-right {

    width: 33%;

    overflow: hidden;

}



.project-right img {

    height: 100%;

    width: 100%;

    object-fit: cover;

    transition: all .4s ease-out 0s;

}



.project-right:hover img {

    transform: scale(1.1);

}





.drop-down-menu {

    position: absolute;

    left: 0;

    width: 100%;

    z-index: 99;

    top: 100px;

    background: rgba(0, 0, 0, 0.92);

    opacity: 0;

    visibility: hidden;

    transition: all .4s ease-out 0s;

}



.header-v2 .navbar-nav li:hover .drop-down-menu {

    opacity: 1;

    visibility: visible;

}



.header-v2 .navbar-nav li .drop-down-menu a:hover {

    color: #f90 !important;

}



.drop-down-menu ul {

    display: flex;

    flex-wrap: wrap;

    list-style-type: none;

    padding: 0;

}



.header-v2 .navbar-nav li .drop-down-menu ul li a {

    display: flex;

    align-items: center;

    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

    padding: 10px 0 !important;

    color: #fff !important;

}



.drop-down-menu ul li {

    width: 33.3333%;

    padding: 0px 10px;

}



.drop-down-menu ul li a img {

    width: 60px;

    margin-right: 10px;

}



section.innertitle {

    text-align: center;

    background: url('../img/bantitle.jpg');

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    padding: 120px 0px;

    z-index: 1;

}



section.chimney-banner {

    background-image: url(../img/chimney-banner.jpg);

}



section.window-banner {

    background-image: url(../img/window-banner.jpg);

}



section.deck-banner {

    background-image: url(../img/deck-banner.jpg);

}



section.flat-roof-banner {

    background-image: url(../img/flat-roof-banner.jpg);

}



section.frame-banner {

    background-image: url(../img/framing-banner.jpg);

}



section.gutter-banner {

    background-image: url(../img/gutter-banner.jpg);

}



section.roofing-banner {

    background-image: url(../img/roof-banner-img.jpg);

}



section.siding-banner {

    background-image: url(../img/siding-banner.jpg);

}



section.skylight-banner {

    background-image: url(../img/skylight-banner.jpg);

}



section.window-banner {

    background-image: url(../img/window-banner.jpg);

}



section.door-banner {

    background-image: url(../img/door-banner.jpg);

}



section.service-banner {

    background-image: url(../img/service-banner.jpg);

}



section.blog-banner {

    background-image: url(../img/blog-banner.jpg);

}



section.about-banner {

    background-image: url(../img/about-banner.jpg);

}



section.testimonials-banner {

    background-image: url(../img/testimonial-banner.jpg);

}



section.faq-banner {

    background-image: url(../img/faq-banner.jpg);

}







section.innertitle:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgb(0 0 0 / 50%);

    z-index: -1;

}



section.innertitle h2 {
    color: #fff;

    text-transform: uppercase;

    font-size: 50px;

    line-height: 60px;

}



section.abt-sect {

    padding: 60px 0px;

}



section.abt-sect .abtsctimg {

    position: relative;

}



section.abt-sect .abtsctimg .abcnt {

    position: absolute;

    top: 50%;

    right: 50px;

    width: 40%;

    background: rgb(0 0 0 / 86%);

    padding: 40px;

    transform: translate(0px, -50%);

}



section.abt-sect .abtsctimg .abcnt p {

    color: #fff;

}



section.servcpg {

    padding: 60px 0px;

    background: #f5f5f5;

}



.abimg img {

    width: 100%;

}



section.servcpg .servicebox {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}



section.servcpg .free-inspection-btn.border-bottom {

    color: #fff;

}



section.servcpg .servicebox .serviceboxinner {

    display: flex;

    flex-wrap: wrap;

    flex-direction: column;

    flex-basis: calc(93% / 3);

    margin: 10px;

    text-align: center;

    background: #34bdc9;

    overflow: hidden;

}



section.servcpg .servicebox .serviceboxinner .serviceboxcnt {

    padding: 20px;

}



section.servcpg .servicebox .serviceboxinner .serviceboxcnt h2,

section.servcpg .servicebox .serviceboxinner .serviceboxcnt p,

section.servcpg .servicebox .serviceboxinner .serviceboxcnt h2 a {

    color: #fff;

}



section.servcpg .servicebox .serviceboxinner .serviceboximg img {

    height: 280px;

    width: 100%;

    object-fit: cover;

    transition: 0.5s ease-out;

}



section.servcpg .servicebox .serviceboxinner .serviceboximg img:hover {

    transform: scale(1.2);

}



section.servcpg .servicebox .serviceboxinner .serviceboximg {

    overflow: hidden;

}



section.servcpg .servicebox .serviceboxinner .serviceboxcnt a.free-inspection-btn.border-bottom:hover {

    color: #fff;

    background: #f90;

}



section.abt-sect.servinner {

    background: #f5f5f5;

}



section.roofserv {

    padding: 60px 0px;

    text-align: center;

}



section.roofserv p {

    margin-bottom: 0px;

}



section.blog {

    padding: 60px 0px;

}



section.blog .blgpg {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}



section.blog .blgpg .blginner {

    display: flex;

    flex-wrap: wrap;

    flex-direction: column;

    flex-basis: calc(93% / 3);

    margin: 10px;

    background: #f5f5f5;

}



section.blog .blgpg .blginner .blgboxcnt {

    padding: 20px;

    text-align: center;

}



section.blog .blgpg .blginner .blgboxcnt h2 {

    font-size: 22px;

    line-height: 32px;

}



section.blog .blgpg .blginner .blgbximg {

    overflow: hidden;

}



section.blog .blgpg .blginner .blgbximg img {

    width: 100%;

    height: 250px;

    object-fit: cover;

    transition: 0.5s ease-out;

}



section.blog .blgpg .blginner .blgbximg img:hover {

    transform: scale(1.2);

}



section.blog .blgpg .blginner .blgboxcnt a.free-inspection-btn.border-bottom:hover {

    background: #f90;

    color: #fff;

}



section.blogdetail {

    padding: 60px 0px;

}



.fancybox-custom .fancybox-outer {

    box-shadow: 0 0 50px #222;

}



section.projectgallery {

    padding: 60px 0px;

}



section.projectgallery .col-lg-4 {

    margin-bottom: 30px;

}



section.mapcnt .container-fluid {

    padding-left: 0px;

    padding-right: 0px;

}











section.contact_form_info.homcontact {

    padding: 60px 0;

}



section.contact_form_info.homcontact .form-banner {

    padding: 30px;

    background: #fff;

    position: relative;

    border: 1px solid #ddd;

    box-shadow: 1px 1px 9px 2px rgb(0 0 0 / 52%);

}



section.contact_form_info.homcontact .form-banner h3 {

    font-size: 30px;

    color: #000;

    text-transform: uppercase;

    margin-bottom: 30px;

}



section.contact_form_info.homcontact .form-banner form {

    position: relative;

    z-index: 99;

}



section.contact_form_info.homcontact .form-banner .form-control {

    border: 1px solid #ddd;

    height: 50px !important;

    color: #000;

    border-radius: 0px;

    box-shadow: inset 1px 1px 3px #ddd;

}



section.contact_form_info.homcontact .form-banner textarea.form-control {

    height: 80px !important;

    padding-top: 10px !important;

}



section.contact_form_info.homcontact .form-banner button.common-btn {

    color: #fff !important;

    background-color: #e13a44;

    height: 45px;

    margin: 0;

    border: 0;

    text-decoration: none;

    font-size: 15px;

    border-radius: 3px;

    display: inline-block;

    line-height: 45px;

    background: #e13a44;

    padding: 0px 20px;

    text-transform: uppercase;

    font-weight: 500;

    border: 1px solid #e13a44;

}



section.contact_form_info.homcontact .in_info {

    background: #f90;

    position: relative;

    padding: 30px;

    height: 400px;

}



section.contact_form_info.homcontact .ft-box h4 {

    font-size: 30px;

    color: #fff;

    position: relative;

    margin-bottom: 30px;

    text-transform: uppercase;

}



section.contact_form_info.homcontact .ft-box p {

    color: #fff;

}



section.contact_form_info.homcontact .in_info .ft-box p a {

    font-size: 20px;

    color: #fff;

}



section.contact_form_info.homcontact .in_info .ft-box p a i {

    margin-right: 12px;

}



section.contact_form_info.homcontact .in_info .ft-box p i {

    color: #fff;

}



ul.social {

    margin: 0;

    padding: 0;

}



ul.social li {

    list-style: none;

    display: inline-block;

    margin-right: 2px;

}



ul.social li a {

    color: #fff;

    padding: 3px 10px;

    border: 1px solid #fff;

    text-transform: uppercase;

    font-size: 18px;

}



section.contact_form_info.homcontact h4.socila-in {

    margin-top: 20px;

}



section.faqs {

    padding: 60px 0px;

}



.accordion-item {

    box-shadow: 0 10px 25px 0 rgb(0 0 0 / 12%);

}



.accordion-item button.accordion-button:focus {

    box-shadow: 0px 0px;

    border: 1px solid #ddd;

}





.adv_mobile_section h2.monu-font {

    color: #fff;

}



.adv_mobile_section {

    background: #000000;

    padding: 30px 0 0px;

}



.adv_mobile_section .row {

    position: relative;

}



.adv_mobile_section .col-md-6 {

    position: relative;

}



.adv_mobile_section .row:first-child:before {

    content: '';

    position: absolute;

    width: 60%;

    height: 1px;

    top: 47%;

    background: #fff !important;

    transform: translate(-50%, -50%);

    left: 50%;

}



.adv_mobile_section .col-md-6 {

    width: 50%;

    max-width: 50%;

    flex: 0 0 50%;

}



.adv_mobile_section .col-md-6 {

    padding-left: 10px;

    padding-right: 10px;

}



.adv_mobile_section .col-md-6:nth-child(1):before {

    width: 1px;

    height: 135%;

    right: 0;

    top: 30%;

}



.adv_mobile_section .col-md-6:nth-child(1):before,

.adv_mobile_section .col-md-6:nth-child(3):before,

.adv_mobile_section .col-md-6:nth-child(5):before {

    content: '';

    position: absolute;

    background: #fff !important;

}



.colinner {

    display: flex;

    align-items: center;

    justify-content: center;

}



.colinner {

    margin-bottom: 30px;

    background-repeat: no-repeat;

    background-size: 100% !important;

    border-radius: 7px;

    padding: 5px;

    border: 1px solid #fff;

    text-align: center;

}



.colinner a {

    display: block;

    width: 100%;

}



.inner-img img {

    width: 100%;

}



.colinner .inner h4 {

    color: #fff;

    font-size: 18px;

    margin: 10px 0 0 0;

}



.readbtn a {

    margin-top: 0px !important;

    margin-bottom: 20px !important;

}



.readbtn {

    text-align: center;

}



.readbtn a:hover {

    background: #f90;

    color: #fff;

}



.test-slider .slick-next:before,

.slick-prev:before {

    content: '';

}



.slick-prev:before,

.slick-next:before {

    content: '';

}



.single-footer-widget .social li a {

    padding: 0px;

}



.form-group.checkbx span.chkbx {

    padding-right: 32px;

    padding-bottom: 5px !important;

}



section.contact_form_info.homcontact.reqquote span.chkbx label {

    font-size: 14px;

}



section.contact_form_info.homcontact.reqquote label.fn {

    font-size: 16px;

    display: block;

    padding-bottom: 5px;

}



section.contact_form_info.homcontact.reqquote .form-group.checkbx span.chkbx {

    width: 20%;

    float: left;

}



section.contact_form_info.homcontact.reqquote .form-group.checkbx span.chkbx.clearfix label {

    font-size: 14px;

}



section.testimonialpg {

    padding: 60px 0px;

}



section.testimonialpg .testimp {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}



section.testimonialpg .testimp .testimpinner {

    display: flex;

    flex-wrap: wrap;

    flex-basis: calc(96% / 2);

    background: #f5f5f5;

    padding: 30px;

    margin: 10px;

    position: relative;

}



section.testimonialpg .testimp .testimpinner ul {

    margin: 0;

    padding: 0;

    width: 100%;

}



section.testimonialpg .testimp .testimpinner ul li {

    list-style: none;

    display: inline-block;

}



section.testimonialpg .testimp .testimpinner ul li i {

    color: #f90;

}



section.testimonialpg .testimp .testimpinner h5 {

    padding-top: 5px;

}







/* landing-page */



.finacial-logo {

    display: flex;

    flex-wrap: wrap;

    margin-top: 30px;

    justify-content: space-between;

}



.fn-logo {

    width: calc(33.33% - 15px);

    padding: 30px 50px;

    background: #fff;

}



.finacial-aid {

    padding: 60px 0;

    background: url(../img/hvac_bg.jpg) 0 0 no-repeat;

    background-size: cover;

    background-attachment: fixed;

}



.finacial-aid h2,

.finacial-aid p {

    color: #fff;

}



.career-section {

    position: relative;

    padding: 60px 0;

    background: #34bdc9;

}



.career-section .secton-heading h2,

.career-section p,

.career-section li {

    color: #fff;

}



.career-section::before {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 50%;

    content: "";

    background: url(../img/havc-right.jpg) center 0 no-repeat;

    background-size: cover;

}



.career-right .list-blue li::before {

    background: #fff;

}



.career-right .list-blue li::after {

    border-color: #fff;

}



.list-blue {

    padding: 0;

}



.list-blue img {

    width: 40px;

    margin-right: 10px;

}



.list-blue {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.list-blue li {

    list-style-type: none;

    padding: 10px 10px 10px 30px;

    font-size: 16px;

    /* border-bottom: 1px solid #ddd   ; */

    position: relative;

    width: calc(50% - 5px);

    /* background: #fff; */

    /* margin-bottom: 15px; */





}



.career-right {

    padding-left: 20px;

}



.video-block {

    background: #000;

}



.job-section {

    padding: 60px 0;

}



.job-left {

    padding: 20px;

    height: 100%;

    box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 25%);

    background: #fff;

}



.list-blue li::before {



    position: absolute;

    left: 5px;

    top: 17px;

    height: 10px;

    width: 10px;

    border-radius: 50%;

    content: "";

    background: #f90;



}



.list-blue li::after {

    position: absolute;

    left: 0;

    top: 12px;

    height: 20px;

    width: 20px;

    border: 2px solid #f90;

    border-radius: 50%;

    content: "";

    background: none;

}



.full-list li {

    width: 100%;

}



.campus-section {

    padding: 80px 0;

    background: url(../img/paralax-bg.jpg) 0 0 no-repeat;

    background-size: cover;

    background-attachment: fixed;

}



.campus-box {
    padding: 30px;

    background: rgba(255, 255, 255, 0.90);



}



.job-space {

    padding: 60px 0;

}



.card-blue {

    display: flex;

    flex-wrap: wrap;



}



.card-content {

    width: 50%;

    padding: 50px;

}



.card-image {

    width: 50%;



}



.card-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.image-cards-section {

    padding: 60px 0;

    /* background: #222; */

}



.card-blue {

    background: #34bdc9;

}



.card-orange {

    background: #f90;

}



.card-blue h2 {

    color: #fff;

}



.card-blue p {

    color: #fff;

}



.why-abcott {

    background: url(../img/why-abbcott-bg.jpg) 0 0 no-repeat;

    background-size: cover;

}



.why-content {

    padding: 80px 60px;

}



.finacial-aid-bottom {

    background: url(../img/finacial-bg.jpg) 0 0 no-repeat;

    background-size: cover;

}



.test-right-img {

    position: relative;

}



.test-right-img:after {

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    width: 50%;

    content: "";

    background: url(../img/review-section.jpg) center 0 no-repeat;

    background-size: cover;

}



.right-images-section::before {

    background-image: url(../img/havc-right2.jpg);

}



.learn-section {

    padding: 50px 0;

}



.learn-section h2 {

    margin-bottom: 30px;

}



.ls-top {

    padding-top: 0;

}



.learn-section h2 {

    font-size: 28px;

}



.higlight {

    background: #0b326e;

    display: flex;

    flex-wrap: wrap;

}



.hl-left {

    padding: 20px 50px;

    text-align: center;

    width: 100%;

}



.higlight h4 {

    color: #fff;

    text-align: center;

    margin: 0;

    font-size: 36px;

    text-transform: uppercase;

}



.yellow-bg {

    background: #f90;

}



.cta-inner h2 {

    font-size: 42px;

}



.cta-inner .free-inspection-btn {

    font-size: 20px;

    margin-top: 20px;

    padding: 10px 30px;

}



.cta-sec {

    text-align: center;

    padding: 50px 0;

    background: url(../img/cta-bg.jpg) right 0 no-repeat;

    position: relative;

    background-size: cover;

    background-attachment: fixed;

}



.cta-sec::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    background: #000;

    opacity: 0.7;

    width: 100%;

    height: 100%;

}



.cta-inner {

    position: relative;

    z-index: 99;

}



.cta-sec h2 {

    color: #fff;

}



.c100 {

    position: relative;

    font-size: 120px;

    width: 1em;

    height: 1em;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    float: left;

    margin: 0 0.1em 0.1em 0;

    /* background-color: #cccccc; */

}



.c100.big {

    font-size: 240px;

}



.c100.center {

    float: none;

    margin: 0 auto;

}



.c100>span {

    position: absolute;

    width: 100%;

    z-index: 1;

    left: 0;

    top: 0;

    width: 5em;

    line-height: 5em;

    font-size: 0.2em;

    color: #fff;

    display: block;

    text-align: center;

    white-space: nowrap;

    -webkit-transition-property: all;

    -moz-transition-property: all;

    -o-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: 0.2s;

    -moz-transition-duration: 0.2s;

    -o-transition-duration: 0.2s;

    transition-duration: 0.2s;

    -webkit-transition-timing-function: ease-out;

    -moz-transition-timing-function: ease-out;

    -o-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}



.c100 .slice {

    position: absolute;

    width: 1em;

    height: 1em;

    clip: rect(auto, auto, auto, auto);

}



.c100 .bar {

    position: absolute;

    border: 0.08em solid #307bbb;

    width: 0.84em;

    height: 0.84em;

    clip: rect(0em, 0.5em, 1em, 0em);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

}



.c100.p92 .bar,

.c100.p92 .fill {

    border-color: #f90 !important;

}



.c100.p100 .bar,

.c100.p100 .fill {

    border-color: #c6ff00 !important;

}



.c100.p71 .bar,

.c100.p71 .fill {

    border-color: #f90 !important;

}





.c100::after {

    position: absolute;

    top: 0.08em;

    left: 0.08em;

    display: block;

    content: " ";

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    /* background-color: whitesmoke; */

    width: 0.84em;

    height: 0.84em;

    -webkit-transition-property: all;

    -moz-transition-property: all;

    -o-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: 0.2s;

    -moz-transition-duration: 0.2s;

    -o-transition-duration: 0.2s;

    transition-duration: 0.2s;

    -webkit-transition-timing-function: ease-in;

    -moz-transition-timing-function: ease-in;

    -o-transition-timing-function: ease-in;

    transition-timing-function: ease-in;

}



.c100 *,

.c100 ::before,

.c100 ::after {

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

}



.c100.p50 .fill {

    position: absolute;

    border: 0.08em solid #307bbb;

    border-top-color: rgb(48, 123, 187);

    border-right-color: rgb(48, 123, 187);

    border-bottom-color: rgb(48, 123, 187);

    border-left-color: rgb(48, 123, 187);

    width: 0.84em;

    height: 0.84em;

    clip: rect(0em, 0.5em, 1em, 0em);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

}



.c100::before {

    position: absolute;

    content: "";

    height: 240px;

    width: 240px;

    left: 0;

    top: 0;

    border: 19px solid #fff;

    border-radius: 50%;

}



.c100.p50 .bar {

    -webkit-transform: rotate(335deg);

    -moz-transform: rotate(335deg);

    -ms-transform: rotate(335deg);

    -o-transform: rotate(335deg);

    transform: rotate(335deg);

}



.c100.p71 .bar {

    -webkit-transform: rotate(255deg);

    -moz-transform: rotate(255deg);

    -ms-transform: rotate(255deg);

    -o-transform: rotate(255deg);

    transform: rotate(255deg);

}



.c100.p100 .bar {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

}



.c100.p92 .bar {

    -webkit-transform: rotate(335deg);

    -moz-transform: rotate(335deg);

    -ms-transform: rotate(335deg);

    -o-transform: rotate(335deg);

    transform: rotate(335deg);

}



.score-box {

    text-align: center;

}



.score-box h4 {

    color: #fff;

    font-size: 30px;

    text-align: center;

    display: block;

}



.testimonials {

    padding: 50px 0;

}



footer {

    background: #031532;

    padding: 20px;

    text-align: center;

}



.index-v2 footer {

    background: #502d7f;

    ;

}



footer {}



footer p.copyright {

    font-size: 14px;

}



.footer-top h3 {

    color: #fff;

    text-align: center;

    text-transform: uppercase;

}



.footer-top h5 i {

    font-size: 16px;

}



.footer-top {

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

    padding-bottom: 10px;

    margin-bottom: 10px;

}



.footer-top h5,

.footer-top h5 a {

    color: #fff;

}



footer p {

    color: #fff;

    margin: 0;

}



.index-v2 .form-banner,

.index-v2 .higlight {

    background: #502d7f;

}



.index-v2 .secton-heading h2,

.index-v2 .abt-box h4,

.index-v2 .banner-text h2,

.index-v2 .header-v2 .phn-link {

    color: #502d7f;

}



.index-v2 .score-inner .secton-heading h2 {

    color: #f90;

}



.index-v2 .cta-sec h2 {

    color: #fff;

}



.logo-list {

    flex-wrap: wrap;

    display: flex;

    justify-content: center;

    text-align: center;

}



.student-hire {

    padding: 50px 0;

    background: #f1f1f1;

}



.logo-box {

    width: calc(20% - 15px);

    padding: 0;

    border: 1px solid #ddd;

    margin: 10px;

    background: #fff;

    height: 100px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.logo-box img {

    width: auto;

    height: auto;

    max-height: 100%;

    max-width: 100%;

}











section.sohg {

    background: #0b326e;

    padding: 70px 0px;

}



section.sohg .acrg {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}



section.sohg .acrg .acrginner {

    display: flex;

    flex-wrap: wrap;

    flex-direction: column;

    flex-basis: calc(93% / 3);

    background: #fff;

    padding: 30px;

    text-align: center;

    margin: 10px;

}



section.sohg .acrg .acrginner .aimg {

    text-align: center;

    padding: 10px;

    margin-bottom: 10px;

    border: 1px solid #ddd;

}



.banner-text1 {

    padding: 20px;

    margin-top: 0px;

}



.banner-text1 h2 {

    color: #0b326e;

}















section.sohg .secton-heading h2 {

    font-size: 27px;

    color: #fff;

}


.geduct.prfc {
    text-align: center;
    padding: 0px 0px 50px 0px;
    background: #f9f9f9;
}

.sc-date h4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.sc-date h4 .table-responsive {
    flex: 1;
}

.sc-date h4 .table-responsive tr td {
    border: 1px solid #ddd;
    padding: 10px;
}

.geduct table {
    width: 100%;
}

section.geduct table tr:first-child {
    background: #0b326e;
}

.mdsc {
    background: #0b326e;
    padding: 50px 0;
    margin-bottom: 0;
}

.custom-table tbody td {
    font-size: 18px;
    min-width: 160px;
}







@media only screen and (max-width: 1400px) {

    .about-right iframe {

        height: 532px;

    }



    .banner-text h2 {

        font-size: 36px;

    }



    .secton-heading h2 {

        font-size: 27px;



    }



}



@media only screen and (max-width: 576px) {

    .header-v2 .phn-link {

        font-size: 14px;

    }



    header.header-area.hdrtp.header-v2 .free-inspection-btn {

        padding: 8px 10px 8px 10px;

    }



    header.header-area.hdrtp.header-v2 a.navbar-brand {

        max-width: 160px;

    }



    .accordion-item h2 button.accordion-button {

        font-size: 16px;

        line-height: 24px;

    }

}



@media only screen and (min-width: 768px) {

    .banner-text {

        margin-top: 165px;

        padding: 20px;

        background: rgba(255, 255, 255, 0.95);

        position: absolute;

        bottom: 20px;

        max-width: 600px;

    }



    .adv_mobile_section {

        display: none;

    }

}



@media only screen and (max-width: 991px) {

    .navbar-light .navbar-toggler {

        display: none;

    }

}



@media only screen and (max-width: 767px) {



    .banner-text1 {

        margin-top: 0px;

        padding-bottom: 0px;

        padding-top: 0px;

    }



    .header-v2 {

        border-bottom: 1px solid #dadada;

    }



    .banner-text1 h2 {

        text-align: left;

    }



    .banner-text1 h2 br {

        display: none;

    }



    .higlight h4 br {

        display: none;

    }



    .fix-icons {

        display: none;

    }



    .test-box-white {

        padding: 10px;

    }



    section.gallery .project-left {

        width: 100%;

    }



    section.gallery .half-col,

    section.gallery .project-right {

        width: 100%;

    }



    .half-col.hlff {

        width: 33% !important;

    }



    section.process-section.home {

        display: none;

    }



    section.services.service-new.home {

        display: none;

    }



    .navbar-light .navbar-toggler:focus {
        outline: 0px;

        box-shadow: 0px 0px;

    }



    ul.navbar-nav {

        background-color: #000 !important;

        margin-top: 10px;

    }



    ul.navbar-nav li a {

        color: #fff !important;

    }



    ul.navbar-nav li.nav-item a {

        color: #fff !important;

        border-bottom: 1px solid #fff;

    }



    ul.navbar-nav li.nav-item a img {

        display: none;

    }



    .adv_mobile_section .inner .inner-img img {

        height: 150px;

    }



    .abt-section {

        padding: 30px 0 50px;

    }



    .finacial-aid {

        padding: 30px 0;

    }



    .testi-outer {

        margin-bottom: 0 !important;

    }



    .image-cards-section {

        padding: 30px 0;

    }



    .slide-img {

        display: none;

    }



    .main-slider-banner .abb-right-card {

        padding: 20px 0;

    }



    .main-slider-banner .abb-right-card h2 {

        color: #fff;

        font-size: 20px;

        line-height: 28px;

    }



    .form-fd,

    .form-fd:last-child {

        width: 100%;

    }



    .ab-innner {

        padding: 0;

    }



    .about-right {

        margin-top: 20px;

    }



    .test-right-img::after {

        display: none;

    }



    .test-box-white {

        text-align: left;

        padding: 0;

    }



    section.testimonials-section .test-box-white .testi-outer {

        margin-top: 0;

    }



    .testi-slide {

        padding: 0;

    }



    .test-box {

        padding: 0;

        margin: 0;

    }



    .testimonials-section .secton-heading {

        text-align: left;

    }



    .testimonials-section.testi-bg {

        padding: 30px 0;

    }



    .test-slider button.slick-prev.slick-arrow,

    .test-slider button.slick-next.slick-arrow {

        width: 30px;

        height: 30px;

        top: -40px !important;

    }



    .test-slider button.slick-prev.slick-arrow {

        right: 36px !important;

    }



    .video-testimonial {

        margin: 5px 0;

    }



    .career-section::before {

        display: none;

    }



    .career-section {

        padding: 30px 0;

    }



    .abb-right-card ul li {

        font-size: 16px;

        margin-bottom: 0px;

    }



    .header-v2 {

        flex-wrap: wrap;

        height: auto;

        display: flex;



    }



    .header-v2 .nav-left {

        width: 100% !important;

    }



    .header-v2 .nav-red {

        width: 100%;

        height: 60px;

        clip-path: none;

    }



    .header-v2 .navbar {

        padding-top: 10px;

        padding-bottom: 10px;

    }



    .project-right.hlff img {

        height: 110px;

        object-fit: cover;

        margin-top: 3px;

    }



    .join-section {

        padding: 40px 0 40px;

    }



    section.testimonials-section .test-img {

        display: none;

    }



    .secton-heading h2 br {

        display: none;

    }



    .secton-heading h2 {

        font-size: 22px;

        line-height: 32px;

    }



    section.footer-area .single-footer-widget.pl-5 {

        display: none;

    }



    section.footer-area .single-footer-widget h3 {

        margin-bottom: 10px;

        font-size: 24px;

        font-weight: 700;

    }



    section.abt-sect .abtsctimg .abcnt {

        width: 100%;

        position: relative;

        top: 0;

        left: 0;

        transform: translate(0px, 0px);

        padding: 20px;

    }



    section.innertitle {

        padding: 40px 0px;

    }



    section.innertitle h2 {

        font-size: 20px;

        line-height: 30px;

    }



    .navbar-light .navbar-toggler {

        display: none;

    }



    .header-v2 .phn-link {

        font-size: 14px;

    }



    .socialicn ul li a {

        color: #fff;

        width: 35px;

        display: flex;

        align-items: center;

        justify-content: center;

        height: 35px;

        border-radius: 3px;

    }



    .socialicn {

        padding-left: 0;

    }



    header.header-area.hdrtp.header-v2 a.navbar-brand {

        margin: auto;

    }

}









@media only screen and (min-width: 768px) {

    section.blogdetail .blog-box1 .blogb-img {

        padding-bottom: 10px;

    }



    section.blogdetail .blog-box1 .blogb-img img {

        width: 50%;

        object-fit: cover;

        float: left;

        padding-right: 30px;

        height: 500px;

    }

}



@media only screen and (max-width: 1400px) {

    .abb-right-card {

        padding: 20px 15px;

    }



    .abb-right-card p {

        font-size: 15px;

    }

}



@media only screen and (max-width: 575px) {

    .blog-box1 .blogb-img {

        padding-bottom: 20px;

    }



    section.servcpg .servicebox .serviceboxinner {

        flex-basis: calc(100%);

    }



    .test-slider button.slick-prev.slick-arrow {

        position: absolute;

        top: -100px;

        right: 44px !important;

        float: right;

        left: auto;

    }



    .test-slider button.slick-next.slick-arrow {

        position: absolute;

        right: 0;

        top: -100px;

    }



    section.testimonials-section .test-box-white .testi-outer {

        margin: 20px 0px;

        padding: 0 0px;

    }



    .career-right {

        padding-left: 0;

    }



    section.projectgallery {

        padding: 40px 0px;

    }



    section.blog .blgpg .blginner {

        flex-basis: calc(100%);

    }



    section.blog .blgpg .blginner {

        flex-basis: calc(100%);

    }



    ul.social li a {

        font-size: 16px;

    }



    section.contact_form_info.homcontact.reqquote .form-group.checkbx span.chkbx {

        width: 50%;

        float: left;

    }



    section.testimonialpg .testimp .testimpinner {

        flex-basis: calc(100%);

    }



    .card-image {

        order: 1;

    }



    .card-content {

        order: 2;

    }



    .why-content {

        padding: 30px 0px;

    }



    .card-image,

    .card-content {

        width: 100%;

    }



    .card-content {

        padding: 20px;

    }



    .socialicn ul {

        padding: 0px 10px;

    }



    .secton-heading h2 {

        font-size: 22px;

        line-height: 32px;

        margin-bottom: 10px;

    }



    .blog-box1 .blogb-img {

        padding-bottom: 20px;

    }



    section.servcpg .servicebox .serviceboxinner {

        flex-basis: calc(100%);

    }



    .test-slider button.slick-prev.slick-arrow {

        position: absolute;

        top: -100px;

        right: 44px !important;

        float: right;

        left: auto;

    }



    .test-slider button.slick-next.slick-arrow {

        position: absolute;

        right: 0;

        top: -100px;

    }



    section.testimonials-section .test-box-white .testi-outer {

        margin: 20px 0px;

        padding: 0 0px;

    }



    .career-right {

        padding-left: 0;

    }



    section.projectgallery {

        padding: 40px 0px;

    }



    section.blog .blgpg .blginner {

        flex-basis: calc(100%);

    }



    section.blog .blgpg .blginner {

        flex-basis: calc(100%);

    }



    ul.social li a {

        font-size: 16px;

    }



    section.contact_form_info.homcontact.reqquote .form-group.checkbx span.chkbx {

        width: 50%;

        float: left;

    }



    section.testimonialpg .testimp .testimpinner {

        flex-basis: calc(100%);

    }



    .card-image {

        order: 1;

    }



    .card-content {

        order: 2;

    }



    .why-content {

        padding: 30px 0px;

    }



    .card-image,

    .card-content {

        width: 100%;

    }



    .card-content {

        padding: 20px;

    }



    section.contact_form_info.homcontact .in_info {

        margin-top: 30px;

    }



    section.contact_form_info.homcontact.reqquote .form-group.checkbx span.chkbx {

        width: 30%;

        float: left;

    }



    section.testimonialpg .testimp .testimpinner {

        flex-basis: calc(100%);

    }



    .form-left h3 {

        font-size: 20px;

    }



    .c100::before {

        width: 160px !important;

        height: 160px !important;

        border: 13px solid #fff;

    }



    .c100.big {

        font-size: 160px;

    }



    .header-v2 .phn-link {

        color: #073070;

        font-size: 18px;

        margin-left: 0px;

        min-width: 150px;

    }



    .socialicn {

        padding-left: 0px;

        padding-right: 20px;

    }



    .socialicn ul li a {

        padding: 0px 10px;

        font-size: 12px;

    }



    .banner-main {

        background-position: 25% 0%;

    }



    .higlight h4 {

        font-size: 28px;

        line-height: 38px;

    }



    .banner-text {

        margin-top: 20px;

    }



    .socialicn ul li a span {

        display: none;

    }



    .socialicn {

        min-width: 200px;

    }



    .banner-text h2 {

        font-size: 22px;

        line-height: 32px;

    }



    section.sohg .acrg .acrginner {

        flex-basis: calc(100%);



    }



    .form-banner {

        padding: 30px 30px;

    }



    .higlight h4 {

        font-size: 18px;

        line-height: 26px;

    }



    .score-inner .score-box {

        margin: 0 auto;

        text-align: center;

    }



    .score-inner .score-box .c100.big {

        width: 100%;

        margin: 0 auto;

        text-align: center;

    }



    .c100 .slice {

        position: absolute;

        width: 1em;

        height: 1em;

        clip: rect(auto, auto, auto, auto);

        left: 50%;

        transform: translate(-50%, 0%);

    }



    .c100>span,

    .c100::before {

        left: 50%;

        transform: translate(-50%, 0%);

    }



    .score-box h4 {

        padding-bottom: 30px;

    }



    .logo-box {

        width: 42%;

    }



    a.navbar-brand {

        width: 100%;

        display: block;

    }



    a.navbar-brand img {

        width: 100%;

        display: block;

        min-width: 150px;

    }

    .header-v2 {
        position: relative;
    }

    .header-v2 .nav-red {

        flex-wrap: wrap;

    }



    /* .header-v2 .phn-link {

        display: none;

    }*/



    header.header-area.hdrtp.header-v2 {

        overflow: hidden;

    }



    .score-inner .score-box {

        padding: 10px;

    }



    section.fixed-bg,

    section.grdemp.cta-sec {

        overflow: hidden;

    }

    .banner-main {
        padding-top: 24px;
    }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    section.sohg .acrg .acrginner {

        flex-basis: calc(91% / 2);

    }



    .blog-box1 .blogb-img {

        padding-bottom: 20px;

    }



    section.servcpg .servicebox .serviceboxinner {

        flex-basis: calc(92% / 2);

    }



    section.blog .blgpg .blginner {

        flex-basis: calc(100%);

    }



    section.contact_form_info.homcontact .in_info {

        margin-top: 30px;

    }



    section.contact_form_info.homcontact.reqquote .form-group.checkbx span.chkbx {

        width: 30%;

        float: left;

    }



    section.testimonialpg .testimp .testimpinner {

        flex-basis: calc(100%);

    }



    .form-left h3 {

        font-size: 20px;

    }



    .c100::before {

        width: 160px !important;

        height: 160px !important;

        border: 13px solid #fff;

    }



    .c100.big {

        font-size: 160px;

    }



    .header-v2 .phn-link {

        color: #073070;

        font-size: 18px;

        margin-left: 0px;

        min-width: 150px;

    }



    .socialicn {

        padding-left: 20px;

        padding-right: 20px;

    }



    .socialicn ul li a {

        padding: 0px 10px;

        font-size: 12px;

    }



    .banner-main {

        background-position: 25% 0%;

    }



    .higlight h4 {

        font-size: 28px;

        line-height: 38px;

    }



    .banner-text {

        margin-top: 20px;

    }



    .socialicn ul li a span {

        display: none;

    }



    .socialicn {

        min-width: 170px;

    }



    .form-banner {

        padding: 30px 30px;

    }



    .higlight h4 {

        font-size: 22px;

        line-height: 32px;

    }



    .score-inner .score-box {

        margin: 0 auto;

        text-align: center;

        padding: 12px;

    }



    .score-inner .score-box .c100.big {

        width: 100%;

        margin: 0 auto;

        text-align: center;

    }



    .c100 .slice {

        position: absolute;

        width: 1em;

        height: 1em;

        clip: rect(auto, auto, auto, auto);

        left: 50%;

        transform: translate(-50%, 0%);

    }



    .c100>span,

    .c100::before {

        left: 50%;

        transform: translate(-50%, 0%);

    }



    .score-box h4 {

        padding-bottom: 30px;

    }



    .logo-box {

        width: 46%;

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    section.sohg .acrg .acrginner {

        flex-basis: calc(93% / 2);

    }



    .banner-text {

        margin-top: 150px;

    }



    section.testimonialpg .testimp .testimpinner {

        flex-basis: calc(94% / 2);

    }



    ul.social li {

        margin-bottom: 8px;

    }



    ul.social li a {

        font-size: 14px;

    }



    section.contact_form_info.homcontact .in_info p.mail a {

        word-break: break-all;

        font-size: 16px;

        font-weight: 400 !important;

    }



    section.contact_form_info.homcontact .ft-box h4 {

        font-size: 20px;

    }



    header.header-area.hdrtp.header-v2 a.navbar-brand img {

        max-width: 180px;

    }



    .abb-right-card h2 {

        font-size: 34px;

    }



    section.after-banner .free-inspection-btn img {

        margin-left: 0px;

    }



    .buttons-form button {

        font-size: 12px;

    }



    .slide-img .slide-relative h4 {

        font-size: 17px;

        line-height: 24px;

        padding-left: 10px;

        padding-right: 20px;

    }



    .test-box-white ul.slick-dots li {

        display: none;

    }



    section.services.service-new ul.slick-dots li {

        display: none;

    }



    .secton-heading h2 {

        font-size: 26px;

        line-height: 36px;

    }



    section.abt-sect .abtsctimg .abcnt {

        width: 100%;

        position: relative;

        top: 0;

        left: 0;

        transform: translate(0px, 0px);

    }



    section.servcpg .servicebox .serviceboxinner {

        flex-basis: calc(91% / 3);

    }



    section.blog .blgpg .blginner {

        flex-basis: calc(93% / 2);

    }



    section.contact_form_info.homcontact.reqquote .form-group.checkbx span.chkbx {

        width: 30%;

        float: left;

    }



    section.blog .blgpg .blginner .blgboxcnt h2 {

        font-size: 18px;

        line-height: 28px;

    }



    .socialicn ul li a {

        padding: 0px 12px;

    }



    .form-left h3 {

        font-size: 20px;

    }



    .c100::before {

        width: 160px !important;

        height: 160px !important;

        border: 13px solid #fff;

    }



    .c100.big {

        font-size: 160px;

    }



    .header-v2 .phn-link {

        color: #073070;

        font-size: 18px;

        margin-left: 0px;

        min-width: 150px;

    }



    .socialicn {

        padding-left: 20px;

        padding-right: 20px;

    }



    .socialicn ul li a {

        padding: 0px 10px;

        font-size: 12px;

    }



    .banner-main {

        background-position: 25% 0%;

    }



    .higlight h4 {

        font-size: 28px;

        line-height: 38px;

    }

}



@media only screen and (min-width: 992px) and (max-width: 1200px) {

    section.testimonialpg .testimp .testimpinner {

        flex-basis: calc(95% / 2);

    }



    section.contact_form_info.homcontact.reqquote .form-group.checkbx span.chkbx {

        width: 30%;

        float: left;

    }



    ul.social li a {

        padding: 3px 6px;

    }



    .header-v2 .navbar-nav li a {

        font-size: 14px;

    }



    section.services.service-new ul.slick-dots li {

        display: none;

    }



    .process-detail h3 {

        font-size: 14px;

    }



    .test-box-white ul.slick-dots li {

        display: none;

    }



    .test-box-white .testi-slide {

        padding: 0 20px;

    }



    section.abt-sect .abtsctimg .abcnt {

        width: 80%;

    }



    section.blog .blgpg .blginner .blgboxcnt h2 {

        font-size: 18px;

        line-height: 28px;

    }



    .socialicn ul li a {

        padding: 0px 12px;

    }



    .form-left h3 {

        font-size: 30px;

    }



    .c100::before {

        width: 220px !important;

        height: 220px !important;

    }



    .c100.big {

        font-size: 220px;

    }

}



@media only screen and (min-width: 1201px) and (max-width: 1600px) {

    section.abt-sect .abtsctimg .abcnt {

        width: 50%;

    }



}







.header-v2 .alert {

    background-color: #ff9900;

    border-radius: 0;

    padding: 0.25em 1em;

    text-align: center;

    margin: 0;

    font-size: 20px;

}

.header-v2 .alert,
.header-v2 .alert p {
    color: #fff;
}