/*@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');*/
@font-face {
    font-family: 'PP Mori';
    src: url('PPMori-SemiBold.woff2') format('woff2'),
        url('PPMori-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'PP Mori';
    src: url('PPMori-Regular.woff2') format('woff2'),
        url('PPMori-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}


body{
    background-color: #f5f5f5;
}
body, html{
    font-family: 'PP Mori', sans-serif;
/*     font-weight: 400; */
}
body {
    /*height: 100vh;*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    vertical-align: middle;
    overflow-x:hidden;
}
/*body .Nav_Main:nth-child(1) {*/
/*    display: none;*/
/*}*/
#content .Nav_Main .row {
    justify-content: start;
}
.Home_Main .row{
    height: 100vh;
    justify-content: center;
    align-items: center;   
}

.Home_Content{
    text-align:center;
}

/*.Home_Content h3 a {*/
/*    font-size: 48pt;*/
/*    color: #222222;*/
/*    font-weight: 200;*/
/*    text-decoration: none;*/
/*    position: relative;*/
/*}*/
.Home_Content h3 a {
    font-size: 34pt;
    color: #222222;
    font-weight: 200;
    text-decoration: none;
    position: relative;
}

.Home_Content h3 a:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 3px;
    bottom: -3px;
    left: -37px;
    right: 0;
    margin: auto;
    background: #222222;
    visibility: hidden;
    transform: scaleX(0);
    transition: .25s linear;
    -webkit-transform: scaleX(0);
    -webkit-transition: .25s linear;
    border-radius: 50px;
}

.Home_Content h3 a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
}

/*.Home_Content h3 a:focus:before {*/
/*    width: 100%;*/
/*    visibility: visible;*/
/*    transform: scaleX(1);*/
/*    left: 0px;*/
/*}*/
.Home_Content h3 a:focus:before {
    width: 96%;
    visibility: visible;
    -webkit-transform: scaleX(1);
    left: 0px;
}

.Home_Content h3 a:focus-visible {
    outline-color:transparent!important;
    outline-style:initial!important;
}

.Nav_Main {
    /*padding-top: 3rem;*/
    padding-bottom: 3rem;
}
/*.Nav_Col_1 ul li a.nav-link,*/
/*.Nav_Col_1 li a.dropdown-item{*/
/*    font-size: 2.5vh;*/
/*    color: #222222 !important;*/
/*    font-weight: 400;*/
/*    transition: .7s;*/
/*    text-decoration: none;*/
/*    line-height: 3vh;*/
/*    background: transparent;*/
/*    text-transform: lowercase;*/
/*}*/
.Nav_Col_1 ul li a.nav-link, .Nav_Col_1 li a.dropdown-item {
    font-size: 18px;
    color: #a5a5a5;
    font-weight: 500;
    transition: .7s;
    text-decoration: none;
    line-height: 2vh;
    background: transparent;
/*     text-transform: uppercase; */
    outline: none;
/*     font-family: Gill Sans, Gill Sans MT, Calibri, sans-serif; */
    padding:0.15rem 0 !important
}

.Nav_Col_1 .navbar-nav{

}

.Nav_Col_1 li a.dropdown-item:hover,
.Nav_Col_1 ul li a.nav-link:hover,
.Nav_Col_1 ul li a.nav-link:focus{
    color: #333333 !important;
}

.Nav_Col_1 li.active a.dropdown-item,
.Nav_Col_1 ul li.active a.nav-link,
.Nav_Col_1 ul li.active a.nav-link:focus{
    color: #333333   !important;
    transition:.8s;
}

.Nav_Col_1 li ul.dropdown-menu {
    background: transparent;
    border: 0;
    padding-left: 25px;
}
/*.Nav_Col_1 .nav-item .dropdown-menu{  */
/*    display:block; */
/*    opacity: 0;  */
/*    visibility: hidden; */
/*    transition:.3s; */
/*    margin-top:0;  */
/*}*/

/*.Nav_Col_1 .dropdown-menu.fade-up {*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    background: transparent;*/
/*    border: 0;*/
/*    padding-left: 25px;*/
/*}*/

/*.Nav_Col_1 .nav-item .dropdown-menu {*/
/*    visibility: visible !important;*/
/*    display: block !important;*/
/*    opacity: 1;*/
/*}*/

/*.Nav_Col_1 .nav-item:hover .dropdown-menu{ */
/*    transition: .3s; */
/*    opacity:1; */
/*    visibility:visible; */
/*    top:100%; */
/*    transform: rotateX(0deg); */
/*}*/

.Nav_Col_1 li.work.active ul.dropdown-menu.fade-up {
    position: absolute !important;
    inset: 0px auto auto 0px !important;
    margin: 0px !important;
    transform: translate(0px, 31px) !important;
    opacity: 1 !important;
    display: block;
    margin-top: -16px !important;
}

/*.Nav_Col_1 li.work.active .dropdown-menu {*/
/*    display:block;*/
/*}*/
.dropdown-menu li.submenu-activee a {
    color: #222222 !important;
}

.About_Main .row{
    /*height: 100vh;*/
    justify-content: center;
    align-items: center; 
}

/*li.nav-item.dropdown.active ul {*/
/*    opacity: 1 !important;*/
/*    margin-top: -14px !important;*/
/*}*/

.About_Main .About_Col_1 p,
.About_Main .About_Col_1 p a{
    font-size: 18px;
    color:#222222;
    font-weight:600;
    text-align:right;
    width: 80%;
    text-decoration:none;
    margin-left: auto;
    /*text-transform: lowercase;*/
    position:relative;
}
.About_Main .About_Col_1 p{
    animation: mymove 0.8s;
}
@keyframes mymove {
  from {
      opacity: 0;
      /*bottom: 0px;*/
  }
  to {
      opacity: 1;
      /*bottom: 0;*/
  }
}
.About_Main .About_Col_2 img{
    max-width:50vh;
    height: auto;
    transition:1.2s;
}

.Index_Main .About_Col_2 img{
    opacity:100% !important;
}
.Index_Main .About_Col_2 {
    text-align:center;
}
.About_Main .About_Col_2 img{
    opacity:50%;
}
.About_Main.home-about .About_Col_2 img {
    opacity: 1;
}
.Work_Main {
    padding-top: 3rem;
}

.Work_Main .Work_Col_1 .carousel img,
.Work_Main .Work_Col_1 .carousel {
    max-width: 100vh;
    height: auto;
    transition: 1.2s;
    margin: auto;
}

.Work_Main .carousel-control-prev {
    left: unset;
    right: 6%;
}

/*.Work_Main .carousel-control-next, */
/*.Work_Main .carousel-control-prev {*/
/*    top: -8%;*/
/*    align-items: flex-start;*/
/*    height: 30px;*/
/*    color: #222222;*/
/*    opacity: 1;*/
/*    font-size: 2.5vh;*/
/*    width: 7%;*/
/*    transition:.8s;*/
/*    text-transform: lowercase;*/
/*}*/
.Work_Main .carousel-control-prev {
    width: 5%;
}
.Work_Main .carousel-control-next, .Work_Main .carousel-control-prev {
    top: -25px;
    align-items: flex-start;
    height: 30px;
    color: #222222;
    opacity: 1;
    font-size: 1.5vh;
    width: 8%;
    transition: .8s;
    text-transform: lowercase;
}

.Work_Main .carousel-control-next {
    right: 13px !important;
}

/*.Work_Main .carousel-control-prev {*/
/*    width: 10%;*/
/*}*/

.Work_Main .carousel-control-next:focus, 
.Work_Main .carousel-control-prev:focus,
.Work_Main .carousel-control-next:hover, 
.Work_Main .carousel-control-prev:hover{
    color: #A9A9A9  !important;
    transition:.8s;
}
#hero .tab-content{
     padding: 0 30px 30px 30px; 
}
.tab-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    align-items: flex-start;
    font-size: 1.2vw;
    color: #333333;
    font-weight: 600;
    z-index: 9 !important;
    position: relative;
}
.homesec .tab-content {
    justify-content: end;
    align-items: flex-start;
}
.about-us .tab-content {
    justify-content: center;
    align-items: flex-start;
}
.about-us .tab-content p{
    text-align: left !important;
    animation: mymove 0.8s;
}
.tab-content h1{
    font-size: 7.5vw;
    animation: mymove 0.8s;
    font-family: 'PP Mori', sans-serif;
    font-weight: 600;
    color: #f2f2f2;
}
.tab-content p{
    text-align: center !important;
    width: 100% !important;
/*     font-family: Gill Sans, Gill Sans MT, Calibri, sans-serif; */
}
/* .mainbac:before {
    content: "";
    background: #f2f2f2;
    opacity: 70%;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
} */
   
.homesec .mainbac:before{
    display:none !important;
}
/* .homesec p {
    visibility: hidden;
}
 */
.Nav_Col_1 .navbar-nav {
    justify-content: space-between;
}
.mainbac .rsvpcontent p a:hover, .mainbac .rsvpcontent p a:focus{
    color: #887777 !important;
}
.tabss {
    width: 100% !important;
    /*background-color: #f2f2f2;*/
    padding: 20px 20px 18px 20px;
}

.Nav_Col_1 {
    padding-left: 3rem;
    padding-right: 3rem;
}
.mainbac {
    width: 100%;
}
@media only screen and (max-width: 991px) {
    .Home_Content h3 a {
        font-size: 70pt;
    }
    .About_Main .About_Col_2 img {
        max-width: 55vh;
    }
    .Home_Content h3 a:before {
        left: -80px;
    }
.mainbac {
    height: 70vh;
    width:100%;
}
}
@media only screen and (max-width: 768px) {
    .About_Main .About_Col_2 img {
        max-width: 53vh;
    }
    .About_Main .About_Col_1 p, 
    .About_Main .About_Col_1 p a {
        font-size: 2.2vw;
    }
    .Nav_Col_1 ul li a.nav-link, .Nav_Col_1 li a.dropdown-item {
        font-size: 2.5vh;
        line-height: 2.5vh;
    }
    .about-us .tab-content {
        justify-content: flex-start;
        align-items: flex-start;
    }
}
@media only screen and (max-width: 767px) {
    #hero .tab-content {
    padding: 0 10px 0px 10px;
    justify-content: center;
}
.tab-content h1 {
    margin: 0;
}
    .About_Main .About_Col_1 p, 
    .About_Main .About_Col_1 p a {
        font-size: 2.2vw;
        text-align: center;
    }
    .About_Main .About_Col_2 img {
        max-width: 42vh;
    }
    .About_Col_2 {
        text-align: center;
        margin-top: 20px;
    }
    .Work_Main .Work_Col_1 .carousel img, 
    .Work_Main .Work_Col_1 .carousel {
        max-width: 90vh;
    }
    .Work_Main .carousel-control-prev {
        width: 12%;
        right: 5%;
    }

}
@media only screen and (max-width: 600px) {
    .Home_Content h3 a {
        font-size: 55pt;
    }
    .About_Main .About_Col_1 p, 
    .About_Main .About_Col_1 p a {
        font-size: 2.9vw;
    }
    .About_Main .About_Col_2 img {
        max-width: 40vh;
    }
    .Home_Content h3 a:before {
        left: -65px;
    }
    .Nav_Col_1 .navbar-nav {
        flex-direction: column !important;
        gap: 20px;
    }
/*.mainbac {*/
/*    height: 70vh !important;*/
/*}*/
    .home.Nav_Main {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }
    .Nav_Main {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}
@media only screen and (max-width: 567px) {
    .Work_Main .carousel-control-prev {
        width: 14%;
    }
    .Work_Main .carousel-control-next, 
    .Work_Main .carousel-control-prev {
        top: -10%;
    }
}

@media only screen and (max-width: 500px) {
    .Work_Main .carousel-control-prev {
        width: 17%;
    }
}

@media only screen and (max-width: 425px) {
    .Home_Content h3 a {
        font-size: 46pt;
    }
    .About_Main .About_Col_1 p, 
    .About_Main .About_Col_1 p a {
        font-size: 3.9vw;
    }
    .Work_Main .carousel-control-prev {
        width: 23%;
        right: 4%;
    }
    .Home_Content h3 a:before {
        left: -55px;
    }
/*.mainbac {*/
/*    height: 70vh !important;*/
/*}*/
 body {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    vertical-align: middle;
}   
}

@media only screen and (max-width: 400px){
    .Work_Main .carousel-control-prev {
        width: 27%;
        right: 4%;
    }
}

@media only screen and (max-width: 360px) {
    .About_Main .About_Col_1 p, .About_Main .About_Col_1 p a {
        font-size: 4.5vw;
    }
}
@media only screen and (max-width: 330px){
    .Work_Main .carousel-control-prev {
        width: 35%;
    }
}

.dropdown-menu {
    opacity: 0 !important;
}

ul.dropdown-menu.fade-up.show {
    opacity: 1 !important;
    margin-top: -16px !important;
}

.Work_Main .carousel-control-next{
    right: -1.5em !important;  
}

.Work_Main .carousel-control-prev{
    right: 2%;
}