* {box-sizing: border-box;margin: 0;padding: 0;}
body { width: 100%;height: 100%;/*overflow: hidden;*/ font-family: 'Public Sans', sans-serif;color: #ffffff;}
.img-full{max-width: 100%;}
p{font-size: 16px;line-height: 1.5em;font-weight: 400;}
p:not(:last-child){margin-bottom: 20px;}
a{display: inline-block;}
.section{width: 100%;display: flex;justify-content: center;}
.background-content{position: fixed;top: 0; left: 0;width: 100vw;height: 100vh;z-index: -1;object-fit: cover;}
.background-content video{width: 100%;height: 100vh;object-fit: cover;}
.section .container{display: flex; height: 100vh; max-width: 1340px;z-index: 2;padding: 0 15px;}
.section::before {position: fixed;content: '';background: linear-gradient(272.36deg,rgba(0,0,0,0) 1.98%,rgba(0,0,0,0.6) 97.53%);width: 100%;height: 100%;top: 0;bottom: 0; z-index: 1;}
/*Flex Row*/
.flex-row {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 -15px;}
.flex-row>*{max-width: 100%; padding-left: 15px; padding-right: 15px;}
.col-50{flex: 0 0 auto; width: calc(100% /2);padding-top: 80px; padding-bottom: 80px;}
.col-100{flex: 0 0 auto; width: 100%;}
.col-left,.col-right {flex: 1;}
.col-50.col-right{max-width: 572px;}
.col-50.col-left{padding-right: 80px;}
/*Logo Content*/
.logo-content{margin-bottom: 80px;max-width: 280px;}
/*Title*/
.title{margin-bottom: 12px;}
.title .subtitle-text{font-size: 24px;line-height: 1.20em;font-weight: 400;text-transform: uppercase;margin-bottom: 40px;display: block;}
.title .title-text{font-size: 64px;line-height: 1.10em;font-weight: 400;letter-spacing: -2px;}
.title .title-text strong{font-weight: 700;display: inline-block;width: 100%;}
/*Contact Detail*/
.contact-dtl{margin-bottom: 80px;}
.contact-dtl a{width: 100%;}
.contact-dtl .title-text{font-size: 24px;line-height: 1.60em;font-weight: 500;letter-spacing: -2px;margin-bottom: 40px;}
.contact-dtl .title-text strong{font-weight: 600;font-style: italic;}
/* .contact-dtl .title-text strong{font-size: 32px;line-height: 1.20em;font-weight: 600;letter-spacing: -2px;font-style: italic;} */
.contact-dtl p{font-weight: 400;}
.contact-dtl p strong{font-weight: 600;}
/*.copyright-txt{position: absolute;bottom: 80px;}*/
.copyright-txt p,.copyright-txt a{font-size: 14px;line-height: 1.60em;font-weight: 400;color: #ffffff;}
.copyright-txt a{text-decoration: none; transition: all 0.4s ease-in-out;}
/*Form Style*/
.form-box{background: #ffffff;padding: 53px 36px;border-radius: 40px;}
.form-box .title {margin-bottom: 40px;}
.form-box .title .title-text{font-size: 40px;line-height: 1.20em;font-weight: 600;color: #000;margin-bottom: 20px;}
.form-box .title .title-text span{color: #812986;}
.form-box .title .subtitle-text{color: #565656;font-size: 16px;line-height: 24px;font-weight: 400;margin-bottom: 0;text-transform: unset;}
.form-group{position: relative;margin-bottom: 16px;}
.btn-group{margin-bottom: 0;}
.form-control{width: 100%;padding: 18px 32px;background: none;border: 1px solid #C5C5C5;color: #565656;border-radius: 10px;height: 60px;outline: none;font-size: 16px;line-height: 24px;font-weight: 400;}
.form-control:focus{border: 1px solid #D8346D;}
textarea.form-control{resize: none;min-height: 120px;padding: 18px 32px;}
.error-msg{color: #FFFFFF;font-weight: 400;background: #fb0101;font-size: 10px;width: auto;display: inline-block;padding: 4px 8px;position: absolute;bottom: 100%;right: 0;-webkit-font-smoothing: auto;}
.error-msg::after {content: '';display: block;width: 8px;height: 8px;background-color: #fb0101;position: absolute;bottom: -4px;left: 10px;transform: rotate(45deg);}
.button,.button:focus{padding: 0 22px;text-align: center;height: 60px;font-size: 18px;line-height: 1.56em;color: #fff;background-color: #D8346D;border: 1px solid #D8346D;align-items: center;justify-content: center;gap: 12px;width: 100%;display: inline-flex;border-radius: 10px;font-weight: 600;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3 ease-in-out;transition: all 0.3 ease-in-out; }
.button[disabled]{opacity: 0.6;}
.form-group.btn-group{margin-top: 16px;}
.message{background: #5f7d03;padding: 10px 15px;margin: 0 0 10px 0;border-radius: 10px;font-size: 14px;color: #ffffff;}
.copyright-txt.mob-display{ display: none; }
/*============= RESPONSIVE STYLE ================*/
/* common css for above screen 1200*/
@media only screen and (max-width: 1400px){
    body {overflow-y: scroll;}
    .logo-content{margin-top: 20px;}
    .col-50.col-left {padding-right: 50px;}
    .title .title-text {font-size: 50px;}
    .title .subtitle-text {margin-bottom: 30px;font-size: 20px;}
    .logo-content {max-width: 200px;}
    .logo-content, .contact-dtl {margin-bottom: 45px;}
    .contact-dtl .title-text {margin-bottom: 30px;font-size: 20px;letter-spacing: 0;}
    .form-box .title .title-text {font-size: 28px;line-height: 1.18em;}
    .form-box {padding: 20px 25px;border-radius: 30px;}
    .form-box .title {margin-bottom: 25px;}
    textarea.form-control {min-height: 100px;}
    .form-control{height: 55px;}
    .form-group.btn-group {margin-top: 0;}
    .button, .button:focus {height: 50px;}
    .copyright-txt {bottom: 30px;}
    .col-50 {padding-top: 50px;padding-bottom: 50px;}
    .col-50.col-right {max-width: 450px;}
}
@media only screen and (max-width: 1200px) {
    .copyright-txt a:hover{text-decoration: underline;}
    .button:hover{background-color: #812986;border: 1px solid #812986;}
}
/* common css for below screen 1199 */
@media only screen and (max-width: 1199px) {
    .copyright-txt {bottom: 30px;}
    textarea.form-control {min-height: 100px;}
    .form-group.btn-group {margin-top: 10px;}
    .title .title-text {font-size: 46px;}
    .title .subtitle-text {font-size: 18px;}
}
/* common css for below screen 1024 */
@media only screen and (max-width: 1024px) {
    .title .title-text {font-size: 44px;}
    .form-box .title .title-text {font-size: 30px;}
    .col-50.col-left {padding-right: 15px;}
    .form-control{ height: 55px;padding: 14px 25px;}
    textarea.form-control{padding: 14px 25px;}
    .copyright-txt {bottom: 0;}
}
/* common css for below screen 991 */
@media only screen and (max-width: 991px){
    .col-50 {padding-top: 40px;padding-bottom: 40px;}
    .form-control {height: 50px;padding: 10px 20px;}
    textarea.form-control {padding: 10px 20px;}
    .title .title-text {font-size: 38px;}
    .form-box .title .title-text {font-size: 26px;}
    .form-box .title .subtitle-text {font-size: 14px;line-height: 22px;}
}
/* common css for below screen 767 */
@media only screen and (max-width: 767px){
    .section::before {background: linear-gradient(360.36deg, rgba(0, 0, 0, 0.4) 23.98%, rgba(0, 0, 0, 1) 97.53%);}
    .col-50 {padding-top: 30px;padding-bottom: 30px;}
    .section .container > .flex-row{flex-direction: column;flex-wrap: nowrap;}
    .col-50.col-right {max-width: 100%;width: 100%;padding-top: 0;}
    .col-50.col-left {width: 100%;}
    .copyright-txt {position: unset;}
    .form-box {border-radius: 20px;}
    .form-group.btn-group {margin-top: 0;}
    .logo-content, .contact-dtl {margin-bottom: 30px;}
    .title .title-text{font-size: 32px;margin-bottom: 20px;letter-spacing: 0;}
    .contact-dtl .title-text {font-size: 18px;margin-bottom: 20px;letter-spacing: 0;}
    .form-box .title .title-text {font-size: 22px;}
	.copyright-txt.mob-display{ display: block; padding-bottom:20px; text-align:center}
	.copyright-txt{display:none}
}
@media only screen and (min-width: 768px) and (max-width: 820px){
    .section::before {background: linear-gradient(360.36deg, rgba(0, 0, 0, 0.4) 23.98%, rgba(0, 0, 0, 1) 97.53%);}
    .col-50 {padding-top: 30px;padding-bottom: 30px;}
    .section .container > .flex-row{flex-direction: column;flex-wrap: nowrap;}
    .col-50.col-right {width: 100%;}
    .col-50.col-left {width: 100%;}
    .copyright-txt {position: unset;}
	.copyright-txt.mob-display{ display: block; }
	.copyright-txt{display:none; padding-bottom:20px; text-align:center}
}