/*

*  Theme Name: Netscriperwp

*  Author: Netscriper

*  Author URI: http://www.netscriper.com/

*/     





:root{

  --color-blue : #2D3091;

  --color-green: #9DCA3B;

  --font-family-inter : "Inter", sans-serif;





}  



body{

    margin:0 auto;

    font-family: "Inter", sans-serif;

}



p,ul li,ol li,ul li a,ol li a{

    font-size: 16px;

}



h1{font-size: 34px;}

h3{font-size: 24px;}



* a:hover; *a:focus{outline: none;}



header {

    -webkit-transition: all 0.5s ease;

    -moz-transition: position 10s;

    -ms-transition: position 10s;

    -o-transition: position 10s;

    transition: all 0.5s ease;

    /*border-top: 8px solid #0c4da2;*/

    /*padding-top: 17px;*/

}

header.fix {

    position: fixed;

    top: 0;

    z-index: 999;

    background-color: #fff;

    width: 100%;

    left: 0;

    animation: smoothScroll 1s forwards;

    box-shadow: 1px -1px 7px #000;

}

div.sub-banner {

    height: 400px;

    display: flex;

    flex-flow: nowrap;

    align-items: center;

}

section#main-page {

    position: relative;

}

/*



   Styles for animated modal

   =========================



*/



/* Start state */

.animated-modal {

    max-width: 550px;

    border-radius: 4px;

    overflow: hidden;



    transform: translateY(-50px);

    transition: all .7s;

}



.animated-modal h2,

.animated-modal p {

    transform: translateY(-50px);

    opacity: 0;



    transition-property: transform, opacity;

    transition-duration: .4s;

}



/* Final state */

.fancybox-slide--current .animated-modal,

.fancybox-slide--current .animated-modal h2,

.fancybox-slide--current .animated-modal p {

    transform: translateY(0);

    opacity: 1;

}



/* Reveal content with different delays */

.fancybox-slide--current .animated-modal h2 {

    transition-delay: .1s;

    font-family: 'Inria Serif';

    font-weight: 800;

    font-size: 23px;

}



.fancybox-slide--current .animated-modal p {

    transition-delay: .3s;

    font-family: 'Inria Serif';

}



button.fancybox-close-small:after {

    content: '\F628';

    font-family: bootstrap-icons !important;

    color: #0d6efd;

}



@media (min-width:1300px){

    .container {

        width: 1300px;

    }

}



/************** menu **************/





nav#site-nav {

    padding: 0;

}

.dropdown-menu-start a:hover ul.dropdown-menu, .dropdown-menu-start a:focus ul.dropdown-menu {

    display: block !important;

}



@keyframes smoothScroll {



  0% {



    transform: translateY(-40px);



  }



  100% {



    transform: translateY(0px);



  }



}

/* Pagination */

.pagination-wrap ul li a.page-numbers {
    background: var(--color-blue);
    color: var(--color-green);
    height: 35px;
    width: 35px;
    display: inline-block;
    text-decoration: none;
}

.pagination-wrap ul li span.current {
    background: var(--color-blue);
    color: #fff;
    height: 35px;
    width: 35px;
    display: inline-block;
}

ul.page-numbers{

	padding-left: 0px;

}	

ul.page-numbers li{

	float: left;

	height: 35px;

	width: 35px;

	list-style: none;

	line-height: 35px;

	text-align: center;

	padding: 0px;

	border-radius: 100px;

	margin-right: 3px;

	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);	

}

ul.page-numbers li span.current{


	font-size: 16px;

}

.content-img img{

	width: 100%;

	height: auto;

}

/* 404 error */

.error img {

    position: relative;

    margin: 0 auto;

}

.back-home-wrap p {

    font-size: 21px;

	margin-top:50px;

}

.back-home-wrap {

    text-align: center;

    left: 0;

    right: 0;

}

.error {

    height: 400px;

}

.back-home {

    margin-top: 14px;

    border-radius: 0;

}



#go-top{

    width: 42px;

    height: 42px;

    border-radius: 50%;

    background-color: #fff ;

    color: var(--color-blue);

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 18px;

    position: fixed;

    right: 14px;

    bottom: 14px;

}

.coming-soon{
	display: flex !important;
	justify-content: center !important;
}



/*.col-bg-box div.wp-block-column {

    background: #a3a4bc;

}



.col-bg-box div.wp-block-column p {

    margin-bottom: 0;

    color: #fff;

}



.col-bg-box div.wp-block-column h3 {

    color: #fff;

    font-size: 22px;

    font-weight: 600;

}*/



/* Breadcrumb */



#ns_breadcrumb {list-style-type: none; display: inline-block;}

#ns_breadcrumb li{display: inline-block;}

.ns_breadcrumb {

  list-style: none;

  padding: 0;

}

ol.breadcrumb.ns-bcr {

    background-color: transparent;

    padding-left: 0;

    padding-top: 0px;

    margin-bottom: 0;

    padding-bottom: 0;

    padding-right: 0;

}



.ns_breadcrumb li {

  list-style: none;

  margin: 0;

  padding: 0;

  display: block;

  float: left;

  font-size: 13px;

  text-transform: uppercase;

  font-weight: 700;

  letter-spacing: .05em;

  line-height: 20px;

  color: hsl(0deg 0% 100%);

}



.ns_breadcrumb li a {

  display: block;

  padding: 0 40px 0 0px;

  color: hsl(0deg 0% 100%);

  text-decoration: none;

  height: 20px;

  position: relative;

  perspective: 700px;

}



.ns_breadcrumb li a:after {

  content: '';

  width: 20px;

  height: 20px;

  border-color: #fff;

  border-style: solid;

  border-width: 1px 1px 0 0;

  

  -webkit-backface-visibility: hidden;

  outline: 1px solid transparent;

  

  position: absolute;

  right: 20px;

  -webkit-transition: all .15s ease;

     -moz-transition: all .15s ease;

      -ms-transition: all .15s ease;

          transition: all .15s ease;

  -webkit-transform: rotateZ(45deg) skew(10deg, 10deg);

     -moz-transform: rotateZ(45deg) skew(10deg, 10deg);

      -ms-transform: rotateZ(45deg) skew(10deg, 10deg);

          transform: rotateZ(45deg) skew(10deg, 10deg);

}





.ns_breadcrumb li a:hover:after {

  right: 15px;

  -webkit-transform: rotateZ(45deg) skew(-10deg, -10deg);

     -moz-transform: rotateZ(45deg) skew(-10deg, -10deg);

      -ms-transform: rotateZ(45deg) skew(-10deg, -10deg);

          transform: rotateZ(45deg) skew(-10deg, -10deg);

}





.sub-banner li.breadcrumb-item a {

    color: #3fb385;

}

.sub-banner .breadcrumb-item+.breadcrumb-item::before {

    color: #3fb385;



}

.sub-banner li.breadcrumb-item {

    color: #fff;

}

.page-meta {

    display: inline-block;

    background-color: rgba(0,0,0,.5);

    padding: 1rem;

}



.page-breadcrumb {

    float: right;

    margin-top: 30px;

}



a.home-breadcrumb {

    color: #000;

    font-weight: 600;

    text-decoration: none;

}



.page-breadcrumb i.fa {

    margin: 0 10px;

}



.page-breadcrumb span.parent_page a {

    text-decoration: none;

    color: #000;

    font-weight: 600;

}



span.current-breadcrumb {

    color: var(--color-blue);

    font-weight: 600;

}

h1.page-title {

    background: var(--color-blue);

    color: #fff;

    padding-left: 30px;

    display: inline-block;

    padding-right: 30px;

    font-size: 18px;

    padding-top: 15px;

    padding-bottom: 15px;

    position: relative;

    margin-bottom: 0;

}

h2.wp-block-heading {

    font-family: "Inter", sans-serif;

    font-weight: 800;

    font-size: 25px;

    line-height: 47px;

    color: var(--color-blue);

    white-space: pre-line;

    margin: 20px 0;

}



h4.wp-block-heading {

    color: var(--color-blue);

    font-weight: 600;

    font-size: 22px;

    border-bottom: 1px dashed var(--color-blue);

    padding-bottom: 10px;

    display: inline-block;

}
h1.page-title:after {
    position: absolute;
    content: '';
    border-style: solid;
    right: -52px;
    width: 47px;
    height: 47px;
    border-width: 26px;
    top: 0;
    border-right-color: transparent;
    border-left-color: var(--color-blue);
    border-top-color: transparent;
    border-bottom-color: var(--color-blue);
    filter: drop-shadow(3px 0px 2px #777);
}


/*.hot__splide .splide__slide__container {

    width: auto;

}*/



.splide__slide__container.hot-pd-container .page-content div h3 {



    font-weight: 800;

    font-size: 18px;

    line-height: 100%;

    color: #fff;

}



.splide__slide__container.hot-pd-container .page-content div p a{

    font-family: "Inter", sans-serif;

    font-weight: 500;

    font-size: 16px;

    line-height: 100%;

    text-decoration: none;

    color:#fff;

    display: flex;

    justify-content: center;

    gap: 10px;

}



.splide__slide__container.hot-pd-container .page-content div p a:hover,

.splide__slide__container.hot-pd-container .page-content div p a:focus{

    outline: none;

    text-decoration: none;

}

.splide__slide__container.hot-pd-container .page-content {

    background: var(--color-green);

    text-align: center;

    height: 83px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.splide__slide__container.hot-pd-container .page-content div p{

    margin-bottom: 0;

}

.splide-img {

    padding: 30px 0;

}

.hot-pd-slide .splide__arrows {

    display: flex !important;

    justify-content: end;

    gap: 10px;

    margin-top: 35px;

}

.hot-pd-slide .splide__arrows button {

    border-radius: 0;

    background-color: var(--color-blue);

    opacity: 1;

    color: #fff;

    width: 73px;

    height: 57px;

    transform: skew(20deg);

}

section#hot-products {

    padding: 100px 0;

}



.post-date-wrap .post-date {

    position: absolute;

    bottom: 0;

    background: var(--color-green);

    padding: 11px 12px;

    font-family: "Inter", sans-serif;

    font-weight: 500;

    font-size: 16px;

    line-height: 100%;

    left: -6px;

    color: #fff;

}



.news_csr figcaption h3 {

    font-family: "Inter", sans-serif;

    font-weight: 800;

    font-size: 24px;

    line-height: 33px;

    color: #5e5e5e;

    margin-top: 17px;

}



.news_csr figcaption p {

    font-family: "Inter", sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: 25px;

    text-align: justify;

    color: #5e5e5e;

}



.news_csr {

    margin-top: 50px;

    margin-bottom: 100px;

}



.post-date-wrap {

    position: relative;

}



.view-detail a {

    text-decoration: none;

    color: var(--color-blue);

    ont-family: Inter;

    font-weight: 500;

    font-size: 16px;

    line-height: 100%;

}

.view-detail {

    float: right;

    display: inline-block;

}



.page-id-169 figure img {

    box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;

}

.vision-mission-wrap figure.wp-block-image img {

    width: 32px;

    height: auto;

}

.vision-mission-wrap h3.wp-block-heading {

    font-weight: 700;

    font-size: 21px;

    color: var(--color-blue);

}

.border-box figure {

    background: #dcd6d6;

    text-align: center;

    width: 100px;

    height: 100px;

    display: flex;

    flex-flow: column;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

}

.wp-block-group.vision-mission-wrap {

    margin-top: 50px;

}

.page-heading {
    margin-bottom: 40px;
}

/***************** Home Page ****************/

.top-banner ul li {

    display: inline-block;

}

.top-banner ul {

    list-style-type: none;

    margin-bottom: 0;

}

.top-banner {

    padding: 10px 0;

    border-bottom: 2px solid var(--color-blue);

}

ul.contact {

    padding-left: 0;

}



ul.contact li {

    margin-right: 21px;

}



ul.social {

    padding-left: 0;

    float: right;

}



ul.social li {

    margin-left: 8px;

}

/*div#navbarNavDropdown {

    justify-content: end;

}*/

/*.top-header {

    background-color: var(--color-blue);

    position: relative;

}*/

/*span.background-overlay {

    position: absolute;

    height: 96px;

    width: 950px;

    left: 0;

    top: -1px;

    background: #fff;

    clip-path: polygon(0% 0%, 83% 0%, 90% 100%, 0% 100%);

}*/

.top-banner ul li a {

    color: var(--color-blue);

    text-decoration: none;

}



.top-header-flex {

    display: flex;

    height: 99px;

    align-items: center;

}



.top-header-flex div.home-menu {

    background: var(--color-blue);

    flex: 0 0 60%;

    max-width: 60%;

    padding-left: 108px;

    

}



.top-header-flex div.web-logo {

    flex: 0 0 40%;

    max-width: 40%;

    padding-left: 306px;

    position: relative;

   

}



.home-menu nav.navbar.navbar-expand-lg.navbar-light {

    height: 99px;

}



.top-header-flex div.web-logo:after {

    position: absolute;

    content: '';

    border-style: solid;

    border-top-color: transparent;

    border-bottom-color: #fff;

    border-left-color: #fff;

    border-right-color: transparent;

    border-width: 50px;

    top: -11px;
    right: -100px;

    height: 87px;

}


#menu-main-menu ul.dropdown-menu li.menu-item > .dropdown-item::after {
    float: right;
}



.home-menu .navbar-light .navbar-nav .nav-link {

    color: #fff;

}

ul#menu-main-menu {

    gap: 19px;

}

.home-menu .dropdown-item.active, 

.home-menu .dropdown-item:active{

    background-color: transparent;

    color:var(--color-green);

}

.home-menu .navbar-nav .dropdown-menu{

    background-color: var(--color-blue);

}

.home-menu .dropdown-item{

    color: #fff;

}

.home-menu .dropdown-item:focus, 

.home-menu .dropdown-item:hover{

    background-color: transparent;

    color:var(--color-green);

}

.home-menu .navbar-light .navbar-nav .nav-link.active, 

.home-menu .navbar-light .navbar-nav .show>.nav-link {

    color: var(--color-green);

}

.home-menu .navbar-light .navbar-nav .nav-link:focus, 

.home-menu .navbar-light .navbar-nav .nav-link:hover{

    color: var(--color-green);

}

.homeslide .caption-wrap {

    background-color: transparent !important;

    padding-left: 350px;

    bottom: 30% !important;

}

.homeslide .caption-wrap h1 {

    font-family: "Inter", sans-serif;

    font-weight: 800;

    font-size: 50px;

    line-height: 60px;

    margin-bottom: 0;

    margin-top: 0;

}

.homeslide .caption-wrap h3 {

    font-family: "Inter", sans-serif;

    font-weight: 500;

    font-size: 16px;

    line-height: 22px;

    margin-bottom: 0;

    margin-top: 0;

}

.homeslide .caption-wrap blockquote a {

    margin-right: 13px;

    border: 1px solid #fff;

    padding: 10px 10px;

    font-family: "Inter", sans-serif;

    font-weight: 500;

    font-size: 16px;

    line-height: 100%;

    display: inline-block;

    margin-top: 25px;

    text-decoration: none;

}

.homeslide ol.flex-control-nav.flex-control-paging {

    bottom: 25px;

}

.homeslide .caption-wrap blockquote a:hover,

.homeslide .caption-wrap blockquote a:focus{

    background-color: #fff;

    color:#000 !important;

}

blockquote a:after {

    content: '\f062';

    font-family: fontawesome;

    -webkit-transform: rotate(36deg);

    display: inline-block;

    font-weight: 100;

    transform: rotate(36deg);

    margin-left: 6px;

}

.homeslide #metaslider-id-27 .flexslider .flex-control-nav li a.flex-active {

    background: var(--color-blue);

}

.homeslide #metaslider-id-27 .flexslider .flex-control-nav li a:not(.flex-active) {

    background: #fff;

}

.homeslide .metaslider.ms-theme-default-base .flexslider .flex-control-nav li a:focus{

    outline: none;

}

.skew-img-slide figure img.figure-img {

    max-width: 100%;

    clip-path: url(#clipmask);

    

}



svg.clipper{

    position: absolute;

    width: 0;

    height: 0;

}



.skew-img-slide figure .figure-img {

    width: 417px;

    height: 317px;

    object-fit: cover;

    position: relative;

}



/*

.skew-img figure img.figure-img{

    height: 458px;

    width: 539px;

    object-fit: cover;

}

.skew-img{

    position: relative;

}

.skew-img:before {position: absolute;content: '';bottom: -5px;height: 253px;background: var(--color-green);width: 256px;left: 71px;transform: skew(11deg);}



.skew-img:after {

    position: absolute;

    content: '';

    top: -15px;

    height: 253px;

    right: 112px;

    width: 256px;

    background: var(--color-blue);

    z-index: -1;

    transform: skew(11deg);

}*/

.home-excerpt h2 {

    font-family: "Inter", sans-serif;

    font-weight: 800;

    font-size: 34px;

    line-height: 21px;

    color: var(--color-blue);

    white-space: pre-line;

}

.home-excerpt h4 {

    font-family: "Inter", sans-serif;

    font-weight: 800;

    font-size: 20px;

    line-height: 100%;

    text-transform: uppercase;

    color: var(--color-green);

}

.splide__slide__container.hot-pd-container .page-content h3 a {
    color: inherit;
    text-decoration: none;
}

.splide__slide__container.hot-pd-container .splide-img img {
    width: 301px;
    height: 188px;
    object-fit: contain;
}

.sgl-cat-news-csr .single_feature_img {
    display: none;
}

.home-excerpt p {

    text-align: justify;

    line-height: 34px;

    margin-bottom: 0;

}



section#about .container .row {

    display: flex;

    align-items: center;

}

.homeslide {

    margin-bottom: 100px;

}

.btn-read-more {

    background-color: var(--color-blue);

    border-color: transparent;

    float: right;

    border-radius: 0;

}

section#business {

    padding-top: 100px;

    background-image: url(images/business-shade.png);

    background-size: contain;

    background-repeat: no-repeat;

}

.business-slide .splide__arrows button {

    border-radius: 0;

    background-color: var(--color-blue);

    opacity: 1;

    color: #fff;

    width: 73px;

    height: 57px;

    transform: skew(20deg);

}

.business-slide .splide__arrows button .fa {

    position: absolute;

    transform: skew(-14deg);

    font-size: 25px;

}

.business-slide .splide__arrows {

    display: flex;

    justify-content: end;

    gap: 15px;

}

.arrow-control {

    position: absolute;

    top: -75px;

    right: 0;

}

ul#business__slide-list {

    margin-top: 50px !important;

}

.business-slide .splide__slide__content {

    position: absolute;

    bottom: 37px;

    right: 63px;

    background: var(--color-green);

    width: 320px;

    height: 71px;

    padding-left: 20px;

    clip-path: polygon(94% 0%, 0% 0%, 5% 100%, 100% 100%);

}

.business-slide .splide__slide__content h3 a {
    color: inherit;
    text-decoration: none;
}

.business-slide .splide__slide__content .page-content h3 {

    font-family: "Inter", sans-serif;

    font-weight: 800;

    font-size: 18px;

    line-height: 100%;

    color: #fff;

    margin-bottom: 0;

    padding-top: 14px;

}

.splide__slide__content .page-content p a {

    text-decoration: none;

    color: #fff;

    font-family: "Inter", sans-serif;

    font-weight: 500;

    font-size: 16px;

    line-height: 100%;

}

section#our-partners .container-fluid {

    padding: 0;

}

section#our-partners {overflow: hidden;}

#our-partners .home-excerpt {

    width: 337px;

    float: right;

    padding-left: 15px;

}



.our-partners{

    padding-left: 30px;





}







.our-partners .splide__slide__container {

    display: flex;

    flex-flow: column;

    justify-content: center;

}



.partners-wrap:before {

    position: absolute;

    content: '';

    border-style: solid;

    height: 310px;

    border-width: 26px 27px 291px 42px;

    border-left-color: transparent;

    width: 69px;

    border-top-color: transparent;

    border-bottom-color: #fff;

    border-right-color: transparent;

    filter: drop-shadow(-3px 0px 2px #888);

    top: -6px;

    left: -28px;

    border-radius: 13px;

}

.partners-wrap {

    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;

    display: inline-block;

    position: relative;

}

section#our-partners .row {

    align-items: start;

}

.our-partners ul#splide01-list {

    align-items: center;

    position: relative;

}

section#our-partners {

    overflow: hidden;

    padding-top: 100px;

}

.wp-block-group figure.wp-block-gallery {

    gap: 30px;

    margin-top: 30px;

    border-bottom: 2px dotted rgb(45 48 145 / 50%);

    padding-bottom: 30px;

}

.wp-block-group figure.wp-block-gallery figure.wp-block-image img {

    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;

}



.footer-widget address {

    display: flex;

    margin-bottom: 1rem;

}



.footer-widget address span:nth-child(1) {

    flex: 0 0 30%;

    max-width: 30%;

    font-family: "Inter", sans-serif;

    font-weight: 600;

    font-size: 16px;

    line-height: 100%;



}



.footer-widget address span:nth-child(2):before {

    content: '-';

    margin-right: 10px;

}

.footer-widget address span:nth-child(2) {

    flex: 0 0 60%;

    max-width: 60%;

    display: flex;

    font-family: "Inter", sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: 21px;

}

.footer-widget h3 {

    font-family: "Inter", sans-serif;

    font-weight: 800;

    font-size: 18px;

    line-height: 100%;

}

footer {

    background-color: #2D3091;

    padding-top: 40px;

}

.footer-widget {

    color: #fff;

    margin-bottom: 30px;

}

.copyright p {

    margin-bottom: 0;

    color: #fff;

    text-align: center;

    padding: 8px 0;

    font-family: "Inter", sans-serif;

    font-weight: 400;

    font-size: 14px;

    line-height: 100%;





}

.copyright {

    border-top: 1px solid #fff;

}

.copyright p a {

    text-decoration: none;

    color: #fff;

}



.single_feature_img img {

    width: 800px;

    height: 400px;

    object-fit: contain;

/*    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;*/

}



.single_feature_img {

    margin: 0 auto;

    text-align: center;

    padding: 30px;

}



.col-bg-box div.wp-block-column {

    background: #9ccb3c;

    padding: 30px 0;

}



.col-bg-box div.wp-block-column h3 {

    color: var(--color-blue);

    font-size: 22px;

    font-weight: 600;

    margin-top: 10px;

}



.col-bg-box div.wp-block-column p {

    margin-bottom: 0;

    color: #000;

    font-size: 16px;

}



.business-item figcaption a {

    color: var(--color-blue);

    text-decoration: none;

}

.business-item figcaption a h3 {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.5rem;
    margin-top: 20px;
    margin-bottom: 15px;
}

.business-item figcaption {
    background: #9dcb3c;
    padding: 10px 20px;
    margin-bottom: 30px;
	height: 100px;
}

figure.wp-block-table tr th {

    background: #a5ac97;

    color: var(--color-blue);

    text-align: center;

    font-size: 19px;

    font-weight: 700;

}

figure.wp-block-table tr .address-th{
	width: 50% !important;
}


.wp-block-table thead {

    border-bottom: 1px solid;

}

table.has-fixed-layout {

    border-color: #a5ac97;

}



.wp-block-table .has-fixed-layout td, 

.wp-block-table .has-fixed-layout th {

    border-color: #a5ac97;

}



.business span.current-breadcrumb {

    display: none;

}

.business .breadcrumbs .home-breadcrumb:after {

    content: "\f105";

    padding: 0 5px;

    font-family: 'fontawesome';

}

.business .breadcrumbs i.fa {

    display: none;

}

.business span.parent_page a {

    color: var(--color-blue);

}



.category-news-csr .image-wrap img {

    width: 100%;

    object-fit: cover;

    border-radius: 20px;

    margin: 20px 0 20px;

    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;

}


.news_csr.news_content-page .news_content-img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.news_csr.news_content-page .news_content-img {
    margin: 0 auto;
    text-align: center;
}
.news_csr.news_content-page {
    margin-bottom: 30px;
    margin-top: 0;
}

.fig-caption figcaption h3 {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 0;
}
.fig-caption {
    padding: 15px 20px;
    background: #e9e9e9;
    height: 119px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.sgl-cat-career .single_feature_img {
    display: none;
}


.content-info h4 {

    font-size: 20px;

    line-height: 1.8rem;

}

.content-info h4 a {

    text-decoration: none;

    color: var(--color-blue);

    font-family: 'Inter';

    font-weight: 500;

}



.latest-post-block li .wp-block-latest-posts__post-title{

    color: var(--color-blue);

    font-size: 20px;

    text-decoration: none;

    font-weight: 600;



}

.sidebar ul.wp-block-latest-posts__list li a:hover {

    background: var(--color-green);

    padding-left: 15px;

    border-left: 3px solid var(--color-blue);

    color: var(--color-blue);

}

.sidebar ul.wp-block-latest-posts__list li a {

    color: #333;

    text-decoration: none;

    padding: 10px 0;

    display: block;

    border-bottom: 1px solid #cacaca;

    transition: .5s ease;

}

ul.job-vacancy li i.fa {

    color: var(--color-blue);

}

ul.job-vacancy {

    padding-left: 0;

    list-style-type: none;

     display: inline-block;

    gap: 20px;

    margin-top: 30px;

}



/*ul.job-vacancy li {
    padding-right: 26px;
}*/
/*ul.job-vacancy {
    display: inline-block;
}*/

ul.job-vacancy li {

    display: inline-block;

    padding-left: 0;

    font-weight: 600;

    padding-right: 26px;

}



.category-career table tr th {

    width: 37px;

    text-align: center;

    vertical-align: middle;

    background: #d5d6e9;

    height: 25px;

}



.category-career table tr td {

    text-align: center;

    vertical-align: middle;

}

a.view-more-job-vacancy {

    background: var(--color-green);

    width: 45px;

    height: 45px;

    display: inline-block;

    border-radius: 50%;

    line-height: 45px;

    text-align: center;

}

button.g-recaptcha.btn.btn-submit.butn {

    background: var(--color-blue);

    color: #fff;

    border-radius: 0;

    border-color: transparent;

}



ul.social li {

    margin-left: 8px;

    color: var(--color-blue);

    font-weight: 600;

}

header#design-one.fix .top-banner {

    display: none;

}

ul.dropdown-menu.dropdown-submenu {
    left: 100%;
    top: 0;
}

#menu-item-107 > .dropdown-item::after{
	display: inline-block !important;
    margin-left: .255em !important;
    content: "" !important;
    border-top: .3em solid transparent !important;
    border-right: 0 !important;
    border-bottom: .3em solid transparent !important;
    border-left: .3em solid !important;
	margin-left: 12px !important;
}


#menu-item-107 > .dropdown-item{
	display:flex !important;
	align-items:center !important;
}


.footer-widget address span p a:hover, .footer-widget address span p a:focus {
    text-decoration: none;
    outline: none;
}
.footer-widget address span p a {
    text-decoration: none;
    color: #fff;
}

.mm-menu{
    --mm-color-text-dimmed: var(--color-blue);
    --mm-color-button: var(--color-blue);
}

/*.mm-navbars_top .mm-navbar.mm-navbar_has-btns {
    background: var(--color-blue);
}*/
.current-menu-item.current_page_item,
.current-menu-parent {
    color: var(--color-blue);
}

/*.mm-btn_next:after, .mm-btn_prev:before{
    border-color: #fff;
}

*/

#my-icon.hamburger:hover, #my-icon.hamburger:focus {
    text-decoration: none !important;
    outline: none !important;
}

#our-partners .home-excerpt h2 {
    line-height: 33px;
}
.registration-img-wrap img {
    height: 500px;
    width: 100%;
    object-fit: cover;
}
/********************** Media Query ********************/



/* .xs = | Extra Small devices only (portrait phones) less than 576px --*/

@media (max-width: 575.98px) {

    ul.contact {

        display: none;

    }

    .xs .top-header {

        padding: 0 30px;

    }

    .home-excerpt {

        margin-top: 30px;

    }



    .business-slide .arrow-control {

        position: static;

    }

    .home-excerpt h2 {
        font-size: 28px;
        line-height: 26px;
        white-space: normal;
    }

    section#business {

        padding-top: 30px;

    }

    .skew-img-slide figure img.figure-img {

        max-width: 100%;

/*        clip-path: none;*/

    }

    #our-partners .home-excerpt{

        width: 100%;

        float: left;

    }

    section#our-partners{

        padding-top:30px;

    }

    .partners-wrap:before{

        display: none;

    }

    section#hot-products{

        padding:50px 0;

    }

    .home .news_csr {

        margin: 0 auto;

        text-align: center;

padding: 10px 50px 100px 50px;

    }



    .news_csr figcaption h3 {

        font-size: 18px;

    }

    .news_csr figcaption p {

        text-align: left;

    }

    .homeslide .caption-wrap .caption{

        display: none;

    }

}

/* .sm > | Small devices and up (landscape, phones) 576px and up */

@media (min-width: 576px) {

  

}

/* .sm < | Small devices and down (landscape, phones) less than 768px */

@media (max-width: 767.98px) {

    .sm ul.social li span {

        display: none;

    }

    .business-slide .splide__arrows {

        padding-right: 30px;

    }

    .arrow-control {

        position: static;

        margin-top: 20px;

    }

    .profile-flex figure {

        margin: 0 auto;

        text-align: center;

    }

    .profile-flex {

        text-align: center;

    }

    .footer-widget address {

        display: block;

    }



    .footer-widget address span {

        max-width: 100% !important;

        width: 100%;

    }

    .bod-wrap {

        margin-bottom: 50px;

    }

    .bod-wrap figure {

        margin: 0 auto;

        text-align: center;

    }

    .registration-wrap {

        padding: 20px 0;

    }

    .business-item figcaption a h3 {

        font-size: 14px;

    }

    

}

/* .sm = | Small devices only (landscape, phones) upper 576px and less than 768px ---*/

@media (min-width: 576px) and (max-width: 767.98px) {

    .partners-wrap:before{

        display: none;

    }

    #our-partners .home-excerpt {

        float: left;

        width: 500px;

    }

    .news_csr {

        text-align: center;

    }

    /*.news_csr a {

        display: inline-block;

    }*/

}







/* .md > | Medium devices and up (tablets) 768px and up */

@media (min-width: 768px) {



}

/* .md < | Medium devices and down (tablets) less than 992px */

@media (max-width: 991.98px) {

  .page h1.page-title,

  .archive h1.page-title {

        background: transparent;

        color: var(--color-blue);

        font-size: 18px;

        font-weight: 600;

        margin-bottom: 0;

        padding-bottom: 0;

        padding-left: 0;

        padding-top: 0;

        border-bottom: 1px solid;

    }

    .page h1.page-title:after,

     .archive h1.page-title:after{

        display: none;

    }

    .page-breadcrumb {

        float: none;

        margin-top: 0;

    }

    :root :where(p.has-background) {

        padding: 1rem 1rem;

        margin-top: 20px;

    }

    .page-wrap-content p {

        font-size: 15px;

    }

    h4.wp-block-heading {

        font-size: 16px;

    }

    .col-bg-box div.wp-block-column h3 {

        font-size: 17px;

    }

}

/* .md = | Medium devices only (tablets) upper 768px and less than 992px */

@media (min-width: 768px) and (max-width: 991.98px) {

    .sm ul.contact li span {

        display: none;

    }

    .sm ul.social li span {

        display: none;

    }

    #our-partners .home-excerpt {

        width: 100%;

    }

    .partners-wrap:before{

        display: none;

    }

    .news_csr figcaption h3 {

        font-size: 18px;

        line-height: 24px;

    }

    .news_csr figcaption p {

        text-align: left;

        font-size: 14px;

    }

     .footer-widget address {

        display: block;

    }



    .footer-widget address span {

        max-width: 100% !important;

        width: 100%;

    }

}







/* .lg > | Large devices and up (desktops) 992px and up */

@media (min-width: 991px) {

/*

    span.background-overlay{

            width:200px;

    } */

}

/* .lg < | Large devices and down (desktops) less than 1200px */

@media (max-width: 1199.98px) {

    .home-menu {

        display: none;

    }

    .top-header-flex div.web-logo {

        flex: 0 0 100%;

        max-width: 100%;

        padding-left: 0;

        display: flex;

        justify-content: center;

    }

    .top-header {

        display: flex;

        justify-content: space-between;

        padding: 0 130px;

    }
	.top-banner ul li a {
   	 font-size: 13px;
	}
	.top-banner ul.contact li {
    	margin-right: 5px;
	}

}

/* .lg = | Large devices only (desktops) upper 992px and less than 1200px */

@media (min-width: 992px) and (max-width: 1199.98px) {

    #our-partners .home-excerpt{

        float:left;

    }

}



@media (min-width: 1200px) and (max-width: 1900px) {



   .md span.background-overlay{

            width:400px;

    }   

    #menu{display: none}

}



@media (min-width:1366px) and (max-width:1400px){

/*    .top-header-flex div.web-logo:after{display: none;}*/

    .top-header-flex div.home-menu {

        padding-left: 110px;

        flex: 0 0 64%;

        max-width: 64%;

    }

    .top-header-flex div.web-logo {

        padding-left: 54px;

        flex: 0 0 36%;

        max-width: 36%;

    }

}

@media (min-width:1200px) and (max-width:1366px) {

    .top-header-flex div.web-logo{

         flex: 0 0 20%;

        max-width: 20%;

        padding-left: 15px;

    }

    .top-header-flex div.home-menu {

        flex: 0 0 80%;

        max-width: 80%;

        padding-left:200px;

    }

    .homeslide .caption-wrap {

     

        padding-left: 85px;

   

    }

}

/*

@media (min-width: 1199px) and (max-width: 1400px) {



    .md span.background-overlay{

            width:500px;

    }   

}

@media (min-width: 992px) and (max-width: 1199px) {



   .md span.background-overlay{

            width:400px;

    }   

}

*/



/* .xl = | Large devices only (desktops, TV) 1200px and up */

@media (min-width: 1200px) {

    .container {

        max-width: 1330px;

    }

     #my-icon{

        display: none;

    }

 

}





/* Between <> .sm-lg, .sm-xl, .md-xl */

/* .sm <> .lg | From Small to Large devices only (landscape, phones, tablet, desktops) upper 576px and less than 1200px */

@media (min-width: 576px) and (max-width: 991.98px) {



}

/* .sm <> .xl | From Small to Extra Large devices only (landscape, phones, tablet, desktops, TV) upper 576px and less than 1200px ---*/

@media (min-width: 576px) and (max-width: 1199.98px) {

 

}

/* .md <> .xl | From Medium to Extra Large devices only (tablet, desktops, TV) upper 768px and less than 1200px */

@media (min-width: 768px) and (max-width: 1199.98px) {



}



@media only screen and (max-width: 500px) {

    .g-recaptcha {

        transform:scale(0.77);

        transform-origin:0 0;

    }

}


@media (max-width: 400px) {
    .skew-img-slide figure img.figure-img{
        clip-path: none;
        width:100%;
    }
    .business-slide .splide__slide__content {
        right: 0;
        left: 0;
        clip-path: none;
        width: 100%;
    }
}




#my-icon.hamburger:hover,

#my-icon.hamburger:focus {

    text-decoration: none;

    outline: none;

    box-shadow: none !important;

}

.parent-pageid-458 .parent_page {
    display: none;
}
.parent-pageid-458 .page-breadcrumb i.fa {
    display: none;
}
/*.parent-pageid-458 .page-breadcrumb .home-breadcrumb:after {
    content: "\f105";
    font-family: 'fontawesome';
    margin-left: 8px;
    font-weight: 200;
}*/
.fig-caption h3 a {
    color: #555252;
    text-decoration: none;
}
.sgl-cat-news-csr .breadcrumbs span.current-breadcrumb {

    display: none;
}
.page-breadcrumb .breadcrumbs i.fa {
    display: none;
}
.page-breadcrumb .breadcrumbs > span.home__breadcrumb:after {
    content: '\f105';
    font-family: 'FontAwesome';
    margin-left: 7px;
}

.news_csr figcaption h3 a {
    color: #5e5e5e;
    text-decoration: none;
}
.category-career table tr td {
    text-align: center;
    vertical-align: middle;
    padding: 23px 0;
}
.table-responsive.career-table {
    padding: 30px 0;
}
figcaption.wp-element-caption {
    text-align: center;
}
.wp-block-group.registration-wrap div.wp-block-group__inner-container {
    display: flex;
    justify-content: center;
    gap: 20px;
}