@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');


@font-face {
        font-family: "Soulgate-PKvXm";
        src: url("../fonts/Soulgate-PKvXm.ttf") format("truetype");
		font-size:normal;
		font-weight:400;
    }
@font-face {
        font-family: "DeliriumNcv-Vm5e";
        src: url("../fonts/DeliriumNcv-Vm5e.ttf") format("truetype");
		font-size:normal;
		font-weight:400;
    }
	

.alata-regular {
  font-family: "Alata", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.Soulgate{
	font-family: "Soulgate", sans-serif;
	 font-weight: 600;
}

h2, h3, h4, h5, h6, a{
	font-family: "Alata", sans-serif;
	font-weight: 400;
}


.DeliriumNcv-regular {
  font-family: "DeliriumNcv", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.about__v1wrap {
    background-color: #f4f4f4;
	border-radius: 0px;
	height: 645px;
	padding-top:0px;
padding-bottom:0px;
}
.banner__section {
    position: relative;
    overflow: hidden;
	height: 645px;
	    background-color: #000000;
}
.abimg1{
	margin-top: 60%;
}
.abh3{
	color: black;
    font-size: 30px;
    font-weight: 600;
    margin-top: -30px;
    rotate: -25deg;
    font-family: Soulgate;
}
.about__onecontent p{
	color:#000000;
    line-height: 35px;
    font-family: "Alata", sans-serif;
    margin-bottom: 15px;
}
.about__onecontent h2{
	color:#000000;
	font-size: 80px;
    margin-bottom: 0px;
	    font-weight: 400;
}
.about__onecontent h3{
	color:#000000;
}
.resumep{
	text-align: end;
}
.banner__content h1{
	text-align: center;
    font-size: 155px;
    margin-bottom: 30px;
    letter-spacing: 5px;
	font-family: "DeliriumNcv", sans-serif;
}
.V1{
	margin-left: 47%;
    margin-top: -3%;
    width: 100px;
}
.bh3{
	margin-left: 28%;
    font-family: "Soulgate";
    font-size: 55px;
}

.hone span{
	color:#FFC800;
    letter-spacing: 10px;
    font-weight: 900;
	font-family: "DeliriumNcv", sans-serif;
}
.lgig{
	text-align:center;
}
.about__onecontent {
    padding-right: 25%;
    margin-top: 8%;
}
.about__onecontent span{
	border-bottom: 13px solid #FFC800;
}

.titleh{
	color:#FFC800;
	font-family: "Alata", sans-serif;
}
.esulli li{
	font-size:20px;
	font-family: "Alata", sans-serif;
	color: #fff;
}
.th2{
	font-size:76px;
}
.th4{
	margin-left: 41%;
    margin-top: -1%;
	font-family: "Soulgate", sans-serif;
	    font-size: 50px;
		margin-bottom: 0px;
}
.contdiv{
	background:#fff;
	text-align:center;
	box-shadow: 0 10px 40px #83838329;
	padding:15px;
    width: 240px;
    height: 326px;
	    margin-left: 10%;
}
.contdiv h3{
	color:black;
	font-size: 150px;
}
.contdiv h4{
	color:black;
}
.contdiv p{
	color:black;
}
.contdiv1{
	background:#FFC800;
	    padding: 20px;
 }
.contdiv1 h3{
	color:#000000;
	font-size: 150px;
}
.contdiv1 h4{
	color:#000000;
}
.contdiv1 p{
	color:#000000;
}
.contdiv2{
	background:#000000;
	    padding: 20px;
}
.contdiv2 h3{
	color:#FFC800;
	font-size: 150px;
}
.contdiv2 h4{
	color:#FFC800;
}
.contdiv2 p{
	color:#FFC800;
}
.img33{
	    width: 330px !important;
    height: 330px;
}
.smimg{
	width:100%;
	margin-bottom:20px;
}
.smbh3 span{
	    font-family: "Alata", sans-serif;
}
.smtth2 span{
	font-family: "DeliriumNcv", sans-serif;
}
.smth2 span{
	font-family: "DeliriumNcv", sans-serif;
}
.smth2{
	font-size: 170px;
    text-align: center;
	font-family: "DeliriumNcv", sans-serif;
}
.smimg1{
	width:200px;
	text-align:end;
    margin-right: 140px;
}
.smp{
	text-align:center;
	color:#fff;
	font-family: "Alata", sans-serif;
}
span {
    font-family: "Kanit", sans-serif;
}
.smdiv{
	text-align:end;
}
.thcol{
	color:#FFC800;
	
}

.smth41{
	    margin-left: 17%;
		font-family: "Soulgate", sans-serif;
}
.smbh3{
	font-size:18px;
}

.smch3{
	color:#000000;
	    font-size: 18px;
    font-weight: 500;
}
.smctimg{
	width:200px;
	    margin-top: 5%;
    margin-left: 25px;
	    rotate: -22deg;
}
.scmed{
	margin-top: 20px;
}

.smg22{
	width:220px;
	height:220px;
}
.smmimg1{
	width:300px;
	height:375px;
	    border: 1px solid #e1e1ee;
}
.banner__section1{
	background-color:#000000;
}






.ctsmimg{
	width:70px;
}
.ctsd{
	background:#000000;
	width:85px;
	height:85px;
	margin-top: 40px;
	float: left;
	text-align: center;
	border-radius: 50%;
}
.csmth41{
	color: #000000;
    text-align: end;
	font-family: "Soulgate", sans-serif;
}
.csmth411{
	color: #000000;
    text-align: end;
}
.ctsd1{
	float: left;
}
.ctsmft{
	rotate: 170deg;
}
.smctimg1{
	width: 160px;
    margin-top: -5%;
    margin-left: 25px;
}
.wa1{
    color: #000000;
    font-family: "Soulgate", sans-serif;
    margin-left: 10%;
    font-size: 50px;
    margin-top: 30px;
    font-weight: 600;
    margin-bottom: 0px;
	text-align: start;
}

.designdiv p{
	margin-left: 15%;
}


.wa11{
	color: #000000;
	line-height: 20px;
	    margin-bottom: 30px;
		    text-align: start;
}
.csth41{
	color:#fff;
	font-family: "Soulgate", sans-serif;
	text-align: end;
}
.csth411{
	color:#FFC800;
	text-align: end;
}
.videosize{
	    width: 540px;
    height: 355px;
	    margin: auto;
}
.videoimg{
	width:80px;
}
.pcent{
	text-align:center;
}

.smth4{
	text-align: end;
	font-family: "DeliriumNcv", sans-serif;
}
.fotlogo{
	width:40%;
    margin: auto;
}
.fotth4{
	text-align:center;
}
.footh6 span{
	font-family: "Soulgate-PKvXm";
	font-size: 50px;
}
.footh6{
	margin-left: 53%;
    font-size: 35px;
	font-family: "Soulgate", sans-serif;
}
.footh26{
	margin-left: 35%;
}
.ptstop{
	padding-top:30px;
}



.blg{
	width: 400px;
    height: 265px;
	margin-bottom: 30px;
}
.pmth2 span{
	font-family: "DeliriumNcv-Vm5e";
}
.pmth2{
	font-size:250px;
	text-align: center;
	font-family: "DeliriumNcv-Vm5e" !important;
}
.pmdiv{
	margin-left: 30%;
}
.pmdiv img{
	margin-top: -5%;
}
.broimg{
    height: 600px;
    width: 1100px;
/*	width:100%;  */
}
.about__v1wrap1{
	background-color:#FFD748;
}
.broimg1{
	margin-top: -5%;
}
.about__v1wrap12{
	
	background: url(../../img/bgim.png) no-repeat;
	background-size: 200% 150%;
    /* transform: scale(1); */
    /* background-size: contain; */
    /* background-size: cover; */
    background-position: center;
	margin:0px;
}
.about__v1wrap123{
	margin:0px;
	background-image: linear-gradient(#2A85FF, #71AEFF);
}
.boimg{    
	width:75%;
}
.boimg1{
    width: 75%;
    margin-top: -55%;
    margin-left: 10%;	
}
.casth4 {
    color: #fff;
	margin-left: 14%;
    text-align: center;
	font-family: "DeliriumNcv", sans-serif;
}
.casth2 span{
	font-family: "DeliriumNcv", sans-serif;
}
.casth2{
	font-size: 200px;
    text-align: center;
	font-family: "DeliriumNcv", sans-serif;
}
.imguiux{
	width:100%;
}
.uiuxd{
	padding-top:50px;
}



.blogd{
	border-radius:30px;
	    padding: 30px;
		text-align:center;
}

.blg1{
	background-color:#1E1E1E;
	    height: 480px;
}
.blg2{
	background-color:#5B5B5B;
	    height: 480px;
}
.bloa{
padding: 10px 20px;
    background: #fff;
    border-radius: 20px;	
}
.blop{
	margin-bottom:30px;
}

.fotimg{
	    rotate: 170deg;
		    text-align: end;
    margin-top: 50%;
    padding-right: 275%;
	    height: 160px;
}
.fts{
	text-align:start;
/*	text-align:center; */
}
.fts1{
	text-align:end;
}

.fotimg4{
	width:10%;
}
.ftdim{
	margin-top: 3%;
	margin-left: 35%;
}
.1fotimg{
	float:left;
}
.wa111{
	color: #000000;
    font-family: "Soulgate", sans-serif;
    margin-left: 1%;
    font-size: 40px;
    font-weight: 600;
}
.wa11p{
	margin-top:30px;
	color: #000000;
    width: 86%;
}
.contdih2{
	text-align:center;
	color:#000000;
	margin-top: 0px;
	font-size: 50px;
}
.contdih4{
	text-align:center;
	color:#000000;
	margin-left: -5%;
	font-size:40px;
	margin-top: 85px;
}

.sendbtn{
	margin-left: 40%;
    background-color: #ffc800;
    border-radius: 20px;
    padding: 5px 20px;
}
.fotform{
	margin-top: 30px;
	    margin-left: 35%;
}
textarea{
	border-radius: 20px;
	padding: 10px;
}

.videoddiv{
	text-align: end;
}

.designdiv{
	text-align: center;
}






@media (max-width: 767px) {
.smth2 {
    font-size: 70px;
    text-align: center;
}
.smth4{
	text-align: center;
	margin-top: 0px;
}
.smimg1 {
    width: 100px;
    text-align: end;
    margin-right: 100px;
}

.smp {
    margin-top: 0px;
	        font-size: 12px;
}
.divsm3{
	width:33%;
}

.smimg {
    width: 100% !important;
    margin-bottom: 20px;
    height: auto !important;
}



.smctimg {
    width: 96px;
    margin-top: -10%;
    margin-left: 54px;
    rotate: 18deg;
}
.csmth411 {
    font-size: 20px;
}
.scmd40{width:40%}
.scmd60{width:60%}


.smctimg{
/*	display:none; */
}
.bh3 {
    margin-left: 13%;
    font-family: "Soulgate", sans-serif;
    font-size: 30px;
}
.V1 {
    margin-left: 56%;
    margin-top: -10%;
    width: 100px;
}
.abimg1 {
    margin-top: -100%;
    rotate: -30deg;
        width: 36%;
        margin-left: 20px;
}
.abimgdiv{
	margin:0px;
}
.mag0{
	margin-top:0px;
}
    .about__onecontent h2 {
        font-size: 44px;
    }
.about__onecontent {
    padding-right:0%;
}
.about__onecontent h3 {
            font-size: 22px;
}
.about__onecontent p{
	    font-size: 14px;
		line-height: 19px;
}
.abh3 {
    margin-top: -150px;
}
.videosize {
    width: 100%;
    height: 220px;
    margin: auto;
}
.smctimg1 {
    width: 150px;
    margin-top: -31%;
    margin-left: 25px;
}
.pmth2 {
    font-size: 55px;
    text-align: center;
}

.casth2 {
    font-size: 55px;
    text-align: center;
}
.fotimg {
    rotate: 170deg;
    text-align: end;
    margin-top: 18%;
    padding-right: 30%;
    width: 130px;
	        display: none;
}
.footh26 {
    margin-left: 18%;
}
.videoimg{
	display:none;
}

.banner__content h1 {
    font-size: 60px;
}
.lgig img{
	width: 80%;
}
.about__onethumb img{
	width: 250px;
    height: 340px;
    margin-left: 25%;
}
.resumep{
	display:none;
}
.epsh2{
	    font-size: 35px;
}
.epsh4{
	    font-size: 35px;
		margin-left: 0px !important;
}
.epshdiv h3{
	font-size: 22px;
}
.epshdiv{
	width:50%;
	margin-top: 5px;
}
.esulli li {
    font-size: 15px;
}
.epshdiv12{
	display:none;
}
.epshtcls h5{
	    font-size: 18px;
    line-height: 75%;
}
.epshtcls{margin-top: 5px;}


.epsm0{
	margin-top: 5px;
}
.contcl{
	width:50%;
}

.contdiv1 {
    background: #FFC800;
    padding: 8px;
}
.contdiv {
    box-shadow: 0 10px 40px #83838329;
    padding: 15px;
    width: 100%;        height: auto;
    margin-left: 0%;
}
.casth4{
	text-align:end;
    margin-left: 0%;
}
.contdiv1 h3 {
    color: #000000;
    font-size: 70px;
}
.contdiv2 {
    background: #000000;
    padding: 8px;
}
.contdiv2 h3 {
    color: #FFC800;
    font-size: 70px;
}

.contdih4 {
    margin-top: 30px;
}
.contdih2 {
    font-size: 40px;
}
.pmdiv img {
    margin-top: -5%;
    margin-left: 35%;
}
.pmdiv {
    margin-left: 0%;
}
.mobhid{
	display:none !important;
}
.deskbhid{
	display:block !important;
}

.scmd50{
	width:50%;
    margin: auto;
}

.ctsmft {
    rotate: 190deg;
    width: 100px;
}
.ctsd1{
	margin-left:35%;
}
.ctsd {
    margin-top: 0px;
}
.wa11{
    font-size: 45px;
	margin-bottom: 10px;
}
.wa111 {
    margin-left: 12%;
}


.wa11p {
    width: 100%;
	font-size: 15px;
}
.wa1{
	margin-top: 10px;
}



.broimg{
	width:100%;
	height:auto;
}

.about__v1wrap1 {
    background-color: #FFD748;
    height: auto;
}

.about__v1wrap12{
	background: url(../../img/bgim.png) no-repeat;background-size: cover;background-position: center;
}
textarea{
	    width: 100%;
}
.fotform {
    margin-top: 30px;
    margin-left: 0%;
}

.mob40{width:35%;}
.mob60{width:65%;padding: 0px;}

.mob60 h3{
	font-size:18px;
}
.blop {
    margin-bottom: 10px;
	font-size:10px;
	color:#fff;
}
.bloa {
    padding: 3px 20px;
    background: #fff;
    border-radius: 20px;
	font-size: 10px;
}

.blg2 {
    background-color: #5B5B5B;
    height: 150px;
}
.blg1 {
    background-color: #1E1E1E;
    height: 150px;
}

.blg {
    width: 400px;
    height: 265px;
    margin-bottom: 30px;
}
.blg {
    width: 235px;
    height: 150px;
    margin-bottom: 0px;
}
.wa1{
	font-size: 40px;
}
.about__v1wrap{
	height:auto;
}





}




.mobhid{
	display:block;
}
.deskbhid{
	display:none;
}