@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype'),
        url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-Light';
    src: url('../fonts/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff'),
        url('../fonts/Montserrat-Light.ttf') format('truetype'),
        url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
        url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: 'Montserrat-Medium';
  src: url('../fonts/Montserrat-Medium.eot');
  src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),
       url('../fonts/Montserrat-Medium.woff') format('woff'),
       url('../fonts/Montserrat-Medium.ttf') format('truetype'),
       url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg'),
       url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
h1{font-size: 39px;font-family: 'Montserrat-Bold';line-height: 1;}
h1 a{font-size: 39px;line-height: 1;}
h1 a:hover{color: #7af955;}
h2{font-family: 'Montserrat-Bold';line-height: 1;}
.open-album{font-size: 39px;line-height: 1;}

.bg-green{background-color: #7af955;}
.bg-white{background-color: #ffffff;}
.bg-dark{background-color: #000000 !important;}
.white{color: white;}
.green{color: #7af955;}
.black{color: black;}
.current{color: #7af955;}

a.white{color: white;}
a.green{color: #7af955;}
a.black{color: black;}
a.current{color: #7af955;}

.login-title a{color: #ffffff;}
:root[data-theme=light] .login-title a{color: #000000;}
:root[data-theme=light] .white{color: black;}
:root[data-theme=light] .green{color: #0b24fb !important;}
:root[data-theme=light] .black{color: white;}
:root[data-theme=light] .text-white{color: black;}
:root[data-theme=light] .current{color: #0b24fb;}

:root[data-theme=light] a.white{color: black;}
:root[data-theme=light] a.green{color: #0b24fb !important;}
:root[data-theme=light] a.black{color: white;}
:root[data-theme=light] a.text-white{color: black;}
:root[data-theme=light] a.current{color: #0b24fb;}
:root[data-theme=light]{background-color: #ffffff;}
:root[data-theme=dark]{background-color: #000000;}
a.active-1{color: #7af955;}
main{margin-left: 60px;transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}

/** Menu **/
body.active{overflow: hidden;}
body.loaded{overflow-x: hidden;}
#div_image_logo_a{width: 0;height: 0;overflow: hidden;}
#div_image_logo_a1{width: 0;height: 0;overflow: hidden;}
.social-media a:hover svg{fill: white;}
:root[data-theme=light] .social-media a:hover svg{fill: black;}
.menu.show {position: fixed;z-index: 2;display: table;right: calc(100% - 60px);top: 0;width: 890px;height: 100%;min-height: 490px;-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);-webkit-transform: translateX(0px);transform: translateX(0px);transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.menu.active {-moz-transform: translateX(calc(100% - 60px));-ms-transform: translateX(calc(100% - 60px));-o-transform: translateX(calc(100% - 60px));-webkit-transform: translateX(calc(100% - 60px));transform: translateX(calc(100% - 60px));transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.menu-control {display: table-cell;width: 60px;height: 100%;vertical-align: top;text-align: center;}
.menu-icon {    z-index: 1;position: relative;display: inline-block;cursor: pointer;top: 80px;width: 20px;height: 40px;}
.menu-icon span {border-radius: 5px; display: block; height:40px;left: 0;opacity: 1;-webkit-transform: rotate(0);-moz-transform: rotate(0);transform: rotate(0);-webkit-transition: all .25s ease-in-out 0s;-moz-transition: all .25s ease-in-out 0s;-o-transition: all .25s ease-in-out 0s;transition: all .25s ease-in-out 0s;width: 3px}
.menu-icon  span:nth-child(1) {position: absolute;left: 0;}
.menu-icon span:nth-child(2) {position: absolute;left: calc(100% - 3px);}
.active .menu-icon span:nth-child(1) {height: 30px;}
.active .menu-icon{width: 3px;}
.active .menu-icon span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg)}
.active .menu-icon span:nth-child(2) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg)}
.active .menu-icon span:nth-child(2) {height: 30px;}
.menu-list {display: table-cell;width: calc(100% - 45px);height: 100%;vertical-align: top;margin-left: 150px !important;}
.menu-list-wrapper{margin-left: 150px !important;}
.menu-list h1{margin-bottom: 50px !important;}
.menu-list-wrapper {display: flex;flex-direction: column;justify-content: center;;height: calc(100% - 100px);overflow-x: hidden;overflow-y: auto;position: relative;padding-top: 20px;padding-bottom: 20px;padding-left: 15px;padding-right: 10px;top: 50%;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.menu-top span{font-size: 40px;}
.menu-top{position: absolute;top: 70px;right: 13px;}
.menu-bottom{position: absolute;bottom: 0px;writing-mode: vertical-lr;transform: rotate(-180deg);height: 540px;width: 60px;vertical-align: middle;font-size: 15px;}
.menu-bottom img{display: inline-block;transform: scaleY(-1);margin-right: 5px;}
.menu-bottom svg{display: inline-block;transform: scaleY(-1);margin-right: 5px;width: 100%;}
.menu-bottom span{margin-top: 10px;font-size: 17px;font-family: 'Montserrat-Medium';font-weight: 500;}
.menu-bottom .social{float:left;font-size: 15px;font-family: 'Montserrat-Bold';text-transform: uppercase;margin-top:40px;margin-left:15px;}
.menu-bottom .social:hover{color:#fff;}
.menu-bottom .social:last-child{margin-top: 15px;}
.open-album:hover{color: #7af955 !important;cursor: pointer;}
:root[data-theme=light] .open-album:hover{color: #0b24fb !important;}
:root[data-theme=light] .open-album.opened {color: #0b24fb !important;}
nav{padding-left: 60px;z-index: 1;position: relative;transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
/*nav .nav{height: 200px !important;}*/
.social-media{top: 100px;position: absolute;right: -70px;writing-mode: initial;display: flex;flex-direction: column;gap:10px;width: 100%;transition: all .3s;z-index: 1;}
.social-media text{font-size: 16px !important;}
.social-media.active{right: -15px;transform: scaleX(-1);margin-right: 17px;}
.shar:hover span{opacity: 0;}
.opacity-0{opacity: 0;}
.social-media svg{margin-right: 0;}
.shar{height: 200px;float:left;width: 100%;vertical-align: middle;margin-top:38px;}
.fill-current {fill: white !important;}
.app-logo{flex-direction: column;justify-content: center;gap:30px;margin-top: 80px;}
.app-logo h2{font-family: 'Montserrat-Bold';font-size:22px;}
.login-title{font-size: 16px;font-family: 'Montserrat-Medium';margin-right: 15px;}
.login:hover a{color:#7af955;}
.login:hover svg path, .login:hover svg circle{fill:#7af955;}
:root[data-theme=dark] .theme-switcher[data-astro-cid-obcerpi7] {background-color: transparent;border: 2px solid #7af955;border-radius: 2rem;color: #7af955;cursor: pointer;display: flex;font-size: 1.5rem;gap: 1ch;padding: 0.5rem;transition: all .5s ease;z-index: 1;}
:root[data-theme=dark] .theme-switcher[data-astro-cid-obcerpi7]:hover {box-shadow: 0 0 5px 1px #7af955;}
:root[data-theme=dark] .theme-switcher[data-astro-cid-obcerpi7]:focus,:root[data-theme=dark] .theme-switcher[data-astro-cid-obcerpi7]:hover { border-color: #7af955;opacity: 1;outline: none;}

:root[data-theme=dark] .theme-switcher1[data-astro-cid-obcerpi7] {background-color: transparent;border: 2px solid #7af955;border-radius: 2rem;color: #7af955;cursor: pointer;display: flex;font-size: 1.5rem;gap: 1ch;padding: 0.5rem;transition: all .5s ease;z-index: 1;}
:root[data-theme=dark] .theme-switcher1[data-astro-cid-obcerpi7]:hover {box-shadow: 0 0 5px 1px #7af955;}
:root[data-theme=dark] .theme-switcher1[data-astro-cid-obcerpi7]:focus,:root[data-theme=dark] .theme-switcher1[data-astro-cid-obcerpi7]:hover { border-color: #7af955;opacity: 1;outline: none;}


.icon-wrapper[data-astro-cid-obcerpi7] {display: flex;transition: color .5s ease;}
.icon-wrapper[data-astro-cid-obcerpi7].active {animation: shake .5s ease-out;}
:root[data-theme=dark] .icon-wrapper[data-astro-cid-obcerpi7]#dark-theme-icon {color: #7af955;}
:root[data-theme=dark] .icon-wrapper[data-astro-cid-obcerpi7]#light-theme-icon {color:#ffffff;}
:root[data-theme=dark] .icon-wrapper[data-astro-cid-obcerpi7]#dark-theme-icon1 {color: #7af955;}
:root[data-theme=dark] .icon-wrapper[data-astro-cid-obcerpi7]#light-theme-icon1 {color:#ffffff;}
.icon-wrapper[data-astro-cid-obcerpi7] {display: flex;transition: color .1s ease;}
.icon-wrapper[data-astro-cid-obcerpi7]#dark-theme-icon path{fill: #7af955;}
.icon-wrapper[data-astro-cid-obcerpi7]#dark-theme-icon1 path{fill: #7af955;}
:root[data-theme=dark] .icon-wrapper[data-astro-cid-obcerpi7]#dark-theme-icon path{fill: #7af955;}
:root[data-theme=dark] .icon-wrapper[data-astro-cid-obcerpi7]#dark-theme-icon1 path{fill: #7af955;}
svg[data-astro-cid-uyewcmty] { height: 35px;width: 35px;}
svg[data-astro-cid-ayjk3irk] {height: 30px;width: 30px;}
@keyframes shake{0%{transform:rotate(0) scale(1)}33%{transform:rotate(-30deg) scale(1.15)}66%{transform:rotate(30deg) scale(1.15)}to{transform:rotate(0) scale(1)}}
.px-100{padding-left: 100px;padding-right: 30px;}
.small-nav-1{width: calc(55%);}
#home .index{padding-left: 160px;left: 0;}
#home .index .inner .legend span {line-height: 1;}
.smallFontSize{font-size: 18px;}
body.active nav{-moz-transform: translateX(890px);-ms-transform: translateX(890px);-o-transform: translateX(890px);-webkit-transform: translateX(890px);transform: translateX(830px);transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
/* body.active #home{-moz-transform: translateX(890px);-ms-transform: translateX(890px);-o-transform: translateX(890px);-webkit-transform: translateX(890px);transform: translateX(830px);transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}*/
body.active main{-moz-transform: translateX(890px);-ms-transform: translateX(890px);-o-transform: translateX(890px);-webkit-transform: translateX(890px);transform: translateX(830px);transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;} 
body.active main.ishome{transform: none;}
body.active .banner{-moz-transform: translateX(890px);-ms-transform: translateX(890px);-o-transform: translateX(890px);-webkit-transform: translateX(890px);transform: translateX(830px);transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
body .banner{transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
body.active #home .albums{-moz-transform: translateX(890px);-ms-transform: translateX(890px);-o-transform: translateX(890px);-webkit-transform: translateX(890px);transform: translateX(830px);transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}

#home .albums{transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}

#home{transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.projectTitle .bigFontSize{overflow: hidden;}
.projectThumbnail{ -webkit-filter: grayscale(100%);filter: grayscale(100%);}
.projectThumbnail.hovering2{-webkit-filter: none !important; filter: none !important ; }
#dark-theme-icon {margin-top: 2px;}
/* banner */
.home-banner{height: 1080px;position: relative;width: 100vw;}
.home-slider{width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.banner-info{width: 100%;margin: auto;display: flex;height: 100%;flex-direction: column;justify-content: center;margin-left: 60px !important;}
.banner-bg{position: absolute;width: 100%;height: 100%;z-index: -1;background-position: center;background-repeat: no-repeat;background-size: cover;}
.banner-bg::before{position: absolute;width: 100%;height: 100%;content: '';background-position: center;background-repeat: no-repeat;background-size: cover;}
.banner-button{margin-top: 50px;width: max-content;position: relative;}
.banner-button a{color: #212121;font-family: 'Montserrat-Bold';font-size: 16px;width: 100%;background-color: transparent;padding: 15px 40px;display: block;border: 1px solid #0b24fb;}
.banner-button a:hover{color: #ffffff;background-color: #0b24fb;}
.banner{position: relative;}
:root[data-theme=dark] .banner-button a{color: #ffffff;border: 1px solid #7af955;}
.banner-button::before{position: absolute;content: '';background-color: #0b24fb;width: 2px;height: calc(100% - 2px);bottom: -2px;left: -2px;}
.banner-button::after{position: absolute;content: '';background-color: #0b24fb;width: calc(100% - 2px);height:2px;bottom: -2px;}
:root[data-theme=dark] .banner-button::before{background-color: #7af955;}
:root[data-theme=dark] .banner-button::after{background-color: #7af955;}
.banner-button:hover a{border: 1px solid #0b24fb;}
.banner-button:hover::before{background-color: transparent;}
.banner-button:hover::after{background-color: transparent;}
:root[data-theme=dark] .banner-button a{color: #212121;font-family: 'Montserrat-Bold';font-size: 16px;width: 100%;background-color: transparent;padding: 15px 40px;display: block;border: 1px solid #0b24fb;}
:root[data-theme=dark] .banner-button:hover a{border: 1px solid #7af955;background-color: #7af955;color: #212121;}
:root[data-theme=dark] .banner-button:hover::before{background-color: transparent;}
:root[data-theme=dark] .banner-button:hover::after{background-color:transparent;}
:root[data-theme=dark] .banner-button a{color: #ffffff;border: 1px solid #7af955;}
#home .albums{margin-top: 700px;position: relative;}
#home .albums-display{margin-top: 50px;}
#home{padding-left: 100px;}
/* end banner */
.logo .cls-1{fill:#fff;}
.logo .cls-2{fill:#7af955;}

.login-wrapper .login-column-container{display: grid; grid-template-columns: repeat(2, 1fr); gap: 5%;}
.login-wrapper .login-column-container .login-column{ align-self: center; justify-self: center;width: 65%;}
h1.signin-title{font-family: 'Montserrat-Bold';font-size:54px;color:#fff;}
h1.signin-title.green{color:#7af955;}
.signin-text{font-family: 'Montserrat-SemiBold';font-size:24px;color: #7af955;margin-bottom: 58px;line-height: 29px;margin-top: 10px;}
.input-wrapper label{font-family: 'Montserrat-SemiBold';font-size:18px;color: #fff;}
.input-wrapper input{font-family: 'Montserrat-SemiBold';font-size:20px;color: #fff;background-color: transparent;border-top:0;border-bottom:1px solid #7af955;border-right:0;border-left:0;border-radius:0;}
.input-wrapper input:focus{outline: none;box-shadow:none;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #fff; opacity: 1;}
::-moz-placeholder { /* Firefox 19+ */color: #fff; opacity: 1;}
:-ms-input-placeholder { /* IE 10+ */color: #fff; opacity: 1;}
:-moz-placeholder { /* Firefox 18- */color: #fff; opacity: 1;}
input:focus{outline: none !important;box-shadow: none !important;}
.top-album-title{display: none;}
.login-column img{margin-bottom: 50px;}

@media screen and (min-width: 1450px) {
	.app-logo h2{font-size:30px;}
	.menu-list-wrapper h1 a{font-family: 'Montserrat-Bold';font-size: 52px;}
    .open-album{font-family: 'Montserrat-Bold';font-size: 52px;}
	
}
@media screen and (min-width: 1750px) {
	.app-logo h2{font-size:36px;}
	.menu-list-wrapper h1 a{font-family: 'Montserrat-Bold';font-size: 64px;}
	.open-album{font-size: 64px;font-family: 'Montserrat-Bold';line-height: 1;}
    main.details-page{margin-top: 60px !important;}
}
@media screen and (min-width: 640px) {
    main.details-page{margin-top: 60px !important;}
    #copyButton{margin-bottom: 5px;}
}
.about-button.bg-white:hover{background-color: #7af955;} 
.about-button.bg-green:hover{background-color: #ffffff;} 
.input-wrapper .otpcontainer {display: flex;}
.input-wrapper .otpinput { width: 60px; border: 3px solid #7af955 !important; border-radius:10px; margin: 0 10px; text-align: center; font-size: 41px; cursor: not-allowed; pointer-events: none;height: 80px;padding: unset;}
.input-wrapper .otpinput:focus {border: 3px solid #7af955;outline: none;}
.input-wrapper .otpinput:nth-child(1) {cursor: pointer;pointer-events: all;}
.sign-button{ width: 100%; background-color: #ffffff !important; color: black !important; justify-content: center !important; border-radius: 30px !important; height: 50px !important;font-family: 'Montserrat-Bold';font-size: 14px !important;letter-spacing: normal !important;}
.sign-button:hover{background-color: #7af955 !important;}
.sign-button:focus{outline: none !important;border: none !important;box-shadow: none !important;}
.sign-link{font-family: 'Montserrat-SemiBold';font-size: 14px;color: #7af955 !important;width: 100%;}

:root[data-theme=light] .sign-button{background-color: black !important;color: #ffffff !important; }
:root[data-theme=light] .input-wrapper .otpinput{border: 3px solid #0b24fb !important;color: #000000 !important;}
:root[data-theme=light] .input-wrapper .otpinput:focus {border: 3px solid #0b24fb;}
:root[data-theme=light] .input-wrapper .input {border-bottom:1px solid #0b24fb;}
.text-green-600{color: #7af955 !important;}
.focus\:border-indigo-500:focus{border-color: #7af955 !important;}
:root[data-theme=light] .focus\:border-indigo-500:focus{border-color: #0b24fb !important;}
:root[data-theme=light] .text-green-600{color: #0b24fb !important;}
.albums{display: grid;grid-template-columns: 270px auto;}
main{margin-top: 100px;}
.min-h-screen {position: relative;}
/* main.remove{display: none;} */
/* albums page */
.albums-filter{padding-left: 30px;padding-right: 30px;}
.albums-filter a{display: block;padding-bottom: 20px;font-family: 'Montserrat-SemiBold';font-size:18px;}
.album-item{width: 33.33%;padding-right: 20px;margin-bottom: 60px;}
.album-title{font-size: 24px;font-family: 'Montserrat-Bold';margin-top: 10px;}
.album-date{font-size: 20px; font-family: 'Montserrat-Medium';}
.album-item:hover .album-title{color: #7af955;}
.album-image{object-fit: cover;border-radius: 5px;width: 100%;object-position: center center;}
.albums-size{text-align: right;}
.size-title{font-family: 'Montserrat-SemiBold';font-size: 18px;margin-bottom: 40px;margin-right: 40px;}
.size-title span{font-family: 'Montserrat-Bold';margin-left: 20px;color: #767676;}
.size-title .active{color: #ffffff;border-bottom: 2px solid #7af955;}
.albums-s{width: 25%;}
.albums-m{width: 33%;}
.albums-l{width: 50%;}
/* .albums-s .album-image{height: 400px;}
.albums-m .album-image{height: 600px;}
.albums-l .album-image{height: 800px;} */
.album-status{position: absolute;top: 20px;right: 40px;}
.filter-title{display: none;}
/* end albums page */

/* album details page */
.back{max-width: 1550px;margin: auto;padding-left: 100px;padding-right: 100px;}
.back svg{display: inline-block;}
.back-button svg{margin-right: 20px;}
.back a{font-family: 'Montserrat-SemiBold';font-size: 18px}
.album-details h1.signin-title{margin-top: 70px;}
.album-details  .category{font-size: 30px;margin-top: 20px;}
.album-details .dot{background-color: #ffffff;border-radius: 50%;width: 10px;height: 10px;margin-left: 30px;margin-right: 30px;display: inline-block;margin-bottom: 5px;}
.album-details  .category svg{margin-bottom: 7px;}
.owl-carousel .slick-slide img {width: auto;height: 700px;}
.owl-carousel .slick-slide video {width: auto;height: 700px;}
.gallery{margin-top: 50px;position: relative;z-index: 0;max-width: 1550px;padding-left: 100px;margin: auto}
.customNextBtn svg,.customPrevBtn svg{display: inline-block;}
.customNextBtn{position: absolute;bottom: 50px;right: 40px;z-index: 2;font-family: 'Montserrat-SemiBold';font-size: 18px}
.customPrevBtn{position: absolute;bottom: 50px;left: 40px;z-index: 2;font-family: 'Montserrat-SemiBold';font-size: 18px}
.customPrevBtn svg{margin-right: 20px;}
.customNextBtn svg{margin-left: 20px;}
.owl-carousel .slick-slide{position: relative;}
.owl-carousel .slick-slide:before{background-color: black;position: absolute;width: 100%;height: 100%;opacity: 0.7;content: '';z-index: 1;}
.owl-carousel .slick-slide.slick-center:before{display: none !important}
.owl-index{width: 100%;font-family: 'Montserrat-SemiBold';font-size: 18px;text-align: right;padding-right: 30px;margin-bottom: 20px;}
#copyButton1{width: 100%;font-family: 'Montserrat-SemiBold';font-size: 18px;text-align: right;padding-right: 30px;margin-bottom: 20px;position: relative;display: block;}
#copyButton1:hover{color: #7af955 !important;}
:root[data-theme=light] #copyButton1:hover{color: #0b24fb !important;}
.video-logo{position: absolute;top: calc(50% - 50px);left:calc(50% - 50px);}
.download-logo{position: absolute;top: 40px;right: 40px;z-index: 1;}
:root[data-theme=light] .size-title .active {color: black; border-bottom: 2px solid #0b24fb;}
:root[data-theme=light] .cat:hover { color: #000 !important;}
:root[data-theme=light] .cat.active { color: #000 !important;}
:root[data-theme=light] .album-item:hover .album-title {color: #0b24fb;}
.c-svg{fill: white;}
:root[data-theme=light] .c-svg{fill: black;}
.js-carousel .item{width: 33%;padding-right: 10px; margin-bottom: 10px;}
.js-carousel img,.js-carousel video{width: 100%;height: auto;}
/* end album details page */

/* Our Family page */
.contain{ padding-left: 100px;padding-right: 30px;padding-bottom: 160px;max-width: 1550px;margin: auto;}

.about-subtitle{font-family: 'Montserrat-SemiBold';font-size: 30px;margin-top: 10px;}
.about-text{margin-top: 50px;font-family: 'Montserrat-Light';font-size: 24px;max-width: 700px;}
.about-text strong{font-family: 'Montserrat-SemiBold';font-size: 24px;line-height: 29px;}
.grid-contain{display: grid;grid-template-columns: 50% 50%;}
.about-button{font-family: 'Montserrat-Bold';font-size: 14px;margin-right: 20px;margin-top: 30px;width: 190px;padding: 20px;display: inline-block;text-align: center;text-transform: uppercase;border-radius: 30px;line-height: 1;}
.about-button a{font-family: 'Montserrat-Bold';font-size: 14px;padding: 20px;width: 100%;}
.about-image {object-fit: cover;}
.profile-image {    object-fit: contain;width: 100%;}
.grid-item:first-child {padding-right: 30px;}
/* end Our family page */

/* contact page */

 .contact-form{font-family: 'Montserrat-SemiBold';font-size: 24px;margin-top: 50px;margin-bottom: 30px;}
.half {float: left;width: 49%; margin-right: 2%;}
.half1 {float: left;width: 49%;}

.grid-contain label{font-family: 'Montserrat-SemiBold';font-size: 16px;margin-top: 20px;}
[type=text], input:where(:not([type])), [type=email], [type=url], [type=password], [type=number], [type=date], [type=datetime-local], [type=month], [type=search], [type=tel], [type=time], [type=week], [multiple], textarea, select{background-color: transparent !important;border: none !important;border-bottom: 2px solid#767676 !important;padding-left: 0 !important;color: #ffffff !important;font-family: 'Montserrat-SemiBold' !important;font-size: 24px !important;}
[type=text]:focus, input:where(:not([type])):focus, [type=email]:focus, [type=url]:focus, [type=password]:focus, [type=number]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=week]:focus, [multiple]:focus, textarea:focus, select:focus{border-bottom: 2px solid #7af955 !important;outline: none !important;box-shadow: none !important;}
:root[data-theme=light] [type=text]:focus,:root[data-theme=light] input:where(:not([type])):focus,:root[data-theme=light] [type=email]:focus, :root[data-theme=light] [type=url]:focus,:root[data-theme=light] [type=password]:focus,:root[data-theme=light] [type=number]:focus,:root[data-theme=light] [type=date]:focus,:root[data-theme=light] [type=datetime-local]:focus,:root[data-theme=light] [type=month]:focus,:root[data-theme=light] [type=search]:focus,:root[data-theme=light] [type=tel]:focus,:root[data-theme=light] [type=time]:focus,:root[data-theme=light] [type=week]:focus,:root[data-theme=light] [multiple]:focus,:root[data-theme=light] textarea:focus,:root[data-theme=light] select:focus { border-bottom: 2px solid #0b24fb !important;}
::placeholder{font-family: 'Montserrat-SemiBold';font-size: 20px;color: #868686;}
/* end contact page */

.sub-albums{height: 0;display: none;transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.sub-albums.opened{height: auto;display: block;transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.open-album.opened{color: #7af955;}
.cat{display: block;font-family: 'Montserrat-SemiBold' !important;font-size:24px !important;margin-top: 20px;color: #767676 !important;}
.cat:hover{color:#ffffff !important}
.cat.active{color: #ffffff !important;}
.open-album.active-1{color: #7af955;}
.about-button.bg-green{background-color: #7af955 !important;}
:root[data-theme=light] .input-wrapper .otpinput:focus {border: 3px solid #0b24fb;}
:root[data-theme=light] .about-button.bg-green{background-color: #0b24fb !important;color: #ffffff;}
.about-button.bg-green:hover{background-color: #ffffff !important ;}
:root[data-theme=light] .about-button.bg-white{background-color: #000000 !important ;color: #ffffff;}
:root[data-theme=light] .about-button.bg-white:hover{background-color: #0b24fb !important ;}
:root[data-theme=light] .about-button.bg-green:hover{background-color: #000000 !important;}
.profile-page .about-button{margin-top: 40px !important;}
:root[data-theme=light] .category path,:root[data-theme=light] .category circle{fill: #0b24fb;}
:root[data-theme=light] .customNextBtn path, :root[data-theme=light] .customPrevBtn path{fill: #0b24fb;}
:root[data-theme=light] .back-button path{fill: #0b24fb;}
:root[data-theme=light] .album-details .dot {background-color: #000000;}
#home .index .inner .legend {bottom: 10px;font-family: 'Montserrat-Medium' !important;}
.projectTitle {align-items: center;}
.bottomMask {bottom: -20px;}
:root[data-theme=light] [type=text], :root[data-theme=light] input:where(:not([type])),    :root[data-theme=light] [type=email],    :root[data-theme=light] [type=url],    :root[data-theme=light] [type=password],    :root[data-theme=light] [type=number],    :root[data-theme=light] [type=date],    :root[data-theme=light] [type=datetime-local],    :root[data-theme=light] [type=month],    :root[data-theme=light] [type=search],    :root[data-theme=light] [type=tel],    :root[data-theme=light] [type=time],    :root[data-theme=light] [type=week],    :root[data-theme=light] [multiple],    :root[data-theme=light] textarea,    :root[data-theme=light] select{color: black !important;}
.slick-slide {margin: 0 20px;}
.slick-list { margin: 0 -20px;}


/* responsive */

.password-conditions{margin-top: 10px;}
.password-conditions li{font-size:12px;list-style:disc;list-style-position: inside;}

@media screen and (max-width: 1220px) {
    .small-nav-1 {width: 62%}
    .px-100{ padding-left: 30px;}
    #home .index {padding-left: 90px; left: 0;}
    .contain {padding-left: 30px;}
    #home {padding-left:30px !important;}
}
@media screen and (max-width: 1000px) {
    .small-nav-1 {width: 100%}
    body.active nav{transform: none;}
    body.active #home{transform: none;}
    body.active main{transform: none;}
    #home{transform: none;}
    .menu.show {width: 100%;}
    #home .index{background-color: #000000;}
}
@media screen and (max-width: 768px) {
    .grid-contain{display: block;margin-bottom: 20px}
    .grid-item:first-child{padding-right: 0;margin-bottom: 20px;}
    .video-logo{display: none !important;}
    .projectTitle {top: 0px;}
    
}
@media screen and (max-width: 639px) {
    nav .home-nav.active {position: fixed; top: 0;left: 0;right: 0;width: 100%;background-color: #ffffff;}
    #home .albums {margin-top: 585px;}
    .home-banner{height: 650px;}
    #home{padding-left: 0 !important;}
    .banner-info{margin-left: 0 !important;}
    .js-carousel .item{padding-right: 0px;}
    #copyButton1:hover{color: #ffffff !important;}
:root[data-theme=light] #copyButton1:hover{color: #000000 !important;}
    .signin-text { font-size: 24px;}
    [type=text], input:where(:not([type])), [type=email], [type=url], [type=password], [type=number], [type=date], [type=datetime-local], [type=month], [type=search], [type=tel], [type=time], [type=week], [multiple], textarea, select{font-size: 20px !important;}
    .about-button.bg-white:hover{background-color: #ffffff !important;}
    .about-button.bg-green:hover{background-color: #7af955 !important;}
    :root[data-theme=light] .about-button.bg-white:hover{background-color: #000000 !important;}
    :root[data-theme=light] .about-button.bg-green:hover{background-color: #0b24fb !important;}
    .projectTitle .bigFontSize{overflow: hidden;line-height: 40px;}
    .owl-carousel{display: block !important;}
    .owl-index{display: none;}
    .car div{position: relative;}
    .car img{width: 100%;margin-bottom: 10px;}
    .car video{width: 100%;margin-bottom: 10px;}
    .top-album-title{display: block !important;}
    .projectThumbnail{ filter: none !important;}
    .top-album-title{    top: 80px;position: relative;z-index: 12;padding: 24px;font-family: 'Montserrat-SemiBold' !important;font-size:24px !important;}
    .mobile-sub{display: none !important;}
    nav.active .mobile-sub{display: block !important;}
    h1 a {font-size: 36px; }
    .open-album {font-size:36px;}
    .cat{font-size: 20px !important;}
    .mobile-sub span{font-family: 'Montserrat-SemiBold' !important;font-size:18px !important;}
    nav{position: fixed; top: 0;left: 0;right: 0;width: 100%;}
    :root[data-theme=light] .icon-wrapper[data-astro-cid-obcerpi7]#light-theme-icon1 {color: #0b24fb;}
    .half,.half1{float: none;width: 100%;margin-right: 0;}
    .download-logo{position: absolute;top: 10px;right: 10px;z-index: 1;}
    .album-status {right: 20px;}
    .albums-size{display: none;}
    .menu{display: none !important;}
    .px-100{padding-left: 24px;padding-right: 24px;}
    nav{padding: 0 !important;}
    /* nav.bg-dark {background-color: #7af955 !important; } */
    nav .bg-mobile-dark{background-color: #7af955 !important;}
    nav.active{height: 100%;position: fixed;width: 100%;overflow: hidden;}
    :root[data-theme=light] nav.active{background-color: white;}
    :root[data-theme=dark] nav.active{background-color: #000000;}
    .app-logo {margin-top: 20px;margin-bottom: 20px;gap: 0;width: 138px;}
    .logo .cls-1 { fill: black; }
    .logo .cls-2 { fill: black; }
    .app-logo h2{opacity: 0;height: 0;}
    .h-6,.w-6{width: 50px !important;height: 50px !important;}
    .hover\:bg-gray-100:hover{background-color: transparent !important;}
    .app-logo svg path{color: black !important;}
    .login path,.login circle{fill: black;}
    .login:hover svg path, .login:hover svg circle{fill: black;}
    .login:hover a{color: black;}
    .mobile-sub{padding-left: 24px;padding-right: 24px;padding-top: 20px;padding-bottom: 20px;line-height: 2;position: relative;}
    .mobile-sub a svg{display: inline-block;transform: rotate(90deg);margin-right: 10px;position: relative;z-index: 1;}
    .mobile-sub::before{content: '';background-color: #000000;position: absolute;left: 0;width: 24px;height: 100%;top: 0;z-index: 1;}
    .mobile-sub .share-b svg{background-color: #000000;}
    :root[data-theme=light] .mobile-sub .share-b svg{background-color: #ffffff;}
    :root[data-theme=light] .mobile-sub::before{background-color: #ffffff;}
    .mobile-sub a svg path{fill: #7af955;}
    .hidden #theme-switcher{display: none;}
    .hidden #theme-switcher1{display: none;}
    #light-theme-icon.active{display: none;}
    #dark-theme-icon.active{display: none;}
    #dark-theme-icon1{display: none !important;}
    #light-theme-icon1{display: none !important;}
    #dark-theme-icon1.active{display: block !important;}
    #light-theme-icon1.active{display: block !important;}

    :root[data-theme=dark] .theme-switcher[data-astro-cid-obcerpi7]{border-radius: 50%;padding: 10px;}
    :root[data-theme=dark] .theme-switcher1[data-astro-cid-obcerpi7]{border-radius: 50%;padding: 10px;}
    :root[data-theme=light] .theme-switcher[data-astro-cid-obcerpi7] {border-radius: 50% !important;padding: 10px !important;}
    #dark-theme-icon1 svg{width: 35px;height: 35px;}
    #dark-theme-icon{margin-top: 0;}
    #dark-theme-icon1{margin-top: 0;}
    .mobile-sub .inline-flex{float: right;}
    .mobile-menu-wrapper{padding-left: 24px;padding-right: 24px;}
    .mobile-menu.hidden{height: 0;}
    .mobile-menu.sm:hidden{height: 0;}
    .mobile-menu.block{height:calc(100% - 280px);overflow-y: auto;overflow-x: hidden;}
    .mobile-menu-wrapper{padding-top: 50px;}
    .mobile-menu-wrapper h1{margin-bottom: 40px;}
    .mobile-social{position: absolute;bottom: 40px;}
    .mobile-social a{font-family: 'Montserrat-Bold';font-size: 23px;}
    .mobile-social a{margin-right: 20px;}
    #home .index {padding-left: 24px; padding-right: 24px;}
    main{margin-top: 110px;margin-left: 0 ;}
    .contain{padding-left: 24px;padding-right: 24px;padding-bottom: 20px;}
    .grid-contain{display: block;margin-bottom: 20px}
    .grid-item:first-child{padding-right: 0;margin-bottom: 20px;}
    .about-button {width: 100%;}
    .about-button{margin-top: 0px;}
    .about-text{margin-bottom: 30px;}
    .about-button {margin-bottom: 10px;}
    .albums{display: block;}
    .albums-s{width: 100%;}
    .albums-m{width: 100%;}
    .albums-l{width: 100%;}
    .albums-s .album-image{height: auto;}
    .albums-m .album-image{height: auto;}
    .albums-l .album-image{height: auto;}
    .album-item{padding-right: 0;width: 100%;}
    .albums{padding-left: 24px;padding-right: 24px;}
    .albums-filter{padding: 0;margin-bottom: 20px;}
    .back{padding-left: 24px;padding-right: 24px;}
    .album-details h1.signin-title { margin-top: 20px;}
    .dot{background-color: transparent !important;display: block !important;margin-bottom: 20px;}
    .owl-carousel .slick-slide video {width: auto;height: auto;}
    .owl-index{padding: 0;}
    .gallery{padding-left: 24px;padding-right: 24px;padding-bottom: 50px;}
    .owl-item{display: flex;}
    .owl-carousel .slick-slide img {height: auto;width: auto !important;margin: auto;}
    .customNextBtn{bottom: 30px;right: 24px;}
    .customPrevBtn{bottom: 30px;left: 24px;}
    .login-wrapper .login-column-container{display: block;padding-left: 24px;padding-right: 24px;}
    .login-wrapper .login-column-container .login-column{width: 100%;}
    .login-wrapper button{margin-left: 0 !important;}
    .login-column{padding-bottom: 20px;}
    .btn {margin-top: 20px;}
    .icon-wrapper[data-astro-cid-obcerpi7]#dark-theme-icon1 path {fill: #7af955;}
    .icon-wrapper[data-astro-cid-obcerpi7]#light-theme-icon1 path {fill: #0b24fb;}
    :root[data-theme=light] .mobile-sub a svg path {fill: #0b24fb;}
    :root[data-theme=light] #home .index { background-color: #ffffff;}
    :root[data-theme=light] .cat.active { color: #000000 !important;}
    .albums-filter a{color: #767676;padding-bottom: 15px;}
    .albums-filter a.current{color: #ffffff;}
    :root[data-theme=light] .albums-filter a{color: #767676;}
    :root[data-theme=light] a.current {color: black; }
    .filter-title{display: block;font-family: 'Montserrat-SemiBold';font-size:18px;margin-bottom: 20px;}
    .album-title.white{color: #7af955;}
    :root[data-theme=light] .album-title.white {color: #0b24fb;}


    .owl-carousel .owl-stage {display: flex;align-items: center;}
    :root[data-theme=light]  .bg-green {background-color: #0b24fb; }
    :root[data-theme=light]  .bg-white {background-color: #000000; }
    :root[data-theme=light] .login-title{color: black;}
    :root[data-theme=light] ::placeholder{color: #767676 !important;}
    :root[data-theme=light] [type=text]:focus, :root[data-theme=light] input:where(:not([type])):focus, :root[data-theme=light] [type=email]:focus, :root[data-theme=light] [type=url]:focus, :root[data-theme=light] [type=password]:focus, :root[data-theme=light] [type=number]:focus, :root[data-theme=light] [type=date]:focus, :root[data-theme=light] [type=datetime-local]:focus, :root[data-theme=light] [type=month]:focus, :root[data-theme=light] [type=search]:focus, :root[data-theme=light] [type=tel]:focus, :root[data-theme=light] [type=time]:focus, :root[data-theme=light] [type=week]:focus, :root[data-theme=light] [multiple]:focus, :root[data-theme=light] textarea:focus, :root[data-theme=light] select:focus {border-bottom: 2px solid #0b24fb !important;}
    :root[data-theme=light] [type=text], :root[data-theme=light] input:where(:not([type])),    :root[data-theme=light] [type=email],    :root[data-theme=light] [type=url],    :root[data-theme=light] [type=password],    :root[data-theme=light] [type=number],    :root[data-theme=light] [type=date],    :root[data-theme=light] [type=datetime-local],    :root[data-theme=light] [type=month],    :root[data-theme=light] [type=search],    :root[data-theme=light] [type=tel],    :root[data-theme=light] [type=time],    :root[data-theme=light] [type=week],    :root[data-theme=light] [multiple],    :root[data-theme=light] textarea,    :root[data-theme=light] select{color: black !important;}
    
    :root[data-theme=light] .about-button.bg-white{background-color: #0b24fb;color: #ffffff;}
    :root[data-theme=light] .login .bg-white {background-color: #ffffff;}
    .rm-mobile{display: none;}
    .profile-page .about-button{margin-top: 20px !important;}
    .about-image { object-fit: cover; height: auto; }
    .projectTitle .bigFontSize {font-size: 30px;font-family: 'Montserrat-SemiBold' !important;}
    h1.signin-title{font-size: 36px;}
    .album-details .category{font-size: 18px;}
    .back a { font-size: 16px;}
    :root[data-theme=light]{background-color: #ffffff;}
    :root[data-theme=dark]{background-color: #000000;}
    .about-subtitle{font-size: 22px;}
    .about-text{font-size: 16px;margin-top: 10px;}
    .about-text strong{font-size: 18px;}
    .contact-form{font-size: 18px;margin-top: 15px; margin-bottom: 10px;}

    .share-b{transition: all 1s;}
    .share-b span.active{opacity:0;transition: all .3s;position: relative;z-index: -1;}
    .social-mobile{display: inline-block;transform: translateX(-370px);transition: all .3s;position: absolute;}
    .social-mobile.active{transform: translateX(-135px);transition: all .3s;}

    .social-mobile svg{fill: #7af955;}
    :root[data-theme=light] .social-mobile svg{fill: #0b24fb;}
    .projectTitle {top: 2px;}
    .customNextBtn{display: none;}
    .customPrevBtn{display: none;}
    #copyButton1{margin-top: 10px;}
    .js-carousel .item {
        width: 100%;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 420px) {
    .title-rm{max-width:70px}
}
@media screen and (max-width: 370px) {

    .login div{display: flex;align-items: center;}
    .title-rm{display: none !important;}
}