@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');



/* ***** Common Css **** */

:root {

    scroll-behavior: initial;

}



* {

    margin: 0;

    padding: 0;

    text-decoration: none;

    list-style: none;

}

a:hover,

a:focus,

a:active {

    text-decoration: none;

}

ol,

ul {

    margin: 0;

    padding: 0;

}

img {

    display: block;

}

figure{margin: 0;}

a,button {

    transition: 0.4s linear;

    -webkit-transition: 0.4s linear;

    text-decoration: none;

}



body {

    font-family: "Montserrat", sans-serif;

    font-size: 14px;

    font-weight: 400;

    background-image:url('../images/body-bg.jpg');

    background-size: contain;

    background-repeat:repeat-y;

    color: #000;

    text-decoration: none;    

}

.main-wrpper {

    height:100%;

    width: 100%;

    overflow: hidden;

}

.container{

    max-width: 1350px;

}

/* ***** End Common Css **** */







/* **** Portfolio **** */

.portfolio-wrp{

    padding: 80px 0 20px;

}

.portfolio-wrp .titlebar{

    margin: 0 0 60px;

}

.portfolio-wrp .titlebar h2{

    font-size: 42px;

    color: #fff;

    font-weight: 500;

    text-align: center;

    margin: 0;

    text-transform: uppercase;

}

.portfolio-wrp .actors-block{

    background-color: #fff;

    margin: 0 0 4px;

}

.portfolio-wrp .actors-block .actor-image{

    height: 100%;

    width: 100%;

}

.portfolio-wrp .actors-block .actor-image img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.portfolio-wrp .actors-block .row{

    margin: 0;

}

.portfolio-wrp .actors-block .row .col-lg-6{

    padding: 0;

}

.portfolio-wrp .actors-block .col-lg-6 .actor-detail{

    padding: 32px;

}

.portfolio-wrp .actors-block .col-lg-6 .actor-detail .detail{

    border: none;

    padding: 0 0 24px;

    margin: 0;

}

.portfolio-wrp .actors-block .actor-detail .title{

    margin: 0 0 24px;

}

.portfolio-wrp .actors-block .actor-detail .title h3{

    font-size: 32px;

    color: #48545a;

    font-weight: 500;

    text-transform: capitalize;

    margin: 0 0 10px;

}

.portfolio-wrp .actors-block .actor-detail .title h6{

    font-size: 16px;

    font-weight: 500;

    color: #484848;

    margin: 0 0 10px;

}

.portfolio-wrp .actors-block .actor-detail .title h5{

    font-size: 16px;

    font-weight: 500;

    color: #484848;

    margin: 0;

}





.portfolio-wrp .actors-block .actor-detail{

    padding: 32px;

}







.portfolio-wrp .actors-block .actor-detail .detail{

    padding: 0 0 24px;

    margin: 0 0 24px;

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

}

.portfolio-wrp .actors-block .actor-detail .detail h5{

    font-size: 20px;

    color: #484848;

    font-weight: 600;

    margin: 0 0 10px;

    text-transform: capitalize;

}

.portfolio-wrp .actors-block .actor-detail .detail p{

    font-size: 15px;

    font-weight: 400;

    color: #48545a;

    margin: 0;

}

.portfolio-wrp .actors-block .actor-detail .detail .experience-box{

    margin:20px 0 0;

    padding-left: 24px;

}

.portfolio-wrp .actors-block .actor-detail .detail .experience-box h4{

    font-size: 18px;

    color: #484848;

    font-weight: 500;

    margin: 0 0 10px;

    text-transform: capitalize;

}

.portfolio-wrp .actors-block .actor-detail .detail ul li{

    font-size: 15px;

    font-weight: 400;

    color: #48545a;

    list-style: disc;

    margin: 0;

    margin-left: 24px;

}

.portfolio-wrp .actors-block .actor-detail .contact-detail h5{

    font-size: 20px;

    color: #484848;

    font-weight: 600;

    margin: 0 0 10px;

    text-transform: capitalize;

}

.portfolio-wrp .actors-block .actor-detail .contact-detail ul li a{

    font-size: 15px;

    font-weight: 400;

    display: block;

    color: #48545a;

    list-style: disc;

    margin: 0;

}

/* 

.portfolio-wrp .actors-block .actor-detail h3{

    font-size: 24px;

    color: #191d1f;

    font-weight: 500;

    margin: 0 0 20px;

}

.portfolio-wrp .actors-block .actor-detail p{

    font-size: 16px;

    color: #48545a;

    font-weight: 400;

    margin: 0 0 24px;

}

.portfolio-wrp .actors-block .actor-detail ul{

    display: flex;

    align-items: center;

    gap: 10px;

}

.portfolio-wrp .actors-block .actor-detail ul li a{

    height: 46px;

    width: 46px;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #d8dcdf;

    color: #76828d;

    font-size: 18px;

    border-radius: 100%;

}

.fa-phone-alt{

    transform: rotate(90deg);

}

.portfolio-wrp .actors-block .actor-detail ul li a:hover{

    background-color: #000;

    color: #fff;

} */





.portfolio-wrp .portfolio-list{

    margin: 0 0 60px;

}

.portfolio-wrp .portfolio-list .row{

    margin: 0 -2px;

    row-gap: 4px;

}

.portfolio-wrp .portfolio-list .row .col-xl-3{

    padding: 0 2px;

}

.portfolio-wrp .portfolio-list .actor-box{

    background-color: #fff;

    position: relative;

    overflow: hidden;

}

.portfolio-wrp .portfolio-list .actor-box .box-img{

    width: 100%;

    aspect-ratio: 2 / 3;

    position: relative;

}

.portfolio-wrp .portfolio-list .actor-box .box-img h3{

    margin: 0;

    padding: 12px 30px;

    background-color: rgba(0, 0, 0, 0.05);

    -webkit-backdrop-filter: blur(15px);

    backdrop-filter: blur(15px);

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    font-size: 18px;

    font-weight: 600;

    letter-spacing: 0.5px;

    line-height: 24px;

}

.portfolio-wrp .portfolio-list .actor-box .box-img img{

    height: auto;

    width: 100%;

    object-fit: cover;

    object-position: top;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.portfolio-wrp .portfolio-list .actor-box:hover .box-img img{

    transform: scale(1.1);

}

.portfolio-wrp .portfolio-list .actor-box:hover .detail{

    transform: unset;

}

.portfolio-wrp .portfolio-list .actor-box .detail{

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 16px;

    background-color: rgba(0,0,0,0.3);

    -webkit-backdrop-filter: blur(20px);

    backdrop-filter: blur(20px);

    -webkit-transform: translate(0, 100%);

    transform: translate(0, 100%);

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.portfolio-wrp .portfolio-list .actor-box .detail .btn-primary{

    display: block;

    font-size: 15px;

    color: #000;

    font-weight: 500;

    padding: 12px 24px;

    background-color: #fff;

    text-transform: capitalize;

    margin: 0 auto;

    text-align: center;

}

.portfolio-wrp .portfolio-list .actor-box .detail .btn-primary:hover{

    background-color: #000;

    color: #fff;

}

/* **** End Portfolio **** */





/* **** Footer **** */

footer{

    background-color: #e6e8ea;

    padding: 40px 0 0;

    box-shadow: inset 0px 0px 4px #adb2b7;

}

footer .form-group{

    max-width: 550px;

    margin: 0 auto 30px;

    position: relative;

}

footer .contact-info ul{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: center;

    gap:40px;

    margin: 0 auto 40px;

}

footer .contact-info ul li a{

    font-size: 16px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    color: #76828d;

    text-transform: capitalize;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

footer .contact-info ul li a span{

    background-color: #d8dcdf;

    height: 40px;

    width: 40px;

    border-radius: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 16px;

    color: #76828d;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

footer .contact-info ul li a:hover{

    color: #000;

}

footer .contact-info ul li a:hover span{

    background-color: #000;

    color: #fff;

}

footer .social-icons{

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 20px;

    margin: 0 auto 40px;

}

footer .social-icons li a{

    height: 60px;

    width: 60px;

    background-color: #d8dcdf;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

}

footer .social-icons li a img{

    max-width: 100%;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

footer .social-icons li a:hover{

    background-color: #000;

}

footer .social-icons li a:hover img{

    filter: brightness(0) invert(2);

}

footer .copyright{

    padding: 20px 0;

    border-top: 1px solid #adb2b7;

}

footer .copyright p{

    font-size: 15px;

    font-weight: 400;

    color: #48545a;

    margin: 0;

    text-align: center;

}

/* **** End Footer **** */



#backToTop {

  position: fixed;

  bottom: 20px;

  right: 20px;

  z-index: 999;

  border: none;

  outline: none;

  background: #000;

  color: #fff;

  cursor: pointer;

  font-size: 35px;

  height: 40px;

  width: 40px;

  border-radius: 100%;

  align-items: center;

  justify-content: center;

  display: none;

  transition: all 0.3s ease;

}

#backToTop img{

    filter: brightness(0) invert(2);

    max-height: 20px;

}

#backToTop:hover {

  background: #000;

  transform: translateY(-3px);

}



.pb-4{padding-bottom: 30px;}

.modal{

    background-color: rgba(0,0,0,0.2);

}

.modal .modal-dialog{

    max-width: 650px;

}

.modal .modal-dialog .modal-content{

    padding: 80px 60px;

    border-radius: 0;

    box-shadow: none;

    border: none;

    background-color: #f3e8d6;

    position: relative;

}

.modal .modal-dialog .modal-content .btn-close{

    position: absolute;

    top: 16px;

    right: 16px;

    height: 18px;

    width: 18px;

    padding: 0;

    margin: 0;

    float: none;

    opacity: 1;

}

.modal .modal-dialog .modal-content .modal-body{

    padding: 0;

}

.modal .modal-dialog .modal-content .modal-body .form-group{

    margin: 0 0 20px;

}

.modal .modal-dialog .modal-content .modal-body .form-group .form-control{

    font-size: 16px;

    font-weight: 500;

    color: #484848;

    background-color: #fff;

    padding: 15px 20px;

    border: none;

    border-radius: 0;

    box-shadow: none;

    outline: none;

}

.modal .modal-dialog .modal-content .modal-body button {

    display: block;

    font-size: 15px;

    color: #fff;

    font-weight: 500;

    padding: 12px 40px;

    background-color: #a52b2a;

    text-transform: capitalize;

    border: none;

    text-align: center;

    margin: 0 auto;

}

.modal .modal-dialog .modal-content .modal-body button:hover{

    background-color: #000;

    color: #fff;

}

.bt{

    display: block;

    font-size: 15px;

    color: #fff;

    font-weight: 500;

    padding: 12px 40px;

    background-color: #a52b2a;

    text-transform: capitalize;

    border: none;

    text-align: center;

    margin: 0 auto;

}

.heart-logo-cover {margin: 0px;}
.heart-logo-cover .heart-logo {text-align:center; position:relative; z-index:1px;}
.portfolio-wrp img {
    margin: 15px auto -50px;
    display: table;
}