.success-message {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 25px;
    z-index: 99;
    width: 215px;
    background: green;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    padding: 12px 10px;
    box-shadow: 3px 4px 9px -2px #959595;
}
.success-message p {
    margin: 0;
}
p.message_content i {
    margin-right: 8px;
    font-size: 22px;
    position: relative;
    top: 3px;
}
.close_toaster{
    display: none;
}
.btn_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 0;
    color: #fff;
}

.project_section {
    background-attachment: fixed;
    background-position: center;
    padding: 165px 0;
    background-size: cover;
}

.caption_block {
    position: absolute;
    z-index: 99;
    top: 28%;
    width: 35%;
    /* background: #a8785fb8; */
    left: 0%;
    padding: 40px 25px;
    /* border-left: 40px solid #a8785f; */
    color: #fff;
    padding-top: 23px;
    overflow: hidden;
    /* background-image: url('../images/banner-content-bk.png'); */
    height: 290px;
    display: flex;
    align-items: center;

}
.caption_block h1 {
    font-size: 30px;
    line-height: 1.2;
}
.btn_knowmore{
    background: #fff;
    color: #a8785f;
}
.btn_knowmore {
    background: #fff;
    color: #a8785f;
    padding: 5px 10px;
    border-radius: 0px;
    font-weight: 600;
    box-shadow: 1px 3px 5px -1px #666666;
}
.btn_knowmore:hover {
    background: #a8785f;
    color: #ffff;
}



.welcome_section {
    padding-top: 90px;
}
.wlecome_right {
    padding-left: 25px;
    position: relative;
}
img.tag_img {
    position: absolute;
    width: 250px;
    top: -61px;
    right: 30px;
}
.welcome_img_big{
    background: url('../images/banner1.jpg');
    width: 85%;
    height: 465px;
    margin: 0 auto;
}
.welcome_img_small {
    background: url('../images/banner1.jpg');
    width: 50%;
    height: 250px;
    position: relative;
    top: -180px;
}
.wlecome_right h2 {
    color: #372411;
}
.btn_welcome_about{
    background: #a16d51;
    color: #fff;
    border-radius: 0;
    padding: 6px 21px;
    font-weight: 500;
    box-shadow: 0px 3px 6px -1px #8b8b8b;
}
.btn_welcome_about:hover{
    background: #7e553f;
    color: #fff;
    box-shadow: 0px 3px 5px 1px #8b8b8b;
}
.wlecome_right p {
    line-height: 1.8;
}
.wlecome_right ul li {
    line-height: 1.8;
}



.video_block {
    background: url('../images/video-section-background.jpg');
    padding: 108px 0;
    margin-top: 85px;
    background-size: cover;
}
.video_section_left{
    position: relative;
}
.video_section_right{
    padding-left: 22px;
    display: flex;
    align-items: center;
}
.video_section_left video{
    width: 100%;
    height: 450px;
}
.btn_whatapp {
    background: #a16d51;
    color: #fff;
    border-radius: 0;
    padding: 8px 18px;
    font-weight: 500;
    box-shadow: 0px 3px 6px -1px #8b8b8b;
}
.btn_whatapp:hover{
    background: #7e553f;
    color: #fff;
    box-shadow: 0px 3px 5px 1px #8b8b8b;
}
.video_cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
.remove_cover{
    display: none;
}
button.btn.btn-play {
    position: absolute;
    left: 0;
    right: 0;
    top: 45%;
    bottom: 0;
    background: #a62d2a;
    width: 60px;
    height: 60px;
    border-radius: 40px;
    font-size: 36px;
    padding: 0 0;
    margin: 0 auto;
    color: #fff;
}
.video_content_block h3 {
    color: #372411;
    width: fit-content;
}
h2.year {
    font-size: 150px;
    position: relative;
    width: fit-content;
    color: #372411;
    line-height: 1;
}
span.year_tag {
    position: absolute;
    font-size: 62px;
    top: 29%;
    right: -53px;
    background: #e5e1de;
    font-family: "Luxurious Script", cursive;
    line-height: 1;
}
.years {
    color: #372411;
}
h2.year_head {
    font-size: 50px;
    position: relative;
    top: -38px;
    left: 88px;
}
/* .video_content {
    margin-top: -40px;
} */


.home_services {
    padding-top: 70px;
}
.services_left {
    display: flex;
    align-items: center;
}
.services_left h3{
    color: #372411;
}
.service_list_block {
    display: flex;
    flex-wrap: wrap;
    margin: 25px -15px;
}
.service_box {
    width: 50%;
    padding: 0 15px;
    padding-bottom: 20px;
}
.service_name h4 {
    font-size: 16px;
    font-weight: 400;
    color: #806343;
    margin: 0;
}
.service_name {
    text-align: center;
    padding: 10px 0;
}
.service_image_block{
    overflow: hidden;
}
.box_contents{
    box-shadow: 1px 1px 6px -2px #7a7a7a;
    height: 100%;
    display: flex;
    align-items: center;
    background: #fff;
}
.box_contents a{
    width: 100%;
}
.btn_read{
    background: #a16d51;
    color: #fff;
    border-radius: 0;
    padding: 8px 18px;
    font-weight: 500;
    box-shadow: 0px 3px 6px -1px #8b8b8b;
}
.btn_read:hover{
    background: #7e553f;
    color: #fff;
    box-shadow: 0px 3px 5px 1px #8b8b8b;
}
.left_service_content {
    padding-right: 30px;
}
.btn.prev-btn {
    color: #a16d51;
    font-size: 20px;
    padding: 0 5px;
    box-shadow: none;
    border: none;
}
.btn.next-btn{
    color: #a16d51;
    font-size: 20px;
    padding: 0 5px;
    box-shadow: none;
    border: none;
}
.service_slide {
    padding: 0 10px;
}



.btn_all_project{
    background: #a16d51;
    color: #fff;
    border-radius: 0;
    padding: 8px 18px;
    font-weight: 500;
    box-shadow: 0px 3px 6px -1px #8b8b8b;
}
.btn_all_project:hover{
    background: #7e553f;
    color: #fff;
    box-shadow: 0px 3px 5px 1px #8b8b8b;
}
.project_right h3 {
    color: #372411;
}
.home_projects {
    padding: 25px 25px;
    background: #ffffffd9;
    box-shadow: rgb(100 100 111) 0px 7px 29px 0px;
}
.project_slide_img {
    padding: 0 5px;
    min-height: 330px;
    background-size: cover;
}
.project_slider a {
    padding: 0 2px;
    overflow: hidden;
}
.project_slider {
    margin: 0 -2px;
}
.project_slide_img.slick-active:nth-child(2){
    padding: 0 10px;
}
.prj_next_btn {
    background: #a16d51 !important;
    color: #fff;
    border-radius: 34px;
    padding: 0 0;
    width: 28px;
    height: 28px;
}
.prj_prev_btn{
    background: #a16d51 !important;
    color: #fff;
    border-radius: 34px;
    padding: 0 0;
    width: 28px;
    height: 28px;
}
.project_left {
    position: relative;
}
.project_slide_action {
    position: absolute;
    right: 8px;
    bottom: -14px;
}
.prj_next_btn:hover{
    background: #855b44;
    color: #fff;
}
.prj_prev_btn:hover{
    background: #855b44;
    color: #fff;
}
.project_right {
    padding-left: 50px;
    display: flex;
    align-items: center;
}



.process {
    padding: 50px 0;
}
.process_right {
    display: flex;
    align-items: center;
}
.process_item {
    display: flex;
    flex-wrap: wrap;
}
.item_icon {
    width: 10%;
    padding-top: 3px;
}
.icon{
    box-shadow: 1px 1px 1px 1px black;
}
.item_content {
    width: 90%;
    padding-left: 15px;
}
.item_content p {
    margin: 0;
}
.icon {
    box-shadow: 1px 1px 5px 0px #8d8d8d;
    width: 50px;
    height: 50px;
    text-align: center;
    display: grid;
    align-items: center;
    font-size: 30px;
    border-radius: 50px;
}
.process_item {
    display: flex;
    flex-wrap: wrap;
    margin-top: 35px;
}
.block_top_row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.img_block {
    width: 50%;
    padding: 0 15px;
    overflow: hidden;
}
.block_bottom_block {
    margin-top: 30px;
    overflow: hidden;
}
.process_left h3 {
    color: #372411;
}
.item_content h4 {
    color: #a16d51;
    font-size: 20px;
}


.client_section {
    padding: 60px 0;
}
.client_logo {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.log_img {
    padding: 10px 10px;
    width: calc(100%/3);
    overflow: hidden;
}
.log_img img {
    border: 1px solid #bdb4a9;
    border-radius: 5px;
}
.client_right {
    padding-left: 20px;
    display: flex;
    align-items: center;
}
.client_left {
    padding-right: 25px;
}
.client_content h3 {
    color: #372411;
}
.client_prev_btn{
    color: #a16d51;
    font-size: 20px;
    padding: 0 5px;
    box-shadow: none;
    border: none;
}
.client_next_btn{
    color: #a16d51;
    font-size: 20px;
    padding: 0 5px;
    box-shadow: none;
    border: none;
}
.caption_container {
    position: relative;
    display: block;
    width: 100%;
    min-height: 700px;
}
.welcome_imgblock{
    background-image: url('../images/shape_background.png');
    padding: 30px 30px;
    background-size: contain;
    background-repeat: no-repeat;
}
.slick_service{
    background-image: url('../images/shape_background.png');
    padding: 15px 30px;
    background-size: contain;
    background-repeat: no-repeat;
}
.carousel-control-next, .carousel-control-prev{
    width: auto;
}
/*==========  Mobile First Method  ==========*/

@media only screen and (max-width : 320px) and (min-width : 200px) {
    .carousel-item {
        min-height: 485px;
        background-size: cover !important;
        background-position: center;
    }
    img.tag_img {
        position: absolute;
        width: 143px;
        top: -29px;
        right: 0px;
    }
    .video_cover{
        overflow: hidden;
    }
    
    .project_slide_img{
        min-height: 240px;
    }
    .service_right {
        order: 1;
    }
    .services_left {
        order: 2;
    }
    .project_content {
        padding-top: 18px;
    }
    .item_icon {
        width: 15%;
    }
    .item_content {
        width: 85%;
    }
    .item_content h4 {
        margin: 0;
    }
    .process_item {
        margin-top: 15px;
    }
    .process_right {
        order: 1;
    }
    .process_left {
        order: 2;
        padding-top: 15px !important;
    }
    
    .service_list_block{
        margin: 25px -25px;
    }
    .video_block{
        padding: 0px 0;
        padding-bottom: 40px;
        margin-top: 22px;
    }
    button.btn.btn-play{
        top: 38%;
    }
    .video_section_left video {
        height: 293px;
    }
    .left_service_content {
        padding-right: 0;
    }
    .home_services {
        padding-top: 10px;
        padding-bottom: 45px;
    }
    .btn.prev-btn,.btn.next-btn{
        font-size: 16px;
    }
    .btn-wrap {
        margin-bottom: 0px;
        margin-left: auto;
        width: fit-content;
        position: relative;
        top: -5px;
        right: 5px;
    }
    /* .home_projects {
        padding: 0px 0;
    } */
    .client_section {
        padding: 0px 0;
    }
    .client_left {
        order: 1;
    }
    .welcome_imgblock {
        display: none;
    }
    .caption_block {
        top: 35%;
        left: 0;
        width: 100%;
        padding: 0 43px;
        height: auto;
        text-align: center;
    }
    .caption_block h1 {
        font-size: 22px;
    }
    .btn_knowmore {
        padding: 3px 7px;
        border-radius: 0px;
        font-size: 12px;
    }
    .col_50 {
        width: 100%;
        padding: 0;
    }
    .welcome_section {
        padding-top: 20px;
    }
    .wlecome_right {
        padding-left: 0;
    }
}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 480px) and (min-width : 320px) {
    .carousel-item {
        min-height: 485px;
        background-size: cover !important;
        background-position: center;
    }
    img.tag_img {
        position: absolute;
        width: 143px;
        top: -29px;
        right: 0px;
    }
    .video_cover{
        overflow: hidden;
    }
    .project_slide_img{
        min-height: 200px;
    }
    .service_right {
        order: 1;
    }
    .services_left {
        order: 2;
    }
    .project_content {
        padding-top: 18px;
    }
    .item_icon {
        width: 15%;
    }
    .item_content {
        width: 85%;
    }
    .item_content h4 {
        margin: 0;
    }
    .process_item {
        margin-top: 15px;
    }
    .process_right {
        order: 1;
    }
    .process_left {
        order: 2;
        padding-top: 15px !important;
    }
    .service_list_block{
        margin: 25px -25px;
    }
    .video_block{
        padding: 0px 0;
        padding-bottom: 40px;
        margin-top: 22px;
    }
    button.btn.btn-play{
        top: 38%;
    }
    .video_section_left video {
        height: 293px;
    }
    .left_service_content {
        padding-right: 0;
    }
    .home_services {
        padding-top: 10px;
        padding-bottom: 45px;
    }
    .welcome_imgblock {
        display: none;
    }
    .btn.prev-btn,.btn.next-btn{
        font-size: 16px;
    }
    .btn-wrap {
        margin-bottom: 0px;
        margin-left: auto;
        width: fit-content;
        position: relative;
        top: -5px;
        right: 5px;
    }
    /* .home_projects {
        padding: 0px 0;
    } */
    .client_section {
        padding: 0px 0;
    }
    .client_left {
        order: 1;
    }
    .welcome_imgblock {
        display: none;
    }
    .caption_block {
        top: 35%;
        left: 0;
        width: 100%;
        padding: 0 43px;
        height: auto;
        text-align: center;
    }
    .caption_block h1 {
        font-size: 22px;
    }
    .btn_knowmore {
        padding: 3px 7px;
        border-radius: 0px;
        font-size: 12px;
    }
    .col_50 {
        width: 100%;
        padding: 0;
    }
    .welcome_section {
        padding-top: 20px;
    }
    .wlecome_right {
        padding-left: 0;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 768px) and (min-width : 480px) {
    .carousel-item {
        min-height: 485px;
        background-size: cover !important;
        background-position: center;
    }
    img.tag_img {
        position: absolute;
        width: 143px;
        top: -29px;
        right: 0px;
    }
    .video_cover{
        overflow: hidden;
    }
    .project_slide_img{
        min-height: 240px;
    }
    .service_right {
        order: 1;
    }
    .services_left {
        order: 2;
    }
    .project_content {
        padding-top: 18px;
    }
    .item_icon {
        width: 15%;
    }
    .item_content {
        width: 85%;
    }
    .item_content h4 {
        margin: 0;
    }
    .process_item {
        margin-top: 15px;
    }
    .process_right {
        order: 1;
    }
    .process_left {
        order: 2;
        padding-top: 15px !important;
    }
    .service_list_block{
        margin: 25px -25px;
    }
    .video_block{
        padding: 0px 0;
        padding-bottom: 40px;
        margin-top: 22px;
    }
    button.btn.btn-play{
        top: 38%;
    }
    .video_section_left video {
        height: 293px;
    }
    .left_service_content {
        padding-right: 0;
    }
    .home_services {
        padding-top: 10px;
        padding-bottom: 45px;
    }
    .welcome_imgblock {
        display: none;
    }
    .btn.prev-btn,.btn.next-btn{
        font-size: 16px;
    }
    .btn-wrap {
        margin-bottom: 0px;
        margin-left: auto;
        width: fit-content;
        position: relative;
        top: -5px;
        right: 5px;
    }
    /* .home_projects {
        padding: 0px 0;
    } */
    .client_section {
        padding: 0px 0;
    }
    .client_left {
        order: 1;
    }
    .welcome_imgblock {
        display: none;
    }
    .caption_block {
        top: 35%;
        left: 0;
        width: 100%;
        padding: 0 43px;
        height: auto;
        text-align: center;
    }
    .caption_block h1 {
        font-size: 22px;
    }
    .btn_knowmore {
        padding: 3px 7px;
        border-radius: 0px;
        font-size: 12px;
    }
    .col_50 {
        width: 100%;
        padding: 0;
    }
    .welcome_section {
        padding-top: 20px;
    }
    .wlecome_right {
        padding-left: 0;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 992px) and (min-width : 768px) {
    .carousel-item {
        min-height: 485px;
        background-size: cover !important;
        background-position: center;
    }
    img.tag_img {
        position: absolute;
        width: 143px;
        top: -29px;
        right: 0px;
    }
    .video_cover{
        overflow: hidden;
    }
    .project_slide_img{
        min-height: 240px;
    }
    .service_right {
        order: 1;
    }
    .services_left {
        order: 2;
    }
    .project_content {
        padding-top: 18px;
    }
    .item_icon {
        width: 15%;
    }
    .item_content {
        width: 85%;
    }
    .item_content h4 {
        margin: 0;
    }
    .process_item {
        margin-top: 15px;
    }
    .process_right {
        order: 1;
    }
    .process_left {
        order: 2;
        padding-top: 15px !important;
    }
    .service_list_block{
        margin: 25px -25px;
    }
    .video_block{
        padding: 0px 0;
        padding-bottom: 40px;
        margin-top: 22px;
    }
    button.btn.btn-play{
        top: 38%;
    }
    .video_section_left video {
        height: 293px;
    }
    .left_service_content {
        padding-right: 0;
    }
    .home_services {
        padding-top: 10px;
        padding-bottom: 45px;
    }
    .welcome_imgblock {
        display: none;
    }
    .btn.prev-btn,.btn.next-btn{
        font-size: 16px;
    }
    .btn-wrap {
        margin-bottom: 0px;
        margin-left: auto;
        width: fit-content;
        position: relative;
        top: -5px;
        right: 5px;
    }
    /* .home_projects {
        padding: 0px 0;
    } */
    .client_section {
        padding: 0px 0;
    }
    .client_left {
        order: 1;
    }
    .welcome_imgblock {
        display: none;
    }
    .caption_block {
        top: 35%;
        left: 0;
        width: 100%;
        padding: 0 43px;
        height: auto;
        text-align: center;
    }
    .caption_block h1 {
        font-size: 22px;
    }
    .btn_knowmore {
        padding: 3px 7px;
        border-radius: 0px;
        font-size: 12px;
    }
    .col_50 {
        width: 100%;
        padding: 0;
    }
    .welcome_section {
        padding-top: 20px;
    }
    .wlecome_right {
        padding-left: 0;
    }
}

/* Medium Devices, Desktops */
@media (max-width:999px)and (min-width: 992px) {   

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    
}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}