*{
    padding: 0px;
    margin: 0px;
}
body{
  font-family: "Open Sans", sans-serif;

overflow-x: hidden;
margin: 0px;
padding: 0px;
}



.brampton_banner h4 {
    color: #ffd300;
    font-size: 28px;
    line-height: 37px;
    font-family: "Oswald", sans-serif;
    text-transform: capitalize;
}
.brampton_banner h4 span {
    background: #ffd324;
    width: 22px;
    height: 4px;
    position: absolute;
    top: 24px;
    margin-left: 12px;
}
.brampton_banner .text-heading {
    position: relative;
    width: 100%;
    max-width: 100%;
}
.brampton_banner h1 {
    font-size: 48px;
    color: #fff;
    line-height: 60px;

    font-family: "Oswald", sans-serif;
    letter-spacing: -1px;
    margin-bottom: 19px;
}
.brampton_banner h1 span {
    color: #33d1e2;
}
img.uk_logo2 {
    animation: none !important;
    max-width: 258px;
    height: auto !important;
    background: #ffffffd6;
    padding: 15px;
    border-radius: 10px;
}

.brampton_banner .col-md-8 {
    -ms-flex: 0 0 62.666667%;
    flex: 0 0 62.666667%;
    max-width: 62.666667%;
}
 .brampton_banner .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 37.333333%;
    max-width: 37.333333%;
}
 .brampton_banner .row {
    align-items: center;
}
 .brampton_banner img {
    animation: zoom 30s infinite;
    object-fit: cover;
    height: auto;
}
 .brampton_banner .wpforms-form label.wpforms-error {
    color: #ff3838 !important;
    font-size: 12px;
    position: absolute;
}
@keyframes zoom {
    0% {
    transform: scale(1);
}
50% {
    transform: scale(1.3);
}
100% {
    transform: scale(1.5);
}
}
.brampton_banner p {
    font-size: 18px !important;
    font-family: "Open Sans", sans-serif;
    font-weight: 400 !important;
    line-height: 30px;
    max-width: 614px;
    color: #fff;
}
.brampton_banner .form_area h4{
    text-align: center;
    font-size: 35.73px !important;
}

.brampton_banner .overlay {
    background: linear-gradient(90deg, rgb(59 66 76 / 90%) 0%, #152034c9 30%, #152034b8 70%);
}
.banner .overlay {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0px;
    display: flex
;
    align-items: center;
}
.brampton_banner img {
    height: 849px;
    width: 100%;
}

.about_area {
    padding: 100px 0px;
}

.heading{
     font-family: "Oswald", sans-serif;
    font-size: 48px;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: 0px;
    color: #003DA7;
}

.heading span{
    color: #0099a9;
}
.heading2 {
    font-family: "Oswald", sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0px;
    color: #003DA7;
}

p{
    color: #3F3F3F;
    font-family: "Open Sans", Sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 29px;
}

.about_area p{
    max-width: 400px;
}

.abt_img {
    display: flex;
    gap: 20px;
}

.abt_img img{
width: 100%;
    max-width: 100%;
    height: 344px;
    object-fit: cover;
    object-position: center center;
    border-radius: 11px 11px 11px 11px;
}

.abt_img .img_fir {
    width: 50%;
}

.why_choose_us{
    padding: 80px 0px;
}



.why_choose_us .heading {
    text-align: center;
    margin-bottom: 32px;
}

.why_choose_us .heading2 {
    text-align: center;
    margin-bottom:20px;
}
.why_choose_us .heading2 span{
    color: #0099a9;
}

.why_choose_us .col-md-2{
    max-width: 20%;
    flex: 0 0 20%;
    padding: 0px 10px;
}

.why_choose_us .row .col-md-2:nth-child(2n) .wh_area{
  background: #ffd300;
}
.why_choose_us .wh_area {
    background: #f2f2f2;
    padding: 32px 25px 25px 25px;
    border-radius: 8px;
    min-height: 280px;
}
.why_choose_us p{
    text-align: center;
    color: #333;
}

.ser_area {
    padding: 80px 0px;
    background: #f5f5f5;
}

.ser_area .heading, .ser_area .heading2{
text-align: center;
}

.ser_area .heading2 {
    color: #0099a9;
    margin-bottom: 45px;
    margin-top: 22px;
}
.cont_area {
    background: #fff;
    border-radius: 5px;
    padding: 40px 31px 22px 31px;
    min-height: 327px;
    margin-bottom: 28px;
}

.row.new_top {
    align-items: center;
    justify-content: center;
}


.icon_area {
    width: 100px;
    height: 100px;
    border: 8px solid #fff;
    box-shadow: 1px 1px 10px #ccc;
    border-radius: 50%;
    display: flex
;
    align-items: center;
    justify-content: center;
    background: #003da7;
    margin: 0px auto;
}


.yel{
    background: #ffd300 !important;
}


.sk_b{
    background: #0099a9 !important;
}

.blue_sk{
    background: #003da7;
}
.new_top h3, .new_bottom h3 {
    font-family: 'Oswald';
    font-size: 26px;
    text-align: center;
    margin: 25px 0px 12px;
}
.new_top p, .new_bottom p{
    text-align: center;
}
.new_bottom p{
    color: #fff;
}

.new_bottom h3{
    color: #fff;
}
.new_bottom .yel p, .new_bottom .yel h3{
    color: #333;
}
.new_bottom h4 {
    text-align: center !important;
    font-family: 'Oswald' !important;
    font-size: 31px !important;
    margin: 34px 0px 28px !important;
}

.comm_area {
    position: relative;
    background: url('../images/backgound.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 100px 0px;
    background-position: center;
}

.comm_area::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #1E1344;
    opacity: 0.88;
    top: 0px;
    left: 0px;

}
.comm_area .container{
    position: relative;
    z-index: 1;
}
.comm_area h2 {
    text-align: center;
    color: #fff;
    margin-bottom: 45px;
}

.comm_area .heading2 {
    color: #fff;
    margin: 0px;
    text-align: left;
    max-width: 288px;
    letter-spacing: 0;
    font-size: 31px;
    line-height: 43px;
}

.comm_area .back_head {
    padding: 28px 30px;
    border-radius: 10px 10px 0px 0px;
}
.comm_area .back_para {
    background: #fff;
    padding: 28px 28px;
    text-align: left;
    border-radius: 0px 0px 10px 10px;
    min-height: 312px;
}

.comm_area .back_para p{text-align: left;}
.comm_area .row .col-md-4:nth-child(2) .heading2{
    color: #333;
}

.our_work {
    position: relative;
    padding: 80px 0px;
}

.our_work h2 {
    text-align: center;
    margin-bottom: 40px;
}
.our_work  img{
    width: 100%;
    max-width: 100%;
    height: 390px;
    object-fit: cover;
    object-position: center center;
    border-radius: 6px 0px 0px 6px;
}

.our_work .owl-stage   span.tag_n {
    position: absolute;
    top: 28px;
    background-color: #FFD300;
    padding: 6px 23px;
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}

.our_work .owl-stage .owl-item:nth-child(2n) span.tag_n{
    background: #0099a9 !important;
    color: #fff;
}

.our_work .owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 60px;
    margin: 5px;
    padding: 4px 7px;
    background: none !important;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    color: #333;
}
.our_work .owl-theme .owl-nav [class*=owl-]:hover{
    background:none !important;
}
.our_work .owl-theme .owl-nav {
    margin-top: 10px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 120%;
    top: 27%;
    left: -10%;
}
.our_work .new_slider {
    max-width: 1000px;
    margin: 0px auto;
}

.banner .overlay {
    padding-top: 80px;
}
.ser_area {
    padding: 80px 0px !important;
    background: #f5f5f5 !important;
    margin: 0px !important;
}

.our_work .owl-theme .owl-nav [class*=owl-]:hover{
	color:#0099a9 !important;
}
.banner .col-md-5{
    position:inherit !important;
}
img.uk_logo {
    animation: none !important;
    height: auto;
    background: #ffffffc4;
    padding: 14px;
    border-radius: 7px;
    width: 9%;
    float: right;
    position: absolute;
    right: 38px;
    margin-top: 0;
    bottom: 38px;
}

.why_choose_us.mon_why_choose .wh_area {
    background: #f2f2f2;
    padding: 32px 25px 25px 25px;
    border-radius: 8px;
    min-height: 378px;
}

.comm_area.mon_comm .back_para {
    min-height: 263px;
}

@media screen and (max-width: 1199px) {
   .brampton_banner img {
    height: 742px;
}
.why_choose_us .col-md-2 {
    max-width: 33%;
    flex: 0 0 33%;
}
.why_choose_us .row {
    justify-content: center;
    row-gap: 21px;
}
.why_choose_us.mon_why_choose .wh_area {
    min-height: 271px;
}
.cont_area {
    padding: 34px 15px 22px 15px;
    min-height: 362px;
}
}

@media screen and (max-width: 991px) {
       .brampton_banner img {
    height: 700px;
}
 .banner .col-md-7 {
    flex: 0 0 99.333333%;
    max-width: 99.333333%;
}  
.why_choose_us .col-md-2 {
    max-width: 50%;
    flex: 0 0 50%;
    padding: 0px 10px;
}
.ser_area .col-md-4 {
    flex: 0 0 50.333333%;
    max-width: 49.333333%;
}
.row.new_bottom {
    justify-content: center;
}
.comm_area .col-md-4 {
    flex: 0 0 49.333333%;
    max-width: 50.333333%;
    margin-bottom: 27px;
}
.comm_area .col-md-4:last-child {
    flex: 0 0 100%;
    max-width: 100%;
}
.comm_area.mon_comm .col-md-4:last-child .back_para {
    min-height: auto;
}
.comm_area.mon_comm .back_para {
    min-height: 277px;
}
.comm_area .back_head {
    padding: 18px 30px;
}
.comm_area .heading2 {
    font-size: 27px;
}
}
@media screen and (max-width: 767px) {
  .brampton_banner img {
    height: 627px;
} 
.why_choose_us .col-md-2 {
    max-width: 100%;
    flex: 0 0 100%;
    padding: 0px 10px;
}
.why_choose_us .wh_area {
    min-height: auto;
}
.comm_area .back_para {
    min-height: auto;
}
.why_choose_us.mon_why_choose .wh_area {
    min-height: auto;
}
.ser_area .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
}
.cont_area {
    min-height: auto;
}
.heading {
    font-size: 38px;
        margin-bottom: 35px;
}
.ser_area {
    padding: 49px 0px !important;
}
.brampton_banner h1 {
   font-size: 40px;
    line-height: 53px;
    
}
    .comm_area .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 27px;
    }
    .comm_area.mon_comm .back_para {
    min-height: auto;
}
.comm_area .back_para p {
    text-align: left;
    padding: 0px;
}
    .heading {
        font-size: 38px;
        margin-bottom: 15px;
    }
    .ser_area .heading2 {
    margin-bottom: 39px;
}
.why_choose_us {
    padding: 60px 0px;
}
img.uk_logo2 {
    max-width: 179px;
}
.banner .overlay {
    padding-top: 0;
}
}
@media screen and (max-width: 580px) {
 .brampton_banner h1 {
    font-size: 38px;
    line-height: 55px;
} 
.comm_area {
    padding: 50px 0px;
}
.banner .overlay {
    padding-top: 0px;
}
}
@media screen and (max-width: 480px) {
       .brampton_banner h1 {
        font-size: 35px;
        line-height: 46px;
    }
    .brampton_banner img {
        height: 723px;
    }
    .brampton_banner h4 {
    font-size: 24px;
}
.why_choose_us {
    padding: 50px 0px;
}
    .heading {
        font-size: 35px;
    }
    .brampton_banner p {
    font-size: 17px !important;
    font-family: "Open Sans", sans-serif;
    line-height: 26px;
}
}