@charset "utf-8";

/***** Design By Sagar 4.3 HTML 5 *****/

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');


/* CSS Document */

body {
    font-family: 'Nunito', sans-serif;
    background: #fff;
    color: #1d1f23;
    font-size: 15px;
    overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 6px
}

::-webkit-scrollbar-thumb {
    background: #313d4f;
    -webkit-border-radius: 0;
    border-radius: 0
}

* {
    padding: 0;
    margin: 0;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

ul,
li {
    padding: 0;
    margin: 0;
}

a {
    color: #222;
    text-decoration: none !important;
}

ul,
li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
    padding: 0;
    margin: 0;
	color:#015a7d;
}

::-moz-selection {
    text-shadow: none;
    background: #ff627f;
    color: #fff;
}

::selection {
    text-shadow: none;
    background: #ff627f;
    color: #fff;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}


/*------------------ VARIABLE CSS ------------ */

:root {
    --primary: #e4ea3f;
    --secondary: #e4ea3f;
}

/*** header ***/
.header ul li {
    display: inline-block;
    float: none;
    margin: 0px;
}
.header ul li a:hover{ color:#f7fe70;}

.right-side {
    margin-top: 19px;
    margin-left: 50px;
}

.right-h {
    display: block;
    margin-left: auto;
}

.center-header {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.header li a {
    padding: 33px 12px;
    display: block;
    text-decoration: none;
    color: #ffff;
    font-size: 15px;
    transition: .3s linear;
    font-weight: 600;
    border-radius: 0px;
    text-transform: uppercase;
}

.header li a:hover {

    color: #ffa200;
}

.set-p {
    position: absolute;

}

.hide {
    display: none;
}

.header ul ul {
    position: absolute;
    display: none;
    animation: fadeInLeft .5s forwards;
    z-index: 9999;
    background-color: #fff;
}

.dropdoqwn li {
    display: block !important;
    float: none;
}

.dropdoqwn2 {
    left: 100%;
    margin-left: 0px;
    margin-right: .1rem;
    margin-top: -39px;
    min-width: 160px;
    box-shadow: -1px 3px 6px 2px rgb(0 0 0 / 18%);
    box-shadow: -1px 3px 6px 2px rgb(0 0 0 / 18%);
}

.dropdoqwn {
    box-shadow: -1px 3px 6px 2px rgb(0 0 0 / 18%);
}

.dropdoqwn li a {
    display: block !important;
    font-size: 14px;
    padding: 8px 15px;
    min-width: 200px;
    font-weight: 600;
    text-align: left;
    border-radius: 0px;
    color: #333;
    text-transform: capitalize !important;
	border-bottom: 1px solid #ccc;
}

.dropdoqwn li a:hover {
   background-color: #00719d;
    color: #fff!important;
}

.meg:hover {
    background-color: #850c0b;
}

.catrgory span {
    margin-top: 28%;
    display: block;
}

.catrgory h3 {
    font-size: 24px;
    font-weight: 900;
}

.catrgory a {
    background-color: #084519;
    display: table !important;
    margin: 50px auto;
    padding: 10px 18px !important;
    color: #fff !important;
}

.headerlist {
    padding: 15px 00px;
}

.myheaderlist ul {
    overflow-x: scroll;
}

.megmenupart {
    position: absolute;
    width: 100%;
    display: none;
    left: 0px;
    right: 0;
    z-index: 9999 !important;
    margin: 0px auto;
    transition: 1s ease-in-out;
    box-shadow: -1px 3px 6px 2px rgb(0 0 0 / 18%);
}

.megamenu li {
    display: block;
    width: 100%;
}

.megamenu li a {
    padding: 4px 0px;
    text-transform: capitalize;
    color: #222;
}

.megamenu strong {
    width: 100%;
    display: block;
    padding-top: 0px;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px;

}

.megmenupart ul {
    position: inherit !important;
    display: block !important;
}

.megamenu {
    background-color: #fff;
    color: #444;
    border-radius: 0px;
    padding: 21px 22px;
}

#nav:checked~.header {
    display: block;
    transform: translateX(0);
    transition: all 0.3s ease-out;
    ;
}

.dropdoqwn i {
    float: right;
    padding-top: 4px;
}

.logo-center img {
    position: absolute;
    margin: 0 auto;
    display: block;
    left: -25px;
    right: 0;
    top: 7px;
    z-index: 999999;
    width: 108px;
}

.logo-part {
    float: left;
}


.darkHeader {
    position: fixed !important;
    top: 0 !important;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 9999 !important;
    background-color: #730100;
    border-bottom: none;
    animation: fadeInDown 1s;
}

#sub:checked~.dropdoqwn {
    display: block;
}

#sub:checked~.dropdoqwn2 {
    display: block;
}

#sub:checked~.megmenupart {
    display: block;
}
.sub i{ font-size:12px;}
.topmenu li {
    display: inline;
    margin-left: 12px;
}

.topmenu i {
    padding-right: 5px;
    font-size: 16px;
    color: #2b2f34;
}

.topmenu i:hover {
    color: #000;
}

.topmenu li a {
    color: #222;
}

.topmenu {
    font-size: 14px;
    background: #efefc2;
    color: #000;
    padding: 4px;
    line-height: 24px;
    font-weight: 700;
}

.header-new {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    width: 100%;
    padding: 10px 0px;
}

.header-two {
    background-color: transparent;
}

.header {
    display: flex;
    align-items: center;
}

.darkHeader {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    background-color: #015a7d;
    box-shadow: 5px 5px 10px rgb(19 46 77 / 14%);
}

.call {
    display: inline-flex;
    background: #f7fe70;
    border-radius: 100px;
    padding: 3px 15px 2px 3px;
    justify-content: center;
    align-items: center;
	color:#000;
}
.call:hover{background: #fff;}
.icons_text span {
    color: #5d5d5d;
    font-size: 14px;
    font-weight: 700;
    display: block;
    padding-top: 0px;
    padding-left: 8px;
    padding-bottom: 0px;
}

.icons_text a {
    display: block;
    font-size: 19px;
    color: #000;
    font-weight: 700;
    line-height: 18px;
    padding-left: 8px;
}

.slide img {
    width: 100%;
}


/*** FOOTER ****/
.footer-section {
	background-color: #015a7d;
	padding: 3rem 0rem 0rem;
	color: #fff;
}

.footer-section h4 {
	font-size: 16px;
	display: inline-block;
	border-bottom: 2px solid #f7fe70;
	padding-bottom: 8px;
	margin-bottom: 16px;
	color:#fff;
}

.footer-section ul li a {
	display: block;
	color: #fff;
	padding: 2px 0px;
	font-weight: 300;
}

.footer-section ul li a:hover {
	color: #41aceb;
}

.footerlogo {
	margin: 0 auto;
	display: block;
}

.footer a {
	color: #fff;
}

.cookies {
	text-align: center;
	line-height: 26px;
	padding: 20px;
	color: #36380b;
	background:#f7fe70;
	font-weight:600;
}

.cookies a {
	text-align: center;
	color: #36380b;
}

ul.social-network {
	top: 26px !important;
}

ul.social-network li {
	display: inline;
	margin: 0 5px;
	float: left;
}

.social-circle li a {
	display: inline-block;
	width: 40px;
	height: 40px;
	outline: 0 !important;
	cursor: pointer;
	color: #333;
	border: none;
	margin-right: 0px;
	border-radius: 50%;
	border: 2px solid #f7fe70;
	font-size: 19px;
	padding: 6px !important;
	text-align: center;
	transition: .3s linear;
}

.icoFacebook:hover {
	background: linear-gradient(145deg, #4268b3, #2c71f9);
	color: #fff !important;
	transform: rotate(360deg);
}

.insta:hover {
	background: linear-gradient(145deg, #d22c98, #f186b4);
	color: #fff !important;
	transform: rotate(360deg);
}

.icoTwitter:hover {
	background: linear-gradient(145deg, #43bceb, #6ccbf0);
	color: #fff !important;
	transform: rotate(360deg);
}

.icoLinkedin:hover {
	background: linear-gradient(145deg, #0177b5, #449ece);
	color: #fff !important;
	transform: rotate(360deg);
}

.youtube:hover {
	background: linear-gradient(145deg, #e42b33, #f25f65);
	color: #fff !important;
	transform: rotate(360deg);
}

.mobilefixed {
    position: fixed;
    background-color: #fff;
    width: 100%;
    bottom: 0;
    color: #fff;
    display: flex;
    text-align: center;
    z-index: 99999!important;
    box-shadow: -8px 2px 21px 0 rgb(136 136 136 / 40%);
    border-radius: 10px 10px 0 0;
	padding: 3px 0px;
}

.mobilefixed ul {
	width: 100%
}

.mobilefixed li {
	display: inline-block;
	width: 19%;
	margin-bottom: -11px
}

.mobilefixed li a {
	color: #000 !important;
	padding: 10px 15px 0 15px;
	font-weight: 400;
	font-size: 13px;
	display: inline-block
}

.google {
	padding-top: 20px
}

.mobilefixed img {
	width: 22px;
	margin: 0 auto
}

.home-cions {
	background-color: #fff;
	border-radius: 100px;
	padding: 15px!important;
	height: 50px!important;
	position: relative;
	top: -26px;
	box-shadow: 0 0 9px 0 #a0a0a0
}

.home-cions img {
	width: 24px;
	margin-top: -3px
}

.mobilefixed span {
	width: 100%;
	display: block;
	font-size: 12px
}


#dyanmic .wow{animation:fadeInUp 1s;}
#dyanmic .wow:nth-child(2n+2){animation:fadeInUp 2s;}
#dyanmic .wow:nth-child(2n+3){animation:fadeInUp 3s;}
#dyanmic .wow:nth-child(2n+4){animation:fadeInUp 4s;}
#dyanmic .wow:nth-child(2n+5){animation:fadeInUp 5s;}
#dyanmic .wow:nth-child(2n+6){animation:fadeInUp 6s;}
#dyanmic .wow:nth-child(2n+7){animation:fadeInUp 7s;}
#dyanmic .wow:nth-child(2n+8){animation:fadeInUp 8s;}
#dyanmic .wow:nth-child(2n+9){animation:fadeInUp 9s;}
#dyanmic .wow:nth-child(2n+10){animation:fadeInUp 9.46s;}
#dyanmic .wow:nth-child(2n+11){animation:fadeInUp 9.8s;}
#dyanmic .wow:nth-child(2n+12){animation:fadeInUp 10s;}
#dyanmic .wow:nth-child(2n+13){animation:fadeInUp 10.4s;}
#dyanmic .wow:nth-child(2n+14){animation:fadeInUp 10.8s;}
#dyanmic .wow:nth-child(2n+15){animation:fadeInUp 11.2s;}
#dyanmic .wow:nth-child(2n+16){animation:fadeInUp 11.6s;}
#dyanmic .wow:nth-child(2n+17){animation:fadeInUp 12s;}
#dyanmic .wow:nth-child(2n+18){animation:fadeInUp 12.4s;}
#dyanmic .wow:nth-child(2n+19){animation:fadeInUp 12.8s;}
#dyanmic .wow:nth-child(2n+19){animation:fadeInUp 13s;}
.mysearch {
	outline: none;
	width: 100%;
	padding: 10px 30px;
	color: #000;
	font-size: 20px;
	border:none;
	border-radius: 100px 0px 0px 100px;
}
.mysearchbutton {
	width: 100%;
	padding: 10px;
	color: #fff;
	font-size: 20px;
	background:#ffb203;
	border:none;
	border-radius: 0px 100px 100px 0px;
}
.mysearchpr {
	color:#fff;
	padding-bottom:20px;
	font-size:30px;
}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    background-color: #e2edffeb;
    overflow-x: hidden;
    transition: 0.3s linear;
    text-align:center;
	    display: flex;
    align-items: center;
  }
  
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
  
  }
  
  .sidenav a:hover{
    color: #df0006;
  }
  
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
	color: #000;
  }
  
.bannertext{ position:absolute; top:150px; z-index:1;width: 100%; color:#fff;}
.bannertext h4{ color:#fff; font-weight:400;}
.bannertext h1{ color:#fff; font-weight:700; font-size:50px; padding-bottom:30px;}
.bannertext a{ background:#f7fe70; display:table; padding:8px 15px; color:#000;border-radius: 5px;font-weight: 700;}
.bannertext a:hover{ background:#41aceb; color:#000;}
.bookappoint{ background:#fff; padding:20px 35px;border-radius: 5px;color:#000;}
.bookappointbutton{background:#41aceb; color:#fff; width:100%; padding:8px 15px; text-align:center; outline:none;font-weight: 700; border:none;border-radius: 5px;}
.bannerbotton {
    box-shadow: -1px 1px 24px 2px rgb(0 0 0 / 14%);
    padding: 30px;
    border-radius: 10px;
    background: #fff;
	margin-top: -160px;
	z-index:2;
}
.bannerbotton h6{ text-align:center; font-size:30px; font-weight:600; color:#015a7d; padding-top:30px;}
.ourclients{ margin-top:50px; margin-bottom:50px; text-align:center;}
.ourclients h2{ font-weight:700;}
.clientlogo{ text-align:center; border:1px solid #ccc; margin-left:-1px; margin-top:-1px;}
.subscription{ background:#f0f4f9; padding:50px 0px; margin-top:50px;}
.subscription h3{ font-size:40px; text-align:center; font-weight:700; padding-bottom:50px;}
.subscriptiontext{ background:#006b95;padding:50px 35px 35px;border-radius: 5px;color:#fff;}
.subscription i{ font-size:40px;}
.subscriptiontext strong{ font-size:28px;}
.signupemail{ background:#41acec; color:#fff; width:90%; padding:10px 15px; outline:none; border:none;border-radius: 5px;}
.signupemail::placeholder {color: #aae0ff;}
.signupbutton{ position:absolute; color:#fff; font-size:16px; font-weight:700;margin: 0px -44px;background: #41acec; border:none; padding:8px;}


.set_or{ position:relative;}
.option{
	        width: 45px;
    position: absolute;
    top: bott;
    height: 45px;
    background: #fff;
    margin: 0 auto;
    right: 0;
    left: 0;
    font-weight: 800;
    top: 34%;
    border-radius: 100px;
    border: 1px solid #006b95;
    outline: 7px solid #fff;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 0px;
}

.media{ padding-top:2rem; padding-bottom:2rem; border-bottom:1px solid #e3e3e3;}
.media h6{
	font-size: 30px;
    font-weight: 500;
    border-left: 4px solid #00a196;
    padding-left: 13px;
	}
	
.client2{
	padding-top:3rem;
	margin-bottom:9rem;
	text-align:center;
}
.client2 i{ font-size: 127px;
    color: #e7e7e7;
    margin-bottom: -91px;
    display: block;}
.paragraph{
    font-size: 19px;
	margin-top:0px;
	
}
.profile img{ width:100px; height:100px; margin-top:20px;}
.profile strong{ width:100%; font-size:18px; font-weight:800; display:block; text-transform:uppercase;}
.breadcrom{ background:url(../images/bradcmbg.jpg) no-repeat; background-size:100%; padding:150px 0px 100px; color:#fff; text-align:center; }
.breadcrom a{ color:#fff;}
.breadcrom h3{ color:#fff; font-size:40px;}
.allcontent{ background:url(../images/allbg.jpg) fixed;}
.aboutusbgtrasp{ padding:50px 80px !important; font-size:16px; line-height:26px;}
.aboutusbgtrasp h2{ font-weight:700; font-size:48px;}
.allcontent img{ width:100%; }
.contenttext{ background:#fff; margin-top:50px; margin-bottom:50px;border-radius:20px; box-shadow: -1px 1px 24px 2px rgb(0 0 0 / 14%); padding:50px; font-size:16px; text-align:justify; border:1px solid #dddfe0;}
.contenttext img{ width:180px; margin-right:15px; margin-bottom:15px;}
.containertext{background:url(../images/allbg.jpg) fixed;}

.containertext ul li{ background:url(../images/mobile_arrow_right.png) no-repeat; background-position:0px 7px; padding-left:15px; line-height:26px; display:inherit;margin-bottom: 12px;}

.myproducts{ margin-top:30px; background:#fff;border-radius:15px; border:1px solid #e1e3e7; border-bottom:5px solid #20a5e7; padding:15px;}
.myproducts:hover{ border-bottom:5px solid #f7fe70;box-shadow: -1px 1px 24px 2px rgb(0 0 0 / 14%);}

.myproducts a{ font-size:18px;}
.myproducts img{ width:100%; object-fit:contain; height:280px;}
.menufecturer{ background:url(../images/manufacturer-of-cables.jpg) no-repeat;  background-size:100%;}
.mexporter{ padding:140px 100px; color:#fff;}
.menufecturer h6{ font-size:26px; font-weight:600; color:#fff; padding-bottom:15px;}
.menufecturer h2{ background:#df0006; padding:10px 30px; font-size:34px; color:#fff; font-weight:700; display:table; margin-bottom:15px;}

.factsfigure{
    text-align: center;
    padding: 1rem 0rem;
    margin-top: 3rem;
	background:url(../images/figurebg.jpg) no-repeat bottom; background-size:100%;
}

.factsfigure span{
    font-size: 18px;
    color: #433;
    font-weight: 400;
    border-bottom: 4px solid #d50008;
}
.factsfigure h4{ padding-top:15px; font-size:40px; font-weight:700;}
.figureborder{border-radius:15px; padding:20px; border:1px solid #ccc; color:#022044; text-align:center;}
.figureborder span{ color:#df0006; font-size:34px; font-weight:700 ; border:none;}
.figureborder strong{ font-size:24px;}
.mycontactus p{ padding:0px; margin:0px; }
 .mycontactus{ margin-top:-60px; padding:20px;font-size:18px;}
 .whatsappicons{font-size: 50px;color: #0076bf;}
 .iconstext{font-size: 24px;color: #0076bf;}
 .formpage5 {
	border-radius:15px;
	border:1px solid #e8e8e8;
	background-color:#fff;
}
.innerform {
	background:#eeebeb;
	color:#555;
	padding:0!important;
	margin:7px;
	border-radius:10px
}
.formpage5 h6 {
	font-size:20px;
	color:#fff;
	text-align:center;
	display:block;
	margin-bottom:0;
	background-color:#00b6dd;
	padding:8px;
	border-radius:10px 10px 0 0;
}
.innerform form {
	padding:5px 25px;
}
.forminner {
	display:block;
	text-align:center;
	font-weight:400;
	font-size:12px!important;
	padding-top:13px;
	padding-bottom:9px;
}
.inputname {
	border:1px solid #ccc;
	font-size:14px;
	margin-bottom:10px;
	color:#333;
	padding:5px 10px;
	width:100%;
}
.newform {
	border:1px solid #ccc;
	font-size:14px;
	color:#333;
	padding:10px 10px;
}
.inputbutton {
	outline:0;
	margin:0 auto;
	border:none;
	padding:8px 27px;
	border-radius:3px;
	color:#fff;
	font-weight:700;
	background-color:#647a91;
	display:block;
	font-size:16px;
	width:100%;
	margin-bottom:20px;
	margin-top:23px;
}
.mapiframe iframe{border-radius:15px!important; min-height: 518px;}
.privacypolicy{ font-size:18px; line-height:24px;}
.clickhere a{ color:#f7fe70;}

.calname a {
    float: left;
    padding: 10px 15px;
    margin: 0px 10px 10px 0px;
    color: white;
    max-width: 235px;
    width: 100%;
    text-align: left;
}
.shortprofile{ margin-top:20px; text-align:center; margin-bottom:50px; font-size:20px;}
.shortprofile strong{ color:#015a7d; padding:30px 0px; font-size:30px; font-weight:700;font-family: 'Poppins', sans-serif;}
.shortprofile img{ margin-bottom:20px;}