@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@400;700&display=swap');

::selection {
  color: #0a0e70;
  background: #ffbd4a; 
}

html {
  scroll-behavior: smooth;
}
.page-loader{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9999;background: #fff;}

.loader {color: #b048fd;
  font-size: 20px;
  margin:auto;

  width: 1em;

  height: 1em;

  border-radius: 50%;left:0;right:0;bottom:0;top:0;

  position: absolute;

  text-indent: -9999em;

  -webkit-animation: load4 1.3s infinite linear;

  animation: load4 1.3s infinite linear;

  -webkit-transform: translateZ(0);

  -ms-transform: translateZ(0);

  transform: translateZ(0);

}

.loading-1{ 
    position: relative;
}
.loading-1 i {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 9px;
    height: 5px;
    background: #031e61;
    animation: loading-1 1.5s  infinite ease-in-out;
}
.loading-1 i:nth-child(2){
  left: 11px;
  animation-delay: .2s;
}
.loading-1 i:nth-child(3){
  left:22px;
  animation-delay: .4s;
}
.loading-1 i:nth-child(4){
  left:33px;
  animation-delay: .6s;
}
.loading-1 i:nth-child(5){
  left:44px;
  animation-delay: .8s;
}
@keyframes loading-1 {
  0% {
  height:5px;transform:translateY(0px);background:#031e61;
  }
    25% {height:30px;transform:translateY(15px);background:#034bff;}
    50% {height:5px;transform:translateY(0px);background:#031e61;}
    100% {height:5px;transform:translateY(0px);background:#031e61;}
}

body{font-family: 'Poppins', sans-serif;margin:0;padding:0;font-size:14px;line-height:20px;font-weight:400;overflow-x:hidden; 
background: rgb(7,10,109);  
background: -moz-linear-gradient(top,  rgba(7,10,109,1) 0%, rgba(44,47,141,1) 100%);  
background: -webkit-linear-gradient(top,  rgba(7,10,109,1) 0%,rgba(44,47,141,1) 100%);  
background: linear-gradient(to bottom,  rgba(7,10,109,1) 0%,rgba(44,47,141,1) 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070a6d', endColorstr='#2c2f8d',GradientType=0 );  
} 
section{overflow-x:hidden;}
a {-webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;-ms-transition: 0.2s ease-out;transition: 0.2s ease-out;text-decoration: none;}
a:hover {text-decoration: none;}
a:focus {outline: none;text-decoration: none;} 
h3{font-family: 'Antonio', sans-serif;}
.container{max-width:1400px;}  
.header{position: fixed;left: 0;width: 100%;top: 0;padding: 10px 0;z-index: 999;}
.header .container{position: relative;}
.menu-fixed{background: #070a6d;box-shadow: 0px 0px 15px rgba(0,0,0,0.30);}
.whatsapp{position: fixed;left:15px;bottom: 25px;width: 64px;height: 64px;border-radius: 64px;animation: bluePulse 1.5s infinite;z-index:99;}

@keyframes bluePulse {
  0% {
    transform: scale(1);
  }
  15% {
    box-shadow: 0 0 0 2px rgba(74, 174, 32, 0.4);
  }
  25% {
    box-shadow: 0 0 0 4px rgba(74, 174, 32, 0.4),
      0 0 0 8px rgba(74, 174, 32, 0.2);
  }
  25% {
    box-shadow: 0 0 0 8px rgba(74, 174, 32, 0.4),
      0 0 0 16px rgba(74, 174, 32, 0.2);
  }
}
.logo{float: left;}
.logo img{max-width: 100%;}
.head-social{ margin:22px 50px 0 0;padding: 0;list-style: none;float: right;}
.head-social li {position: relative;margin: 0 0 0 5px;float: left;}
.head-social li a {position: relative;display: inline-block;color: #fff;font-size: 16px;width: 36px;height: 36px;line-height: 34px;border-radius: 50%;box-shadow: 0px 0px 15px rgba(0,0,0,0.15); text-decoration: none;text-align: center;transition-duration: 0.3s;transition-delay: 0.1s;border: solid #fff 2px;}
.head-social li a:before {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;border: solid 1px #ffbd4a;border-radius: 50%;opacity: 0;-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transition-duration: 0.5s;transition-delay: 0s;}
.head-social li a:hover:before {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}
.head-social li a:hover {color: #fff;background-color: #ffbd4a;border-color: #ffbd4a;}
@keyframes bounce {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-10px);
    }
}
@-webkit-keyframes bounce {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-10px);
    }
}
.bounce1 {
    animation: bounce 1.5s infinite alternate;
    -webkit-animation: bounce 1.5s infinite alternate;
}
.bounce2 {
    animation: bounce 2.3s infinite alternate;
    -webkit-animation: bounce 2.3s infinite alternate;
}
.bounce3 {
    animation: bounce 2.6s infinite alternate;
    -webkit-animation: bounce 2.6s infinite alternate;
}
.nav-open{position: absolute;right: 0;top: 22px;}
.slider{width: 100%;height: 100vh;float: left;position: relative;background-image: url("../images/banner-object.png"), url("../images/banner-bottom.png");background-repeat: no-repeat, no-repeat;background-position: right top, center bottom;background-size: 800px, auto;}
.slider-left img{max-width: 100%;}
.slider-right img{max-width: 100%;display: block;margin: 25px 0;}
.slider-inr{position: absolute;left: 0;top:50%;width: 100%;-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);-o-transform: translate(0%, -50%);transform: translate(0%, -50%);}
.slider-right{text-align: right;}
.slider-right a{display: inline-block;border-radius: 60px;padding: 10px 30px;border: solid #fff 2px;background: #14188d;color: #fff;text-transform: uppercase;font-weight: 600;letter-spacing: 5px;}
.slider-right a:hover{background: #fff;color: #14188d;}
.right-info {position: fixed;right: 10px;bottom: 10px;color: #fff;z-index: 99;width:22px;writing-mode: vertical-rl;white-space: nowrap;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
.right-info a{color: #fff;display: inline-block;margin: 5px 0;}
.right-info a:hover{color: #ffbd4a;}

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;  
background: rgb(0,2,83);  
background: -moz-linear-gradient(left,  rgba(0,2,83,1) 0%, rgba(21,24,127,1) 100%);  
background: -webkit-linear-gradient(left,  rgba(0,2,83,1) 0%,rgba(21,24,127,1) 100%); 
background: linear-gradient(to right,  rgba(0,2,83,1) 0%,rgba(21,24,127,1) 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000253', endColorstr='#15187f',GradientType=1 ); }
.overlay:before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background: url("../images/banner-bottom.png") no-repeat;background-position: center 95%;background-size: 1000px;}
.overlay-content {
    position: absolute;
    top:50%;
    width: 100%;
    text-align: center;left: 0;-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);-o-transform: translate(0%, -50%);transform: translate(0%, -50%); 
}

.overlay-content ul{margin: 0;list-style: none;width: 360px;display: inline-block;padding: 15px;border-radius: 15px;background: #fff;box-shadow: 0px 0px 15px rgba(0,0,0,0.25);}
.overlay-content ul li{position: relative;}
.overlay-content ul li.dropdown.show a{color: #fff !important;} 
.overlay-content ul li:before{position: absolute;left: 0;top: 0;content: "";width:0;height: 100%;
background: rgb(0,2,83);  
background: -moz-linear-gradient(left,  rgba(0,2,83,1) 0%, rgba(21,24,127,1) 100%);  
background: -webkit-linear-gradient(left,  rgba(0,2,83,1) 0%,rgba(21,24,127,1) 100%);  
background: linear-gradient(to right,  rgba(0,2,83,1) 0%,rgba(21,24,127,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000253', endColorstr='#15187f',GradientType=1 );  
 -webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;-ms-transition: 0.2s ease-out;transition: 0.2s ease-out;}
.overlay-content ul li:hover:before{width: 100%;}
.overlay-content ul li a{color: #000;text-transform: uppercase;display: inline-block;width: 100%;padding:10px 5px;border-bottom: solid rgba(0,0,0,0.10) 1px;font-weight: 500;position: relative;}
.overlay-content ul li a:hover{color: #fff !important;}
.overlay-content ul li:last-child a{border-bottom: none;}
.closebtn {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 30px !important;
    width: 45px;
    text-align: center;
    height: 45px;
    background: #fff;
    border-radius: 45px;
    padding: 13px 0 0 0 !important;color: #000;
}
.overlay-content ul li .dropdown-menu{min-width: 100%;padding: 0;background-color: #0e1070;border-radius: 0;}
.overlay-content ul li .dropdown-menu a{color: #fff;padding: 10px 15px;font-size: 15px;border-bottom: solid rgba(255,255,255,0.10) 1px;}
.overlay-content ul li .dropdown-menu a:hover{background: #27299d;color: #fff;}
.closebtn:hover{color: #000;}
.about{width: 100%;float: left;padding: 60px 0;}
.about-right img{max-width: 100%;}
.about-left h3{font-size: 95px;color: #fff;font-weight: 700;margin: 0 0 15px;text-transform: uppercase;line-height: 90px;}
.about-left h3 small{font-weight: 400;font-size: 36px;}
.about-left h3 strong{font-weight: 700;color: #ffbd4a;}
.about-left p{color: #fff;line-height: 28px;text-align: justify;margin: 0 0 15px;}
.about-left a{display: inline-block;color: #fff;font-weight: 600;}
.about-left a:hover{color: #ffbd4a;}
.product-sec{width: 100%;float: left;padding: 90px 0;background: url("../images/product-bg.png") no-repeat;background-size: contain;background-position: right center;}
.product-sec .item img{width: 100%;border-top-left-radius: 60px;border-bottom-right-radius: 60px;}
.product-sec .owl-item{padding: 0 10px;}
.product-sec .item{position: relative;border: solid #fff 2px;border-top-left-radius: 60px;border-bottom-right-radius: 60px;}
.product-sec .item span{position: absolute;width: 100%;left: 0;bottom: 0;text-align: center;padding: 135px 15px 25px;color: #fff;text-transform: uppercase;font-weight: 700;font-size: 16px;border-bottom-right-radius: 60px;
background: -moz-linear-gradient(top,  rgba(18,21,116,0) 0%, rgba(18,21,116,1) 100%);
background: -webkit-linear-gradient(top,  rgba(18,21,116,0) 0%,rgba(18,21,116,1) 100%);
background: linear-gradient(to bottom,  rgba(18,21,116,0) 0%,rgba(18,21,116,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00121574', endColorstr='#121574',GradientType=0 );}
.product-sec .owl-nav{margin-top: 0;}
.product-sec .owl-nav button{position: absolute;width: 46px;height: 46px;background: #fff !important;box-shadow: 0px 0px 10px rgba(0,0,0,0.20);color: #151878;border-radius: 46px !important;outline: none;-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);-o-transform: translate(0%, -50%);transform: translate(0%, -50%);}
.product-sec .owl-nav button span{font-size: 38px;position: relative;top: 3px;left: 2px;}
.product-sec .owl-nav .owl-prev{left: -15px;top: 50%;}
.product-sec .owl-nav .owl-next{right: -15px;top: 50%;}
.product-sec .owl-nav button:hover{color: #151878 !important; }
.product-sec h3{color: #fff;text-transform: uppercase;font-size: 72px;margin: 60px 0 15px;font-weight: 700;}
.product-sec h3 strong{color: #ffbd4a;}
.product-sec h4{font-family: 'Antonio', sans-serif;font-size: 30px;font-weight: 700;letter-spacing: 4px;margin: 0 0 15px;color: #fff;}
.product-sec p{font-weight: 600;color: #fff;}
.product-sec ul{margin: 0;padding: 0;list-style: none;}
.product-sec ul li{padding:0 0 0 18px;color: #fff;text-align: left;margin:0 0 10px 10px;display: inline-block;position: relative;}
.product-sec ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 8px;
  height: 8px;
  background: #fff;
  box-shadow: 3px 3px 0px rgba(255,255,255,0.20);
}
.product-sec ul li img{margin-right: 15px;margin-left: 10px;}
.product-sec ul li:nth-child(2){float: right;}
.product-sec ul li a{padding:0;border:none;letter-spacing: 0;}
.product-sec ul li a:hover{background:none !important;color:#fff !important;}
.product-sec-des{text-align: right;}
.product-sec-des a{display: inline-block;background: #ffbd4a;padding: 11px 30px 10px;border-radius: 60px;border: solid #ffbd4a 2px;font-weight: 600;color: #171a7b;text-transform: uppercase;letter-spacing: 2px;}
.product-sec-des a:last-child{background: none;color: #ffbd4a;}
.product-sec-des a:last-child:hover{background: #fff;border-color:#fff;color: #171a7b;}
.product-sec-des a:hover{background: none;color: #ffbd4a;}
.whymultiboard{padding:0 0 0;width: 100%;float: left;overflow: hidden;}
.whymultiboard-des h4{font-family: 'Antonio', sans-serif;font-size: 30px;font-weight: 700;letter-spacing: 4px;margin: 15px 0 5px;color: #fff;text-transform: uppercase;}
.whymultiboard-des h3{color: #fff;text-transform: uppercase;font-size: 72px;margin: 0 0 15px;font-weight: 700;}
.whymultiboard-des h3 strong{color: #ffbd4a;}
.whymultiboard-des p{line-height: 20px;color: #fff;text-align: justify;margin: 0 0 15px;}
.whymultiboard-des ul{margin: 0;padding: 0;list-style: none;}
.whymultiboard-des ul li{display: inline-block;margin:0 10px 10px 0;color: #fff;text-transform: uppercase;position: relative;padding-left: 15px;}
.whymultiboard-des ul li:before{position: absolute;left: 0;top: 4px;content: "";width: 8px;height: 8px;background: #ffbd4a;box-shadow: 3px 3px 0px #b7780a;}
.whymultiboard-des a{display: inline-block;padding: 11px 30px 10px;color: #fff;border: solid #fff 2px;border-radius: 60px;text-transform: uppercase;letter-spacing: 4px;font-weight: 600;}
.whymultiboard-des a:hover{background: #fff;color: #171a7b;}
.whymultiboard-img img{max-width: 100%;}
.testimonial{width: 100%;float: left;background: url("../images/testimonial-bg.png") no-repeat;background-size: auto;background-position: right center;padding: 120px 0;overflow: hidden;}
.testimonial-des{padding-left: 90px;}
.testimonial-des h4{font-family: 'Antonio', sans-serif;font-size: 36px;font-weight: 700;margin: 70px 0 5px;color: #fff;text-transform: uppercase;}
.testimonial-des h3{color: #fff;text-transform: uppercase;font-size: 72px;margin: 0 0 20px;font-weight: 700;line-height: 70px;}
.testimonial-des h3 strong{color: #ffbd4a;}
.testimonial-des p{color: #fff;line-height: 22px;text-align: justify;margin: 0 0 15px;}

.testimonial-slide .slider {
  position: relative;
  width: 100%;
  left: 0;
  top: 0;height: 460px;background: none;
}

.slider-item {
  width: 100%;
  padding: 20px 0 25px 30px;
  border-radius: 10px;
  background-color: #ffffff;
  display: flex;
  justify-content: flex-start;
  position: absolute;
  opacity: 0;
  z-index: 0; 
  left: 0;
  top: 0;
}
.slider-item .animation-card_image {
  max-width: 80px;
  max-height: 80px; 
  border-radius: 80px; 
  position: relative;top: 15px;
}
.slider-item .animation-card_image img {
  width: 80px;
  height: 80px;
  border-radius: 80px; 
}
.slider-item .animation-card_content {
  width: 100%;
  max-width: 100%;padding: 0 15px; 
}
.slider-item .animation-card_content p{margin: 0 0 10px;line-height: 20px;color: #383838;}
.slider-item .animation-card_content p strong{font-weight: 600;color: #000;}
.slider-item .animation-card_content  small{color: #8b8b8b;font-size: 14px;}


.getintouch{width: 100%;float: left;padding-bottom: 60px;}
.getintouch .container{position: relative;background: #1f227c;border-bottom-left-radius: 60px;border-bottom-right-radius: 60px;border-top: solid #ffbd4a 4px;}
.getintouch-des{padding: 90px;}
.getintouch-des h3{color: #fff;font-size: 36px;margin: 0 0 25px;text-shadow: 2px 2px 0px rgba(0,0,0,0.15);font-weight: 700;}
.getintouch-des p{color: #fff;margin: 0 0 15px;padding-left: 25px;position: relative;}
.getintouch-des p .fa{position: absolute;left: 0;top: 1px;font-size: 18px;width: 20px;text-align: center;}
.getintouch-des p a{color: #fff;}
.getintouch-des p a:hover{color: #ffbd4a;}
.getintouch-des h4{color: #fff;margin: 0 0 10px;font-size: 16px;}
.getintouch-des ul{margin: 0;padding: 0;list-style: none;}
.getintouch-des ul li{display: inline-block;margin-right: 10px;}
.getintouch-des ul li a{color: #fff;}
.getintouch-des ul li a:hover{color: #ffbd4a;}
.getintouch-form{padding: 60px;}
.getintouch-form h3{color: #ffbd4a;font-size: 36px;text-transform: uppercase;margin: 0 0 15px;text-shadow: 2px 2px 0px rgba(0,0,0,0.15);font-weight: 700;}
.getintouch-form input{border: solid rgba(255,255,255,0.10) 1px;width: 100%;padding: 10px 15px;outline: none;background: none;margin-bottom: 15px;color: #fff;}
.getintouch-form textarea{border: solid rgba(255,255,255,0.10) 1px;width: 100%;padding: 10px 15px;outline: none;background: none;margin-bottom: 15px;height: 100px;resize: none;color: #fff;}
.getintouch-form button{background: #ffbd4a;padding: 10px 30px 9px;border-radius: 60px;display: inline-block;outline: none;border: solid #ffbd4a 2px;color: #1f227c;cursor: pointer;font-weight: 700;text-transform: uppercase;letter-spacing: 3px;}
.getintouch-form button:hover{background: none;color: #ffbd4a;}
.footer{width: 100%;float: left;padding-bottom: 60px;text-align: center;}
.footer img{max-width: 160px;margin: 0 0 25px;}
.footer ul{margin: 0;padding: 0;list-style: none;}
.footer ul li{display: inline-block;padding: 0 15px 0 10px;position: relative;}
.footer ul li a{color: #fff;text-transform: uppercase;}
.footer ul li a:hover{color: #ffbd4a;}
.footer ul li:before{position: absolute;right: 0px;top: 5px;content: "";width: 1px;height: 10px;background: #fff;}
.footer ul li:last-child{padding-right: 0;}
.footer ul li:last-child:before{display: none;}
.footer p{margin: 15px 0 0 0;color: #fff;}
.footer p a{color: #fff;}
.footer p a:hover{color: #ffbd4a;}
.inner-banner{width: 100%;float: left;position: relative;}
.inner-banner img{width: 100%;object-fit: cover;height: 460px;}
.inner-banner:before{position: absolute;left: 0;bottom: 0;content: "";width: 100%;height: 100%; 
background: -moz-linear-gradient(top,  rgba(7,10,109,0) 0%, rgba(7,10,109,0.8) 100%);  
background: -webkit-linear-gradient(top,  rgba(7,10,109,0) 0%,rgba(7,10,109,0.8) 100%);  
background: linear-gradient(to bottom,  rgba(7,10,109,0) 0%,rgba(7,10,109,0.8) 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00070a6d', endColorstr='#cc070a6d',GradientType=0 );  }
.inner-bnr-cap{position: absolute;left: 0;bottom: 0;padding: 15px;text-align: center;z-index: 99;width: 100%;}
.inner-bnr-cap h3{color: #fff;font-size: 36px;font-weight: 700;margin: 0 0 15px;}
.inner-bnr-cap ul{margin: 0;padding: 0;list-style: none;}
.inner-bnr-cap ul li{display: inline-block;padding: 0 15px 0 0;margin-right: 10px; position: relative;color: #fff;}
.inner-bnr-cap ul li:before{content: "/";position: absolute;right: 0;top: 0;font-size: 10px;}
.inner-bnr-cap ul li:last-child{margin-right: 0;padding-right: 0;}
.inner-bnr-cap ul li:last-child:before{display: none;}
.inner-bnr-cap ul li a{color: #fff;}
.inner-wrapper{padding: 60px 0;width: 100%;float: left;}
.inr-container{padding: 30px;position: relative;}
.inr-container:before{position: absolute;left: 0;top: 0;content: "";width: 95%;height: 90%;border: solid rgba(255,255,255,0.10) 1px;}
.content-area{padding: 30px;width: 100%;display: inline-block;box-shadow: 0px 0px 10px rgba(0,0,0,0.15);background: #fff;position: relative;z-index: 9;}
.about-page-img{max-width: 450px;float: left;margin: 0 15px 15px 0;}
.about-page h3{font-size: 30px;font-weight: 700;margin: 0 0 15px;color: #1f2281;}
.about-page p{line-height: 22px;margin: 0 0 15px;text-align: justify;color: rgba(0,0,0,0.70);}
.abt-thumb{width: 100%;float: left;padding: 15px;background: #1f2281;text-align: center;border-radius: 30px;min-height: 260px;margin-bottom: 15px;}
.abt-thumb h4{font-size: 24px;font-weight: 600;color: #fff;margin: 0 0 15px;padding-bottom: 15px;border-bottom: solid rgba(255,255,255,0.10) 1px;position: relative;}
.abt-thumb h4:before{position: absolute;left: 0;bottom: 0;content: "";right: 0;margin: 0 auto;width: 60px;height: 3px;background: #fff;}
.abt-thumb p{color: #fff;text-align: center;margin: 0;}
.about-page ul{margin: 0;padding: 0;list-style: none;}
.about-page ul li{position: relative;padding-left: 20px;color: rgba(0,0,0,0.70);margin-bottom: 10px;}
.about-page ul li:before{position: absolute;left: 0;top: 5px;width: 7px;height: 7px;background: #1f2281;box-shadow: 2px 2px 0px #5559c8;content: "";}
.product-page h3{font-size: 30px;font-weight: 700;margin: 0 0 15px;color: #1f2281;}
.product-page p{line-height: 22px;margin: 0 0 15px;text-align: justify;color: rgba(0,0,0,0.70);}
.product-page-list{margin: 0;padding: 0;list-style: none;}
.product-page-list li{position: relative;padding-left: 20px;color: rgba(0,0,0,0.70);margin-bottom: 10px;}
.product-page-list li:before{position: absolute;left: 0;top: 5px;width: 7px;height: 7px;background: #1f2281;box-shadow: 2px 2px 0px #5559c8;content: "";}
.product-description{margin: 15px 0 0;padding: 0;list-style: none;display: inline-block;width: 100%;}
.product-description li{width: 30%;float: left; position: relative;padding: 25px;margin-right: 25px;}
.product-description li:before{width: 100%;height: 50%;content: "";left: 0;top: 0;border-top-left-radius: 30px;border-top-right-radius: 30px; border: solid #1f2281 2px;border-bottom: none;position: absolute;}
.product-description li:after{width: 100%;height: 50%;content: "";left: 0;bottom:0;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;border: dashed #1f2281 2px;border-top: none;position: absolute;}
.product-description-box{width: 100%;display: inline-block;padding: 30px;text-align: center;border-radius: 30px;background: #1f2281;min-height: 250px;position: relative;z-index: 9;}
.product-description li:nth-child(2) .product-description-box{background: #373aa7;}
.product-description li:nth-child(3) .product-description-box{background: #595ddd;}
.product-description-box span{position: absolute;left: 0;top: 50%;width: 100%;padding: 0 15px;font-family: 'Antonio', sans-serif;text-align: center;color: #fff;line-height: 30px; -webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);-o-transform: translate(0%, -50%);transform: translate(0%, -50%);font-size: 25px;font-weight: 700;}
.product-description-box h4{color: #fff;font-weight: 600;font-size: 16px;margin:5px 0 10px 0;text-transform: uppercase;}
.product-description-box p{color: #fff;text-align: center;margin: 0;}
.product-description-box figure{display: inline-block;width: 65px;height: 65px;border-radius: 65px;background: #fff;padding-top: 14px;}
.box3{width: 100%;float: left;background: #fff;padding: 15px;margin-top: 15px;border: double rgba(0,0,0,0.10) 4px;min-height: 475px;}
.certifications-box{padding: 15px;text-align: center;width: 100%;float: left;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);min-height: 315px;}
.certifications-owl .owl-item{padding: 15px;}
.certifications-owl{margin-top: 15px;}
.certifications-box p{text-align: center;}
.certifications-owl .owl-dots button{width: 14px;height: 14px;border-radius: 14px;border: solid #2a2d8b 2px;margin: 0 3px;outline: none;opacity: .5;}
.certifications-owl .owl-dots button span{margin: 0 0 0 2px !important;width: 6px !important;height: 6px !important;background: #2a2d8b !important;}
.certifications-owl .owl-dots button.active{opacity: 1;}
.certifications-box h4{font-size: 16px;font-weight: 600;color: #000;}
.product-detail img{width: 100%;}
.product-detail h4{font-size: 18px;font-weight: 600;color: #000;margin: 50px 0 15px 0;}
.product-detail {width: 100%;display: inline-block;margin: 15px 0;padding: 15px;border: solid rgba(0,0,0,0.10) 1px;}
.why-multiboard-page h3{font-size: 30px;font-weight: 700;margin: 0 0 15px;color: #1f2281;}
.why-multiboard-page p{line-height: 22px;margin: 0 0 15px;text-align: justify;color: rgba(0,0,0,0.70);}
.why-multiboard-page p strong{font-weight: 600;color: #102b87;}
.why-multiboard-page ul{margin: 0;padding: 0;list-style: none;}
.why-multiboard-page ul li{position: relative;padding-left: 20px;color: rgba(0,0,0,0.70);margin-bottom: 10px;}
.why-multiboard-page ul li:before{position: absolute;left: 0;top: 5px;width: 7px;height: 7px;background: #1f2281;box-shadow: 2px 2px 0px #5559c8;content: "";}
.why-multiboard-box{width: 100%;float: left;margin: 0 0 15px;box-shadow: 0px 0px 10px rgba(0,0,0,0.10);}
.why-multiboard-box img{width: 100%;}
.why-multiboard-box figure{margin: 0;padding: 15px;}
.why-multiboard-box h4{padding: 0 15px;font-size: 16px;font-weight: 600;color: #000;margin: 15px 0 15px 0;}
.why-multiboard-box p{padding: 0 15px;}
.why-multiboard-page .img-fluid{margin-bottom: 15px;}
.three-layer-multiboard-page h3{font-size: 30px;font-weight: 700;margin: 0 0 15px;color: #1f2281;}
.three-layer-multiboard-page p{line-height: 22px;margin: 0 0 15px;text-align: justify;color: rgba(0,0,0,0.70);}
.three-layer-multiboard-box{width: 100%;float: left;padding: 15px;border: solid rgba(0,0,0,0.10) 1px;margin-bottom: 15px;min-height: 430px;}
.three-layer-multiboard-box figure{margin: 0 0 5px;}
.three-layer-multiboard-icon{width: 100%;float: left;padding: 10px;text-align: center;background: #f4f4f4;}
.three-layer-multiboard-icon h4{font-size: 16px;font-weight: 600;color: #000;}
.three-layer-multiboard-icon img{max-width: 100%;width: auto !important;border: none !important;}
.three-layer-multiboard-list{margin:0px;padding: 0;list-style: none;}
.three-layer-multiboard-list li{margin: 0 15px 15px 0;float: left;width: 19%;}
.three-layer-multiboard-list li:last-child{margin-right: 0;}
.three-layer-multiboard-page .img-for-pdf{margin-bottom: 15px;}
.applications-page h3{font-size: 30px;font-weight: 700;margin: 0 0 15px;color: #1f2281;}
.applications-box{width: 100%;float: left;margin: 15px 0;text-align: center;padding: 10px;background: #070a6d;border-radius: 15px;}
.applications-box h4{font-size: 14px;font-weight: 600;color: #fff;}
.applications-box img{border-top-left-radius: 15px;border-top-right-radius: 15px;width: 100%;height: 145px;object-fit: cover;}
.contact-left h3{font-size: 30px;font-weight: 700;margin: 0 0 15px;color: #1f2281;}
.contact-left p{padding-left: 45px;padding-top: 7px; position: relative;color: #000;margin: 0 0 15px;min-height: 30px;}
.contact-left p a{color: #000;}
.contact-left p .fa{position: absolute;left: 0;top: 0;width: 35px;height: 35px;border-radius: 35px;border: solid #34298b 2px;color: #34298b;text-align: center;font-size: 20px;padding-top: 5px;}
.contact-right h3{font-size: 30px;font-weight: 700;margin: 0 0 15px;color: #1f2281;}
.contact-right label{}
.contact-right input{width: 100%;padding: 10px;border: solid rgba(0,0,0,0.10) 1px;outline: none;margin: 0 0 10px;}
.contact-right textarea{width: 100%;padding: 10px;border: solid rgba(0,0,0,0.10) 1px;outline: none;margin: 0 0 10px;height: 100px;resize: none;}
.contact-right button{background: #ffbd4a;padding: 10px 30px 9px;border-radius: 60px;display: inline-block;outline: none;border: solid #ffbd4a 2px;color: #1f227c;cursor: pointer;font-weight: 700;text-transform: uppercase;letter-spacing: 3px;}
.contact-right button:hover{background: none;color: #ffbd4a;}
.contact-page iframe{margin: 15px 0 0 0;}
.three-layer-multiboard-box h4{font-weight: 600;font-size: 16px;margin: 0 0 10px;color: #000;}
.box3 h4{font-weight: 600;font-size: 16px;margin: 0 0 10px;color: #000;}
.demac-group{width: 100%;float: left;}
.demac-group img{max-width: 100%;margin-top:50px;}
.demac-group h3{font-size: 75px;color: #fff;font-weight: 700;margin: 0 0 15px;text-transform: uppercase;line-height: 75px;text-align: right;} 
.demac-group h3 strong{font-weight: 700;color: #ffbd4a;}
.demac-group p{color: #fff;line-height: 28px;margin: 0 0 15px;text-align: right;}
.demac-group a{float: right;border-radius: 60px;padding: 10px 30px;border: solid #fff 2px;color: #fff;text-transform: uppercase;font-weight: 600;letter-spacing: 5px;}
.demac-group a:hover{background: #ffbd4a;color: #14188d;border-color: #ffbd4a;}
.whychooseus{width: 100%;float: left;padding:60px 0 30px 0;} 
.whychooseus .accordion-title:before {
    position: absolute;right: 3px;top: 3px;width: 35px;height: 35px;background: #171a7b;border-radius: 35px;text-align: center;padding-top: 8px;color: #fff;
    font-family: FontAwesome;
    content:"\f068"; 
}
.whychooseus .accordion-title.collapsed:before { 
    content:"\f067";
}
.whychooseus h3{font-size: 75px;color: #fff;font-weight: 700;margin: 0 0 35px;text-transform: uppercase;line-height: 70px;} 
.whychooseus h3 strong{font-weight: 700;color: #ffbd4a;}
.whychooseus-left p{color: #fff;margin: 0 0 15px;}
.whychooseus-left ul{margin: 0;padding: 0;list-style: none;}
.whychooseus-left ul li{color: #fff;padding-left: 20px;margin: 0 0 10px;position: relative;}
.whychooseus-left ul li:before{background: #ffbd4a;position: absolute;left:0;top: 3px;content: "";width: 9px;height: 9px;box-shadow: 2px 2px 0px #fff;}
.whychooseus-left a{display: inline-block;border-radius: 60px;padding: 10px 30px;border: solid #fff 2px;color: #fff;text-transform: uppercase;font-weight: 600;letter-spacing: 5px;margin-top: 15px;}
.whychooseus-left a:hover{background: #ffbd4a;color: #14188d;border-color: #ffbd4a;}
.whychooseus-left img{max-width:100%;}
.whychooseus-right .card-header{background: #3539aa;border-radius: 60px;padding: 10px 15px;margin-bottom: 10px;}
.whychooseus-right .card-header a{color: #fff;text-transform: uppercase;display: block;font-weight: 700;letter-spacing: 2px;}
.whychooseus-right .card{background: none;}
.whychooseus-right .collapse{background: #fff;margin-bottom: 10px;border-radius: 20px;min-height: 100px;padding: 20px;}
.whychooseus-right .collapse p{color: #000;margin: 0;}
.whychooseus-right .card.active .card-header{background: #ffbd4a;}
.whychooseus-right .card.active .card-header a{color: #171a7b;}
.whychooseus-right {padding-top: 80px;}
.part-test-result{padding-top: 15px;padding-bottom: 15px;}
.part-test-result img{width: 100%;border-top-left-radius: 60px;border-bottom-right-radius: 60px;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);margin-bottom: 15px;}
.product-category-box{position: relative;width: 100%;float:left;margin-bottom:30px;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);padding: 15px;}
.product-category-box img{width: 100%;border: solid #fff 2px;}
.product-category-box span{display: inline-block;width: 100%;color: #1a1d7d;text-transform: uppercase;font-weight: 700;font-size: 22px;margin-bottom: 15px;margin-top: 15px;}
.product-modal .modal-dialog{max-width: 700px;}
.product-modal .modal-header{background: #1a1d7d;border-radius: 0;}
.product-modal .modal-header .modal-title{color: #fff;font-size: 16px;font-weight: 600;}
.product-modal .close{position: absolute;right: 10px;top:15px;margin: 0;padding: 0;opacity: 1;width: 30px;height: 30px;border-radius: 30px;color:#1a1d7d;outline: none;background: #fff;}
.product-modal .modal-content{border-radius: 0;}
.product-category-page h1{color: #111476;border: solid #111476 2px;padding: 10px 15px;margin: 0 0 15px;text-transform: uppercase;font-size: 22px;font-weight: 700;}
.product-category-page h2{color: #111476;margin: 0 0 15px;text-transform: uppercase;font-size: 20px;font-weight: 600;}
.product-category-page h3{color: #000;margin: 0 0 15px;font-size: 16px;font-weight: 600;font-family: 'Poppins', sans-serif;}
.product-category-page p {
  color: #3c3c3c;
  margin: 0 0 15px;
  line-height: 22px;
}
.product-category-page p strong {
  font-weight: 600;
  color: #151515;
}
.product-category-page p a {
  color: #171a7b;
  font-weight: 600;
}
.pcb-btn {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom:0;
  background: #fff;
  width: 135px;
  text-align: center;
  padding: 10px 0 9px 0;
  color: #1a1d7d;
  border: solid #1a1d7d 2px;
  font-weight: 600;
  letter-spacing: 1px;
  opacity: 0; -webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;-ms-transition: 0.2s ease-out;transition: 0.2s ease-out;
}
.product-category-box:hover .pcb-btn{bottom: 50%;opacity: 1;}
.whydemac-page .btn {
  border: solid #0c0f71 2px;
  color: #fff;
  margin-bottom: 15px;
  font-size: 14px;background: #0c0f71;border-radius: 60px;padding: 10px 30px 10px 50px;position: relative;text-transform: uppercase;font-weight: 600;
}
.whydemac-page .btn:hover{background: none;color:#0c0f71;}
.whydemac-page .btn i {
  position: absolute;
  left: 2px;
  top: 1px;
  width: 38px;
  height: 38px;
  border-radius: 30px;
  background: #fff;
  color: #0c0f71;
  font-size: 20px;
  padding-top: 9px;
}
.whydemac-page .btn:hover i{background: #0c0f71;color: #fff;}
.blog-box {
  width: 100%;
  float: left;
  position: relative;margin: 15px 0;
}
.blog-box img {
  max-width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: center;
}
.blog-box span {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 15px 10px;
  text-align: center;
  background: #070a6d;
  width: 100%;
}
.blog-box span a {
  color: #fff;
  font-weight: 600;
}
.blog-detail-page h3{font-size: 30px;font-weight: 700;margin: 0 0 15px;color: #1f2281;}
.blog-detail-page p{line-height: 22px;margin: 0 0 15px;text-align: justify;color: rgba(0,0,0,0.70);}
.blog-detail-page p a{color:#464646;font-weight: 600;}
.blog-detail-page p strong {
  color: #070a6d;
  font-weight: 600;
  font-size: 14px;
}
.blog-detail-page h4 {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 15px;
}
.blog-detail-page ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.blog-detail-page ul li {
  margin: 0 0 10px;
  position: relative;
  padding-left: 15px;
}
.blog-detail-page ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 6px;
  height: 6px;
  background: #0e1173;
  box-shadow: 2px 2px 0px #5c5fc6;
}
.blog-detail-page ul li a{color:#464646;font-weight: 600;}
.blog-detail-page span{color:#070a6d;}
.blog-detail-page ul li strong{font-weight: 600;}
.about-more-des {
  width: 100%;
  float: left;
  padding: 15px;
  margin-top: 25px;
  background: #1f228e;
  border-radius: 15px;
  border: solid #282b9f 2px;
}
.about-more-des p {
  color: #fff;
  line-height: 26px;
  margin: 8px 0;
}
.about-more-des p strong {
  font-weight: 600;
}

/*media start here*/

@media screen and (max-width:1415px){ 
	.container{max-width:100%;} 
	.slider-right img{max-width: 450px;margin: 65px 0 10px 0;}
	.slider-right a{margin-right: 25px;}
	.whatsapp{left: 10px;bottom: 10px;width: 40px;height: 40px;}
	.whatsapp img{max-width: 100%;}
	.about-left h3{font-size: 70px;line-height: 70px;}
	.demac-group h3{font-size: 50px;line-height: 50px;}
	.whychooseus h3{font-size: 50px;line-height: 50px;}
	.about-left p{line-height: 22px;}
	.product-sec-des{padding-right: 30px;}
	.product-sec ul li{padding:0 0 0 18px;font-size: 13px;}
	.product-sec ul li img{max-width: 28px;margin-right: 8px;}
	.testimonial{background-size: 55%;}
	.getintouch .container{max-width: 90%;}
	.logo img{max-width: 160px;}
	.head-social{margin: 11px 50px 0 0;}
	.nav-open{top: 12px;}
	.right-info{right: 0;}
	.testimonial-des{padding-right: 30px;}
	.applications-box{min-height: 185px;}
	.three-layer-multiboard-page p{line-height: 20px;}
	.three-layer-multiboard-box{min-height: 465px;}
}

@media screen and (max-width:1350px){ 
	.three-layer-multiboard-icon h4{font-size: 14px;}
	.three-layer-multiboard-list li{width: 18%;}
	.product-detail h4{margin-top: 15px;}
	.whychooseus-right {padding-top: 30px;}
}
	
@media screen and (max-width:1199px){ 
	.about-right img{max-width: 85%;}
	.about-left h3 small{font-size: 28px;}
	.about-left h3{font-size: 50px;line-height: 50px;}
	.demac-group h3{font-size: 40px;line-height:40px;}
	.whychooseus h3{font-size: 40px;line-height: 40px;}
	.about{padding: 30px 0;}
	.product-sec{padding: 30px 0;}
	.product-sec ul li{width: 100%;margin:5px 0;text-align: right;padding: 0 18px 0 0;}
	.product-sec ul li:before {left:auto;right:0;}
	.product-sec ul li img{float: right;}
	.product-sec h3{font-size: 50px;margin: 20px 0 10px;}
	.product-sec h4{font-size: 28px;}
	.whymultiboard-des h4{margin: 50px 0 5px;font-size: 28px;}
	.whymultiboard-des h3{font-size: 50px;line-height: 50px;}
	.testimonial{padding: 30px 0;}
	.testimonial-des h4{font-size: 28px;}
	.testimonial-des h3{font-size: 50px;line-height: 50px;}
	.slider{background-size: 80%, 100%;}
	.getintouch{padding-bottom: 30px;}
	.footer{padding-bottom: 30px;}
	.overlay:before{background-size: 98%;}
	.inner-wrapper{padding:30px 10px 30px 0;}
	.inner-banner img{height: 280px;}
	.inner-bnr-cap h3{font-size: 30px;}
	.inr-container{padding: 15px;}
	.inr-container:before {left: 7px;}
	.content-area{padding: 15px;}
	.product-description li{padding: 6px;margin-right: 15px;}
	.product-description-box{padding: 15px;}
	.product-detail h4{margin: 8px 0 5px 0;}
	.product-page p{text-align: left;line-height: 18px;}
	.product-description-box p{text-align: center;}
	.certifications-box p{text-align: center;}
	.three-layer-multiboard-icon{min-height: 135px;}
	.whychooseus{padding: 15px 0;}
	.product-sec-des a{padding: 8px 14px 7px;}
	
}

@media screen and (max-width:991px){ 
	.product-sec h3{margin-top: 0;}
	.product-sec-des{padding-bottom: 15px;}
	.slider-right img{max-width: 100%;margin-top: 0;}
	.about-left h3{font-size: 36px;line-height: 36px;}
	.about-left h3 small{font-size: 24px;}
	.demac-group h3{font-size: 30px;line-height: 30px;}
	.whychooseus h3{font-size: 30px;line-height: 30px;margin: 0 0 15px;}
	.about-right img{max-width: 97%;}
	.product-sec h3{font-size: 36px;line-height: 36px;}
	.product-sec h4{font-size: 22px;letter-spacing: 2px;}
	.whymultiboard-des h4{margin: 10px 0 5px;font-size: 24px;}
	.whymultiboard-des h3{font-size: 36px;line-height: 36px;}
	.testimonial-des{padding-left: 15px;}
	.testimonial-des h4{margin: 0 0 4px;font-size: 24px;}
	.testimonial-des h3{font-size: 36px;line-height: 36px;} 
	.about-page h3{font-size: 25px;}
	.abt-thumb h4{font-size: 16px;}
	.box3{min-height: 0;}
	.product-page h3{font-size: 22px;} 
	.three-layer-multiboard-list li{width: 30%;}
	.three-layer-multiboard-box{min-height: 0;}
	.product-category-page h3{padding: 5px 10px 7px 10px;margin-bottom: 5px;}
	.product-category-box{margin: 10px 0;}
	.whychooseus-right {padding-top: 15px;}
	.inner-bnr-cap h3{font-size: 18px;}
	.inner-bnr-cap ul li{font-size: 12px;}
}

@media screen and (max-width:850px){ 
	.getintouch-des{padding: 15px;}
	.getintouch-form{padding: 15px;}
	.product-modal .modal-dialog{max-width: 95%;}
}

@media screen and (max-width:767px){ 
	.slider-inr{position: relative;top: 0;-webkit-transform: translate(0%, 0%);-moz-transform: translate(0%, 0%);-ms-transform: translate(0%, 0%);-o-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	.slider{padding-top: 70px;overflow: hidden;height: auto;background-size: 90%, 100%;}
	.logo img{max-width: 130px;}
	.head-social{margin: 7px 36px 0 0;}
	.head-social li a{font-size: 14px;width: 30px;height: 30px;line-height: 28px;}
	.nav-open{top: 7px;}
	.slider-right img{max-width: 80%;}
	.right-info a{font-size: 11px;}
	.about-left{padding-right: 25px;}
	.about-left p{text-align: left;}
	.about-right img{margin-top: 15px;}
	.product-sec{padding-top: 10px;}
	.slider-item{display: inline-block;text-align: center;padding: 15px;}
	.slider-item .animation-card_image{width: 100%;max-width: 100%;height: 90px;top: 0;}
	.slider-item .animation-card_content{width: 100%;}
	.testimonial-slide .slider{height: 575px;}
	.abt-thumb{min-height: 0;}
	.about-page p{text-align: left;line-height: 20px;}
	.abt-thumb p{text-align: center;}
	.product-page .fancybox{margin: 10px 0;display: inline-block;}
	.product-description li{width: 100%;margin: 10px 0;}
	.why-multiboard-page p{text-align: left;}
	.why-multiboard-page h3{font-size: 22px;}
	.img-for-pdf{object-fit: cover;object-position: center;height: 180px;}
	.three-layer-multiboard-page h3{font-size: 22px;}
	.three-layer-multiboard-page p{text-align: left;}
	.three-layer-multiboard-list li{width: 49%;margin-right: 0;}
	.three-layer-multiboard-list li:nth-child(2n){float: right;}
	.applications-page h3{font-size: 22px;}
	.applications-box{min-height: 0;}
	.contact-left h3{font-size: 22px;}
	.contact-right h3{font-size: 22px;}
	.product-page p{margin: 0;}
	.product-detail{padding: 5px;}
	.demac-group h3{text-align: left;}
	.demac-group p{text-align: left;}
	.demac-group a{float: left;}
	.demac-group img{margin-top: 15px;}
	.demac-group p{line-height: 22px;}
	.whychooseus-right .card{margin-top: 15px;}
	.whychooseus-right .card-body{padding: 0;}
	.whychooseus-right .card{margin-top: 5px;}
	.whychooseus-left a{margin-bottom: 15px;}
	.getintouch .container{border-bottom-left-radius: 25px;border-bottom-right-radius: 25px;}
	.product-sec-des a{margin-top: 5px;}
	.whychooseus-right {padding-top: 5px;}
	.whydemac-page p{margin: 0 0 15px;}
	.blog-box img{height: 300px;}
	.blog-box span{padding: 5px 5px;}
	.blog-detail-page h3{font-size: 20px;}
	.blog-box{margin:10px 0;}
	.overlay-content ul{width:90%;}
}


@media screen and (max-width:479px){ 
	.three-layer-multiboard-list li{width: 100%;}
	.three-layer-multiboard-page iframe{height: 215px;}
}

@media screen and (max-width:370px){ 
    .head-social li{margin: 6px 0 0 5px;}
    .head-social li a{font-size: 12px;width: 22px;height: 22px;line-height: 18px;}
}