/* ----- contact us page */


/*font*/
@font-face {
    font-family: 'Geoform';
    src: url('../fonts/Geoform-Thin.eot');
    src: url('../fonts/Geoform-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Geoform-Thin.woff2') format('woff2'),
    url('../fonts/Geoform-Thin.woff') format('woff'),
    url('../fonts/Geoform-Thin.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Geoform';
    src: url('../fonts/Geoform-Light.eot');
    src: url('../fonts/Geoform-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Geoform-Light.woff2') format('woff2'),
    url('../fonts/Geoform-Light.woff') format('woff'),
    url('../fonts/Geoform-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/*color*/
#form1 h5 {
    color: #212121;
}
#form1 .box-heading {
    color: #2E2D2A;
}
#form1 input::placeholder,
#form1 textarea::placeholder {
    color: #939393;
}


/*breadcrumb*/
.info-14 .breadcrumb .background {
  background: url("https://eseed.o2o.my/templates/victory/image/data/theme/information-page/contact-us/contact-us-bg.png")
  no-repeat;
  margin-bottom: 45px;
}
.info-14 .standard-body .main-content .container {
    padding-bottom: 100px;
}
/*form*/
#form1 div {
    font-size: 40px;
    text-transform: capitalize;
}
#main .latest-article .box-heading span,
#form1 .box-heading span {
    font-weight: 300;
}
.info-14 #column_left {
    width: 50%;
}
.info-14 .col-sm-9 {
    width: 44%;
}
.info-14 #column_left {
    margin-right: 6%;
    padding-right: 0;
}
.info-14 #column_left .box-content {
    border-right: solid 1px #A1A1A1;
    padding-right: 7%;
    margin-top: 50px;
}

/*left*/
#form1 h5 {
    font-size: 24px;
    font-weight: 600;
    margin-top: 0;
}
#form1 p {
    font-size: 20px;
    padding-top: 10px;
}
#form1 input[type="text"],
#form1 textarea[name="message"] {
    background: transparent;
    border: none;
    border-bottom: solid 1px #A1A1A1;
    border-radius: 0;
    padding-left: 0;
    padding-bottom: 15px;
    margin: 15px 0;
    color: #000;
    font-size: 16px;
}
#form1 .form-field.message,
#form1 textarea[name="message"]{
    min-height: 130px;
    box-shadow: none;
}
#form1 input:focus,
#form1 textarea:focus{
    outline: none;
    box-shadow: none !important;
    color: #000;
    border-bottom: solid 1px #000;
}
#form1 .g-recaptcha{
    display: none;
}
#form1 .submit2{
    text-align: right;
    margin-top: 20px;
}
#form1 .submit2 a {
    font-size: 20px;
    text-transform: capitalize;
    border-radius: 0;
    padding: 6px 25px;
}
.form-builder textarea, 
.form-builder input[type="text"],
#form1 .submit2,
#form1 p {
    width: 90% !important;
}


/*right*/
.info-14 .col-sm-9 {
    padding-top: 8%;
}
.info-14 .col-sm-9 {
    padding-top: 8%;
}
.info-14 .reg-num {
    font-size: 24px;
    margin-bottom: 40px;
}
.info-14 .details .title {
    font-weight: bold;
    font-size: 18px;
}
.info-14 .details .content {
    margin-bottom: 10px;
}
.info-14 #quickview_product {
    border-bottom: none;
}



/*----- blog page*/
/*breadcrumb*/
.blog-category .breadcrumb .background,
.blog-category-home .breadcrumb .background {
  background: url("https://eseed.o2o.my/templates/victory/image/data/theme/blog/breadcrumb/blog-breadcrumb.png")
  no-repeat;
/*  margin-bottom: 45px;*/
}
.blog-category-home .center-column  {
    padding-top: 40px;
}
/*category nav*/
#main .box.blogModule.boxPlain.blog-category {
    margin: 0;
    background-color: transparent;
    border: none;
    padding: 0px 0 10px;
}
#main .box.blogModule.boxPlain.blog-category .box-heading  {
    display: none;
}
#main .box.blogModule.boxPlain.blog-category .box-content {
    border: none;
}
.blogCategories ul {
    display: flex;
    justify-content: center;
}
.blogCategories ul li {
    display: block;
    background: none;
}
.blogCategories ul li a {
    font-size: 18px;
    font-weight: bold;
}
.blogCategories ul {
    line-height: 40px !important;
}
/*category nav hover active*/
.blogCategories ul li a {
    position: relative;
    text-decoration: none;
    margin: 0 10px;
}
.blogCategories ul li a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -9px;
    height: 2px;
    width: 0%;
    background-color: #000;
    transition: width 0.3s ease;
}
.blogCategories ul li a:hover::after {
    width: 100%;
}
.blogCategories ul li a.blogActive::after {
    width: 100%;
}
.blogCategories ul li a:hover {
    text-decoration: none;
}
.blog-category-home .livemarks,
.blog-category-home .blog-filter,
.blog-category .blog-filter,
.blog-category .livemarks{
    display: none;
}
.blog-category .blogCategories ul li:nth-child(2) {
  display: none;
}



/*article content*/
.articleCat .featured-image img  {
    width: 100%;
}
/*.articleCat {
    padding: 0 15px 30px;
}*/
.articleCat h4 {
    margin-top: 0;
}
.articleCat h4 a {
    line-height: 1.4;
    text-transform: capitalize;
    font-size: 24px;
    margin-top: 10px;
}
#blogArticle p,
#blogCatArticles p {
    letter-spacing: normal !important;
}
.articleCat .article-text  {
    margin-bottom: 20px;
}
.articleCat .read-more a {
    text-decoration: underline;
    font-weight: 500;
}

/*hide latest article from main category and child category*/
#cluetip{
    display: none !important;
}
.blog-category .latest-article.full-width-content,
.blog-category-home .latest-article.full-width-content {
    display: none;
}
/*date*/
.article-date {
  font-size: 0;
  margin-top: 20px;
}
.article-date span {
  font-size: 14px; 
}


/*inside article*/
.blog-article .breadcrumb .background {
    background: #EFEFEF;
    min-height: 610px;
    padding-top: 120px;
}
.blog-article .breadcrumb #title-page {
    display: none;
}
.blog-article #blogArticle h1 {
    text-transform: capitalize;
    font-size: 40px !important;
    line-height: 1.5;
    max-width: 90%;
    margin: 0 auto !important;
}
.blog-article .blog-category {
    display: none;
}

/*#blogArticle {
    position: absolute;
    top: -450%;
}*/
/*#blogCatArticles .col-sm-6{
    padding: 0;
}*/
/*----- inside article*/
#blogArticle .latest-article {
    display: none;
}
.latest-article  {
    background: #EFEFEF;
}
.blog-article .latest-article {
    padding: 30px 0 10px;
}
.blog-article #blogArticle {
    padding-bottom: 100px;
}
.blog-article .main-content .container, 
.blog-article .standard-body .main-content .container {
  padding-bottom: 0 !important;  
} 
#main .latest-article  .box.blogModule.boxPlain {
    margin: 0;
    margin-top: 50px;
}
/* latest article */
#main .latest-article  .box.blogModule.boxPlain {
    background-color: transparent;
    border: none;
}
#main .latest-article .box-heading {
    text-align: center;
    font-size: 40px;
    text-transform: capitalize;
    border-bottom: none;
    padding-bottom: 50px;
}
#main .latest-article .boxPlain .box-content {
    border-top: none;
}
#main .latest-article .boxPlain .box-content ul {
    display: flex;
    justify-content: center;
}
#main .latest-article .boxPlain .box-content li {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    max-width: 390px;
}
.latest-article .box-content .date-created {
    font-size: 14px;
    margin: 15px 0;
}
.latest-article .box-content a.title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 15px;
}
.latest-article .box-content .info {
    display: none;
}
.latest-article .box-content p {
/*    font-weight: 200;*/
line-height: 1.4;
min-height: 130px;
}
.blog-article .latest-article li  .title{
    min-height: 100px;
}
.blog-article .latest-article li  .title,
.blog-article .latest-article li  p{
    max-width: 95%;
}
.latest-article .box-content .read-more {
    font-weight: 500;
    text-decoration: underline;
}
/*--- inside article*/
.blog-article .featured-image img {
    border-radius: 40px;
}
.blog-article .main-content {
    margin-top: -30%;
}
/*laptop*/
@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .blog-article .main-content {
    margin-top: -40%;
}
}
/*ipad*/
@media screen and ((max-width: 1024px) and (min-width: 768px)) and ((max-height: 1366px) and (min-height: 1024px)) {
    .blog-article .main-content {
        margin-top: -60%;
    }
}


#blogCatArticles .articleCat {
    margin-bottom: 50px;
}

.blog-article #blogArticle .articleHeader span {
    display: block;
    margin-top: -5px;   
}
.blog-article .standard-body .fixed .background  {
    background: transparent;
}
.blog-article .articleHeader{
    text-align: center;
}
/* article date */
span:has(> span[itemprop="dateCreated"]) {
  color: transparent;
}
span:has(> span[itemprop="dateCreated"]) span[itemprop="dateCreated"] {
  color: #000;
  font-size: 14px;
}
.blog-article .featured-image{
    display: flex;
    justify-content: center;
}
/*blog content*/
.blog-article .ludoBlog {
    background-color: transparent;
    border: none;
    color: #000;
    padding: 4% 8% 2%;
}
.blog-article .ludoBlog h2 {
    font-size: 24px !important;
    text-transform: capitalize;
    margin-top: 20px;
}
.blog-article #blogArticle .ludoBlog p {
    line-height: 1.6;
    margin-top: 0;
}
.blog-article .main-content p img {
    width: 458px;
    margin-right: 20px;
    padding: 40px 0 20px;
}
.blog-article .blogModule .image img {
    border: none;
    background: transparent;
    border-radius: 20px;
}
/*bottom*/
.blog-article .bottom-article {
    padding: 30px 0 0 8%;
}
.blog-article .sharethis-inline-share-buttons {
    justify-content: flex-end;
    padding-right: 8%;
}
.blog-article .back-to-listing {
    background: #020202;
    border: 1px solid #020202;
    color: #fff;
    padding: 15px 30px;
/*    font-weight: 200;*/
transition: all 0.3s ease;
}
.blog-article .back-to-listing:hover {
    transform: scale(1.05);
    /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); */
    background: 000;
    color: #000;
    border: 1px solid #000;
}
.blog-article .back-to-listing i {
    margin-right: 8px;
}
/* sharethis icon */
.blog-article #st-1 .st-btn[data-network='facebook']:before {
    background: url("/templates/victory/image/data/theme/blog/icon/blog-fb_210525132945.png") no-repeat center center;
}

.blog-article #st-1 .st-btn[data-network='twitter']:before {
    background: url("/templates/victory/image/data/theme/blog/icon/blog-twitter_210525132945.png") no-repeat center center;
}

.blog-article #st-1 .st-btn[data-network='email']:before {
    background: url("/templates/victory/image/data/theme/blog/icon/blog-email_210525132945.png") no-repeat center center;
}

.blog-article #st-1 .st-btn[data-network='whatsapp']:before {
    background: url("/templates/victory/image/data/theme/blog/icon/blog-ws_210525132945.png") no-repeat center center;
}

.blog-article #st-1 .st-btn[data-network='sharethis']:before {
    background: url("/templates/victory/image/data/theme/blog/icon/blog-email_210525132945.png") no-repeat center center;
}
/* sharethis icon */
.blog-article #st-1 .st-btn[data-network='facebook'] {
    background-color: #4267B2 !important;
}

.blog-article #st-1 .st-btn[data-network='twitter'] {
    background-color: #000 !important;
}

.blog-article #st-1 .st-btn[data-network='email'] {
    background-color: #7D7D7D !important;
}

.blog-article #st-1 .st-btn[data-network='whatsapp'] {
    background-color: #74CF5F !important;
}
/*hide share this*/
.blog-article #st-1 .st-btn[data-network='sharethis'] {
    display: none !important;
}



/*----- mobile*/
@media only screen and (max-width: 767px) {


/*--- contact us*/
.info-14 .breadcrumb .background {
    background-position: center left 60%;
}
.responsive .info-14 .col-sm-3 .box {
    display: block;
}
.info-14 #column_left {
   width: 100%;
}
.info-14 .col-sm-9 {
    width: 100%;
}
.info-14 .breadcrumb .background {
    margin-bottom: 10px;
}
#form1 .box-heading {
    font-size: 30px;
    margin-bottom: 0;
}
.info-14 #column_left .box-content {
    padding-right: 0;
    margin-top: 30px;
    border-right: none;
}
#form1 .submit2 a {
    font-size: 16px;
    float: left;
}
.info-14 .reg-num {
    font-size: 20px;
}

/*---- blog*/
/* .blogCategories ul li a {
    font-size: 16px;
} */
/*make nav scroll*/
.blogCategories {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.blogCategories ul {
    display: inline-flex;
    padding: 0;
    margin: 0;
    list-style: none;
}
.blogCategories ul li {
    /* flex: 0 0 auto; */
    /* margin-right: 10px; */
    padding: 0;
}
/*blog content*/
.latest-article .box-content a.title,
.articleCat h4 a {
    font-size: 20px;
}

/*---- article inside*/
.blog-article .breadcrumb .background {
    min-height: 380px;
}
.blog-article #blogArticle h1 {
    font-size: 30px !important;
}
.blog-article .main-content {
    margin-top: -90%;
}
.blog-article .ludoBlog {
    padding: 8% 0 4%;
}
.blog-article .bottom-article {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
}
.blog-article .bottom-article .sharethis-inline-share-buttons{
    margin-top: 40px;
}
.blog-article .articleHeader {
    margin-bottom: 0;
}
.blog-article #blogArticle {
    padding-bottom: 80px;
}
/* latest article */
#main .latest-article .box.blogModule.boxPlain {
    margin-top: 20px;
}
#main .latest-article .box-heading {
    font-size: 30px;
}
#main .latest-article .boxPlain .box-content ul {
    flex-direction: column;
}
.blog-article .latest-article li .title {
    min-height: unset;
}
#main .latest-article .boxPlain .box-content li {
    margin-bottom: 30px;
}
#main .latest-article .boxPlain .box-content li .title,
#main .latest-article .boxPlain .box-content li .read-more,
#main .latest-article .boxPlain .box-content li p,
#main .latest-article .boxPlain .box-content li .date-created{
    padding-left: 10px;
}
.blog-article .ludoBlog h2 {
    font-size: 20px;
}


}

/*about us banner because it repeat */
.info-4 .breadcrumb.full-width .background{
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.special-weight span {
    font-weight: 300;
}
.about-section3 .special-weight {
    text-align: center;
}