body{width: 100%; background:#f5f5f5 ; padding: 0; margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; }
a{text-decoration: none !important; border: none; outline: none; outline: none; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; }
h1, h2, h3, h4, h5, h6, p{ padding: 0; margin: 0; font-family: "Poppins", sans-serif;  font-style: normal; }
ul{ padding: 0; margin: 0; }
li{ list-style: none; border: none; outline: none; }
*{padding: 0;margin: 0;}

.poppins-thin { font-family: "Poppins", sans-serif; font-weight: 100; font-style: normal; } 
.poppins-thin-italic { font-family: "Poppins", sans-serif; font-weight: 100; font-style: italic; } 
.poppins-extralight { font-family: "Poppins", sans-serif; font-weight: 200; font-style: normal; } 
.poppins-extralight-italic { font-family: "Poppins", sans-serif; font-weight: 200; font-style: italic; }
.poppins-light { font-family: "Poppins", sans-serif; font-weight: 300; font-style: normal; }
.poppins-light-italic { font-family: "Poppins", sans-serif; font-weight: 300; font-style: italic; }
.poppins-regular { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; }
.poppins-regular-italic { font-family: "Poppins", sans-serif; font-weight: 400; font-style: italic; }
.poppins-medium { font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; }
.poppins-medium-italic { font-family: "Poppins", sans-serif; font-weight: 500; font-style: italic; }
.poppins-semibold { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; }
.poppins-semibold-italic { font-family: "Poppins", sans-serif; font-weight: 600; font-style: italic; }
.poppins-bold { font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; }
.poppins-bold-italic { font-family: "Poppins", sans-serif; font-weight: 700; font-style: italic; }
.poppins-extrabold { font-family: "Poppins", sans-serif; font-weight: 800; font-style: normal; }
.poppins-extrabold-italic { font-family: "Poppins", sans-serif; font-weight: 800; font-style: italic; }
.poppins-black { font-family: "Poppins", sans-serif; font-weight: 900; font-style: normal; }
.poppins-black-italic { font-family: "Poppins", sans-serif; font-weight: 900; font-style: italic; }
/*.container{ width: 1200px; }*/

/*Header Top Start*/
.header-top{ width: 100%; position: relative; display: block; background: linear-gradient(145deg, rgb(255, 255, 255) 35%, rgb(28, 168, 240) 35%); padding: 0; margin: 0; z-index: 99; background: linear-gradient(90deg, rgb(255, 255, 255) 17%, rgb(242, 242, 242) 35%); background: linear-gradient(90deg, rgb(255, 255, 255) 17%, rgb(240, 239, 232) 35%); }
.header-top .logo{ width: 80%; padding: 0; margin: 0; position: relative; }
.header-top .logo img{ width: 100%; position: absolute; content: ""; top: -60px; }

.header-top .search{ width: 70%; padding: 30px 0 0; margin: 0; float: right; }
.header-top .search .search-box{ width: 60%; background: #ccc; padding: 0; margin: 0; }
.header-top .search form .search-box{ width: 100%; padding: 0; margin: 0; background: #eee; border-radius: 5px; overflow: hidden; }
.header-top .search form .search-box input{ width: 90%; font-size: 18px; line-height: 20px; background: none; border: none; outline: none; padding: 10px; margin: 0; display: inline-block; }
.header-top .search form .search-box button{ width: 10%; float: right; padding: 10px; margin: 0; background: #1a2947; border: none; outline: none; }
.header-top .search form .search-box button i{ font-size: 16px; line-height: 18px; font-weight: bold; color: #fff; }

.header-top .click-link{ width: 100%; padding: 10px 0; margin: 0; text-align: right; }
.header-top .click-link ul{ padding: 0; margin: 0; }
.header-top .click-link ul li{ font-size: 16px; line-height: 18px; padding: 0 20px 0 0; margin: 0; display: inline-block; }
.header-top .click-link ul li a{ padding: 0; margin: 0; transition: all 400ms ease-in-out; color: #071e54; font-size: 14px; opacity: .7; outline: none; font-family: "Poppins", sans-serif; letter-spacing: 0.5px; }
.header-top .click-link ul li a:hover{color: #ec3a37; opacity: 1; transition: all 500ms ease-in-out; }
.header-top .click-link ul li a i{ font-size: 14px; color: #003468; padding: 0 10px 0px 0; border-right: 0.5px solid #003468; margin: 0 10px 0 0; }

.header-top .header-social-link{ width: 100%; float: right; padding: 0; margin: 0; display: flex; }
.header-top .header-social-link ul{ padding: 8px 0 0; margin: 0; display: inline-block; width: 100%; float: right; text-align: right; }
.header-top .header-social-link ul li{ display: inline-block;  padding: 0 0 0 9px; margin: 0; }
.header-top .header-social-link ul li a{ padding: 0; font-size: 16px; color: #003468; margin: 0 0 0 2px; display: inline-block; transition: all 400ms ease-in-out; text-align: center; border-radius: 5px; box-shadow: 3px 3px 6px #ccd0dd,-3px -3px 6px #fff; width: 27px; height: 27px; background: #f0efe8; line-height: 24px; }
.header-top .header-social-link ul li a:hover{ color: #ec3a37; transition: all 400ms ease-in-out; }

/*Header Bottom Start*/
.header-bottom{ width: 100%; position: relative; background: #fff; display: block; padding: 5px 0 10px; margin: 0; z-index: 99; }
.header-bottom .logo{ width: 100%; padding: 0; margin: 0; position: relative; }
/*.header-bottom .logo img{ width: 70%; position: absolute; content: ""; top: -35px; box-shadow: 3px 3px 6px #ccd0dd, -3px -3px 6px #fff; height: 100px; border-radius: 50%; background: #f0efe8; padding: 3px; }*/
.header-bottom .logo img{ width: 100%; position: absolute; content: ""; top: -37px; box-shadow: 2px 2px 4px #ccd0dd, -3px -3px 6px #fff; height: 106px; border-radius: 5px; background: #f0efe8; padding: 10px; }
.header-bottom .menu{ float: right; padding: 0; margin: 0; }
.header-bottom .menu ul{ padding: 5px 0; margin: 0; width: auto; }
.header-bottom .menu ul li a { transition: all 600ms ease-in-out; font-weight: 500; color: #003468; font-size: 14px; outline: none; font-family: "Poppins", sans-serif; letter-spacing: 0.5px; margin: 1px 1px; box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 8px 0 14px -9px rgba(0, 0, 0, 0.35); -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); border-radius: 0; padding: 20px 14px; background: none; text-transform: capitalize; text-transform: uppercase; font-weight: bold; }

.header-bottom .menu ul li ul li a{ color: #003468; font-weight: bold; }
.header-bottom .menu ul li a:hover{ box-shadow:none; color: #095e97; transition: all 600ms ease-in-out;}
.snip1189 { text-align: center;text-transform: uppercase;font-weight: 500;letter-spacing: 1px;}
.snip1189 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.snip1189 li { display: inline-block; list-style: outside none none; margin: 0 0.5em; padding: 0; }
.snip1189 a { margin: 0.2em 0; display: block; color: rgb(0, 0, 0); position: relative; }
.snip1189 a:hover{color: #0a8ce3; }
.snip1189 a:before,
.snip1189 a:after { height: 14px; width: 14px; position: absolute; content: ''; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; opacity: 0; }
.snip1189 a:before {left: -5px; top: 10px; border-left: 2px solid #a9acaec4; border-top: 2px solid #a9acaec4; -webkit-transform: translate(100%, 50%); transform: translate(100%, 50%); }
.snip1189 a:after { right: -5px; bottom: -5px; border-right: 2px solid #a9acaec4; border-bottom: 2px solid #a9acaec4; -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); }
.snip1189 a::after {right: -1px; bottom: 10px; border-right: 2px solid #a9acaec4; border-bottom: 2px solid #a9acaec4; }
.snip1189 a:hover,
.snip1189 .active a { color: #0a8ce3;transition: all 600ms ease-in-out; }
.snip1189 a:hover:before,
.snip1189 .active a:before,
.snip1189 a:hover:after,
.snip1189 .active a:after { color: #0a8ce3;  -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); opacity: 1; }


.header-bottom .bochure{ width: 100%; padding: 0; margin: 15px 0 0; text-align: center; }
.header-bottom .bochure a{ padding: 9px 0; font-size: 15px; line-height: 20px; margin: 0; width: 100%; display: inline-block; transition: all 500ms ease-in-out; background: linear-gradient(to bottom right,#f0efe8,#e5e6eb8c); -webkit-box-shadow: 3px 3px 6px #bfc3cf,-3px -3px 6px #fff; box-shadow: 3px 3px 6px #bfc3cfc7,-3px -3px 6px #fff; color: #003468; text-decoration: none !important; font-weight: 500; border-radius: 5px; outline: none; font-family: "Poppins", sans-serif; background: #f0efe8; }
.header-bottom .bochure a:hover{ color:#fff; background: #1a2947; box-shadow:none; background: transparent linear-gradient(276deg,rgb(0, 54, 103),#0067c1) 0 0 no-repeat padding-box;  letter-spacing: 0.1px; transition: all 600ms ease-in-out;  background: #0f447a; }

/*Banner Start*/
.banner{ width: 100%; position: relative; display: block; padding: 0; margin: 0; overflow: hidden; }


.banner .banner-left{ width: 40%;  float: left; height: 550px; }
.banner img{ width: 100%; height: 100%; }
.banner .banner-text{ width: 100%; position: absolute; content: ""; bottom: 220px; left: 0; padding: 0; margin: 0 auto; z-index: 9; }
.banner .banner-text .banner-text-dec{ width: 100%; padding: 0; margin: 0; text-align: center; }
.banner .banner-text .banner-text-dec h5{ font-size: 40px; line-height: 50px; color: #fff; font-family: "Poppins", sans-serif; padding: 0 0 15px; font-weight: bold; text-shadow: 3px 3px 4px #003c71; }
.banner .banner-text .banner-text-dec h1{ font-size: 75px; line-height: 100px; color: #f0efe8; padding: 0; margin: 0; font-weight: bold; text-shadow: 3px 3px 4px #003c71; }
.banner .banner-text .banner-text-dec p{ font-size: 20px; line-height: 30px; color: #e2e2e2; padding: 10px 0 20px; margin: 0; text-align: justify;  }
.banner .banner-text .banner-text-dec a{ padding: 13px 0; font-size: 18px; line-height: 20px; margin: 30px 0 0; width: 18%; display: inline-block; transition: all 500ms ease-in-out; background: transparent linear-gradient(276deg,rgb(0, 54, 103),#0067c1) 0 0 no-repeat padding-box; box-shadow: 2px 2px 6px #1888ec; color: #fff; text-decoration: none !important; font-weight: bold; border-radius: 5px; outline: none; font-family: "Poppins", sans-serif; text-align: center; border: 1px solid #fff; text-transform: uppercase; background: #1961ac; box-shadow: 2px 2px 6px #d6d6d6; }
.banner .banner-text .banner-text-dec a:hover{ background: transparent linear-gradient(276deg,rgb(0, 102, 191),#003c72) 0 0 no-repeat padding-box; letter-spacing: 1.2px; transition:all 500ms ease-in-out; background: #0f447a; }



/*Inner Banner*/
.inner-banner{ width: 100%; height: 250px; position: relative; display: block; padding: 0; margin: 0; }
.inner-banner img{ width: 100%; height: 100%; }
.inner-banner .inner-banner-block{ position: absolute; content: ""; top: 40%; left: 0; right: 0; padding: 0; margin: 0; }
.inner-banner h1.inner-head{ position: relative; font-size: 40px; line-height: 50px; color: #fff; font-weight: 600; padding: 0 0 0 15px; margin: 0; font-family: "Poppins", sans-serif; font-style: normal; border-left: 7px solid #a3a3a3; }
/*.inner-banner h1.inner-head:before{ position: absolute; content: ""; left: 220px; width: 6%; height: 6px; background: #ff5901; top: 25px; right: 0; border-radius: 15px; }*/
.inner-banner h1.inner-head span{ color: #a3a3a3; font-weight: 400; }


/*About Start*/
.about{ width: 100%; position: relative; display: block; background: #fff; padding: 30px 0 50px; margin: 0; z-index: 9; }
.about .about-left-content{ width: 100%; padding: 0; margin: 0; }

.about h2{ position: relative; font-size: 40px; line-height: 50px; color: #144478; font-weight: 600; padding: 0; margin: 0; font-family: "Poppins", sans-serif; font-style: normal; color: #144478; }
.about h2 span{ color: #ff5901; font-weight: 400; color: #9ba7b3; }
.about .heading-separator { width: 70px; height: 6px; background-color: #eaeaea; position: relative; margin: 5px 0 20px; background-color: #9ba7b3; }
.about .heading-separator span { background-color: #ff5901; content: ""; left: 0; position: absolute; bottom: 0; width: 35px; height: 6px; background-color: #144478; }

.about p{ outline: none; font-family: "Poppins", sans-serif; letter-spacing: 0.5px; font-size: 18px; line-height: 34px; color: #323232; padding: 0 0 20px; margin: 0; text-align: justify; font-weight: 500; }
.about a.about-btn { position: relative; padding: 15px 0; border: none; color: #fff; background: transparent linear-gradient(276deg,rgb(0, 54, 103),#0067c1) 0 0 no-repeat padding-box; transition: all 0.2s ease; display: inline-block; font-size: 16px; line-height: 18px; font-weight: bold; text-transform: uppercase; width: 30%; text-align: center; box-shadow: 3px 3px 6px #bfc3cfc7,-3px -3px 6px #fff; border-radius: 5px; background: #1961ac; }
.about a.about-btn:active { transform: scale(0.96); }
.about a.about-btn:before,
.about a.about-btn:after { position: absolute; content: ""; width: 150%; left: 50%; height: 100%; transform: translateX(-50%); z-index: -1000; background-repeat: no-repeat; }
.about a.about-btn:hover:before {
  top: -70%;
  background-image: radial-gradient(circle, #0067c1 20%, transparent 20%),
    radial-gradient(circle, transparent 20%, #0067c1 20%, transparent 30%),
    radial-gradient(circle, #0067c1 20%, transparent 20%),
    radial-gradient(circle, #0067c1 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, #0067c1 15%, transparent 20%),
    radial-gradient(circle, #0067c1 20%, transparent 20%),
    radial-gradient(circle, #0067c1 20%, transparent 20%),
    radial-gradient(circle, #0067c1 20%, transparent 20%),
    radial-gradient(circle, #0067c1 20%, transparent 20%);
  background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%,
    10% 10%, 18% 18%;
  background-position: 50% 120%;
  animation: greentopBubbles 0.6s ease;
}
@keyframes greentopBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%,
      40% 90%, 55% 90%, 70% 90%;
  }

  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%,
      50% 50%, 65% 20%, 90% 30%;
  }

  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%,
      50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}
.about a.about-btn:hover::after {
  bottom: -70%;
  background-image: radial-gradient(circle, #0067c1 20%, transparent 20%),
    radial-gradient(circle, #0067c1 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, #0067c1 15%, transparent 20%),
    radial-gradient(circle, #0067c1 20%, transparent 20%),
    radial-gradient(circle, #0067c1 20%, transparent 20%),
    radial-gradient(circle, #0067c1 20%, transparent 20%),
    radial-gradient(circle, #0067c1 20%, transparent 20%);
  background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 20% 20%, 18% 18%;
  background-position: 50% 0%;
  animation: greenbottomBubbles 0.6s ease;
}
@keyframes greenbottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%,
      70% -10%, 70% 0%;
  }

  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%,
      105% 0%;
  }

  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%,
      110% 10%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}

.about .about-right-content{ width: 100%; padding: 15px 0 0; margin: 0; }
.about .about-right-content img{ width: 100%; margin: 0; display: block; border-radius: 10px; }
.about:hover .about-right-content img{  -webkit-transform: scaleX(-1); transform: scaleX(-1);}

/*Inner About Start*/
.inner-about{ width: 100%; display: block; background: url(../images/inner-about.png) no-repeat; background-size: cover; padding: 30px 0; margin: 0; background: #f0efe8; position: relative; }
.inner-about h2{ font-size: 50px; line-height: 60px; color: #1a2946; font-weight: bold; padding: 0 0 30px; margin: 0; text-align: center; text-transform: uppercase; }
.inner-about h2 span{ color: #ec3a37; }
.inner-about p{ font-size: 18px; line-height: 34px; color: #323232;  padding: 10px 0; margin: 0; text-align: justify; font-weight: 500; }

.inner-documents{}
.inner-documents .documents-block{  width: 17.5%; float: left; padding: 10px; margin: 0 13px; overflow: hidden; background: #fff; border-radius: 8px; }
.inner-documents .documents-block .documents-logo{     width: 65%; height: 150px; margin: 0 auto; display: block; }
.inner-documents .documents-block .documents-logo img{width: 100%;}
.inner-documents .documents-block h3{    font-family: "Poppins", sans-serif; font-style: normal; text-align: center; font-size: 15px; line-height: 22px; padding: 0 0; margin: 0 0; color: #0566cb; height: 55px;}
.inner-documents .documents-block p{font-family: arial; font-style: normal; text-align: center; font-size: 15px; line-height: 23px; padding: 0 0; margin: 0 0; color: #031d34d9;     height: 75px;
    overflow: hidden;}
.inner-documents .documents-block a{background: transparent linear-gradient(276deg, rgb(4 43 78), #01386e) 0 0 no-repeat padding-box; color: #fff; width: 100%; display: block; border-radius: 20px; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 12px; letter-spacing: 0.5px; padding: 8px 0; margin: 8px 0 5px 0;}
.inner-documents .documents-block a:hover{ transition:all 600ms ease-in-out;   background: transparent linear-gradient(276deg, rgb(4 43 78), #0081ff) 0 0 no-repeat padding-box;}
.inner-documents .Inevestors .documents-logo{   width: 100%; height: 235px;}
.inner-documents .Inevestors p{display: none; font-family: arial; font-style: normal; text-align: center; font-size: 15px; line-height: 23px; padding: 0 0; margin: 0 0; color: #031d34d9;}
.inner-documents .Inevestors h3{ font-family: "Poppins", sans-serif; font-style: normal; text-align: center; font-size: 15px; line-height: 22px; padding: 0 0; margin: 0 0; color: #07508f; height: 55px;}

/*Inner Mission-Vision Start*/
.mission-block{ width: 100%; position: relative; display: block; background: #f0efe8; padding: 40px 0 60px; margin: 0; border-bottom: 5px solid #fff; }
.mission-block .mission-left{ width: 100%; padding: 0; margin: 0; }
.mission-block h2{ position: relative; font-size: 40px; line-height: 50px; color: #144478; font-weight: 600; padding: 0; margin: 0; font-family: "Poppins", sans-serif; font-style: normal; text-align: center; color: #144478; }
.mission-block h2 span{ color: #ff5901; font-weight: 400; color: #9ba7b3; }
.mission-block .heading-separator { width: 70px; height: 6px; background-color: #eaeaea; position: relative; margin: 5px auto 20px; background-color: #9ba7b3; }
.mission-block .heading-separator span { background-color: #ff5901; content: ""; left: 0; position: absolute; bottom: 0; width: 35px; height: 6px; background-color: #144478; }
.mission-block .mission-left p{ font-size: 18px; line-height: 34px; color: #323232;  padding: 0 0 30px; margin: 0; text-align: justify; font-weight: 500; }
.mission-block .mission-right{ width: 100%; padding: 15px; margin: 0; border: 5px solid #9ba7b3; background: #fff; }
.mission-block .mission-right img{ width: 100%; }


/*Director's Desk*/
.director{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0; margin: 0; z-index: 9; }
.director .director-left-content{ width: 100%; padding: 0; margin: 0; }

.director .director-left-content h3{ position: relative; font-size: 34px; line-height: 40px; color: #144478; font-weight: 600; padding: 0 0 15px; margin: 0; font-family: "Poppins", sans-serif; font-style: normal;  }
.director h2 span{ color: #ff5901; font-weight: 400; }
.director .heading-separator { width: 70px; height: 6px; background-color: #eaeaea; position: relative; margin: 5px 0 20px; }
.director .heading-separator span { background-color: #ff5901; content: ""; left: 0; position: absolute; bottom: 0; width: 35px; height: 6px; }

.director p{ outline: none; font-family: "Poppins", sans-serif; letter-spacing: 0.5px; font-size: 18px; line-height: 34px; color: #323232; padding: 0 0 20px; margin: 0; text-align: justify; font-weight: 500; }
.director .director-right-content{ width: 100%; padding: 5px 0 0; margin: 0; }
.director .director-right-content img{ width: 100%; margin: 0; display: block; border-radius: 10px; }
.director:hover .director-right-content img{  -webkit-transform: scaleX(-1); transform: scaleX(-1);}


/*Best Sellers Product*/
.selling-product-block{ position: relative; width: 100%;  display: block; background: url(../images/BESTSELLERS-BG.png) no-repeat; background: #f0efe8; background-size: cover; padding: 40px 0; margin: 0; }
.selling-product-block h2{  position: relative; font-size: 40px; line-height: 50px; color: #144478; font-weight: 600; padding: 0; margin: 0; font-family: "Poppins", sans-serif; font-style: normal; text-align: center; color: #144478; }
.selling-product-block h2 span{ color: #ff5901; font-weight: 400; color: #9ba7b3; }

.selling-product-block .heading-separator { width: 70px; height: 6px; background-color: #eaeaea; position: relative; margin: 5px auto 20px; background-color: #9ba7b3; }
.selling-product-block .heading-separator span { background-color: #ff5901; content: ""; left: 0; position: absolute; bottom: 0; width: 35px; height: 6px; background-color: #144478; }

.selling-product-block #selling-product-slider .item{ padding: 5px; margin: 0 10px; }
.selling-product-block .selling-product-box-content{transition: all 500ms ease-in-out;  width: 100%; padding: 0; background: #fff; border: 1px solid #fff; -webkit-box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.17); -webkit-animation: menu_sticky 0.7s ease-in-out; -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; margin: 0 0 30px; border-radius: 0; border-radius: 10px; overflow: hidden; }
.selling-product-block .selling-product-box-content img{ width: 100%; border-radius: 1px; }
.selling-product-block .selling-product-box-content img:hover{  animation: shake 0.5s; animation-iteration-count: infinite;}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
.selling-product-block .selling-product-box-content h4{ font-size: 16px; line-height: 20px; color: #fff; padding: 15px 0; margin: 0; font-weight: bold; text-transform: uppercase; text-align: center; background: transparent linear-gradient(276deg,rgb(255, 89, 1),#c94600) 0 0 no-repeat padding-box; font-family: "Poppins", sans-serif; background: #00376a; background: #1961ac; }
.selling-product-block img.BESTSELLERS-RightBG{ position: absolute; top: 30px; width: 20%; right: 0; }
.selling-product-block img.BESTSELLERS-LeftBG{ position: absolute; top: 30px; width: 20%; left: 0; -webkit-transform: scaleX(-1); transform: scaleX(-1); }
.selling-product-block .selling-product-box-content:hover h4{ transition: all 600ms ease-in-out; background: transparent linear-gradient(276deg,rgb(202, 70, 0),#fd5801) 0 0 no-repeat padding-box; background: #004a8f; background: #0f447a; }
.selling-product-block .selling-product-box-content p{ padding: 10px; margin: 0; text-align: justify; color: #323232; font-size: 14px; outline: none; font-family: "Poppins", sans-serif; letter-spacing: 0.5px; line-height: 24px; font-weight: 500; height: 125px; }
.selling-product-block .selling-product-box-content a.service-btn { position: relative; padding: 15px 0; border: none; color: #fff; background: transparent linear-gradient(276deg,rgb(0, 54, 103),#0067c1) 0 0 no-repeat padding-box; transition: all 0.2s ease; font-size: 16px; line-height: 18px; font-weight: bold; text-transform: uppercase; width: 56%; text-align: center; box-shadow: 3px 3px 6px #bfc3cfc7,-3px -3px 6px #fff; border-radius: 5px; margin: 0 auto 15px; display: block; z-index: 9; background: #1961ac; }
.selling-product-block .selling-product-box-content a.service-btn:hover{ background: transparent linear-gradient(276deg,rgb(0, 102, 191),#003c72) 0 0 no-repeat padding-box; letter-spacing: 1.2px; transition:all 500ms ease-in-out; background: #0f447a; }

/*Inner Product Start*/
.inner-product{ width: 100%; position: relative; display: block; background: #f0efe8; padding: 60px 0 30px; margin: 0 }
.inner-product h2 { position: relative; font-size: 40px; line-height: 50px; color: #144478; font-weight: 600; padding: 0; margin: 0; font-family: "Poppins", sans-serif; font-style: normal; text-align: center; color: #144478; }
.inner-product h2 span { color: #ff5901; font-weight: 400; color: #9ba7b3; }
.inner-product .heading-separator { width: 70px; height: 6px; background-color: #eaeaea; position: relative; margin: 5px auto 20px; background-color: #9ba7b3; }
.inner-product .heading-separator span { background-color: #ff5901; content: ""; left: 0; position: absolute; bottom: 0; width: 35px; height: 6px; background-color: #144478; }
.inner-product p{ font-size: 18px; line-height: 34px; color: #323232; padding: 0 0 30px; margin: 0; text-align: justify; font-weight: 500; }

.inner-product .inner-product-content{ width: 100%; padding: 0; margin: 0 0 30px; border: 1px solid #00376a; background: linear-gradient(to bottom right,#f0efe8,#e5e6eb8c); -webkit-box-shadow: 3px 3px 6px #bfc3cf,-3px -3px 6px #fff; box-shadow: 3px 3px 6px #bfc3cfc7,-3px -3px 6px #fff; transition: all 500ms ease-in-out;  overflow: hidden; border: 5px solid #9ba7b3; }
.inner-product .inner-product-content img{ width: 100%; }
.inner-product .inner-product-content h4{ font-size: 20px; line-height: 24px; color: #fff; padding: 15px 0; margin: 0; font-weight: bold; text-transform: uppercase; text-align: center; background: transparent linear-gradient(276deg,rgb(255, 89, 1),#c94600) 0 0 no-repeat padding-box; font-family: "Poppins", sans-serif;  height: 60px; background: #00376a; background: #1961ac; }
.inner-product .inner-product-content:hover{ transition: all 500ms ease-in-out;  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); -webkit-box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.63); -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); background: #0f447a; }
.inner-product .inner-product-content:hover h4{ background: transparent linear-gradient(276deg,rgb(202, 70, 0),#fd5801) 0 0 no-repeat padding-box; background: #0f447a; transition: all 600ms ease-in-out;  }
.inner-product .inner-product-content:hover img{   -webkit-transform: scaleX(-1);  transform: scaleX(-1); }
.inner-product .inner-product-content p{ font-size: 16px;
  line-height: 30px !important;
  color: #323232;
  padding: 15px;
  margin: 0 !important;
  text-align: justify;
  font-weight: 500;
  background: #fff; height: 350px; }

/*Why Us*/

.why-block{ width: 100%; position: relative; display: block; background: #fff; padding: 50px 0; margin: 0; z-index: 9; }
.why-block .why-left-content{ width: 100%; padding: 0; margin: 0; }
.why-block .why-left-content img{ width: 100%; border-radius: 10px; }
.why-block .why-right-content{ width: 100%; padding: 45px 0 0; margin: 0; }
.why-block .why-right-content h2{ position: relative; font-size: 40px; line-height: 50px; color: #144478; font-weight: 600; padding: 0; margin: 0; font-family: "Poppins", sans-serif; font-style: normal; color: #144478; }
.why-block .why-right-content h2 span{ color: #ff5901; font-weight: 400; color: #9ba7b3; }
.why-block .why-right-content .heading-separator { width: 70px; height: 6px; background-color: #eaeaea; position: relative; margin: 5px 0 20px; background-color: #9ba7b3; }
.why-block .why-right-content .heading-separator span { background-color: #ff5901; content: ""; left: 0; position: absolute; bottom: 0; width: 35px; height: 6px; background-color: #144478; }
.why-block .why-right-content p{ outline: none; font-family: "Poppins", sans-serif; letter-spacing: 0.5px; font-size: 18px; line-height: 34px; color: #323232; padding: 0 0 20px; margin: 0; text-align: justify; font-weight: 500; }
.why-block a.why-btn { margin: 0; position: relative; padding: 15px 0; border: none; color: #fff; background: transparent linear-gradient(276deg,rgb(0, 54, 103),#0067c1) 0 0 no-repeat padding-box; transition: all 0.2s ease; display: inline-block; font-size: 16px; line-height: 18px; font-weight: bold; text-transform: uppercase; width: 30%; text-align: center; box-shadow: 3px 3px 6px #bfc3cfc7,-3px -3px 6px #fff; border-radius: 5px; background: #1961ac; }
.why-block a.why-btn:active { transform: scale(0.96); }
.why-block a.why-btn:before,
.why-block a.why-btn:after { position: absolute; content: ""; width: 150%; left: 50%; height: 100%; transform: translateX(-50%); z-index: -1000; background-repeat: no-repeat; }
.why-block a.why-btn:hover:before {
  top: -70%;
  background-image: radial-gradient(circle, #0067c1 20%, transparent 20%),
    radial-gradient(circle, transparent 20%, #0067c1 20%, transparent 30%),
    radial-gradient(circle, #0067c1 20%, transparent 20%),
    radial-gradient(circle, #0067c1 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, #0067c1 15%, transparent 20%),
    radial-gradient(circle, #0067c1 20%, transparent 20%),
    radial-gradient(circle, #0067c1 20%, transparent 20%),
    radial-gradient(circle, #0067c1 20%, transparent 20%),
    radial-gradient(circle, #0067c1 20%, transparent 20%);
  background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%,
    10% 10%, 18% 18%;
  background-position: 50% 120%;
  animation: greentopBubbles 0.6s ease;
}
@keyframes greentopBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%,
      40% 90%, 55% 90%, 70% 90%;
  }

  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%,
      50% 50%, 65% 20%, 90% 30%;
  }

  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%,
      50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}
.why-block a.why-btn:hover::after {
  bottom: -70%;
  background-image: radial-gradient(circle, #0067c1 20%, transparent 20%),
    radial-gradient(circle, #0067c1 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, #0067c1 15%, transparent 20%),
    radial-gradient(circle, #0067c1 20%, transparent 20%),
    radial-gradient(circle, #0067c1 20%, transparent 20%),
    radial-gradient(circle, #0067c1 20%, transparent 20%),
    radial-gradient(circle, #0067c1 20%, transparent 20%);
  background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 20% 20%, 18% 18%;
  background-position: 50% 0%;
  animation: greenbottomBubbles 0.6s ease;
}
@keyframes greenbottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%,
      70% -10%, 70% 0%;
  }

  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%,
      105% 0%;
  }

  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%,
      110% 10%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}




/*inner-why*/
.inner-why{ width: 100%; position: relative; display: block; background: #f0efe8; padding: 50px 0; margin: 0; }
.inner-why h2{ font-size: 50px; line-height: 60px; color: #1a2946; font-weight: bold; padding: 0 0 30px; margin: 0; text-transform: uppercase; text-align: center; }
.inner-why h2 span{ color: #ec3a37; }
.inner-why .inner-why-box{ width: 100%; border: 5px solid #9ba7b3; padding: 15px; margin: 0; background: #fff; border-radius: 0; background: linear-gradient(to bottom right,#f0efe8,#f2f6ff);
  -webkit-box-shadow: 3px 3px 6px #bfc3cf,-3px -3px 6px #fff;
  box-shadow: 3px 3px 6px #bfc3cfc7,-3px -3px 6px #fff; background: #fff; }
.inner-why .inner-why-box img{ width: 100%; }
.inner-why .inner-why-box p{ font-size: 18px; line-height: 34px; color: #323232;  padding: 10px 0 15px; margin: 0; text-align: justify; font-weight: 500; }

/*Testimonial*/
.testimonial{ width: 100%; position: relative; display: block; padding: 40px 0; margin: 0; background: #fff; color: #fff; }
.testimonial h2{  position: relative; font-size: 40px; line-height: 50px; color: #144478; font-weight: 600; padding: 0; margin: 0; font-family: "Poppins", sans-serif; font-style: normal; text-align: center; color: #144478; }
.testimonial h2 span{ color: #ff5901; font-weight: 400; color: #9ba7b3; }

.testimonial .heading-separator { width: 70px; height: 6px; background-color: #eaeaea; position: relative; margin: 5px auto 20px; background-color: #9ba7b3; }
.testimonial .heading-separator span { background-color: #ff5901; content: ""; left: 0; position: absolute; bottom: 0; width: 35px; height: 6px; background-color: #144478; }
.testimonial #testimonial-slider .item{ margin: 0 15px; padding: 5px; }
.testimonial .testimonial-box{ width: 100%; padding: 0; margin: 0;margin: 0 0 30px; text-align: center;transition: all 400ms ease-in-out; border-radius: 30px; overflow: hidden; transition: all 500ms ease-in-out; background: linear-gradient(to bottom right,#f0efe8,#e5e6eb8c); -webkit-box-shadow: 3px 3px 6px #bfc3cf,-3px -3px 6px #fff; box-shadow: 3px 3px 6px #bfc3cfc7,-3px -3px 6px #fff; background: #f0efe8; }
.testimonial .testimonial-box img{ width: 100%; display: none; }
.testimonial .testimonial-box .testimonial-content{ width: 100%; padding: 0 30px; margin: 0; }
.testimonial .testimonial-box .testimonial-content img{ width: 10%; }
.testimonial .testimonial-box .testimonial-content h4{ line-height: 28px; padding: 25px 0 10px; font-size: 20px; color: #144478; text-decoration: none !important; font-weight: bold; text-transform: capitalize; border-radius: 25px; outline: none; font-family: "Poppins", sans-serif; margin: 0; text-align: left; }
.testimonial .testimonial-box .testimonial-content h4 span{display: block; color: #ff5901; font-size: 15px; line-height: 20px; padding: 10px 0 0 2px; margin: 0 0 5px; font-weight: 500; }
.testimonial .testimonial-box .testimonial-content h4 span b{}
.testimonial .testimonial-box .testimonial-content p{ line-height: 28px; padding: 0 0 30px; font-size: 15px; color: #001a33; text-decoration: none !important; font-weight: 500; outline: none; font-family: "Poppins", sans-serif; margin: 0; text-align: justify; height: 235px; }
.testimonial .testimonial-box:hover{background: #ffffff8c;transition: all 400ms ease-in-out;}

/*Client Slider*/
.client{ width: 100%; display: block; position: relative; background: url(../images/client-bg.png) no-repeat; background-size: cover; padding: 50px 0 50px; margin: 0; }
.client h2{ position: relative; font-size: 40px; line-height: 50px; color: #0d5b9f; font-weight: bold; padding: 10px 0 30px; margin: 0; text-align: center; text-transform: uppercase; font-family: "Poppins", sans-serif; font-style: normal; }
.client h2 span{ color: #ff5901; }
.client h2::after{ position: absolute; content: ""; left: 28%; width: 10%; height: 5px; background: #0d5b9f; top: 35px; border-radius: 50px; }
.client h2::before{ position: absolute; content: ""; right: 28%; width: 10%; height: 5px; background: #ff5901; top: 35px; border-radius: 50px; }

.EmptiBG{background: url(../images/footer-up-image.png) no-repeat; background-attachment: scroll; background-size: auto; width: 100%; height: 400px; background-size: cover; background-attachment: fixed; box-shadow: inset 10px 10px 20px #0065be52, inset -10px -10px 10px #0065bd30;
  border-bottom: 5px solid #fff; overflow: hidden; }

.client #client-slider .item{ margin: 0 5px; padding: 10px; }
.client .client-box{ width: 100%; padding: 10px; margin: 0 0 15px; transition: all 400ms ease-in-out; background: #fff; border: 1px solid #d9d9d9; -webkit-box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.17); border-radius: 15px; }
.client .client-box:hover{ transform: translateY(-10px); transition: all 400ms ease-in-out; }
.client .client-box img{ width: 100%; }

/*Business Start*/
.business{ width: 100%; position: relative; display: block; padding: 100px 0; margin: 0; text-align: center; background: #fff;   }
.business h5{ font-size: 24px; line-height: 30px; color: #000; padding: 0; margin: 0; }
.business h2{ font-size: 90px; line-height: 110px; color: #144478; font-weight: bold; padding: 0; margin: 0; text-align: center; color: #144478; }
.business h2 span{ color: #ff5901; color: #9ba7b3; }

/*FAQ*/

.faq{ width: 100%; position: relative; display: block; background: #f0efe8; padding: 90px 0; margin: 0; }
.faq .faq-block{ width: 100%; background: #fff; height: 445px; padding: 40px 0; margin: 0; }
.faq .faq-block h2{  position: relative; font-size: 40px; line-height: 50px; color: #144478; font-weight: 600; padding: 0; margin: 0; font-family: "Poppins", sans-serif; font-style: normal; color: #144478; }
.faq .faq-block h2 span{ color: #ff5901; font-weight: 400; color: #9ba7b3; }
.faq .faq-block .heading-separator { width: 70px; height: 6px; background-color: #eaeaea; position: relative; margin: 5px 0 20px; background-color: #9ba7b3; }
.faq .faq-block .heading-separator span { background-color: #ff5901; content: ""; left: 0; position: absolute; bottom: 0; width: 35px; height: 6px; background-color: #144478; }


.faq .faq-block p{ height: 220px;
  padding: 10px;
  margin: 0;
  text-align: justify;
  color: #031746;
  font-size: 14px;
  opacity: .8;
  outline: none;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.5px;
  line-height: 24px;
  font-weight: normal; }



button.accordion {
 width: 100%;
  background: #00396d;
  border: none;
  outline: none;
  text-align: left;
  padding: 15px 20px;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.2s linear;
  margin: 10px 0 0;
  line-height: 26px;
  font-weight: bold; background: #1961ac;
}

button.accordion:after {
  font-family: FontAwesome;
  content: "\f150";
  font-family: "fontawesome";
  font-size: 18px;
  float: right;
}

button.accordion.is-open:after {
  content: "\f151";
}

button.accordion:hover,
button.accordion.is-open {
  background-color: #00234b; background-color: #0f447a;
}

.accordion-content {
 background: #fff;
  border-left: 5px solid #9ba7b3;
  border-right: 5px solid #9ba7b3;
  padding: 0 15px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out; border-left: 5px solid #9ba7b3;
  border-right: 5px solid #9ba7b3;
}
.accordion-content p{ background: #fff;
  font-size: 16px;
  line-height: 24px;
  color: #031746;
  margin: 30px 0; padding: 10px 0 30px; }

.faq-right-content{ width: 100%; position: relative; top: -80px; border: 5px solid #9ba7b3; padding: 15px; margin: 0; box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.17); background: #fff; border: 5px solid #9ba7b3; }
.faq-right-content img{ width: 100%; }

/*Inner-FAQ*/

.inner-faq{ width: 100%; position: relative; display: block; background: #f0efe8; padding: 40px 0 60px; margin: 0; }
.inner-faq h2{  position: relative; font-size: 40px; line-height: 50px; color: #144478; font-weight: 600; padding: 0; margin: 0; font-family: "Poppins", sans-serif; font-style: normal; text-align: center; color: #144478; }
.inner-faq h2 span{ color: #ff5901; font-weight: 400; color: #9ba7b3; }
.inner-faq .heading-separator { width: 70px; height: 6px; background-color: #eaeaea; position: relative; margin: 5px auto 20px; background-color: #9ba7b3 }
.inner-faq .heading-separator span { background-color: #ff5901; content: ""; left: 0; position: absolute; bottom: 0; width: 35px; height: 6px; background-color: #144478; }


.inner-faq p{ height: 220px;
  padding: 10px;
  margin: 0;
  text-align: justify;
  color: #031746;
  font-size: 14px;
  opacity: .8;
  outline: none;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.5px;
  line-height: 24px;
  font-weight: normal; }




.inner-faq .faq-image-block{ width: 100%; position: relative;  border: 5px solid #9ba7b3; padding: 15px; margin: 0; box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.17); background: #fff; }
.inner-faq .faq-image-block img{ width: 100%; }




/*Terms And Conditions*/
.terms{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0; margin: 0; }

.terms h2{  position: relative; font-size: 40px; line-height: 50px; color: #144478; font-weight: 600; padding: 0; margin: 0; font-family: "Poppins", sans-serif; font-style: normal; text-align: center; color: #144478; }
.terms h2 span{ color: #ff5901; font-weight: 400; color: #9ba7b3; }
.terms .heading-separator { width: 70px; height: 6px; background-color: #eaeaea; position: relative; margin: 5px auto 20px; background-color: #9ba7b3; }
.terms .heading-separator span { background-color: #ff5901; content: ""; left: 0; position: absolute; bottom: 0; width: 35px; height: 6px; background-color: #144478; }


.terms .terms-content{ width: 100%; padding: 0; margin: 0; }
.terms .terms-content p{ font-size: 16px; line-height: 28px; color: #323232;  padding: 15px 0; margin: 0; text-align: justify; font-weight: 500; }
.terms .terms-content h5{ font-size: 18px; line-height: 34px; color: #1a2946;  padding: 0; margin: 0; text-align: justify; font-weight: 500; }
.terms p{ font-size: 18px; line-height: 34px; color: #323232;  padding: 15px 0; margin: 0; text-align: justify; font-weight: 500; }
.terms .terms-content ul{ padding: 0; margin: 0; }
.terms .terms-content ul li{ padding: 0 0 10px 0; font-family: "Poppins", sans-serif; letter-spacing: 0.5px; font-size: 17px; line-height: 30px; color: #323232; margin: 0; text-align: justify; font-weight: 500; }
.terms .terms-content ul li b{ font-size: 20px; line-height: 22px; color: #144478; }
.terms ul{ padding: 0; margin: 0; }
.terms ul li{ padding: 0 0 10px 0; font-family: "Poppins", sans-serif; letter-spacing: 0.5px; font-size: 17px; line-height: 30px; color: #323232; margin: 0; text-align: justify; font-weight: 500; }
.terms ul li a{ color: #ff5901; transition: 400ms ease-in-out; font-weight: bold; }
.terms ul li a:hover{ color: #7c0709; transition: all 400ms ease-in-out; font-style: italic; }

.terms ul li b{ font-size: 20px; line-height: 22px; color: #144478; }
.terms ul li span u{ font-size: 18px;
  line-height: 20px;
  color: #ff5901;
  font-weight: 600; }
.terms .terms-image{ width: 100%; padding: 0; margin: 0; }
.terms .terms-image img{ width: 100%; }

/*Contact Us Page*/
.contact{ width: 100%; position: relative; background: url(../images/contact-bg.png) no-repeat; background-size: cover; padding: 30px 0; margin: 0; display: block; background: #f0efe8; }

.contact h2{  position: relative; font-size: 40px; line-height: 50px; color: #144478; font-weight: 600; padding: 0; margin: 0; font-family: "Poppins", sans-serif; font-style: normal; text-align: center; }
.contact h2 span{ color: #ff5901; font-weight: 400; color: #9ba7b3; }
.contact .heading-separator { width: 70px; height: 6px; background-color: #eaeaea; position: relative; margin: 5px auto 20px; background-color: #9ba7b3; }
.contact .heading-separator span { background-color: #ff5901; content: ""; left: 0; position: absolute; bottom: 0; width: 35px; height: 6px; background-color: #144478; }

.contact .contact-box{ width: 90%; display: block; margin: 10px auto 50px; border: 1px solid #f4efef; overflow: hidden; background: linear-gradient(to bottom right,#f7f3f3,#ffffff8c); -webkit-box-shadow: 3px 3px 6px #bfc3cf,-3px -3px 6px #fff; box-shadow: 3px 3px 6px #bfc3cfc7,-3px -3px 6px #fff; background: #f0efe8; }
.contact .contact-box .contact-left{ width: 50%; float: left; padding: 20px 0; margin: 0; }
.contact .contact-box .contact-left form{ width: 90%; display: block; padding: 0; margin: 0 auto; }
.contact .contact-box .contact-left form h4{ font-size: 22px; line-height: 32px; color: #144478; padding: 0 0 5px; margin: 0; text-align: center; background: none; font-weight: initial; letter-spacing: 0; font-weight: 600; }
.contact .contact-box .contact-left form .contact-fill{ width: 100%; border-radius: 5px; padding: 0; margin: 15px 0 20px; overflow: hidden; background: linear-gradient(to bottom right,#fff,#f0efe8); -webkit-box-shadow: 3px 3px 6px #bfc3cf,-3px -3px 6px #fff; box-shadow: 3px 3px 6px #bfc3cf5e,-3px -3px 6px #fff; border: 1px solid #ffffff24; border: 1px solid #ffffff24; background: #f0efe8; box-shadow: 2px 2px 2px #89898985; background: #fff; }
.contact .contact-box .contact-left form .contact-fill label{ width: 27%; float: left; padding: 11px 0px 10px 15px; margin: 0; text-align: left; background: #f0efe8; background: linear-gradient(to bottom right,#fff,#f0efe8); -webkit-box-shadow: 3px 3px 6px #bfc3cf,-3px -3px 6px #fff; box-shadow: 3px 3px 6px #bfc3cf5e,-3px -3px 6px #fff; color: #071e54de; font-size: 13px;  outline: none; font-family: "Poppins", sans-serif; letter-spacing: 0.5px; background: #144478; color: #fff; height: 40px; }
.contact .contact-box .contact-left form .contact-fill input{ width: 73%; border: none; background: none; outline: none; font-size: 14px; line-height: 20px; color: #101c4f; padding: 9px 0 0 20px; margin: 0; color: #000; height: 40px; padding: 0 15px; font-weight: 600; }
.contact .contact-box .contact-left form .message label{ height: 60px; width: 27%; float: left; padding: 10px 0px 10px 15px; margin: 0; text-align: left; background: #f0efe8; background: linear-gradient(to bottom right,#fff,#f0efe8); -webkit-box-shadow: 3px 3px 6px #bfc3cf,-3px -3px 6px #fff; box-shadow: 3px 3px 6px #bfc3cf5e,-3px -3px 6px #fff; color: #071e54de; font-size: 13px; outline: none; font-family: "Poppins", sans-serif; letter-spacing: 0.5px; background: #144478; color: #fff; }
.contact .contact-box .contact-left form .message textarea{ width: 73%; border: none; background: none; outline: none; font-size: 14px; line-height: 20px; color: #101c4f; padding: 9px 0 0 20px; margin: 0; resize: none; height: 60px; padding: 0 15px; font-weight: 600; color: #000; }
.contact .contact-box .contact-left form .contact-fill textarea{ width: 70%; border: none; background: none; outline: none; font-size: 14px; line-height: 20px; color: #101c4f; padding: 9px 0 0 20px; margin: 0; height: 60px; padding: 10px 15px; font-weight: 600; color: #000; }

.contact .contact-box .contact-left form .contact-submit input[type="submit"]{ text-transform: uppercase; background: transparent linear-gradient(276deg,rgb(0, 54, 103),#0067c1) 0 0 no-repeat padding-box; color: #fff; padding: 9px 0; font-size: 15px; line-height: 20px; margin: 0; width: 100%; display: inline-block; transition: all 500ms ease-in-out; box-shadow: 3px 3px 6px #bfc3cfc7,-3px -3px 6px #fff;
  text-decoration: none !important; font-weight: 500; border-radius: 5px; outline: none; font-family: "Poppins", sans-serif; background: #1961ac; }
.contact .contact-box .contact-left form .contact-submit input[type="submit"]:hover{ letter-spacing: 2px; transition: all 500ms ease-in-out; background: #0f447a; }
.contact .contact-box .contact-map{ width: 50%; float: right; height: 273px; overflow: hidden; padding: 15px; margin: 0; border: 5px solid #144478; background: #fff; }
.contact .contact-box .contact-map iframe{ width: 100%; height: 100%; }



.contact .contact-box .contact-right{position: absolute; content: ""; top: 30%; width: 26%; display: inline-block; height: 325px; padding: 30px 0; border: 1px solid #cccccc24; background: transparent linear-gradient(276deg,rgb(240, 239, 232),#fff) 0 0 no-repeat padding-box; color: #fff; -webkit-box-shadow: 3px 3px 6px #bfc3cf,-3px -3px 6px #fff; box-shadow: 3px 3px 6px #ffffffc7,-3px -3px 6px #e8e8e8; right: 150px; border: 5px solid #144478; }
.contact .contact-box .contact-right h4{ padding: 0 0 20px; font-size: 22px; line-height: 32px; color: #144478; margin: 0; text-align: center; background: none; letter-spacing: 0; font-weight: 600; }
.contact .contact-box .contact-right ul{ padding: 0 15px; margin: 0; }
.contact .contact-box .contact-right ul li{ background: none; font-size: 15px; line-height: 23px; color: #02192df7; padding: 0 0 15px; margin: 0; font-weight: 600; text-align: center; font-family: "Poppins", sans-serif; }

.contact .contact-box .contact-right ul li.contact{ padding: 0 0 15px; }
.contact .contact-box .contact-right ul li i{ font-size: 13px; color: #144478; font-weight: bold; margin: 0 10px 0 0; }
.contact .contact-box .contact-right ul li a{ background: none; font-size: 15px; line-height: 23px; color: #144478; padding: 5px 0; margin: 0; font-weight: 600; text-align: center; font-family: "Poppins", sans-serif; }
.contact .contact-box .contact-right ul li a:hover{ color: #0f447a; transition: all 400ms ease-in-out; }



/*footer*/
.footer{ width: 100%; position: relative; display: block; background: url(../images/footer-banner.png) no-repeat top left; background-size: cover; padding: 30px 0 20px; margin: 0; background: linear-gradient(145deg, #00305c 30%, #004682 50%, #002648 70%); }
.footer .footer-about{ width: 100%; padding: 0; margin: 0; }
.footer .footer-about h4{ font-size: 22px; line-height: 32px; color: #fff; padding: 15px 0 0; margin: 0; font-weight: bold; }
.footer .footer-about h4 span{ color: #ff5901; font-weight: 400; color: #f0efe8;}
.footer .footer-about .heading-separator{ width: 60px; height: 4px; background-color: #fff; position: relative; margin: 5px 0 20px; }
.footer .footer-about .heading-separator span{ background-color: #ff5901; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; background-color: #a3a3a3; }
.footer .footer-social .heading-separator{ width: 60px; height: 4px; background-color: #fff; position: relative;  }
.footer .footer-social .heading-separator span{ background-color: #fff; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; background-color: #a3a3a3; }
.footer .footer-about p{ width: 100%; font-size: 14px; line-height: 26px; color: #fff; text-align: justify; padding: 0 0 15px; margin: 0;  }
.footer .footer-social{ width: 100%; padding: 0; margin: 0; }
.footer .footer-social .heading-separator{ width: 60px; height: 4px; background-color: #fff; position: relative; margin: 5px 0 20px; }
.footer .footer-social .heading-separator span{ background-color: #ff5901; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; background-color: #a3a3a3; }
.footer .footer-social h4{ font-size: 22px; line-height: 26px; color: #fff; padding: 15px 0 0; margin: 0; font-weight: bold; }
.footer .footer-social h4 span{ color: #ff5901; font-weight: 400; color: #f0efe8; }
.footer .footer-social ul{ padding: 0; margin: 0; display: flex; }
.footer .footer-social ul li{ float: left; font-size: 15px; line-height: 18px; padding: 0; margin: 0 15px 0 0; width: 30px; height: 30px; background: #fff; text-align: center; box-shadow: 2px 2px 2px #89898985; border-radius: 5px; }
.footer .footer-social ul li a{ display: inline-block; line-height: 30px; }
.footer .footer-social ul li i{ color: #002648; padding: 0; transition: all 500ms ease-in-out; }
.footer .footer-social ul li a:hover{ color: #fff; transition: all 500ms ease-in-out; }
.footer .footer-social ul li a:hover i{ color: #ff5901; transition: all 500ms ease-in-out; }

.footer .footer-about ul{ padding: 0; margin: 0; }
.footer .footer-about ul li{ padding: 0 0 10px; margin: 0; color: #fff; font-size: 16px; line-height: 24px; font-weight: bold; }
.footer .footer-about ul li a{ color: #fff; transition: all 500ms ease-in-out; }
.footer .footer-about ul li a:hover{ color: #ff5901; transition: all 500ms ease-in-out; }
.footer .footer-about ul li i{ font-size: 16px; padding: 0 10px 0 0; color: #ff5901; color: #a3a3a3; }
.footer .footer-about p.location{ padding: 0 0 10px; margin: 0; color: #f0efe8; font-size: 14px; line-height: 24px; height: 112px; text-align: left; font-weight: 500; }
.footer .footer-about p.location b{ font-size: 16px; color: #ff5901; color: #fff; }
.footer .footer-about p.location i{ font-size: 14px; padding: 0 10px 0 0; color: #ff5901; color: #a3a3a3; }
.footer .footer-about .map{ width: 100%; height: 150px; border: 4px solid #fff; padding: 10px; margin: 0 0 20px; background: #00264873; background: #a3a3a354; }
.footer .footer-about .map iframe{ width: 100%; height: 100%; }

.footer .footer-brochure { width: 100%; padding: 0; margin: 0; }
.footer .footer-brochure a { text-align: center; border: 1px solid #fff; padding: 9px 0; font-size: 15px; line-height: 20px; margin: 0; width: 80%; display: inline-block; transition: all 500ms ease-in-out; text-decoration: none !important; font-weight: 500; border-radius: 5px; outline: none; font-family: "Poppins", sans-serif; background: transparent linear-gradient(276deg,rgb(0, 54, 103),#0067c1) 0 0 no-repeat padding-box; color: #fff; box-shadow: 2px 2px 2px #89898985; transition: all 500ms ease-in-out; background: #1961ac; box-shadow: 2px 2px 4px #fff; }
.footer .footer-brochure a:hover{ letter-spacing: 1.2px; transition: all 500ms ease-in-out; background: #0f447a; }

/*Footer Nav*/
.footer .footer-logo{ width: 17%;
  padding: 0;
  margin: 0 auto 30px;
  position: relative; display:block; }
.footer .footer-logo img{ width: 100%;  height: 106px; border-radius: 5px; background: #f0efe8; padding: 10px; background: #f0efe8; }

.footer .footer-nav { width: 100%; padding: 0; margin: 0; text-align: center; }
.footer .footer-nav ul { padding: 8px 0; margin: 0 0 15px; display: inline-block; border-top: 1px solid #ff5901; border-bottom: 1px solid #ff5901; width: 100%; border-top: 1px solid #a3a3a3; border-bottom: 1px solid #a3a3a3; }
.footer .footer-nav ul li { font-size: 15px; line-height: 18px; padding: 0 10px; margin: 0; display: inline-block; }
.footer .footer-nav ul li a { color: #cecece; transition: all 500ms ease-in-out; color: #fff; font-size: 16px; line-height: 24px; font-weight: bold; }



/*Copyright Start*/
.copyright{ width: 100%; background: #002444; position: relative; padding: 10px 0; margin: 0 0 35px; border-top: 1px solid #fff; }
.copyright .just-link{ width: 100%; padding: 0; margin: 0; }
.copyright .just-link ul{ padding: 0; margin: 0; }
.copyright .just-link ul li{ font-size: 16px; line-height: 18px; display: inline-block; padding: 0 15px 0 0; margin: 0; }
.copyright .just-link ul li a{ color: #fff; transition: all 500ms ease-in-out; }
.copyright .just-link ul li a:hover{ color: #ff5901; transition: all 500ms ease-in-out; }
.copyright p{ font-size: 14px; line-height: 18px; color: #fff; padding: 0; margin: 0; text-align: center; }
.copyright p a{ color: #ff5901; }
.copyright p a:hover{ font-style: italic; }

/*Tagline*/
.tag-line { display: block; background: #fff; padding: 8px 0; margin: 0; transition: all 600ms ease-in-out; position: fixed; bottom: 0; z-index: 99; width: 100%; border-top: 2px solid #fff; background: #f0efe8;  }
.tag-line marquee { font-size: 16px; font-weight: bold; line-height: 18px; color: #000; padding: 0px 0 0; margin: 0; font-family: "Poppins", sans-serif; }




/*/-------------------TAB / All Mobile Responsiv view SUJOY-------------------/*/


@media(max-width:786px) {
     
 /*.container { width: 760px; }*/


.header-top .click-link ul li a { font-size: 10px; opacity: 1; }
.header-top .click-link ul li a i { font-size: 10px; color: #003468; padding: 0 5px 0px 0; border-right: 0.5px solid #003468; margin: 0 7px 0 0; }
.header-top .click-link ul li { font-size: 10px; line-height: 14px; padding: 0 0 0 5px; margin: 0; }
.header-top .header-social-link ul li a { padding: 2px; font-size: 12px; margin: 0; width: 23px; height: 23px; line-height: 20px; }

.header-bottom .bochure { width: 28%; padding: 0; margin: 10px 30px 10px 0; text-align: center; float: right; }
.header-bottom .bochure a { padding: 8px 0; font-size: 13px; line-height: 15px; }
.header-bottom .logo img { width: 100%;
    top: -10px;
    height: 67px;
    padding: 5px; }
.header-bottom .logo { width: 46%; padding: 0; margin: 0; position: relative; z-index: 9999; }
.sticky .logo { width: 25% !important; padding: 0; margin: 0; position: relative; }
.sticky .logo img { width: 100%; top: 0px !important; height: 50px !important; }

.banner { height: 370px; }
.banner img { height: 370px; }
.banner .banner-text { bottom: 77px; left: 0; }
.banner .banner-text .banner-text-dec h5 { font-size: 24px; line-height: 30px; padding: 0 0 5px; }
.banner .banner-text .banner-text-dec h1 { font-size: 47px; line-height: 60px; }
.banner .banner-text .banner-text-dec a { padding: 13px 0; font-size: 14px; line-height: 18px; margin: 24px 0 0; width: 20%; }



.selling-product-block { padding: 30px 0; margin: 0; }
.selling-product-block h2 { font-size: 34px; line-height: 40px; }
.selling-product-block h2::before { right: 25%; width: 8%; top: 28px; }
.selling-product-block h2::after { left: 25%; width: 8%; top: 28px; }

.selling-product-block .selling-product-box-content { transition: all 500ms ease-in-out; width: 100%; padding: 0; height: 180px; }
.selling-product-block .selling-product-box-content h4 { font-size: 11px; line-height: 15px; color: #fff; padding: 9px 0; }

.about h2 { position: relative; font-size: 34px; line-height: 40px; }
.about h2::before { right: 30%; width: 8%; height: 5px; top: 28px; }
.about h2::after { left: 30%; width: 8%; height: 5px; top: 28px; }

.about .about-left-content p { padding: 0 0 13px; font-size: 13px; line-height: 24px; }
.about .about-left-content .btn { width: 35%; padding: 0; margin: 0 auto; }
.about .about-left-content .btn a { padding: 8px 0; font-size: 12px; }

.business { padding: 90px 0; }
.business h2 { font-size: 40px; line-height: 50px; margin: 10px 0; }
.business h5 { font-size: 16px; line-height: 18px; color: #000; padding: 0; margin: 0; }
.testimonial { width: 100%; position: relative; display: block; padding: 30px 0; margin: 0; }

.testimonial h2 { font-size: 16px; line-height: 18px;  padding: 0; margin: 0 0 15px 20px; }
.testimonial .testimonial-box .testimonial-content h4 { line-height: 26px; padding: 25px 0 15px; font-size: 18px; }
.testimonial .testimonial-box .testimonial-content h4 span { display: block; color: #ff5901; font-size: 13px; line-height: 18px; padding: 5px 0 0 2px; margin: 0 0 5px; }
.testimonial .testimonial-box .testimonial-content p { line-height: 24px; padding: 0 0 30px; font-size: 13px; }

.client { width: 100%; padding: 30px 0; margin: 0; }
.client h2 { position: relative; font-size: 34px; line-height: 40px; }
.client h2::before { right: 26%; width: 8%; height: 5px; top: 28px; }
.client h2::after { left: 26%; width: 8%; height: 5px; top: 28px; }


.footer .footer-about h5 { font-size: 17px; line-height: 22px; padding: 0; margin: 0 0 10px; }
.footer .footer-about p { font-size: 13px; line-height: 24px; padding: 0 0 20px; margin: 0; }
.footer .footer-brochure a { font-size: 12px; line-height: 14px; padding: 7px 0; margin: 0; width: 94%; }
.footer .footer-about ul li { font-size: 13px; line-height: 15px; padding: 0; margin: 0 0 8px; }
.footer h5 { font-size: 17px; line-height: 22px; padding: 0; margin: 0 0 15px; }

.copyright { padding: 15px 0; margin: 0; text-align: center; }
.copyright p { font-size: 12px; line-height: 16px; padding: 0; margin: 0; }
.inner-banner { width: 100%; height: 185px; position: relative; display: block; padding: 0; margin: 0; }
.inner-banner h1.inner-head { top: 38%; left: 34px; right: 0; font-size: 30px; line-height: 36px; padding: 0; margin: 0; width: 87%; }
.inner-banner h1.inner-head::before { left: 247px; width: 7%; height: 5px; top: 18px; right: 0; }

.mission-block h2 { font-size: 34px; line-height: 40px; padding: 0 0 20px; margin: 0; }
.mission-block .mission-left p { font-size: 13px; line-height: 24px; color: #323232; padding: 0; }

.inner-about p { font-size: 13px; line-height: 24px; padding: 0; }
.inner-why { padding: 30px 0; margin: 0; }

.inner-why .inner-why-box p { font-size: 13px; line-height: 24px; padding: 15px 0; }
.inner-product { padding: 30px 0; }


.inner-product .inner-product-content h4 { font-size: 11px; line-height: 15px; padding: 9px 0; }
.inner-product h2 { font-size: 34px; line-height: 40px; padding: 10px 0 30px; }
.inner-product h2::before { right: 13%; width: 8%; height: 5px; top: 28px; }
.inner-product h2::after { left: 13%; width: 8%; height: 5px; top: 28px; }

.contact h2 { font-size: 34px; line-height: 40px; padding: 10px 0 30px; }
.contact h2::before { right: 24%; width: 8%; height: 5px; top: 28px; }
.contact h2::after { left: 24%; width: 8%; height: 5px; top: 28px; }


.contact .contact-box { width: 70%; display: block; margin: 10px auto 50px; }
.contact .contact-box .contact-left form h4 { font-size: 18px; line-height: 24px; }

.contact .contact-box .contact-left form .contact-fill label { width: 27%; padding: 8px 0px 8px 10px; margin: 0; font-size: 12px; }
.contact .contact-box .contact-left form .contact-fill input { width: 70%; font-size: 13px; line-height: 16px; padding: 6px 0 0 15px; margin: 0; }
.contact .contact-box .contact-left form .message label { height: 50px; width: 27%; padding: 8px 0px 8px 10px; margin: 0; font-size: 12px; }
.contact .contact-box .contact-left form .contact-fill textarea { width: 70%; font-size: 13px; line-height: 16px; padding: 6px 0 0 15px; margin: 0; }
.contact .contact-box .contact-left form .contact-submit input[type="submit"] { padding: 7px 0; font-size: 13px; line-height: 18px; margin: 0; width: 100%; }
.contact .contact-box .contact-right { top: 33%; width: 28%; height: 234px; padding: 20px 0; right: 38px; }
.contact .contact-box .contact-right h4 { font-size: 20px; line-height: 24px; padding: 0 0 12px;} 
.contact .contact-box .contact-right ul li { background: none; font-size: 13px; line-height: 24px; padding: 0 0 10px; }
.contact .contact-box .contact-right ul li a { font-size: 13px; line-height: 24px; padding: 0 0 15px; }
.contact .contact-box .contact-right ul { padding: 0 10px; margin: 0; }
.contact .contact-box .contact-right ul li.contact { padding: 0 0 10px; }
.footer .location-map { width: 100%; height: 235px; border: 2px solid #eaeaea91; padding: 3px; margin: 0; }







}
@media(max-width:768px) { 
 /*.container { width: 750px; }*/




}

@media(max-width:760px) {
    /*//chek 700//*/
/*.container { width: 700px; }*/


 .header-bottom .logo { width: 16%; padding: 0; margin: 0; position: relative; }

.sticky .logo { width: 9% !important; padding: 0; margin: 0; position: relative; }
 .header-bottom .logo img { width: 96%; top: -40px; height: 94px; padding: 3px; }

.banner .banner-left { width: 40%; float: left; height: 350px; }
.banner .banner-right img { width: 100%; height: 350px; }
.banner .banner-right {  width: 60%; height: 350px; }

 .Categories-icon h2 { position: relative; font-size: 30px; line-height: 40px; }
 .Categories-icon .CategoriesBox { width: 31%; margin: 0 7px 30px; }

.Categories-icon .CategoriesBox h6 { font-size: 13px; margin: 0; }
.selling-product-block h2 { font-size: 30px; line-height: 40px; }
.about h2 { position: relative; font-size: 30px; line-height: 40px; padding: 0 0 20px; }
.about .about-left-content .btn { width: 26%; padding: 0; margin: 0 auto; }
.client h2 { position: relative; font-size: 30px; line-height: 40px; }
.footer .footer-brochure { width: 41%; padding: 0; margin: 0 0 20px; }
 .footer .footer-about h5 { font-size: 17px; line-height: 22px; padding: 0; margin: 10px 0; }
  .footer h5 { font-size: 17px; line-height: 22px; padding: 0; margin: 15px 0; }
  .mission-block .mission-left p { font-size: 13px; line-height: 24px; color: #323232; padding: 15px 0; }
.inner-product h2 { font-size: 30px; line-height: 40px; padding: 10px 0 30px; }
  .inner-product .inner-product-content h4 { font-size: 13px; line-height: 17px; padding: 12px 0; }
.contact .contact-box .contact-right { top: 33%; width: 30%; height: 234px; padding: 20px 0; right: 15px; }
 .selling-product-block .selling-product-box-content { transition: all 500ms ease-in-out; width: 100%; padding: 0; height: 287px; }
 .selling-product-block .selling-product-box-content h4 { font-size: 13px; line-height: 15px; color: #fff; padding: 9px 0; }










}


@media(max-width:699px) {
    /*//chek 600//*/
/*.container { width: 600px; }*/

.header-top .click-link ul li { font-size: 16px; line-height: 18px; padding:0; margin: 0; display: inline-block; width: 35%; }
.header-top .click-link { width: 100%; padding: 3px 0; margin: 0; text-align: right; }
.header-top .header-social-link ul { padding: 14px 0 0; margin: 0; display: inline-block; }

 .header-bottom .logo { width: 21%; padding: 0; margin: 0; position: relative; }
 .header-bottom .logo img { width: 100%; top: -48px; height: 104px; padding: 3px; }

.header-bottom .bochure { width: 36%; padding: 0; margin: 10px 30px 10px 0; text-align: center; float: right; }
 .Categories-icon h2 { position: relative; font-size: 26px; line-height: 40px; }
  .Categories-icon .CategoriesBox { width: 47%; margin: 0 7px 30px; }
.Categories-icon .CategoriesBox h6 { font-size: 16px; margin: 0; }
.selling-product-block h2 { font-size: 26px; line-height: 40px; }
.selling-product-block .selling-product-box-content { transition: all 500ms ease-in-out; width: 100%; padding: 0; height: 245px; }

.about h2 { position: relative; font-size: 26px; line-height: 39px; padding: 0 0 20px; }
 .business h2 { font-size: 36px; line-height: 44px; margin: 10px 0; }
.business { padding: 70px 0; }
 .testimonial .testimonial-box .testimonial-content h4 { line-height: 26px; padding: 25px 0 15px; font-size: 20px; }
  .client h2 { position: relative; font-size: 26px; line-height: 40px; }

.inner-banner { width: 100%; height: 135px; position: relative; display: block; padding: 0; margin: 0; }
.inner-banner h1.inner-head { top: 38%; left: 32px; right: 0; font-size: 28px; line-height: 36px; padding: 0; margin: 0; width: 87%; }

.mission-block h2 { font-size: 26px; line-height: 40px; padding: 0 0 10px; margin: 0; }
  .inner-product h2 { font-size: 26px; line-height: 40px; padding: 10px 0 20px; }
.inner-product .inner-product-content { width: 100%; padding: 0; margin: 0 0 30px; }

.inner-product .inner-product-content h4 { font-size: 14px; line-height: 17px; padding: 12px 0; }
.contact h2 { font-size: 26px; line-height: 40px; padding: 10px 0 30px; }
.contact .contact-box { width: 85%; display: block; margin: 10px 0 50px; }
.contact .contact-box .contact-right ul { padding: 0 5px; margin: 0; }
 .contact .contact-box .contact-right { top: 33%; width: 38%; height: 235px; padding: 15px 0; right: 15px; }


.about a.about-btn { padding: 12px 0 14px; font-size: 13px; line-height: 15px; width: 30%; }
.about .about-right-content { width: 100%; padding: 30px 0 0; margin: 0; }









}

@media(max-width:580px) {
    /*//chek 490//*/
/*.container { width: 470px; }*/
.header-top { background: #fff; padding: 0 0 6px; }
.header-top .header-social-link ul li { padding: 0 0 0 5px; margin: 0; }
  .header-top .header-social-link ul li a { padding: 2px; font-size: 10px; margin: 0; width: 24px; height: 24px; line-height: 20px; }
 .header-top .header-social-link ul { padding: 8px 0 0; margin: 0; }
   .header-bottom .logo img {width: 100%; top: -10px; height: 67px; padding: 5px;}
.header-top .click-link ul li { font-size: 16px; line-height: 18px; padding: 0; margin: 0 0 0 5px; display: inline-block; width: auto; }
.header-bottom .logo { width: 25%; padding: 0; margin: 0; position: relative; }
.sticky .logo img { padding: 5px !important; top: 0px !important; height: 50px !important; }
.sticky .logo { width: 19% !important; padding: 0; margin: 0; position: relative; }
  .banner { height: 330px; }
 .banner img { height: 330px; }
 .banner .banner-text .banner-text-dec h5 { font-size: 20px; line-height: 24px; padding: 0 0 5px; }
 .banner .banner-text .banner-text-dec h1 { font-size: 44px; line-height: 52px; }
 .banner .banner-text .banner-text-dec a { padding: 10px 0; font-size: 12px; line-height: 18px; margin: 24px 0 0; width: 32%; }


.about {  padding: 20px 0 30px; overflow: hidden; }
.about h2 { position: relative; font-size: 26px; line-height: 40px; padding: 0 ; }
.about .heading-separator { width: 70px; height: 4px; margin: 5px 0 20px; }
.about .heading-separator span { width: 35px; height: 4px; }
.about a.about-btn { padding: 12px 0 14px; font-size: 13px; line-height: 15px; width: 30%; }
.about .about-right-content { width: 100%; padding: 30px 0 0; margin: 0; }

.selling-product-block { padding: 20px 0; margin: 0; overflow: hidden; }
.selling-product-block .heading-separator { width: 70px; height: 4px; margin: 5px auto 20px; }
.selling-product-block .heading-separator span { width: 35px; height: 4px; }
  .selling-product-block .selling-product-box-content { transition: all 500ms ease-in-out; width: 100%; padding: 0; height: auto; }
.selling-product-block .selling-product-box-content img { height: 260px; }
.selling-product-block .selling-product-box-content h4 { font-size: 14px; line-height: 18px; padding: 10px 0; }
.selling-product-block .selling-product-box-content p { padding: 10px 15px; font-size: 13px; line-height: 22px; height: 100px; }
.selling-product-block .selling-product-box-content a.service-btn{ padding: 12px 0 14px; font-size: 13px; line-height: 15px; width: 30%; }

.business { padding: 40px 0; overflow: hidden; }
.business h2 { font-size: 32px; line-height: 40px; margin: 10px 0; }

.faq { padding: 20px 0; overflow: hidden; }
.faq .faq-block { height: auto; padding: 20px 0; margin: 0; }
.faq .faq-block h2 { font-size: 26px; line-height: 40px; }
.faq .faq-block .heading-separator { width: 70px; height: 4px; margin: 5px 0 20px; }
.faq .faq-block .heading-separator span { width: 35px; height: 4px; }
button.accordion { padding: 12px 15px 14px; font-size: 14px; margin: 10px 0 0; line-height: 20px; }
button.accordion::after { font-size: 14px; }
.accordion-content { padding: 0 15px; font-size: 13px; line-height: 20px; font-weight: 500; color: #000; }
.faq-right-content { top: 0; border: 5px solid #9ba7b3; padding: 15px; margin: 30px 0 0; }

.why-block { padding: 30px 0; overflow: hidden; }
.why-block .why-right-content { padding: 30px 0 0; }
.why-block .why-right-content h2 { font-size: 26px; line-height: 40px; }
.why-block .why-right-content .heading-separator { width: 70px; height: 4px; margin: 5px 0 20px; }
.why-block .why-right-content .heading-separator span { width: 35px; height: 4px; }
.why-block .why-right-content p { font-size: 13px; line-height: 24px; padding: 0 0 20px; }
.why-block a.why-btn{ padding: 12px 0 14px; font-size: 13px; line-height: 15px; width: 30%; }


 .testimonial h2 { font-size: 26px; line-height: 40px; padding: 0; margin: 0; }
.testimonial .heading-separator { width: 70px; height: 4px; margin: 5px auto 20px; }
.testimonial .heading-separator span { width: 35px; height: 4px; }
.testimonial #testimonial-slider .item { margin: 0 10px; padding: 5px; }
.testimonial .testimonial-box .testimonial-content h4 { line-height: 26px; padding: 15px 0 10px; font-size: 18px; }
.testimonial .testimonial-box { width: 100%; padding: 0; margin: 0; margin: 0 0 10px; border-radius: 15px; }
.testimonial .testimonial-box .testimonial-content { padding: 0 15px; }
.footer { padding: 30px 0 30px; }
.footer .footer-about h4 { font-size: 20px; line-height: 24px; padding: 0; margin: 0; }
.footer .footer-about .heading-separator { width: 50px; height: 4px; margin: 5px 0 20px; }
.footer .footer-about .heading-separator span { width: 25px; height: 4px; }
.footer .footer-about p { font-size: 13px; line-height: 24px; padding: 0 0 10px; margin: 0; }
.footer .footer-social { width: 100%; padding: 15px 0; margin: 0; }
.footer .footer-social h4 { font-size: 20px; line-height: 24px; padding: 0; margin: 0; }
.footer .footer-social .heading-separator { width: 50px; height: 4px; margin: 5px 0 20px; }
.footer .footer-social .heading-separator span { width: 25px; height: 4px; }
.footer .footer-social ul li { float: left; font-size: 13px; line-height: 16px; margin: 0 15px 0 0; width: 28px; height: 28px; }
.footer .footer-social ul li a { line-height: 27px; }
.footer .footer-about { width: 100%; padding: 15px 0 0; margin: 0; }
.footer .footer-about ul li i { font-size: 12px; padding: 0 10px 0 0; }
 .footer .footer-brochure { width: 39%; padding: 0; margin: 0; }
 .footer .footer-nav ul li { font-size: 12px; line-height: 18px; padding: 0 7px; margin: 0; }
.footer .footer-nav ul li a { font-size: 12px; line-height: 18px; }
.copyright .just-link ul { padding: 0 0 5px; margin: 0; width: 100%; }
.copyright .just-link ul li { font-size: 13px; line-height: 20px; padding: 0 5px; margin: 0; font-weight: bold; }
 .copyright p { font-size: 13px; line-height: 16px; padding: 0; margin: 0; text-align: center; }
.copyright { padding: 5px 0 10px; margin: 0 0 35px; text-align: center; }

.tag-line marquee { font-size: 13px; line-height: 18px; }
.footer .footer-logo img { width: 100%; height: 72px; border-radius: 5px; padding: 10px; }
.footer .footer-logo { width: 26%; padding: 0; margin: 0 auto 20px; }
.footer .footer-about p.location b { font-size: 14px; }
.footer .footer-about p.location i { font-size: 12px; padding: 0 5px 0 0; }
.footer .footer-about p.location { padding: 0 0 15px; margin: 0; font-size: 13px; line-height: 24px; height: auto; }

#myBtn { bottom: 15px !important; right: 15px !important; padding: 0; width: 8% !important; }
#myBtn img { width: 100% !important; }

.inner-faq { padding: 20px 0 30px; margin: 0; }
.inner-faq h2 { font-size: 26px; line-height: 40px; }
.inner-faq .heading-separator { width: 70px; height: 4px; margin: 5px auto 20px; }
.inner-faq .heading-separator span { width: 35px; height: 4px; }

.header-bottom .menu ul { padding: 5px 0; margin: 0; width: auto; background: #003c71 !important; width: 330px; }
.snip1189 a::before { left: -5px; top: 10px; }
.snip1189 a::after { right: -5px; bottom: 10px; border-right: 2px solid #a9acaec4; border-bottom: 2px solid #a9acaec4; }
 .header-bottom .menu ul li ul li a { color: #fff !important; font-weight: 500 !important; font-size: 12px !important; background: #0063ba !important; border-bottom: 1px solid #ccc; }
.snip1189 li { display: inline-block; margin: 0; padding: 0; }
.header-bottom .menu ul li a { font-size: 16px; margin: 3px 0; border-radius: 0; padding: 20px 18px; }


 .mission-block h2 { font-size: 26px; line-height: 40px; padding: 0; margin: 0; }
 .mission-block .heading-separator { width: 70px; height: 4px; margin: 5px auto 20px; }
 .mission-block .heading-separator span { width: 35px; height: 4px;  }
.inner-faq .faq-image-block { padding: 15px; margin: 30px 0 0; }

.inner-banner .inner-banner-block { position: absolute; content: ""; top: 36%; left: 0; right: 0; padding: 0; margin: 0; }

.inner-banner { width: 100%; height: 123px; position: relative; display: block; padding: 0; margin: 0; }

   .inner-banner h1.inner-head { top: 0; left: 0; font-weight: 600; padding: 0 0 0 15px; margin: 0; border-left: 6px solid #a3a3a3; font-size: 26px; line-height: 34px; }

.header-bottom .bochure { width: 42%; padding: 0; margin: 10px 0; text-align: center; float: right; }

.mission-block { width: 100%; position: relative; display: block; background: #f0efe8; padding: 20px 0; margin: 0; }
.inner-product { padding: 20px 0; }
.inner-product h2 { font-size: 26px; line-height: 40px; padding: 0; }
.inner-product .heading-separator { width: 70px; height: 4px; margin: 5px auto 20px; }
.inner-product .heading-separator span { width: 35px; height: 4px;  }

.inner-product p { font-size: 13px; line-height: 24px; padding: 0 0 30px; }
 .inner-product .inner-product-content h4 { font-size: 16px; line-height: 20px; padding: 12px 0; height: auto; }
.inner-product .inner-product-content p { font-size: 13px; line-height: 24px !important; padding: 15px; margin: 0 !important; height: 270px; }


.contact { padding: 20px 0; margin: 0; }
.contact .contact-box .contact-left form .contact-fill { padding: 0; margin: 15px 0 20px; }
  .contact .contact-box .contact-left form .contact-fill label { width: 27%; padding: 10px 0px 10px 10px; margin: 0; font-size: 12px; height: 40px; }
.contact .contact-box .contact-left form .contact-fill input { width: 73%; font-size: 13px; line-height: 16px; padding: 0 0 0 15px; margin: 0; height: 40px; }
    .contact .contact-box .contact-left form .message label { height: 70px; width: 27%; padding: 8px 0px 8px 10px; margin: 0; font-size: 12px; }
   .contact .contact-box .contact-left form .contact-fill textarea { width: 73%; font-size: 13px; line-height: 16px; padding: 6px 0 0 15px; margin: 0; height: 70px; }
.contact .contact-box { width: 100%; display: block; margin: 0 0 15px; }
.contact .contact-box .contact-left { width: 100%; float: left; padding: 15px; margin: 0; }
.contact .contact-box .contact-left form { width: 100%; display: block; padding: 0; margin: 0 auto; }
 .contact .contact-box .contact-right { top: 0; width: 100%; height: auto; padding: 15px 0; right: 0; position: relative; margin: 0; }
.contact .contact-box .contact-map { width: 100%; height: 230px; padding: 15px; margin: 0 0 30px; border: 4px solid #144478; }

.director { padding: 20px 0; margin: 0; overflow: hidden;}
.director .director-left-content h3 { font-size: 28px; line-height: 34px; padding: 0 0 10px; }
.director p { font-size: 13px; line-height: 24px; padding: 0 0 20px; }
  .contact h2 { font-size: 26px; line-height: 40px; padding: 0; }

.terms { padding: 20px 0; margin: 0; }
.terms h2 { font-size: 26px; line-height: 40px; }
.terms .heading-separator { width: 70px; height: 4px; margin: 5px auto 20px; }
.terms .heading-separator span { width: 35px; height: 4px;  }
.terms p { font-size: 13px; line-height: 24px; padding: 15px 0; }

.inner-documents .documents-block { width: 44.2%; padding: 10px; margin: 0 13px; border-radius: 8px; }
.inner-documents .documents-block h3 { font-size: 16px; line-height: 20px; }
.inner-documents .documents-block h3 { font-size: 16px; line-height: 20px; padding: 0 0; margin: 0 0; }
.inner-documents .documents-block p { font-size: 14px; line-height: 24px; padding: 0 0; margin: 0 0; }
.inner-documents .documents-block a { font-size: 10px; padding: 8px 0; margin: 8px 0 5px 0; }
.inner-documents .documents-block .documents-logo img { width: 100%; height: 100%; }
.inner-documents .documents-block .documents-logo { width: 100%; height: 240px; }




}



@media(max-width:480px) {
    /*//chek 440//*/
/*.container { width: 420px; }*/
 
 .header-top .click-link ul li { font-size: 14px; line-height: 18px; padding: 0; margin: 0; display: inline-block; }
.header-top .click-link ul li a i { font-size: 9px; color: #003468; padding: 0 3px 0px 0; border-right: 0.5px solid #003468; margin: 0 2px 0 0; }
.header-top .click-link ul li a { font-size: 8px; opacity: 1; }
 .header-bottom .logo { width: 28%; padding: 0; margin: 0; position: relative; }
 .header-bottom .bochure a { padding: 6px 0; font-size: 12px; line-height: 14px; }
.sticky .logo { width: 15% !important; }
 .sticky .logo img { width: 100%; top: 0px !important; height: 47px !important; }
.banner .banner-left { width: 40%; float: left; height: 240px; }
.banner .banner-right img { width: 100%; height: 240px; }
.banner .banner-right {  width: 60%; height: 240px; }





  .header-top .header-social-link ul li { padding: 0 0 0 2px; margin: 0; }
.header-top .header-social-link ul li a { padding: 2px; font-size: 10px; margin: 0; width: 22px; height: 22px; line-height: 20px; }
 .banner { height: 300px; }
.banner img { height: 300px; }
  .banner .banner-text .banner-text-dec h1 { font-size: 40px; line-height: 50px; }
 .banner .banner-text { bottom: 60px; left: 0; }
  .header-bottom .logo img { width: 100%; top: -10px; height: 63px; padding: 5px; }
  .sticky .logo { width: 18% !important; }
.copyright p { font-size: 12px; line-height: 17px; padding: 5px 0; margin: 0; text-align: center; }
  .inner-product .inner-product-content p {
    font-size: 13px;
    line-height: 24px !important;
    padding: 15px;
    margin: 0 !important;
    height: 370px;
  }

 .inner-documents .documents-block { width: 100%; padding: 15px; margin: 0 0 30px; }
.inner-documents .documents-block .documents-logo { width: 100%; height: 440px; }
 .inner-documents .documents-block a { font-size: 10px; padding: 10px 0; margin: 8px 0 5px 0; }

}

@media(max-width:430px) {
    /*//chek 400//*/
/*.container { width: 390px; }*/
.header-top .click-link ul li { font-size: 14px; line-height: 18px; padding: 0; margin: 0; display: inline-block;  }
.header-top .header-social-link ul li a { padding: 2px; font-size: 10px; margin: 0; width: 20px; height: 20px; line-height: 18px; }
 .header-bottom .logo img { width: 100%; top: -9px; height: 60px; padding: 3px; }
.banner .banner-left { width: 40%; float: left; height: 200px; }
.banner .banner-right img { width: 100%; height: 200px; }
.banner .banner-right {  width: 60%; height: 200px; }
 .Categories-icon h2 { position: relative; font-size: 22px; line-height: 30px; }
.selling-product-block .selling-product-box-content { transition: all 500ms ease-in-out; width: 100%; padding: 0; }
.selling-product-block h2 { font-size: 22px; line-height: 30px; }
.about h2 { font-size: 22px; line-height: 30px; padding: 0; }
 .about a.about-btn { padding: 10px 0 12px; font-size: 12px; line-height: 16px; width: 34%; }
  .selling-product-block .selling-product-box-content a.service-btn{ padding: 10px 0 12px; font-size: 12px; line-height: 16px; width: 34%; }
.about .about-left-content .btn { width: 40%; padding: 0; margin: 0 auto 20px; }
 .client h2 { position: relative; font-size: 22px; line-height: 30px; }
  .footer .footer-brochure { width: 45%; padding: 0; margin: 0 0 15px; }
 .footer .footer-brochure a { font-size: 11px; line-height: 14px; padding: 7px 0; margin: 0; width: 100%; }
  .footer .footer-about p { font-size: 12px; line-height: 24px; padding: 0 0 15px; margin: 0; }

  .inner-banner { width: 100%; height: 149px; position: relative; display: block; padding: 0; margin: 0; }
.inner-banner img { width: 100%; position: fixed; height: 150px; }
.mission-block h2 { font-size: 22px; line-height: 30px; padding: 0; margin: 0; }
 .testimonial .testimonial-box .testimonial-content h4 { line-height: 22px; padding: 25px 0 15px; font-size: 17px; }
.inner-product h2 { font-size: 22px; line-height: 30px; padding: 0; }
 .contact h2 { font-size: 22px; line-height: 30px; padding: 0; }

 .business h2 { font-size: 28px; line-height: 36px; margin: 7px 0; }
 .business h5 { font-size: 14px; line-height: 16px; padding: 0; margin: 0; }
 .faq .faq-block h2 { font-size: 22px; line-height: 30px; }
 .why-block .why-right-content h2 { font-size: 22px; line-height: 30px; }
 .why-block a.why-btn{ padding: 10px 0 12px; font-size: 12px; line-height: 16px; width: 34%; }
  .testimonial { padding: 20px 0; margin: 0; }
   .testimonial h2 { font-size: 22px; line-height: 30px; padding: 0; margin: 0; }
 .testimonial .testimonial-box .testimonial-content p { line-height: 24px; padding: 0 0 30px; font-size: 13px; height: 185px; }
 .testimonial .testimonial-box .testimonial-content h4 { line-height: 20px; padding: 25px 0 10px; font-size: 16px; }
  .footer .footer-logo { width: 29%; padding: 0; margin: 0 auto 20px; }
  .footer .footer-logo img { width: 100%; height: 64px; border-radius: 5px; padding: 5px; }
 .footer .footer-about h4 { font-size: 18px; line-height: 22px; padding: 0; margin: 0; }
 .footer .footer-social h4 { font-size: 18px; line-height: 22px; padding: 0; margin: 0; }
  .footer .footer-about p.location { padding: 0 0 15px; margin: 0; font-size: 12px; line-height: 24px; height: auto; }
  .footer { padding: 30px 0 10px; }
   .footer .footer-social { width: 100%; padding: 10px 0; margin: 0; }
   .footer .footer-about { width: 100%; padding: 10px 0 0; margin: 0; }
 .tag-line marquee { font-size: 11px; line-height: 16px; }
  .copyright { padding: 5px 0 10px; margin: 0 0 24px; text-align: center; }
  .copyright p { font-size: 10px; line-height: 15px; padding: 3px 0; margin: 0; text-align: center; }
  .terms h2 { font-size: 22px; line-height: 30px; }
   .inner-product .inner-product-content p { font-size: 13px; line-height: 24px !important; padding: 15px; margin: 0 !important; height: 400px; }
   .director .director-left-content h3 { font-size: 24px; line-height: 30px; padding: 0 0 10px; }
 .contact .contact-box .contact-map { width: 100%; height: 230px; padding: 10px; margin: 0 0 30px; border: 4px solid #144478; }
 .footer .footer-nav ul { padding: 5px 0 8px; margin: 0 0 15px; width: 100%; }
   .footer .footer-nav ul li { font-size: 12px; line-height: 18px; padding: 0 3px; margin: 0; }
 .footer .footer-nav ul li a { font-size: 10px; line-height: 14px; }
 .tag-line { padding: 5px 0; margin: 0; }
 .inner-faq h2 { font-size: 22px; line-height: 30px; }
   button.accordion { padding: 12px 15px 14px; font-size: 13px; margin: 10px 0 0; line-height: 20px; }
  .inner-banner h1.inner-head { padding: 0 0 0 15px; font-size: 22px; line-height: 26px; }
   .contact .contact-box .contact-left form .contact-fill input { width: 70%; font-size: 13px; line-height: 16px; padding: 0 0 0 15px; margin: 0; height: 40px; }
  .contact .contact-box .contact-left form .contact-fill label { width: 30%; padding: 10px 0px 10px 10px; margin: 0; font-size: 12px; height: 40px; }
  .contact .contact-box .contact-left form .message label { height: 70px; width: 30%; padding: 8px 0px 8px 10px; margin: 0; font-size: 12px; }
   .contact .contact-box .contact-left form .contact-fill textarea { width: 70%; font-size: 13px; line-height: 16px; padding: 6px 0 0 15px; margin: 0; height: 70px; }
 

}

@media(max-width:399px) {
    /*//chek 385//*/
/*.container { width: 380px; }*/

.header-top .header-social-link { width: 100%; float: right; padding: 0; margin: 0; display: flex; position: relative; }
 .header-top .click-link ul li { font-size: 14px; line-height: 18px; padding: 0; margin: 0; display: inline-block;  }

  .selling-product-block .selling-product-box-content { width: 100%; padding: 0; }
 .header-top .header-social-link ul li a { padding: 2px; font-size: 10px; margin: 0; width: 19px; height: 19px; line-height: 18px; }
  .banner .banner-text .banner-text-dec a { padding: 10px 0; font-size: 12px; line-height: 16px; margin: 24px 0 0; width: 38%; }
.banner .banner-text .banner-text-dec h1 { font-size: 36px; line-height: 44px; }




}


@media(max-width:380px) {
    /*//chek 375//*/
/*.container { width: 370px; }*/


 .header-bottom .bochure { width: 42%; padding: 0; margin: 10px; text-align: center; float: right; }
 .header-top .header-social-link ul li a { padding: 2px; font-size: 10px; margin: 0; width: 18px; height: 18px; line-height: 14px; }
  .header-bottom .menu ul {
    padding: 5px 0;
    margin: 0;
    background: #003c71 !important;
    width: 330px;
    
  }
 .inner-documents .documents-block .documents-logo {
    width: 100%;
    height: 380px;
  }






}

@media(max-width:365px) {
    /*//chek 320//*/

    /*.container { width: 310px; }*/

  .header-top .click-link ul li { font-size: 14px; line-height: 18px; padding: 0; margin: 0; display: inline-block;  }
 .header-top .click-link ul li a { font-size: 7px; opacity: 1; letter-spacing: 0; }
  .header-bottom .bochure a { padding: 6px 0; font-size: 10px; line-height: 14px; }
 .header-bottom .bochure { width: 48%; padding: 0; margin: 10px; text-align: center; float: right; }
   .header-top .header-social-link ul li a { padding: 2px; font-size: 8px; margin: 0; width: 16px; height: 16px; line-height: 12px; }
    .header-top .header-social-link ul li { padding: 0 0 0 0px; margin: 0; }
.header-bottom .logo img {width: 100%; top: -9px; height: 58px; padding: 3px; }
.header-bottom .logo { width: 31%; padding: 0; margin: 0; position: relative; }
.sticky .logo { width: 26% !important; }
  .banner .banner-text .banner-text-dec h1 { font-size: 34px; line-height: 40px; }
   .banner { height: 250px; }
 .banner img { height: 250px; }
   .banner .banner-text .banner-text-dec h5 { font-size: 18px; line-height: 22px; padding: 0 0 5px; }
    .banner .banner-text .banner-text-dec a { padding: 10px 0; font-size: 11px; line-height: 14px; margin: 24px 0 0; width: 40%; }
      .banner .banner-text { bottom: 48px; left: 0; }

.selling-product-block .selling-product-box-content { transition: all 500ms ease-in-out; width: 100%; padding: 0; }
  .about a.about-btn { padding: 10px 0; font-size: 10px; line-height: 14px; width: 38%; }
  .selling-product-block .selling-product-box-content a.service-btn { padding: 10px 0; font-size: 10px; line-height: 14px; width: 38%; }
   .why-block a.why-btn{ padding: 10px 0; font-size: 10px; line-height: 14px; width: 38%; }
.selling-product-block .selling-product-box-content h4 { font-size: 12px; line-height: 18px; padding: 10px 0; }
 .selling-product-block .selling-product-box-content p { padding: 10px 15px; font-size: 13px; line-height: 22px; height: 140px; }
.business h2 { font-size: 26px; line-height: 32px; margin: 7px 0; }
.testimonial .testimonial-box .testimonial-content { width: 100%; padding: 0 15px; margin: 0; }
 .faq-right-content { top: 0; border: 5px solid #9ba7b3; padding: 10px; margin: 30px 0 0; }
  .testimonial .testimonial-box .testimonial-content p { line-height: 24px; padding: 0 0 30px; font-size: 13px; height: 210px; }
 .footer .footer-brochure { width: 52%; padding: 0; margin: 0 0 15px; }
  .footer .footer-logo img { width: 100%; height: 54px; border-radius: 5px; padding: 5px; }
  .contact .contact-box .contact-left form .contact-fill label { width: 33%; padding: 12px 0px 8px 8px; margin: 0; font-size: 11px; }
 .contact .contact-box .contact-left form .contact-fill input { width: 67%; font-size: 11px; line-height: 16px; padding: 0 0 0 10px; margin: 0; }
.contact .contact-box .contact-left form .message label { height: 70px; width: 33%; padding: 12px 0px 8px 8px; margin: 0; font-size: 11px; }

 .contact .contact-box .contact-left form .contact-fill textarea { width: 67%; font-size: 11px; line-height: 16px; padding: 10px 0 0 10px; margin: 0; }
  .footer .footer-nav ul li { font-size: 12px; line-height: 18px; padding: 0 2px; margin: 0; }
.footer .footer-nav ul li a { font-size: 9px; line-height: 12px; }
.header-bottom .menu ul { padding: 5px 0; margin: 0; background: #003c71 !important; width: 290px; }
.mission-block .mission-right { padding: 10px; }
.inner-why .inner-why-box { padding: 10px; }
  .inner-product .inner-product-content h4 { font-size: 14px; line-height: 18px; padding: 10px 0; height: auto; }
.inner-product .inner-product-content p { font-size: 13px; line-height: 24px !important; padding: 15px; margin: 0 !important; height: 460px; }
 .director .director-left-content h3 { font-size: 21px; line-height: 24px; padding: 0 0 10px; }
.inner-faq .faq-image-block { padding: 10px; margin: 30px 0 0; }

.header-top .header-social-link ul {
    padding: 4px 0 0;
    margin: 0;
  }

 .inner-documents .documents-block .documents-logo { width: 100%; height: 300px; }








}