/* flex */ @font-face { font-family: Cormorant; src: url("CormorantGaramond-Regular.ttf"); } @font-face { font-family: CormorantSB; src: url("CormorantGaramond-SemiBold.ttf"); } @font-face { font-family: Montserrat; src: url("Montserrat-Light.ttf"); } @media (max-width: 600px) { .bLKfCSpalCflQIhweZsUdUyqkJhJlNJzETxpkvsrXsksRpMoWgtsmUxRNzxRYeybECyEdYAqPAZbPLleocdflHIqIjTMylyAVFxF{ width: 100%; } } @media (min-width: 600px) { .bLKfCSpalCflQIhweZsUdUyqkJhJlNJzETxpkvsrXsksRpMoWgtsmUxRNzxRYeybECyEdYAqPAZbPLleocdflHIqIjTMylyAVFxF{ width: 450px; } } html{ overflow-x: hidden; } body{ margin: 0; padding: 0; background-color: #f7f1ec; display: flex; justify-content: center; font-family: Montserrat; flex-direction: column; align-items: center; } .TYQijkdAHtZCXypfOBDhWnadljnuclKzbgozMRCtBWhglFgvAGqAnGtzJXxfcRTSqOcoUDinvhjPWbGmLNBkrNUGoaFCNuRscKVa{ display: flex; } .mHAXglGjZfjCArmSMqpxkzQshPoSKkcxOyduiVPOShcWLHnclpEbPrbItMOTZJEmbLIwjCCUiCOCjZHBKdbvGecGYmllxfYCPtlR{ align-items: center; } .LvaMvpDNkmpOzqEdlCUlpjeVxDesoSbDVFnYTAmsuLJKxuIzZZxnboxOeRciObrMGPKJBHdXLRHJydUTLqkgDoaMiokYzAaqRfBw{ text-align: center; } .JBeDpruMOTcbSTZgDNcufMvVveaEWUOwvmvVbftGoeyOgWwTpkXJLLrzHjRlRtRDuzOFWxrqNcDXJeinORlskMTkxucvNOjvwtGt{ justify-content: center; } .oDNBoKZiqiSBHPDUycpVKIQrQhkyBcUprobnhDehsAtRphtlXAJDmldmPqYOQcSGQYocnsmEjtYycaWteQoTlxOPWtVeyNRxuRNy{ justify-content: space-between; } .around{ justify-content: space-around; } .pvXLoNnXAJCUCKQZZiXogTknDsTvYLXaAxTErTxChnfGBPoKkLipssvswbtGQPIjvNndrSfEmZPwSaviQeTScOzjWHFvQJnDpExt{ flex-direction: column; } .vrbLNxIstJuCLJDnUDHczwcRraKDYvyVDdYkNNpbuhmuSBRHgiLCADBXrNoFjtWImOVFBlgMfBqBYuEaFgFswBJTIbdOmcFbezKE{ flex-direction: row; } .IVbKXyUFbyRucRajiRwZazlgxGBkyqlbvMHEwjyTJesFcMLZYdlZPbraPwsYDNMWgOMmllCqLnRPhVIJqlFopUHvhhDMJEBKXGJr{ width: 100%; } .h{ height: 100vh; } /* flex */ /* STYLE */ .zhCPIefMlDqbfJZmLgExNFcNEuCslhOGHgzGnSeaOpCPxBLVAndMVKJiyDYXLJufmXCiTNEctBdnptuBDRvtQaogoZJQWSzGxOfu{ width: calc(100% - 30px); margin-left: auto; margin-right: auto; padding: 15px; font-size: 50px; position: relative; } .zhCPIefMlDqbfJZmLgExNFcNEuCslhOGHgzGnSeaOpCPxBLVAndMVKJiyDYXLJufmXCiTNEctBdnptuBDRvtQaogoZJQWSzGxOfu .EkJoTxZJYWaiOubHSuFBltRCufVMoxIGWSokrFqhQwQSdzwqGXdrxndYmcjdgJQxCEfMLiSvxUqOGJUJemwPKDJmXTtaMWxgOYzF{ font-family: Montserrat; font-size: 19px; text-transform: lowercase; justify-content: center; display: flex; margin-left: -90px; font-weight: 600; } .zhCPIefMlDqbfJZmLgExNFcNEuCslhOGHgzGnSeaOpCPxBLVAndMVKJiyDYXLJufmXCiTNEctBdnptuBDRvtQaogoZJQWSzGxOfu .lYepgUIQAQNtuqoKNBXziiUejqnilzKLExSFOHPnfhYoLDLYnDyCIYANJtAoYzfBCjIwbythIGPMdnoJNzSYJAczJBkyTwhDwzCk{ font-size: 17px; text-transform: lowercase; font-family: Montserrat; } .zhCPIefMlDqbfJZmLgExNFcNEuCslhOGHgzGnSeaOpCPxBLVAndMVKJiyDYXLJufmXCiTNEctBdnptuBDRvtQaogoZJQWSzGxOfu .aXbMaQmWZSYefzjNyhcBsWdcdEilAvNCgyJsmspPIhVIrTIDQcNPMpAedxTNPADCtCtFmwOdDisBFZYyyMrOKgEXNUzPoXQDOfHe{ text-transform: uppercase; font-size: 41px; font-family: CormorantSB; } .zhCPIefMlDqbfJZmLgExNFcNEuCslhOGHgzGnSeaOpCPxBLVAndMVKJiyDYXLJufmXCiTNEctBdnptuBDRvtQaogoZJQWSzGxOfu .aXbMaQmWZSYefzjNyhcBsWdcdEilAvNCgyJsmspPIhVIrTIDQcNPMpAedxTNPADCtCtFmwOdDisBFZYyyMrOKgEXNUzPoXQDOfHe .lYepgUIQAQNtuqoKNBXziiUejqnilzKLExSFOHPnfhYoLDLYnDyCIYANJtAoYzfBCjIwbythIGPMdnoJNzSYJAczJBkyTwhDwzCk{ text-transform: lowercase; font-size: 18px; font-family: Arial; } .zFlzvlzwXjRcDbHCySBHuVaybhwHiaawiEctXvfKWGhsphIuwoyeRCYvOxmkhUVXWLjFkSAtFELnIHKARZXlNOToZmhCnUrlZYYc{ height: 430px; gap: 15px; } .ZuGREbUFqOpZuCatQGslLUsKvfUOXqhYQNHGkyrYJXsxVbMHLOGghANeKJrDqJcNMJtCVCzcscFhQKAkRSiJBSmcYFgORkptdBwi{ background-image: url("demo1.jpg"); background-repeat: no-repeat; background-size: cover; /* height: 100%; */ background-position: center; /* width: 600px; */ } .ZuGREbUFqOpZuCatQGslLUsKvfUOXqhYQNHGkyrYJXsxVbMHLOGghANeKJrDqJcNMJtCVCzcscFhQKAkRSiJBSmcYFgORkptdBwi.AofmTTbyxZWJvLrVfIPhEefVaVHgpWUuJFqghTOifKknTvLWjACWLFKlguZumNkYWsuAFlXtjWPrVWuvpiCNtfnnfUGKfmDuihIE{ background-position: left; } .ZuGREbUFqOpZuCatQGslLUsKvfUOXqhYQNHGkyrYJXsxVbMHLOGghANeKJrDqJcNMJtCVCzcscFhQKAkRSiJBSmcYFgORkptdBwi.PHMuGdPbMqnNvVjyUqPrNMegKPODMwkCZRuNLJNNXLpeWtkRzXDQSrbuuCWCOYJQRcKoZMKyirxvRRAzrdWJvVtcIeeLFobcntmi{ background-position: right; } .ZuGREbUFqOpZuCatQGslLUsKvfUOXqhYQNHGkyrYJXsxVbMHLOGghANeKJrDqJcNMJtCVCzcscFhQKAkRSiJBSmcYFgORkptdBwi.AofmTTbyxZWJvLrVfIPhEefVaVHgpWUuJFqghTOifKknTvLWjACWLFKlguZumNkYWsuAFlXtjWPrVWuvpiCNtfnnfUGKfmDuihIE, .ZuGREbUFqOpZuCatQGslLUsKvfUOXqhYQNHGkyrYJXsxVbMHLOGghANeKJrDqJcNMJtCVCzcscFhQKAkRSiJBSmcYFgORkptdBwi.PHMuGdPbMqnNvVjyUqPrNMegKPODMwkCZRuNLJNNXLpeWtkRzXDQSrbuuCWCOYJQRcKoZMKyirxvRRAzrdWJvVtcIeeLFobcntmi{ width: 12%; } .ZuGREbUFqOpZuCatQGslLUsKvfUOXqhYQNHGkyrYJXsxVbMHLOGghANeKJrDqJcNMJtCVCzcscFhQKAkRSiJBSmcYFgORkptdBwi.PKYCvAzsebVYJrUdBJFfAfjeNDzaWBTxxygjKziVReQhjLGJUUajbVGwSaCYfxlPslgLFiTIccqDlLMuFJdpyVFoVgZpclqBntmp{ width: 76%; } /* 2 */ .WNgyNpqcFrLJSqWXjGaUeMOdChNgQEltwABaijchbPtKYTDQTmrqpmabAOVSMXXSBmXGiXPqRZDdXlupgDuwsclCBCwUYRGIdpeb{ height: 357px; gap: 15px; margin-top: 50px; } .bxDSEXdJFKaWYnGPUtAPkKefzFHEPvTUoyCinqMVBuTlqPsNHMqVOhwYeFUrshliolpYzwxGnuutVELJmfbWzdOHotuOkOLyMUDy{ background-image: url("demo3.jpg"); background-repeat: no-repeat; background-size: cover; /* height: 100%; */ background-position: center; /* width: 600px; */ } .bxDSEXdJFKaWYnGPUtAPkKefzFHEPvTUoyCinqMVBuTlqPsNHMqVOhwYeFUrshliolpYzwxGnuutVELJmfbWzdOHotuOkOLyMUDy.AofmTTbyxZWJvLrVfIPhEefVaVHgpWUuJFqghTOifKknTvLWjACWLFKlguZumNkYWsuAFlXtjWPrVWuvpiCNtfnnfUGKfmDuihIE{ background-position: left; } .bxDSEXdJFKaWYnGPUtAPkKefzFHEPvTUoyCinqMVBuTlqPsNHMqVOhwYeFUrshliolpYzwxGnuutVELJmfbWzdOHotuOkOLyMUDy.PHMuGdPbMqnNvVjyUqPrNMegKPODMwkCZRuNLJNNXLpeWtkRzXDQSrbuuCWCOYJQRcKoZMKyirxvRRAzrdWJvVtcIeeLFobcntmi{ background-position: right; } .bxDSEXdJFKaWYnGPUtAPkKefzFHEPvTUoyCinqMVBuTlqPsNHMqVOhwYeFUrshliolpYzwxGnuutVELJmfbWzdOHotuOkOLyMUDy.AofmTTbyxZWJvLrVfIPhEefVaVHgpWUuJFqghTOifKknTvLWjACWLFKlguZumNkYWsuAFlXtjWPrVWuvpiCNtfnnfUGKfmDuihIE, .bxDSEXdJFKaWYnGPUtAPkKefzFHEPvTUoyCinqMVBuTlqPsNHMqVOhwYeFUrshliolpYzwxGnuutVELJmfbWzdOHotuOkOLyMUDy.PHMuGdPbMqnNvVjyUqPrNMegKPODMwkCZRuNLJNNXLpeWtkRzXDQSrbuuCWCOYJQRcKoZMKyirxvRRAzrdWJvVtcIeeLFobcntmi{ width: 30%; opacity: .8; } .bxDSEXdJFKaWYnGPUtAPkKefzFHEPvTUoyCinqMVBuTlqPsNHMqVOhwYeFUrshliolpYzwxGnuutVELJmfbWzdOHotuOkOLyMUDy.PKYCvAzsebVYJrUdBJFfAfjeNDzaWBTxxygjKziVReQhjLGJUUajbVGwSaCYfxlPslgLFiTIccqDlLMuFJdpyVFoVgZpclqBntmp{ width: 70%; } button{ margin-left: auto; margin-right: auto; margin-top: 20px; border: 2px #4a463b solid; background-color: #f7f1ec; cursor: pointer; font-size: 15px; font-weight: 600; width: 76%; height: 38px; font-family: 'Montserrat'; /* text-transform: lowercase; */ color: black; } .ZJBvTlIWjgveBfcXmRyknByEQOCwTYzHSOhBsnmGqazBHCEVipydpkGfmzGhBcTJybUdueIxaqwXeLcsPxvXjzyKfwiUjvZIoKMd{ gap: 15px; margin-top: 10px; } .ZJBvTlIWjgveBfcXmRyknByEQOCwTYzHSOhBsnmGqazBHCEVipydpkGfmzGhBcTJybUdueIxaqwXeLcsPxvXjzyKfwiUjvZIoKMd .AofmTTbyxZWJvLrVfIPhEefVaVHgpWUuJFqghTOifKknTvLWjACWLFKlguZumNkYWsuAFlXtjWPrVWuvpiCNtfnnfUGKfmDuihIE, .ZJBvTlIWjgveBfcXmRyknByEQOCwTYzHSOhBsnmGqazBHCEVipydpkGfmzGhBcTJybUdueIxaqwXeLcsPxvXjzyKfwiUjvZIoKMd .PHMuGdPbMqnNvVjyUqPrNMegKPODMwkCZRuNLJNNXLpeWtkRzXDQSrbuuCWCOYJQRcKoZMKyirxvRRAzrdWJvVtcIeeLFobcntmi{ width: 12%; } .dPhJphEKaPfCaABCQHHIgiZmvvvUUdEGVYYtLgBCjxVLohoxrSCqGKhIKqnSRACdfdnyxeViemdmSsZiKqkIHJIYJgpZyonpNXUd { align-items: center; margin-top: 40px; margin-bottom: 20px; } .dPhJphEKaPfCaABCQHHIgiZmvvvUUdEGVYYtLgBCjxVLohoxrSCqGKhIKqnSRACdfdnyxeViemdmSsZiKqkIHJIYJgpZyonpNXUd .RtxyGMPZVIACwQxNrrmcFZILgqThjqdKVcQGFKbzrZSgaTBrPeWuzduXXSwBZDubbxpNOTBYdqHORsypxJTWtvvfxvxqReMxHgOi { height: 2px; width: 15%; background: black; } .dPhJphEKaPfCaABCQHHIgiZmvvvUUdEGVYYtLgBCjxVLohoxrSCqGKhIKqnSRACdfdnyxeViemdmSsZiKqkIHJIYJgpZyonpNXUd .sHZJjNFErPyNwdEVFbvdzVlPaPQNMUAglnrJhmkwKfkTaOCIzlQNNxZENKqqjKqLSXSvDcOGECTgQFYbDHtxCgeQoxZiUaJXKOFG { width: 70%; display: flex; justify-content: center; font-family: 'CormorantSB'; font-size: 23px; text-align: center; } h2{ font-size: 33px; margin-top: 5px; } .CaqmYahiDIZLaFaXAsuTcfbcwAFlhnLUjuGlMSLMASNlqVuuFzVRgmTqrWvqlZolVTDIaxiAKijWytMtFmWuWVIzgDyJgJgKEKjn{ background-image: url("demo2.jpg"); height: 180px; background-position: center; background-size: cover; background-repeat: no-repeat; filter: grayscale(1); } .zVlEaZebdRaQuDziwXrNBlOfrvWATSPAloybAqVRNNoYoLXbBWiNtbjNIHKETbtVqAEoCuYGTQKNEUSYadyRLslWklNPAtxrHySY{ display: g; } .zVlEaZebdRaQuDziwXrNBlOfrvWATSPAloybAqVRNNoYoLXbBWiNtbjNIHKETbtVqAEoCuYGTQKNEUSYadyRLslWklNPAtxrHySY h2{ font-family: CormorantSB; font-size: 47px; text-transform: uppercase; margin-top: 30px; text-align: center; margin-bottom: 26px; } .zVlEaZebdRaQuDziwXrNBlOfrvWATSPAloybAqVRNNoYoLXbBWiNtbjNIHKETbtVqAEoCuYGTQKNEUSYadyRLslWklNPAtxrHySY p{ font-family: Montserrat; font-size: 18px; text-align: center; } .jqMqLWxGQGLwUrLIMYUtccIIvgSWPoFnlPvhhZNpoPpkQnBDgHbYgBbVIjCnWhNggpxkLEaUeyFYXJRMlMckMcauMMAfBlMbsBBD{ height: 130px; background-image: url("line.png"); background-position: center; background-size: contain; background-repeat: no-repeat; } .iSjHiDVNcXLkjCZFJkdnCgGfRloCZkCVPvKsSHmlaglqukJJUuhOHHNrabhiIJEBPVObzStfaJRwFOMtBeEfMZrWPQKmBPKWfuEg h1{ font-family: CormorantSB; font-size: 40px; margin: 0; margin-bottom: 20px; } .iSjHiDVNcXLkjCZFJkdnCgGfRloCZkCVPvKsSHmlaglqukJJUuhOHHNrabhiIJEBPVObzStfaJRwFOMtBeEfMZrWPQKmBPKWfuEg .fRJhFgmXVhuBSOtnOZHiVBtFYVSVjIXNvaiEuJlhskXYXczZCWxMMhTOwbgubutSBRRRDSTRprZrRZsVCBhuNreaYJfKWdDGIGjo{ margin-top: 20px; width: 80%; margin-left: 10%; } .fRJhFgmXVhuBSOtnOZHiVBtFYVSVjIXNvaiEuJlhskXYXczZCWxMMhTOwbgubutSBRRRDSTRprZrRZsVCBhuNreaYJfKWdDGIGjo .RtxyGMPZVIACwQxNrrmcFZILgqThjqdKVcQGFKbzrZSgaTBrPeWuzduXXSwBZDubbxpNOTBYdqHORsypxJTWtvvfxvxqReMxHgOi{height: 1px;background: black;width: 30px;margin: 14px;} .fRJhFgmXVhuBSOtnOZHiVBtFYVSVjIXNvaiEuJlhskXYXczZCWxMMhTOwbgubutSBRRRDSTRprZrRZsVCBhuNreaYJfKWdDGIGjo .lBJEKvfJQoObmmMsVFOKoDvkxAFKJbLpDNjrsLXyJFWkouwxrAIuzLoqxlKsEAIPElkQeenqLvDcFUXZegiSJtsLnSSLXpsgOurO{font-size: 25px;} .fRJhFgmXVhuBSOtnOZHiVBtFYVSVjIXNvaiEuJlhskXYXczZCWxMMhTOwbgubutSBRRRDSTRprZrRZsVCBhuNreaYJfKWdDGIGjo .sHZJjNFErPyNwdEVFbvdzVlPaPQNMUAglnrJhmkwKfkTaOCIzlQNNxZENKqqjKqLSXSvDcOGECTgQFYbDHtxCgeQoxZiUaJXKOFG{/* font-size: 18px; */} .aXUwBeVuRIJRkPOtJLnPiKvHIUYdhDhXRQfmsFcjjhXpXqJoEInQamTQqtmoDwDRwQdvjUmROxYsRXyqvboCmUCxnzObUqMahyWL h1{ font-family: CormorantSB; font-size: 40px; margin-bottom: 20px; } .underline { text-decoration: underline; } .yCIzFUSagsbjrdcxDPrkIYgfaHLYGWMhJzqokmifPAnivAfSHDrZJxEEmNSLjOrNqUVZIlbMSTGYwlQoPYgtcEIcobFLifIOentU{ height: 250px; background-image: url("demo4.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat; } .zHfyUHgktaFlTtCtfrzgpyCipYFClaGhGuxUnjLtiUauFwEJrGUGQLeeDEBxEzwmBlLOFfbETvmLEtXjkmdHgwhrwaNnfvsJsxDc{ } .zHfyUHgktaFlTtCtfrzgpyCipYFClaGhGuxUnjLtiUauFwEJrGUGQLeeDEBxEzwmBlLOFfbETvmLEtXjkmdHgwhrwaNnfvsJsxDc input{ /* margin-top: 20px; */ margin-bottom: 20px; border: 2px #4a463b solid; background-color: #f7f1ec; font-size: 14px; font-weight: 600; width: 66%; height: 36px; font-family: 'Montserrat'; padding-left: 20px; } .yFXFsqCIvWVuFbSxzmsbAwsTcZajcKpIkLLllqkXIPbMqoQxqLqqCCMzOcANfPpRvEBtkInJkXkVtSsuMWVhjTiQctZrFQtiCXIr{ width: 73%; } .yFXFsqCIvWVuFbSxzmsbAwsTcZajcKpIkLLllqkXIPbMqoQxqLqqCCMzOcANfPpRvEBtkInJkXkVtSsuMWVhjTiQctZrFQtiCXIr input{ width: 20px; height: 20px; background-color: #f7f1ec; border: #4a463b solid 2px; cursor: pointer; position: absolute; margin-top: 0px; } .yFXFsqCIvWVuFbSxzmsbAwsTcZajcKpIkLLllqkXIPbMqoQxqLqqCCMzOcANfPpRvEBtkInJkXkVtSsuMWVhjTiQctZrFQtiCXIr span { padding: 10px; } .yFXFsqCIvWVuFbSxzmsbAwsTcZajcKpIkLLllqkXIPbMqoQxqLqqCCMzOcANfPpRvEBtkInJkXkVtSsuMWVhjTiQctZrFQtiCXIr span label{ margin-left: 42px; } .hidden{ transition: 2s; opacity: 0; } .visible{ opacity: 1; } .BbNSxyEpgRqtmNmEqftvzGbIrxUtVbDtflCNAXeAzRZjnhsFKbeRzNOfshPgcbJKkzFqxAofGEXHCQYKRwIISkMkVFPvawWjLmWo.hidden{ transform: translateX(-99%); } .BbNSxyEpgRqtmNmEqftvzGbIrxUtVbDtflCNAXeAzRZjnhsFKbeRzNOfshPgcbJKkzFqxAofGEXHCQYKRwIISkMkVFPvawWjLmWo.visible{ transform: translateX(0); } .NYbAjoOhtfMQIJxathtVExqYAWKDSLJZJlvTkbxmBIZUNIqpAmzqmONGYeBmwtGttKiDduBHspeIqxZUNEdDVniAvDDCqOwBKQVr.hidden{ transform: translateX(99%); } .NYbAjoOhtfMQIJxathtVExqYAWKDSLJZJlvTkbxmBIZUNIqpAmzqmONGYeBmwtGttKiDduBHspeIqxZUNEdDVniAvDDCqOwBKQVr.visible{ transform: translateX(0); } .fadein-scale0.hidden{ scale: 0; } .VsuZIxANCIOcRQAgnvnWVwlPdgsscieFIknJUssZruKiqHLYgYGNZQyoMNVvmJRXBvxOyFssMthfstwGdhGFzwpVgJXNghgSdLFw.hidden{ scale: 0.5; } .fadein-scale0.visible{ scale: 1; } .VsuZIxANCIOcRQAgnvnWVwlPdgsscieFIknJUssZruKiqHLYgYGNZQyoMNVvmJRXBvxOyFssMthfstwGdhGFzwpVgJXNghgSdLFw.visible{ scale: 1; } .ZeySvGnquhdxZAFFOutyRsmonvKqFBYFqrNCOteUvCgCmgYnNYDnoeoBeUbusSXKiqtpgBfxSfLXMEHcwWQfDzwFAItNoMUUvIKs.hidden{ transform: translateY(99%); } .ZeySvGnquhdxZAFFOutyRsmonvKqFBYFqrNCOteUvCgCmgYnNYDnoeoBeUbusSXKiqtpgBfxSfLXMEHcwWQfDzwFAItNoMUUvIKs.visible{ transform: translateY(0); }