h1,h2,h3,h4,h5,h6,p,ul{margin-bottom: 0px;}
ul{list-style: none;}
html{scroll-behavior: smooth;}
@font-face {
    font-family:Kufam ;
    src: url(webfonts/Kufam-VariableFont_wght.ttf);
}
body{font-family:Kufam}
a:hover{text-decoration: none;}
::-webkit-scrollbar {width: 7px;height: 15px;}
::-webkit-scrollbar-track-piece  {background-color:#fff;}
::-webkit-scrollbar-thumb:vertical {height: 50px;background-color: #f5a315;border-radius: 0px;}
.move-top {position: fixed;right: 25px;height: auto;border-radius: 0px 15px 15px 0px;bottom: 30px;z-index: 5;display: none;}
.move-top i {font-size: 35px;color: #f5a315;cursor: pointer;transform: rotate(90deg);}
/***********************************************loading-page****************************************************
.loading-page{width: 100%;height: 100vh;background-image: linear-gradient(45deg, #00c5ce,#2683e3 ,#5b3df3 ,#7725eb);position: fixed;z-index: 66666;text-align: center;background-position: center;background-repeat: no-repeat;}
.pp{position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);}
.loading-page h4{color: #fff;margin-top: 50px;font-weight: 600;}
.configure-border-1 {width: 115px;height: 115px;padding: 3px;position: absolute;display: flex;justify-content: center;align-items: center;background: #fff;animation: configure-clockwise 3s ease-in-out 0s infinite alternate;}
.configure-border-2 {width: 115px;height: 115px;padding: 3px;left: -115px;display: flex;justify-content: center;align-items: center;background: #00c5ce;transform: rotate(45deg);animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;}
.configure-core {width: 100%;height: 100%;background-color: #5b3df3;}
/***********************************************loading-page****************************************************/

/*************************************************navbar*******************************************************/
.nav-section{background-color: #fff;transition: all ease-in-out 0.3s;}
.nav-section .navbar{padding: 0px;}

.scroll-menu-shadow{box-shadow: 0px 0px 5px #000;}
.nav-section .logo{width: 135px;transition: all ease-in-out 0.2s;}
.logo-scroll{width: 100px !important;transition: all ease-in-out 0.2s;}
.nav-section .navbar-nav{margin-left: auto;margin-right: unset !important;}
.nav-section .navbar-light .navbar-nav .nav-link{color: #035390;text-transform: uppercase;}
.nav-section .navbar-light .navbar-nav .nav-link:hover{color: #f5a315;}
.nav-section .navbar-light .navbar-nav .active>.nav-link{color: #f5a315;}
.nav-section .navbar-light .navbar-nav .nav-link img{width: 25px;height: 20px;border-radius: 20px;margin: 0px 3px;}
.nav-section .navbar-toggler{cursor: pointer;border: none;}
.nav-section .navbar-toggler i{color: #035390;font-size: 25px;}
.dropdown-item{text-transform: capitalize;}
/*************************************************navbar*******************************************************/

/*************************************************slider1*******************************************************/
.slider-1{position: relative;}
.slider-1::before {content: '';position: absolute;bottom: -47px;width: 100%;height: 100px;transform: skewY(3deg);background: #fff;z-index: 5;display: block;}
.slider-1 .carousel-item{height: calc(100vh - 97px);}
.slider-1 .carousel-item{background-attachment: fixed;background-size: cover;background-position: center;position: relative;}
.overlay1{position: absolute;width: 100%;height: 100%;background-color:/*#0000009c*/ #00000059}
.slider-1 .carousel-caption h1{font-size: 55px;}
.slider-1 .carousel-caption p{font-size: 20px;color: #fff;font-weight: 100;}
.slider-1 .carousel-caption{width: 80%;top: 50% !important;left: 50% !important;transform: translate(-50% , -50%) !important;bottom: unset !important;position: absolute;z-index: 55;text-align: center;}
@media(max-width:767px){.slider-1 .carousel-caption{width: 80%;}.slider-1 .carousel-caption h1{font-size: 40px;}}
@media(max-width:767px){.slider-1 .carousel-item {height: 400px;background-attachment: unset;}.slider-1 .carousel-caption {width: 85%;}}
/*************************************************slider1*******************************************************/

/**********************************************about-section****************************************************/
.about-data ul{margin-left: -17px;list-style: disc;}
.about-data ul li{margin-bottom: 5px;}
.about-section{padding: 100px 0px;}
.about-data p{line-height: 1.5;}
.about-data h1{color:#035390 ;}
.more{margin-top: 30px;}
.btn-primary{border-radius: 0px;background-color: unset;border-color: #f5a315;color: #f5a315;border-radius: 35px;}
.btn-primary:hover{background-color: #f5a315;border-color: #f5a315;}
.about-img{background-size: cover;background-position: center;position: relative;box-shadow: 0px 0px 8px #000;}
.about-img::before{content: '';position: absolute;width: 100%;height: 100%;z-index: -5;border: 3px solid #03538f;left: 15px;top: 15px;}
.about-img::after{content: '';position: absolute;width: 100%;height: 100%;z-index: -5;border: 3px solid #f5a315;right: 15px;top: -15px;}
.about-data{padding-top: 20px;}
@media(min-width:767px){.section-2 .about-data{padding-left: 25px;}}
@media(max-width:767px){.about-data{padding-top: 0px;margin-bottom: 50px;}.about-section{padding: 70px 0px;}.about-img{width: 90%;margin: auto;}}
@media(max-width:767px){.order{order: 2;}.navbar-section .dropdown-menu{background-color: #fff;}.navbar-section .dropdown-menu .dropdown-item {color: #5b3df3;}.navbar-section .navbar-nav{margin-top: 15px;}.menu-icon h6{display:none;}}
.section-2{position: relative;}
.footer2::after {content: '';position: absolute;top: -55px;width: 100%;height: 120px;transform: skewY(3deg);background: #fff;z-index: 5;display: block;}


/**********************************************about-section****************************************************/

/*********************************************services-section**************************************************/
.services-section{padding: 80px 0px;background-size: cover;background-position: center;position: relative;overflow: hidden;/* background-attachment: fixed; */overflow: hidden;}
.services-section .about-data li{color: #fff;margin-bottom: 15px;font-size: 18px;}
.services-section .about-data{padding: 0px 0px;margin-bottom: 30px;}
.services-section .about-data h1{color: #fff;margin-bottom: 15px;}
.services-section .about-data p{color: #fff;}
.services-section .about-data li{width: calc(100% / 2);float: left;}
/*********************************************services-section**************************************************/


.gallery-section{padding: 100px 0px;background-size: cover;background-position: center ;position: relative;overflow: hidden;background-attachment: fixed;background-color: #efefef;text-align: center;}
.gallery-section::before {content: '';position: absolute;bottom: -58px;width: 100%;height: 100px;transform: skewY(3deg);background: #fff;z-index: 5;display: block;}
.gallery-section::after {content: '';position: absolute;top: -47px;width: 100%;height: 100px;transform: skewY(-3deg);background: #fff;z-index: 5;display: block;}
.gallery-section h1{margin-top: 50px;color: #035390;}
/*********************************************customers-section*************************************************/
.customers-section{padding: 100px 0px;background-color: #efefef;position: relative;text-align: center;}

/*.customers-section::after {content: '';position: absolute;bottom: -42px;width: 100%;height: 89px;transform: skewY(-3deg);background: #efefef;z-index: 5;display: block;}*/
.customers-section h1{margin-top: 50px;}
.brand-img{background-position: center;background-repeat: no-repeat;background-size: cover;}
/*********************************************customers-section*************************************************/
.brands-section{padding: 100px 0px;position: relative;text-align: center;}

.brands-section::after {content: '';position: absolute;bottom: -42px;width: 100%;height: 89px;transform: skewY(-3deg);background: #fff;z-index: 5;display: block;}
.brands-section img{width: 85% !important;}
.owl-theme .owl-dots .owl-dot span{width: 8px !important;margin: 0 4px;height: 8px !important;}
.brand-name .name{color: #000;}
.brand-name h6{color: #3e3e3ead;}
.brand-name a{color: #920808;}
.carousel-gallery .swiper-slide a {cursor: zoom-in;height: 165px;}
/***********************************************footer2*********************************************************/
.footer2{padding-top: 133px;padding-bottom: 70px;background-size: cover;background-color: #035390;color: #fff;position: relative;}
.footer2::before {/* content: ''; */position: absolute;top: -42px;width: 100%;height: 89px;transform: skewY(3deg);background: #1c1c1c;z-index: 5;display: block;}
.footer2 p a{color: #f5a315;/* opacity: 0.5; */}
.footer2 h6{display: contents;}
.footer2 ul{margin-left: -37px;}
.footer2 li i{margin-right: 6px;color: #fff;}
.footer2 li a{color: #fff;}
.footer2 h2{color: #fff;font-size: 25px;margin-bottom: 8px;}
.social li{display: inline-block;}
.social i{transition: 0.5s;}
.social i:hover{transform: rotate(360deg);transition: 0.5s;/* opacity: 0.5; */color: #f5a315;}
@media(min-width:767px){.footer h2{margin-top: 50px;}}
@media(max-width:767px){.footer2 .col-12{margin-bottom: 15px;}}
.footer2 li{margin-bottom: 10px;}
.comp2{text-align: center;background-color: #012846;color: #fff;padding-top: 8px;border-bottom: 2px solid #012846;overflow: hidden;}
.comp2 a{color: #fff;}
.footer2 iframe{width: 100%;height: 180px;border-radius: 10px;}
/***********************************************footer2*********************************************************/


@media(max-width:400px){h1{font-size: 30px;}}

.banner{height: 400px;position: relative;background-position: center;background-size: cover;}
.banner::before {content: '';position: absolute;bottom: -54px;width: 100%;height: 120px;transform: skewY(-3deg);background: #ffffff;z-index: 5;display: block;}
.banner .container {position: absolute;left: 50%;bottom: 20px;width: 100%;z-index: 500;transform: translate(-50% , -200%);}
.banner a,.banner h6{color: #fff;}

@media(max-width:767px){.banner{height: 300px;background-size: 100% 100%;}}



/************************************************contact-page2*******************************************************/
.contact-page2 {padding: 100px 0px;overflow: hidden;}
.contact-page2 h3 {font-weight: 700;color: #f5a315;margin-bottom: 15px;} 
.contact-page2 .form-control {margin-bottom: 8px;border-radius: 20px;border: 0.4px solid #f5a315;padding: 3px .75rem !important;}
.contact-page2 .form-control:focus {box-shadow: unset;border-color: #1c1c1c;}
.contact-page2 .contact-data ul {margin-left: -37px;}
.contact-page2 .contact-data ul li {font-weight: bold;color: #05aa4e;}
.contact-page2 .contact-data ul li a {color: #05aa4e;}
.contact-page2 .contact-data ul li a:hover {color: #05aa4e;}
.contact-page2 .contact-page .social-media {text-align: left;margin-left: -43px;}
.contact-page2 .contact-page .social-media li{display: inline-block;margin-left: 4px;}
.contact-page2 .maps-sec {padding: 15px 0px 60px 0px; margin-top: 25px;}
.contact-page2 .maps-sec h3 { margin-top: 25px;}
.contact-page2 .maps-sec iframe {width: 100%;height: 250px;border-radius: 8px;box-shadow: 0px 0px 5px #00223e;}
.contact-page2 .tab-content {padding-top: 20px;padding-left: 10px;padding-right: 10px;}
.contact-page2 .cont li {color: #00223e;font-weight: 600;}
.contact-page2 .cont a {color: #00223e;}
.contact-page2 .pranch h2 {color: #f5a315;margin-bottom: 12px;font-size: 22px;}
.contact-page2 .nav-tabs {border-bottom: unset;background-color: #f5a315;margin-left: 0px;}
.contact-page2 .pranch {margin-top: 45px;border-radius: 22px;padding-bottom: 10px;border: 1px solid #f5a315;overflow: hidden;}
.contact-page2 .pranch i {color: #f5a315;}
.contact-page2 .social-media li{display: inline-block;margin-right: 5px;}
.contact-page2 .cont li {margin-bottom: 10px;}
.contact-page2 iframe {border-radius: 15px;}
.contact-page2 .nav-tabs .nav-link.active {color: #ffffff;border: 0px;background-color: unset;}
.contact-page2 .nav-link {color: #035390;border: 0px}
.contact-page2 .nav-link:hover {border: none !important;color: #fff;}
.contact-page2 .btn-primary{color: #fff;background-color: #00223e ;}
.contact-page2 .btn-success{background-color: #f5a315;border-color: #f5a315 !important;border-radius: 20px;}
.contact-page2 .btn-success:hover {
    background-color: #035390;
    border-color: #035390 !important;
}
.contact-page2 .btn-success:focus{background-color: #1c1c1c;border-color: #1c1c1c !important;}
@media(max-width:767px) {.contact-page2 .contact-data {margin-top: 20px;}}
.pranch ul{margin-left: -37px;}
/************************************************contact-page2*******************************************************/


.about-page{padding: 100px 0px;}
@media(min-width:767px){.order2{order: 2;}}
.about-page:nth-of-type(even) {background-color:#00000012;}

.products-page{padding: 100px 0px;}
.products-page .brands-item{text-align: center;    border: 0.5px solid #0000001a;padding-bottom: 10px;margin-bottom: 30px;}
.products-page .brand-img img{width: 70%;}
.name{text-transform: uppercase;}
.products-page p{margin-bottom: 25px;text-align: center;}

.brands-page .brands-item{border: none;}
.certificates-page{padding: 100px 0px;}
.certificates-item{background-size: 100% 100%;background-position: center;}
.certificates-item{margin-bottom: 30px;}

.standard-page{padding: 100px 0px;}
.standard-data h1{color: #e30404;margin-bottom: 5px;}
.standard-data ul{list-style: disc;margin-left: -20px;}
.standard-data li{margin-bottom: 10px;}


.standard-page{background-repeat: no-repeat;background-position: right bottom;}

.carousel-gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #f5a315;}
       


.services-item-img{background-position: center;background-size: cover;transition: 0.4s ease-in-out;}
.services-item{box-shadow: 0px 0px 19px 6px #ffffff36;border-radius: 30px;overflow: hidden;margin-bottom: 30px;transition: 0.4s ease-in-out;}
.services-item:hover{transform: scale(0.96,0.96);transition: 0.4s ease-in-out;}
.services-item:hover .services-item-img{filter: brightness(0.5);transition: 0.4s ease-in-out;}
.services-item-name{padding: 10px;text-align: center;background: #0252901f;}
.services-item-name h5{color: #f5a315;font-size: 18px;}


.products-section{padding: 80px 0px;}
.product-item-img{background-position: center;background-size: cover;transition: 0.4s ease-in-out;}
.product-item{margin-bottom: 30px;box-shadow: 0px 0px 15px 2px #00000054;border-radius: 30px;overflow: hidden;}
.product-item-info{padding: 20px 10px;}
.product-item:hover .product-item-img{transition: 0.4s ease-in-out;transform: scale(1.1,1.1)rotate(4deg);filter: brightness(0.5);}
.products-section .about-data{margin-bottom: 30px;}
.product-item-info h5{color: #f5a315;font-size: 18px;}
.product-item-info p{color: #333;font-size: 14px;}
.product-item-info p span{color: #f5a315;}
.about-logo{width:130px ;margin-bottom: 5px;}
.services-page{padding: 80px 0px}
.services-page  .about-data h1,.services-page  .about-data p{color: #333;}
.product-d-page{padding: 80px 0px 80px 0px;}
.about-data h4{color: #f5a315;font-size: 25px;font-weight: 600;}

/************************************************vedio-section*******************************************************/
@media only screen and (max-width: 641px) {
    /***** MODAL PROPERTIES *****/
   .product-d-page .video-box .modal-body{padding:0;margin:0;}
   .product-d-page .video-box .modal-content{padding:0;margin:0;}
   .product-d-page .video-box .modal-dialog{position:relative;width:auto;margin:15px;}
   .product-d-page .video-box .close{margin:-12px 0 0 0;}
}
@media only screen and (min-width: 768px) {
    /***** MODAL PROPERTIES *****/
   .product-d-page .video-box .close { font-size: 30px; color: white; margin:30px -43px -20px 100px;}
}
@media only screen and (min-width: 992px) {
    /***** MODAL PROPERTIES *****/
	.product-d-page .video-box .modal-dialog {width: 884px;}
	/*.video-box iframe {height:100%;}*/
}
.product-d-page .modal-backdrop.show {z-index: 5;}
@media (min-width: 576px){.product-d-page .modal-dialog{max-width:75%;margin: 1.5rem auto;height:75vh !important;}}
@media(max-width:767px){.product-d-page .modal-content .close{right: 20px;top: 20px;color: #fff;font-size: 25px;}}
.product-d-page iframe{width: 100%;height: 550px;border: none;}
.video-img{background-position: center;background-size: cover;position: relative;}
.vedio-section{background-size: cover;background-position: center;border-radius: 15px;overflow: hidden;position: relative;margin-bottom: 30px;}
.video-a i {font-size: 50px;color: #d0252c !important;margin-right: 5px;}
.videos-page-info{text-align: center;margin-bottom: 25px;}
.product-d-page .modal-body{background-color: #000;}
.video-a{transform: translate(-50% ,-50%);position: absolute;left: 50%;top: 50%;z-index: 55;cursor: pointer;color: #0f212d !important;font-weight: 600;/* text-shadow: 0px 0px 5px #fff; */}

/************************************************vedio-section*******************************************************/

.photo-sec h3{color: #f5a315;margin-bottom: 20px;text-transform: uppercase;font-weight: 600;font-size: 27px;margin-top: 20px;}
.viewer-canvas{background: #000000bf;}
.docs-pictures>li>img{height: 200px;}
@media(min-width:767px) and (max-width:1200px){.docs-pictures>li>img{height: 135px;}}
@media(min-width:700px) and (max-width:800px){.docs-pictures>li>img{height: 170px;}.docs-pictures>li{width: calc(100% / 2);}}
@media(max-width:600px){.docs-pictures>li{width: calc(100% / 2);}.docs-pictures>li>img{height: 160px;}}
@media (max-width: 400px){.docs-pictures>li>img {height: 98px;}}

.team-section{padding: 80px 0px 100px 0px;}
.team-section .about-data h1{color: #333;}
.team-section .about-data{margin-bottom: 30px;}
.team-section .about-data p{color: #333;}
.team-item{padding: 30px 10px;box-shadow: 0px 0px 0px 9px #00000008;margin-bottom: 30px;border-radius: 15px;/* background-color: #00000000; */}
.team-img{background-position: center;background-size: cover;border-radius: 50%;width: 50%;margin: auto;margin-bottom: 20px;box-shadow: 0px 0px 0px 9px #00000008;}
.team-info h5{text-align: center;text-transform: uppercase;font-weight: 600;margin-bottom: 3px;}
.team-info h6{font-weight: 600;}
.team-info{text-align: center;}
.team-info a{color:#f5a315 ;}
@media(max-width:767px){.team-img{width: 30%;}.team-item{width: 80%;margin: auto;margin-bottom: 30px;}}
@media(max-width:400px){.team-item{width: 95%;margin: auto;margin-bottom: 30px;}}


.Products-item-img{background-position: center;background-size: contain;background-repeat: no-repeat;}
.Products-item{text-align: center;margin-bottom:30px}
.Products-item-name h5{color: #f5a315;font-weight: 600;}