MAINHACK

Viewing / Editing File: style.css

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: "Exo", sans-serif;  font-style: normal; }
ul{ padding: 0; margin: 0; }
li{ list-style: none; border: none; outline: none; }
*{padding: 0;margin: 0;}

/*.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(7, 38, 23) 36.4%, rgb(47, 111, 79) 63%); background: #000c1e; }
.header-top .click-link{ width: 100%; padding: 10px 0 10px 0; margin: 0; text-align: left; /*border-right: 1px solid #ffffff54;*/ }
.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: #fff; font-size: 14px; opacity: 1; outline: none; font-family: "Exo", sans-serif; letter-spacing: 0.5px; }
.header-top .click-link ul li a:hover{ opacity: .7; transition: all 400ms ease-in-out; }
.header-top .click-link ul li a i{ font-size: 14px; color: #fff; padding: 0 10px 0px 0; border-right: 0.5px solid #fff; 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: 9px 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 5px; margin: 0; }
.header-top .header-social-link ul li a{ padding: 0; font-size: 13px; color: #000c1e; margin: 0 0 0 2px; display: inline-block; transition: all 400ms ease-in-out; text-align: center; border-radius: 5px; width: 24px; height: 24px; background: #fff; line-height: 22px; }
.header-top .header-social-link ul li a:hover{ color: #006433; transition: all 400ms ease-in-out; }

/*Header Bottom Start*/
.header-bottom{ width: 100%; position: relative; background: #fff; display: block; padding: 0; margin: 0; z-index: 99; }
.header-bottom .logo{ width: 100%; padding: 0; margin: 0; position: relative; }
.header-bottom .logo img{ width: 100%; position: absolute; content: ""; top: 0; background: #fff; padding: 5px; }

.header-bottom .bochure{ width: 100%; padding: 0; margin: 14px 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 400ms ease-in-out; background: linear-gradient(to bottom right,#2e7050,#471700); color: #fff; text-decoration: none !important; font-weight: 400; border-radius: 0px; outline: none; font-family: "Exo", sans-serif; background: #072617; background: #0e186a; }
.header-bottom .bochure a:hover{ background: transparent linear-gradient(276deg,#1c593b,rgb(47, 112, 80)) 0 0 no-repeat padding-box; letter-spacing: 0.6px; transition:all 400ms ease-in-out; background: #044827; background: #121950; }

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

.taxture-dot{ background-image: url(../images/dott.png); background-repeat: repeat; background-position: center center; opacity: 1; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 4; box-shadow: inset 113px 163px 84px #081500bf, inset -61px -138px 107px #000000bf; }
.banner img{ width: 100%; height: 100%; opacity: 0.5; }
.banner .banner-text{ width: 100%; position: absolute; content: ""; bottom: 100px; left: 0; padding: 60px 0; margin: 0 auto; z-index: 9; }
.banner .banner-text .banner-text-dec{ width: 100%; padding: 15px 0 30px 20px; margin: 0;  }
.banner .banner-text .banner-text-dec h5{ font-size: 30px; line-height: 40px; color: #fff; font-family: "Exo", sans-serif; padding: 0 0 10px; font-weight: bold; text-shadow: 2px 2px 2px #121950; }
.banner .banner-text .banner-text-dec h1{ font-size: 65px; line-height: 80px; color: #fff; padding: 0; margin: 0; font-weight: 900; text-transform: uppercase; text-align: center; font-family: "Exo", sans-serif; }
.banner .banner-text .banner-text-dec p{ font-size: 30px; line-height: 40px; color: #fff; padding: 10px 0 0; margin: 0; text-align: center; font-weight: 500;  /*text-shadow: 2px 2px 2px #002e1bb2;*/ font-family: "Poppins", sans-serif; }
.banner .banner-text .banner-text-dec a{ padding: 15px 0; font-size: 16px; line-height: 20px; margin: 30px 0 0; width: 18%; display: inline-block; transition: all 400ms ease-in-out; background: transparent linear-gradient(276deg,rgb(47, 112, 80),#1c593b) 0 0 no-repeat padding-box; box-shadow: 2px 2px 6px #121950; color: #fff; text-decoration: none !important; font-weight: bold; outline: none; font-family: "Exo", sans-serif; text-align: center; border-bottom: 3px solid #fff; text-transform: uppercase; border-right: 1px solid #fff; }
.banner .banner-text .banner-text-dec a:hover{ background: transparent linear-gradient(276deg,#1c593b,rgb(47, 112, 80)) 0 0 no-repeat padding-box; letter-spacing: 1.2px; transition:all 400ms ease-in-out; }

/*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: ""; bottom: 0; left: 0; right: 0; padding: 0; margin: 0; }
.inner-banner h1.inner-head{ position: relative; font-size: 45px; line-height: 50px; color: #fff; font-weight: 600; padding: 0; margin: 0; font-family: "Exo", sans-serif; font-style: normal; text-align: center; text-transform: uppercase; }
/*.inner-banner h1.inner-head span{ color: #2ae188; font-weight: 400; }*/
.inner-banner .inner-nav{ position: relative;
  bottom: 0;
  background: #0e186a40;
  padding: 10px 0;
  margin: 60px 0 auto;
  text-align: center;
  border-top: 1px solid #273be4;
  border-left: 50px solid #273be4;
  border-right: 50px solid #273be4; }
.inner-banner .inner-nav ul{ padding: 0; margin: 0; }
.inner-banner .inner-nav ul li{ display: inline-block; padding: 0 5px; color: #fff; font-size: 14px; line-height: 18px; font-weight: 400; margin: 0; text-transform: uppercase; }
.inner-banner .inner-nav ul li a{ color: #fff; font-weight: bold; }
.inner-banner .inner-nav ul li a:hover{ color: #273be4; }

/*About Start*/
.about{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0; margin: 0; z-index: 9; }
.about h2{ position: relative; font-size: 32px; line-height: 40px; color: #121950; font-weight: bold; padding: 0; margin: 0; font-family: "Exo", sans-serif; font-style: normal; text-align: center; }
.about p{padding: 0 0 30px; text-align: center; color: #232323eb; font-size: 16px; outline: none; line-height: 30px; font-weight: 500; margin: 0; font-family: "Poppins", sans-serif; }

.about .about-top-content{ width: 100%; padding: 0; margin: 0; }
.about .about-top-content p{ outline: none; letter-spacing: 0; font-size: 16px; line-height: 30px; color: #4d4d4df2; padding: 0 0 20px; margin: 0; text-align: justify; font-weight: 300; font-family: "Poppins", sans-serif; }

.about .about-left-content{ width: 100%; padding: 0; margin: 0; }
.about .about-left-content h3{ position: relative; font-size: 24px; line-height: 34px; color: #000; font-weight: bold; padding: 0 0 20px; margin: 0; font-family: "Exo", sans-serif; font-style: normal; text-transform: uppercase; }
.about .about-left-content ul{ padding: 30px 0 0; margin: 0; }
.about .about-left-content ul li{ outline: none; letter-spacing: 0.5px; width: 48%; float: left; background: #f7f7f7; margin: 0 30px 0 0;
    margin-bottom: 0px; padding: 30px 15px; text-align: center; font-size: 14px; font-weight: 400; margin-bottom: 0; line-height: 26px; color: #4d4d4df2; font-family: "Poppins", sans-serif; }
  .about .about-left-content ul li:nth-child(2){ margin: 0 0 30px 0; }
.about .about-left-content ul li b{ font-size: 18px; font-weight: bold; color: #262626; line-height: 32px; padding: 15px 0 10px; height: 55px; font-family: "Exo", sans-serif; display: block; }
.about .about-left-content ul li img{ width: 20%; }

.about .about-left-content p{ outline: none; font-family: "Exo", sans-serif; letter-spacing: 0.5px; font-size: 18px; line-height: 34px; color: #4d4d4df2; padding: 0 0 20px; margin: 0; text-align: left; font-weight: 400; }
.about .about-left-content a.about-btn { padding: 15px 0; font-size: 16px; line-height: 20px; margin: 10px 0 0; width: 30%; display: inline-block; transition: all 400ms ease-in-out; background: transparent linear-gradient(276deg,rgb(47, 112, 80),#1c593b) 0 0 no-repeat padding-box; box-shadow: 2px 2px 6px #121950; color: #fff; text-decoration: none !important; font-weight: bold; outline: none; font-family: "Exo", sans-serif; text-align: center; border-bottom: 3px solid #fff; text-transform: uppercase; border-right: 1px solid #fff; }
.about .about-left-content a.about-btn:hover{ background: transparent linear-gradient(276deg,#1c593b,rgb(47, 112, 80)) 0 0 no-repeat padding-box; letter-spacing: 1.2px; transition:all 400ms ease-in-out; }

.about .about-right-content{ width: 95%; padding: 15px 0 0; margin: 0; float: right; }
.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);}*/

/*Who we are Start*/
.who-we{ width: 100%; position: relative; display: block;  padding: 40px 0; margin: 0; z-index: 9; background: url(../images/about-banner.png) no-repeat top left; background-size: cover;   background: #f7f7f7; background: #fff; }
.who-we h2{ position: relative; font-size: 32px; line-height: 40px; color: #121950; font-weight: bold; padding: 0; margin: 0; font-family: "Exo", sans-serif; font-style: normal; text-align: center; }
.who-we p{ padding: 0 0 30px; text-align: center; color: #232323eb; font-size: 16px; outline: none; line-height: 30px; font-weight: 500; margin: 0; font-family: "Poppins", sans-serif; }
.who-we .who-we-left-content{ width: 100%; padding: 0; margin: 0; }
.who-we .who-we-left-content p{ outline: none; letter-spacing: 0; font-size: 16px; line-height: 30px; color: #4d4d4df2; padding: 0 0 20px; margin: 0; text-align: justify; font-weight: 300; font-family: "Poppins", sans-serif; }
.who-we .who-we-left-content p b{ color: #000000bf;
  font-weight: 600;}
.about .who-we-left-content a.about-btn { padding: 15px 0; font-size: 16px; line-height: 20px; margin: 10px 0 0; width: 30%; display: inline-block; transition: all 400ms ease-in-out; background: transparent linear-gradient(276deg,rgb(47, 112, 80),#1c593b) 0 0 no-repeat padding-box; box-shadow: 2px 2px 6px #121950; color: #fff; text-decoration: none !important; font-weight: bold; outline: none; font-family: "Exo", sans-serif; text-align: center; border-bottom: 3px solid #fff; text-transform: uppercase; border-right: 1px solid #fff; }
.about .who-we-left-content a.about-btn:hover{ background: transparent linear-gradient(276deg,#1c593b,rgb(47, 112, 80)) 0 0 no-repeat padding-box; letter-spacing: 1.2px; transition:all 400ms ease-in-out; }

.who-we .who-we-right-content{ width: 100%; padding: 0; margin: 0; float: right; }
.who-we .who-we-right-content img{ width: 100%; margin: 0; display: block; padding: 15px;
  border: 1px solid #1c593b42;
  background: #f7f7f7; }

/*What We Do*/
.what-do{ width: 100%; position: relative; display: block; background: #f7f7f7; padding: 40px 0; margin: 0; z-index: 9; }
.what-do h2{  position: relative; font-size: 32px; line-height: 40px; color: #121950; font-weight: bold; padding: 0; margin: 0; font-family: "Exo", sans-serif; font-style: normal; text-align: center; }
.what-do p{padding: 0 0 30px; text-align: center; color: #232323eb; font-size: 16px; outline: none; line-height: 30px; font-weight: 500; margin: 0; font-family: "Poppins", sans-serif; }
.what-do .what-do-box{ width: 100%; float: left; padding: 30px 15px; margin: 0; background: #fff; text-align: center; /*box-shadow: -10px 3px 5px #1c593b4a; border-radius: 30px;*/ }
.what-do .what-do-box img{ width: 28%; /*border: 5px solid #1219504d; padding: 11px; box-shadow: inset 5px 6px 8px #121950d6, inset -18px -8px 36px #12195091; border-radius: 42px;*/ }
.what-do .what-do-box h4{ font-size: 18px; font-weight: bold; color: #262626; line-height: 32px; padding: 15px 0 10px; height: 55px; font-family: "Exo", sans-serif; }
.what-do .what-do-box p{ font-size: 14px; font-weight: 400; margin-bottom: 0; height: 110px; line-height: 26px; color: #4d4d4df2; font-family: "Poppins", sans-serif; }
.what-do p.down{ outline: none; font-size: 16px; line-height: 30px; padding: 30px 0 0; margin: 0; text-align: justify; display: inline-block; color: #000000bf;  font-family: "Poppins", sans-serif; }

/*Inner Mission-Vision Start*/
.mission-block{ width: 100%; position: relative; display: block; background: #f7f7f7; padding: 40px 0 ; margin: 0;  }
.mission-block h2{  position: relative; font-size: 32px; line-height: 40px; color: #121950; font-weight: bold; padding: 0; margin: 0; font-family: "Exo", sans-serif; font-style: normal; text-align: center; }
.mission-block p{padding: 0 0 30px; text-align: center; color: #232323eb; font-size: 16px; outline: none; line-height: 30px; font-weight: 500; margin: 0; font-family: "Poppins", sans-serif; } 
.mission-block .mission-right-box{ width: 100%; padding: 0; margin: 0; }

.mission-block .mission-left-box p{ outline: none; letter-spacing: 0; font-size: 16px; line-height: 30px; color: #4d4d4df2; padding: 0 0 20px; margin: 0; text-align: justify; font-weight: 300; font-family: "Poppins", sans-serif; }
.mission-block .mission-right-box img{ width: 100%; }

.vision{ background: #fff; }
.mission-block .mission-left-box b{ font-size: 18px;
  font-weight: bold;
  color: #262626;
  line-height: 32px;
  padding: 15px 0 10px;
  height: 55px;
  font-family: "Exo", sans-serif;
  display: block; }

/*How It Work*/
.page-wrapper{ position: relative; width: 100%; display: block; background: #fff; padding: 40px 0 40px; margin: 0; }
.page-wrapper h2{  position: relative; font-size: 32px; line-height: 40px; color: #121950; font-weight: bold; padding: 0; margin: 0; font-family: "Exo", sans-serif; font-style: normal; text-align: center;; }
/*.page-wrapper h2 span{ color: #471700; font-weight: 400; }
.page-wrapper h2::after{ position: absolute; content: ""; left: 30%; width: 8%; height: 5px; background: #121950; top: 23px; border-radius: 50px; }
.page-wrapper h2::before{ position: absolute; content: ""; right: 30%; width: 8%; height: 5px; background: #471700; top: 23px; border-radius: 50px; }*/
.page-wrapper p{padding: 0 0 30px; text-align: center; color: #232323eb; font-size: 16px; outline: none; line-height: 30px; font-weight: 500; margin: 0; font-family: "Poppins", sans-serif; }

/*:root{*/
/*    --color-1:#f68121;*/
/*    --color-2:#ed1c24;*/
/*    --color-3:#582c8b;*/
/*    --color-4:#0166b4;*/
/*}*/

.infographic-cards { width: 100%; position: relative; display: flex; gap: 2%; justify-content: center; padding-left: 0; }
.infographic-cards li {list-style: none; width: calc(100% /4); height: 300px; padding: 25px 10px; background: #eee;
    background-image: none; position: relative; background-image: linear-gradient(to bottom right, #f7f7f7, #f7f7f7); text-align: center; display: inline-block; margin-bottom: 25px; border-radius: 10px; }
.infographic-cards li h5{ font-size: 18px; font-weight: bold; color: #262626; line-height: 32px; padding: 5px 0 10px; height: 40px; font-family: "Exo", sans-serif; }
 .infographic-cards li h6{ font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  height: 110px;
  line-height: 26px;
  color: #4d4d4df2;
  font-family: "Poppins", sans-serif; }
 .infographic-cards li.color-1{
    border: 10px solid var(--color-1);
  }
  
 .infographic-cards li.color-2{
    border: 10px solid var(--color-2);
  }
  
 .infographic-cards li.color-3{
    border: 10px solid var(--color-3);
  }
  
 .infographic-cards li.color-4{
    border: 10px solid var(--color-4);
  }

.infographic-cards li img{
    width: 35%;
    
  }
  .infographic-cards li.color-1 i{
    color: var(--color-1);
  }
  
 .infographic-cards li.color-2 i{
    color: var(--color-2);
  }
  
 .infographic-cards li.color-3 i{
    color: var(--color-3);
  }
  
 .infographic-cards li.color-4 i{
    color: var(--color-4);
  }
 
  .number-box{
    position: absolute;
      bottom: 0;
      padding: 15px;
      font-size: 23px;
      border-radius: 60px 60px 0 0;
      width: 60px;
      height: 50px;
      left: 50%;
      transform: translateX(-50%);
      
      font-weight: 800;
      color: #262626;
  }
 .infographic-cards li.color-1 .number-box{
    background: var(--color-1); background: #fff;
  }
  
 .infographic-cards li.color-2 .number-box{
    background: var(--color-2); background: #fff;
  }
  
 .infographic-cards li.color-3 .number-box{
    background: var(--color-3); background: #fff;
  }
  
 .infographic-cards li.color-4 .number-box{
    background: var(--color-4); background: #fff;
  }
  
@media screen and (max-width:991px){
    .infographic-cards{
        flex-wrap: wrap;
    }
    .infographic-cards li {
        flex: 0 0 auto;
        width: calc(100% /2.5);
    }
}
@media screen and (max-width:578px){
    
    .infographic-cards li {
        width: calc(100% /1);
    }
}

/*Home-Vision*/
.home-vision{ width: 100%; position: relative; display: block; background: #f7f7f7; padding: 0; margin: 0; z-index: 9; }
.home-vision .vision-left{ width: 30%;
  float: left;
  padding: 0 60px 0 0;
  margin: 0;
  background: #fff; }
.home-vision .vision-left img{  width: 100%; }
.home-vision .vision-right{ width: 57%; float:left; }
.home-vision .vision-right h2{ width: 100%;
  margin: 135px auto 0;
  padding: 30px;
  color: #121950;
  font-size: 49px;
  font-family: "Exo", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 70px;
  background: #fff; border-radius: 0 20px 20px 0; }
.home-vision .vision-right h2 span{ display: block;
  font-family: "Poppins", sans-serif;
  font-size: 30px;
  line-height: 70px;
  color: #2b2b2ba1; font-weight: 400; }

/*FAQ*/

.faq{ width: 100%; position: relative; display: block; background: #293967; padding: 40px 0 60px; margin: 0; box-shadow: inset 113px 163px 84px #121950bf, inset -61px -138px 107px #121950bf; }
.faq h2{ position: relative; font-size: 32px; line-height: 40px; color: #fff; font-weight: bold; padding: 0 0 30px; margin: 0; font-family: "Exo", sans-serif; font-style: normal; text-align: center; }
/*.faq h2 span{ color: #471700; font-weight: 400; }
.faq h2::after{ position: absolute; content: ""; left: 16%; width: 8%; height: 5px; background: #121950; top: 23px; border-radius: 50px; }
.faq h2::before{ position: absolute; content: ""; right: 16%; width: 8%; height: 5px; background: #471700; top: 23px; border-radius: 50px; }*/
.faq p{ padding: 0; text-align: center; color: #4d4d4df2; font-size: 18px; opacity: 1; outline: none; font-family: "Exo", sans-serif; letter-spacing: 0.5px; line-height: 30px; font-weight: 400; margin: 0; }

button.accordion { width: 100%; background: #f7f7f7; border: none; outline: none; text-align: left; padding: 15px 20px; font-size: 18px; color: #000; cursor: pointer; transition: background-color 0.2s linear; margin: 10px 0 0; line-height: 26px; font-weight: 500; font-family: "Exo", sans-serif; }

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: #d9e3de;
}

.accordion-content { background: #fff; border-left: 5px solid #989d9b; border-right: 5px solid #989d9b; padding: 0 15px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-in-out; }
.accordion-content p{ background: #fff;
  margin: 30px 0;
  padding: 0;
  opacity: 1;
  outline: none;
  letter-spacing: 0;
  font-size: 16px;
  line-height: 30px;
  color: #4d4d4df2;
  text-align: justify;
  font-weight: 300;
  font-family: "Poppins", sans-serif; }

.faq-right-content{ width: 100%; position: relative; padding: 15px; margin: 0; border: 5px solid #fff; }
.faq-right-content img{ width: 100%; }

/*Inner FAQ*/

.inner-faq{ width: 100%; position: relative; display: block; background: #f7f7f7; padding: 40px 0 60px; margin: 0; }
.inner-faq h2{ position: relative; font-size: 32px; line-height: 40px; color: #121950; font-weight: bold; padding: 0 0 30px; margin: 0; font-family: "Exo", sans-serif; font-style: normal; text-align: center; }
/*.faq h2 span{ color: #471700; font-weight: 400; }
.faq h2::after{ position: absolute; content: ""; left: 16%; width: 8%; height: 5px; background: #121950; top: 23px; border-radius: 50px; }
.faq h2::before{ position: absolute; content: ""; right: 16%; width: 8%; height: 5px; background: #471700; top: 23px; border-radius: 50px; }*/
.inner-faq p{ padding: 0; text-align: center; color: #4d4d4df2; font-size: 18px; opacity: 1; outline: none; font-family: "Exo", sans-serif; letter-spacing: 0.5px; line-height: 30px; font-weight: 400; margin: 0; }

.inner-faq button.accordion {width: 100%;
  background: #002865;
    background-color: rgb(0, 40, 101);
  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;
  font-family: "Exo", sans-serif; }

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

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

.inner-faq button.accordion:hover,
.inner-faq button.accordion.is-open {
  background-color: #003586;
}

.inner-faq .accordion-content { background: #fff;
  border-left: 5px solid #002865;
  border-right: 5px solid #002865;
  padding: 0 15px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out; }
.inner-faq .accordion-content p{ background: #fff; margin: 30px 0; padding: 0; opacity: 1; outline: none; letter-spacing: 0; font-size: 16px; line-height: 30px; color: #4d4d4df2; text-align: justify; font-weight: 300; font-family: "Poppins", sans-serif; }

.faq-right-content{ width: 100%; position: relative; padding: 15px; margin: 0; border: 5px solid #fff; padding: 15px;
  border: 1px solid #fff;
  background: #ffffff36; }
.faq-right-content img{ width: 100%; }

/*Resources*/

.resources{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0 60px; margin: 0; }
.resources h2{ position: relative; font-size: 32px; line-height: 40px; color: #121950; font-weight: bold; padding: 0; margin: 0; font-family: "Exo", sans-serif; font-style: normal; text-align: center; }
/*.faq h2 span{ color: #471700; font-weight: 400; }
.faq h2::after{ position: absolute; content: ""; left: 16%; width: 8%; height: 5px; background: #121950; top: 23px; border-radius: 50px; }
.faq h2::before{ position: absolute; content: ""; right: 16%; width: 8%; height: 5px; background: #471700; top: 23px; border-radius: 50px; }*/
.resources p{padding: 0 0 30px; text-align: center; color: #232323eb; font-size: 16px; outline: none; line-height: 30px; font-weight: 500; margin: 0; font-family: "Poppins", sans-serif; }

.resources button.accordion { width: 100%; background: #002865; 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; }

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

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

.resources button.accordion:hover,
.resources button.accordion.is-open {
  background-color: #003586;
}

.resources .accordion-content { background: #fff; border-left: 5px solid #002865; border-right: 5px solid #002865; padding: 0 15px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-in-out; }
.resources .accordion-content p{ background: #fff; margin: 30px 0; padding: 0; opacity: 1; outline: none; letter-spacing: 0; font-size: 16px; line-height: 30px; color: #4d4d4df2; text-align: justify; font-weight: 300; font-family: "Poppins", sans-serif; }

.resources-right-content{ width: 100%; position: relative; padding: 60px 15px 0; margin: 0; background: #f7f7f7; border: 1px solid #0028655c; }
.resources-right-content img{ width: 100%; }

/*Best Sellers Product*/
.service-block{ position: relative; width: 100%; display: block; background: #fff; background-size: cover; padding: 40px 0; margin: 0; display: inline-block; }
.service-block h2{  position: relative; font-size: 32px; line-height: 40px; color: #121950; font-weight: bold; padding: 0; margin: 0; font-family: "Exo", sans-serif; font-style: normal; text-align: center; }
/*.service-block h2 span{ color: #471700; font-weight: 400; }
.service-block h2::after{ position: absolute; content: ""; left: 30%; width: 8%; height: 5px; background: #121950; top: 23px; border-radius: 50px; }
.service-block h2::before{ position: absolute; content: ""; right: 30%; width: 8%; height: 5px; background: #471700; top: 23px; border-radius: 50px; }*/
.service-block p{padding: 0 0 30px; text-align: center; color: #232323eb; font-size: 16px; outline: none; line-height: 30px; font-weight: 500; margin: 0; font-family: "Poppins", sans-serif; }

.service-block #selling-product-slider .item{ padding: 5px; margin: 0 10px; }
.service-block .selling-product-box-content{ transition: all 400ms ease-in-out; width: 100%; padding: 15px; background: #fff; border: 1px solid #1c593b42; /*box-shadow: 5px 5px 2px #12195059;*/ animation: menu_sticky 0.7s ease-in-out; margin: 0 0 30px; border-radius: 0px; overflow: hidden; background: #f7f7f7; }
.service-block .selling-product-box-content img{ width: 100%; border-radius: 1px; }

.service-block .selling-product-box-content h4{ padding: 15px 0 10px;
  margin: 0;
  font-weight: bold;
  text-align: justify;
  font-family: "Exo", sans-serif;
  font-size: 18px;
  color: #262626;
  line-height: 32px; }

.service-block .selling-product-box-content p{ padding: 0; margin: 0; text-align: justify; color: #4d4d4df2; font-size: 14px; outline: none; font-family: "Exo", sans-serif; letter-spacing: 0.5px; line-height: 24px; font-weight: 400; }
.service-block .selling-product-box-content a.service-btn { padding: 10px 0; font-size: 14px; line-height: 20px; margin: 30px auto 15px; width: 55%; display: inline-block; transition: all 400ms ease-in-out; background: transparent linear-gradient(276deg,rgb(47, 112, 80),#1c593b) 0 0 no-repeat padding-box; color: #fff; text-decoration: none !important; font-weight: bold; outline: none; font-family: "Exo", sans-serif; text-align: center; text-transform: uppercase; /*box-shadow: 4px 4px 3px #12195061; border-bottom: 3px solid #fff; border-right: 1px solid #fff;*/ display: block; background: #0e186a; }
.service-block .selling-product-box-content a.service-btn:hover{ background: transparent linear-gradient(276deg,#1c593b,rgb(47, 112, 80)) 0 0 no-repeat padding-box; letter-spacing: 1.2px; transition: all 400ms ease-in-out; background: #121950; }

/*Properties*/
.properties{ position: relative; width: 100%; display: block; background: #fff; background-size: cover; padding: 40px 0; margin: 0; }
.properties h2{ position: relative; font-size: 40px; line-height: 50px; color: #121950; font-weight: 600; padding: 0; margin: 0; font-family: "Exo", sans-serif; font-style: normal; text-align: center; }
.properties p{ outline: none; font-family: "Exo", sans-serif; letter-spacing: 0.5px; font-size: 18px; line-height: 34px; color: #4d4d4df2; padding: 0 0 20px; margin: 0; text-align: center; font-weight: 400; }
.properties h3{ position: relative; font-size: 90px; line-height: 100px; color: #000000e3; font-weight: 600; padding: 70px; margin: 0; font-family: "Exo", sans-serif; font-style: normal; text-align: center; text-transform: uppercase; }

/*Testimonial Start*/
.testimonial{ width: 100%; position: relative; display: block; background: #fff; padding: 60px 0; margin: 0; }
.testimonial h2{ position: relative; font-size: 40px; line-height: 50px; color: #121950; font-weight: 600; padding: 0; margin: 0; font-family: "Exo", sans-serif; font-style: normal; text-align: center; }
/*.testimonial h2 span{ color: #471700; font-weight: 400; }
.testimonial h2::after{ position: absolute; content: ""; left: 25.5%; width: 8%; height: 5px; background: #121950; top: 23px; border-radius: 50px; }
.testimonial h2::before{ position: absolute; content: ""; right: 25.5%; width: 8%; height: 5px; background: #471700; top: 23px; border-radius: 50px; }*/
.testimonial p{ padding: 0 0 30px; text-align: center; color: #4d4d4df2; font-size: 16px; opacity: 1; outline: none; font-family: "Exo", sans-serif; letter-spacing: 0.5px; line-height: 26px; font-weight: 400; margin: 0; }
.testimonial .item{ margin: 15px; }
.testimonial .testimonial-block{ width: 100%; padding: 0; margin: 0; background: #f7f7f7; border: 1px solid #1e5c3e69; }
.testimonial .testimonial-block .top-block{ width: 100%; padding: 30px 30px 0; margin: 0; display: inline-block; }
.testimonial .testimonial-block .top-block .top-left-block{ width: 85%; float: left; padding: 0; margin: 0; }
.testimonial .testimonial-block .top-block .top-left-block h4{ font-size: 30px; line-height: 34px; color: #000; font-weight: bold; padding: 0; margin: 0; }
.testimonial .testimonial-block .top-block .top-left-block .rating-star{ width: 100%; padding: 10px 0 0; margin: 0; }
.testimonial .testimonial-block .top-block .top-left-block .rating-star ul{ padding: 0; margin: 0; width: 100%; }
.testimonial .testimonial-block .top-block .top-left-block .rating-star ul li{ display: inline-block; font-size: 13px; line-height: 16px; color: #fdca00; padding: 0 0px 0 0; margin: 0; }
.testimonial .testimonial-block .top-block .top-right-block{ width: 10%; float: right; padding: 0; margin: 0; }
.testimonial .testimonial-block .top-block .top-right-block i{ font-size: 55px; color: #fdca00; }

.testimonial .testimonial-block .testimonial-middle-content{ width: 100%; padding: 15px 30px; margin: 0; border-bottom: 5px solid #fdca00; }
.testimonial .testimonial-block .testimonial-middle-content p{ height: 160px; padding: 0; margin: 0; text-align: justify; color: #4d4d4df2; font-size: 14px; outline: none; font-family: "Exo", sans-serif; letter-spacing: 0.5px; line-height: 24px; font-weight: 400; }
.testimonial .testimonial-block .testimonial-profile{ width: 100%; padding: 15px 30px; margin: 0; display: inline-block; background: #121950; }
.testimonial .testimonial-block .testimonial-profile .profile-left{ width: 55px; height: 55px; border: 2px solid #fff; float: left; padding: 0; margin: 0; display: grid; align-items: center; text-align: center; border-radius: 60px; }
.testimonial .testimonial-block .testimonial-profile .profile-left i{ font-size: 25px; color: #fdca00; }
.testimonial .testimonial-block .testimonial-profile h5{ font-size: 20px; line-height: 30px; color: #fff; font-weight: bold; padding: 12px 0 0 15px; margin: 0; display: flex; letter-spacing: 0.6px; }

.testimonial .testimonial-right-content{ width: 100%; padding: 30px 0 0; margin: 0; }
.testimonial .testimonial-right-content img{ width: 100%; }

/*Why Start*/
.why{ width: 100%; display: block; position: relative; background: #f7f7f7; padding: 50px 0; margin: 0; }
.why h2{ position: relative; font-size: 32px; line-height: 40px; color: #121950; font-weight: 600; padding: 0; margin: 0; font-family: "Exo", sans-serif; font-style: normal; text-align: center; }
.why h2 span{ color: #471700; font-weight: 400; }
.why h2::after{ position: absolute; content: ""; left: 32.5%; width: 8%; height: 5px; background: #121950; top: 23px; border-radius: 50px; }
.why h2::before{ position: absolute; content: ""; right: 32.5%; width: 8%; height: 5px; background: #471700; top: 23px; border-radius: 50px; }
.why p{ padding: 10px 0 30px; text-align: center; color: #4d4d4df2; font-size: 16px; opacity: 1; outline: none; font-family: "Exo", sans-serif; letter-spacing: 0.5px; line-height: 26px; font-weight: 400; margin: 0; }

.why .why-block-box{ width: 25%; float: left; background: #fff; padding: 30px 15px; margin: 0 0px 0 0; text-align: center; box-shadow: -5px 1px 18px #1e5b3d5c; border-radius: 20px; border-bottom: 2px solid #1e5c3e69; border-right: 7px solid #1e5c3e69; }
.why .why-block-box img{ width: 40%; display: block; margin: 0 auto; }
.why .why-block-box h4{ font-size: 20px; line-height: 24px; padding: 15px 0 10px; margin: 0; font-weight: bold; color: #000; }
.why .why-block-box p{ font-size: 14px; line-height: 24px; color: #4d4d4df2; padding: 0; margin: 0; }
.why .why-block-box:nth-child(3){ border-bottom: 2px solid #f68121; border-right: 7px solid #f68121; }
.why .why-block-box:nth-child(4){ border-bottom: 2px solid #ed1c24; border-right: 7px solid #ed1c24; }
.why .why-block-box:nth-child(5){ border-bottom: 2px solid #582c8b; border-right: 7px solid #582c8b; }
.why .why-block-box:nth-child(6){ border-bottom: 2px solid #0166b4; border-right: 7px solid #0166b4; }

/*OwnBrick*/

.ownbrick{ width: 100%; display: block; position: relative; background: #fff; padding: 50px 0; margin: 0; }
.ownbrick h2{ position: relative; font-size: 32px; line-height: 40px; color: #121950; font-weight: bold; padding: 0 0 30px; margin: 0; font-family: "Exo", sans-serif; font-style: normal; text-align: center }

.why p{ padding: 10px 0 30px; text-align: center; color: #4d4d4df2; font-size: 16px; opacity: 1; outline: none; font-family: "Exo", sans-serif; letter-spacing: 0.5px; line-height: 26px; font-weight: 400; margin: 0; }

.ownbrick .ownbrick-box{ width: 100%; float: left; background: #f7f7f7; padding: 30px 15px; margin: 0 0px 0 0; text-align: center; border-radius: 10px; /*box-shadow: -5px 1px 18px #1e5b3d5c; border-bottom: 2px solid #12195063; border-right: 7px solid #12195063;*/  }
.ownbrick .ownbrick-box img{ width: 20%; display: block; margin: 0 auto; }
.ownbrick .ownbrick-box h4{ font-size: 18px; font-weight: bold; color: #262626; line-height: 32px; padding: 15px 0 10px; height: 55px; font-family: "Exo", sans-serif; }
.ownbrick .ownbrick-box p{
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 26px;
  color: #4d4d4df2;
  font-family: "Poppins", sans-serif;
}

/*ownbrick-top-inner*/
.ownbrick-top{ width: 100%; display: block; position: relative; background: #fff; padding: 50px 0 30px; margin: 0; }
.ownbrick-top h2{ position: relative; font-size: 32px; line-height: 40px; color: #121950; font-weight: bold; padding: 0; margin: 0; font-family: "Exo", sans-serif; font-style: normal; text-align: center; }
.ownbrick-top p{padding: 0 0 30px; text-align: center; color: #232323eb; font-size: 16px; outline: none; line-height: 30px; font-weight: 500; margin: 0; font-family: "Poppins", sans-serif; }
.ownbrick-top .ownbrick-top-block{ width: 100%; padding: 0; margin: 0 0 30px; }
.ownbrick-top .ownbrick-top-block img{ width: 100%; }
.ownbrick-top .ownbrick-top-block h4{ position: relative; font-size: 30px; line-height: 40px; color: #121950; font-weight: 600; padding: 10px 0 5px; margin: 0; font-family: "Exo", sans-serif; font-style: normal; text-align: center; }
.ownbrick-top .ownbrick-top-block h5{ position: relative; font-size: 24px; line-height: 30px; color: #1d1d1d; font-weight: 600; padding: 20px 0 10px; margin: 0; font-family: "Exo", sans-serif; font-style: normal; }

.ownbrick-top .ownbrick-top-block p{ outline: none; letter-spacing: 0; font-size: 16px; line-height: 30px; color: #4d4d4df2; padding: 0 0 10px; margin: 0; text-align: justify; font-weight: 300; font-family: "Poppins", sans-serif; }
.ownbrick-top .ownbrick-top-block p b{ font-size: 18px; font-weight: bold; color: #262626d4; line-height: 32px; padding: 15px 0 10px; font-family: "Exo", sans-serif; }

.ownbrick-bottom{ width: 100%; display: block; position: relative; background: #f7f7f7; padding: 50px 0 30px; margin: 0; }
/*.ownbrick-bottom h2{ position: relative; font-size: 40px; line-height: 50px; color: #121950; font-weight: 600; padding: 0; margin: 0; font-family: "Exo", sans-serif; font-style: normal; text-align: center; }
.ownbrick-bottom p{padding: 0 0 30px; text-align: center; color: #232323eb; font-size: 16px; outline: none; line-height: 30px; font-weight: 500; margin: 0; font-family: "Poppins", sans-serif; height: 70px; }
.ownbrick-bottom .ownbrick-top-block{ width: 100%; padding: 15px; margin: 0; background: #fff; border: 1px solid #1c593b42; }
.ownbrick-bottom .ownbrick-top-block img{ width: 100%; }
.ownbrick-bottom .ownbrick-top-block h4{ font-size: 20px; line-height: 24px; padding: 15px 0 10px; margin: 0; font-weight: bold; color: #000; }
.ownbrick-bottom .ownbrick-top-block p{ padding: 0; margin: 0; text-align: justify; color: #4d4d4df2; font-size: 14px; outline: none; font-family: "Exo", sans-serif; letter-spacing: 0.5px; line-height: 24px; font-weight: 400; }*/

/*ownbrick-top-inner*/
.agent-services-top{ width: 100%; display: block; position: relative; background: #fff; padding: 50px 0 70px; margin: 0; }
.agent-services-top h2{ position: relative; font-size: 32px; line-height: 40px; color: #121950; font-weight: bold; padding: 0; margin: 0; font-family: "Exo", sans-serif; font-style: normal; text-align: center;; }
.agent-services-top p{padding: 0 0 30px; text-align: center; color: #232323eb; font-size: 16px; outline: none; line-height: 30px; font-weight: 500; margin: 0; font-family: "Poppins", sans-serif; height: 70px; }
.agent-services-top h3{ position: relative; font-size: 30px; line-height: 40px; color: #121950; font-weight: 600; padding: 0 0 30px; margin: 0; font-family: "Exo", sans-serif; font-style: normal; text-align: center; }
.agent-services-top .agent-services-top-block{ width: 100%; padding: 15px; margin: 0; background: #f7f7f7; border: 1px solid #1c593b42; }
.agent-services-top .agent-services-top-block img{ width: 100%; }
.agent-services-top .agent-services-top-block h4{ font-size: 18px; font-weight: bold; color: #262626; line-height: 32px; padding: 15px 0 0; font-family: "Exo", sans-serif; }

.agent-services-bottom{ width: 100%; display: block; position: relative; background: #f7f7f7; padding: 50px 0 70px; margin: 0; }
.agent-services-bottom h3{position: relative; font-size: 30px; line-height: 40px; color: #121950; font-weight: 600; padding: 0 0 30px; margin: 0; font-family: "Exo", sans-serif; font-style: normal; text-align: center; }

.agent-services-bottom .agent-services-top-block{ width: 100%; padding: 15px; margin: 0; background: #fff; border: 1px solid #1c593b42; }
.agent-services-bottom .agent-services-top-block img{ width: 100%; }
.agent-services-bottom .agent-services-top-block h4{ font-size: 18px; font-weight: bold; color: #262626; line-height: 32px; padding: 15px 0 0; font-family: "Exo", sans-serif; }
.agent-services-bottom .agent-services-top-block p{ padding: 0; margin: 0; text-align: justify; color: #4d4d4df2; font-size: 14px; outline: none; font-family: "Exo", sans-serif; letter-spacing: 0.5px; line-height: 24px; font-weight: 400; }
.agent-services-bottom h5{ display: inline-block; padding: 40px 0 0; margin: 0; font-size: 16px; line-height: 18px; font-weight: bold; font-family: "Exo", sans-serif; color: #000; text-align: center; width: 100%; }
.agent-services-bottom h5 a{ background: #121950; padding: 10px 30px; color: #fff; font-family: "Exo", sans-serif; font-weight: 400; font-style: italic; margin: 0; transition: all 400ms ease-in-out; display: inline-block; }
.agent-services-bottom h5 a:hover{ letter-spacing: 1.2px; transition: all 400ms ease-in-out; }

/*EmptiBG*/
.EmptiBG{ background: url(../images/footer-up-image.png) no-repeat top center;
    background-attachment: scroll;
    background-size: auto; width: 100%; height: 400px; background-size: cover; background-attachment: fixed; box-shadow: inset 113px 163px 84px #121950bf, inset -61px -138px 107px #121950bf; border-bottom: 5px solid #fff; overflow: hidden; }
.EmptiBG h2{ width: 85%; margin: 0 auto; text-align: center; padding: 130px 0; color: #fff; font-size: 49px; font-family: "Exo", sans-serif; /*text-shadow: 2px 2px 4px #09492a;*/ font-weight: bold; text-transform: uppercase; line-height: 75px; }

/*Terms And Conditions*/
.terms{ width: 100%; position: relative; display: block; background: #fff; padding: 60px 0; margin: 0; }
.terms h2{ font-size: 50px; line-height: 60px; color: #135032; font-weight: bold; padding: 0 0 30px; margin: 0; text-transform: uppercase; text-align: center; }
.terms h2 span{ color: #0e8c4e; }
.terms .terms-content{ width: 100%; padding: 0; margin: 0; }
.terms .terms-content p{ font-size: 16px; line-height: 28px; color: #4d4d4df2;  padding: 0 0 10px; margin: 0; text-align: justify; font-weight: 400; font-family: "Exo", sans-serif; }
.terms .terms-content h5{ font-size: 18px; line-height: 34px; color: #135032;  padding: 0; margin: 0; text-align: justify; font-weight: 400; }
.terms p{ font-size: 18px; line-height: 34px; color: #4d4d4df2;  padding: 15px 0; margin: 0; text-align: justify; font-weight: 400; }
.terms .terms-content ul{ padding: 0; margin: 0; }
.terms .terms-content ul li{ outline: none;
  letter-spacing: 0;
  font-size: 16px;
  line-height: 30px;
  color: #4d4d4df2;
  padding: 0 0 10px;
  margin: 0;
  text-align: justify;
  font-weight: 300;
  font-family: "Poppins", sans-serif; }
.terms .terms-content ul li b{  font-size: 18px;
  font-weight: bold;
  color: #262626d4;
  line-height: 32px;
  padding: 15px 0 10px;
  font-family: "Exo", sans-serif; }
.terms ul{ padding: 0; margin: 0; }
.terms ul li{ outline: none;
  letter-spacing: 0;
  font-size: 16px;
  line-height: 30px;
  color: #4d4d4df2;
  padding: 0 0 10px;
  margin: 0;
  text-align: justify;
  font-weight: 300;
  font-family: "Poppins", sans-serif; }
.terms ul li a{ color: #0e8c4e; transition: 400ms ease-in-out; }
.terms ul li a:hover{ color: #004e28; font-style: italic; transition: all 400ms ease-in-out; }

.terms ul li b{ font-size: 18px;
  font-weight: bold;
  color: #262626d4;
  line-height: 32px;
  padding: 15px 0 10px;
  font-family: "Exo", sans-serif; }
.terms ul li span u{ font-size: 18px;
  line-height: 22px;
  font-family: "Exo", sans-serif;
  color: #313131;
  font-weight: 500;}
.terms .terms-image{ width: 100%; padding: 15px; margin: 0; border: 1px solid #1c593b; background: #f7f7f7; }
.terms .terms-image img{ width: 100%; }

/*Contact Us*/
.contact{ width: 100%; display: block; position: relative; background: #fff; padding: 60px 0; margin: 0; }
.contact .contact-form{ width: 100%; padding: 30px; margin: 0; display: inline-block; background: #f7f7f7; border-radius: 10px; }

.contact .contact-form h2{ font-size: 40px; line-height: 50px; color: #000; padding: 0 0 30px; margin: 0 0 0 10px; font-family: "Exo", sans-serif; }
.contact .contact-form form{ width: 100%; padding: 0; margin: 0; display: inline-block; }
.contact .contact-form form .fill-box{ width: 45.6%; float: left; padding: 0; margin: 0 10px; border-radius: 10px; }
.contact .contact-form form .fill-box label{ width: 100%; display: inline-block; font-size: 15px; line-height: 18px; color: #000; padding: 0 0 2px; margin: 0; font-weight: 600; font-family: "Exo", sans-serif; }
.contact .contact-form form .fill-box input{ width: 100%; display: inline-block; font-size: 14px; line-height: 18px; color: #000; border: 1px solid #00286569; outline: none; padding: 0 15px; margin: 5px 0 15px; border-radius: 5px; height: 45px; background: #fff; /*box-shadow: 2px 2px 5px #cccccc36;*/ font-family: "Exo", sans-serif; }
.contact .contact-form form .fill-box select{ width: 100%; display: inline-block; font-size: 14px; line-height: 18px; color: #000; border: 1px solid #00286569; outline: none; padding: 0 15px; margin: 5px 0 15px; border-radius: 5px; height: 45px; background: #fff; /*box-shadow: 2px 2px 5px #cccccc36;*/ font-family: "Exo", sans-serif; }
.contact .contact-form form .message{ width: 97%; padding: 0; margin: 0 10px; border-radius: 10px; font-family: "Exo", sans-serif; }

.contact .contact-form form .message textarea{ width: 100% !important; display: inline-block; font-size: 14px; line-height: 18px; color: #000; border: 1px solid #00286569; outline: none; padding: 15px; margin: 5px 0 15px; border-radius: 5px; height: 120px; background: #fff; /*box-shadow: 2px 2px 5px #cccccc36;*/ font-family: "Exo", sans-serif; }

.contact .contact-form form .msg-btn{ width: 40%; float: left; padding: 0; margin: 0 10px; border-radius: 10px; }
.contact .contact-form form .msg-btn input[type="submit"] { padding: 10px 0; font-size: 14px; line-height: 20px; margin: 20px auto 0; width: 100%; display: inline-block; transition: all 400ms ease-in-out; background: transparent linear-gradient(276deg,rgb(47, 112, 80),#1c593b) 0 0 no-repeat padding-box; text-decoration: none !important; font-weight: bold; outline: none; font-family: "Exo", sans-serif; text-align: center; color: #fff; text-transform: uppercase; /*box-shadow: 4px 4px 3px #12195061; border-bottom: 3px solid #fff; border-right: 1px solid #fff;*/ display: block; height: 50px; background: #0e186a; }

.contact .contact-form form .msg-btn input[type="submit"]:hover{ background: transparent linear-gradient(276deg,#1c593b,rgb(47, 112, 80)) 0 0 no-repeat padding-box; letter-spacing: 1.2px; transition: all 400ms ease-in-out; background: #121950; }

.contact .contact-block{ width: 100%; padding: 30px; margin: 0; display: inline-block; background: #f7f7f7; border-radius: 10px; border-radius: 10px; }
.contact .contact-block h2{ font-size: 40px; line-height: 50px; color: #000; padding: 0 0 30px; margin: 0 0 0 10px; font-family: "Exo", sans-serif; }
.contact .contact-block p{ font-size: 16px; line-height: 20px; color: #000; padding: 0 0 20px; margin: 0; text-align: justify; }
.contact .contact-block ul{ padding: 0; margin: 0 0 0 10px; display: inline-block; width: 100%; }
.contact .contact-block ul li{ display: inline-block; float: left; font-size: 16px; line-height: 27px; padding: 0; margin: 0 30px 10px 0; color: #4d4d4df2; font-family: "Exo", sans-serif; font-weight: 400; }
.contact .contact-block ul li.address{ width: 100%; }
.contact .contact-block ul li a{ font-size: 16px; line-height: 18px; color: #4d4d4df2; transition: all 400ms ease-in-out; font-weight: 600; font-family: "Exo", sans-serif; }
.contact .contact-block ul li a:hover{ color: #002865; transition: all 400ms ease-in-out; }
.contact .contact-block ul li i{ color: #002865; padding: 0 10px 0 0; }
.contact .contact-block-map{ width: 100%; display: inline-block; height: 310px; padding: 40px; margin: 15px 0 0; background: #f7f7f7; border-radius: 10px; }
.contact .contact-block-map iframe{ width: 100%; height: 100%; border: 1px solid #582c8b57 !important; padding: 15px; background: #fff; }

/*footer*/
/*.footer{ width: 100%; position: relative; display: block; background: url(../images/footer-banner.png) no-repeat top right; background-size: cover; padding: 50px 0 50px; margin: 0; }
.footer .footer-logo{ width: 8%; display: block; margin: 0 auto;  }
.footer .footer-logo img{ width: 100%; }

.footer .footer-nav{ width: 100%; text-align: center; padding: 30px 0; margin: 0; }
.footer .footer-nav ul{ padding: 0; margin: 0; display: inline-block; border-top: 1px solid #fff; width: 79%; border-bottom: 10px solid #fff; }
.footer .footer-nav ul li{ padding: 15px; margin: 0; color: #fff; font-size: 16px; line-height: 24px; font-weight: 400; display: inline-block; border-right: 5px solid #fff; text-transform: uppercase; text-align: center; }
.footer .footer-nav ul li a{ color: #999; transition: all 400ms ease-in-out; }
.footer .footer-nav ul li a:hover{ color: #fff; transition: all 400ms ease-in-out; }
.footer .footer-nav ul li:nth-child(7){ border-right: none; }

.footer .footer-about{ width: 100%; padding: 0; margin: 0; text-align: center; }
.footer .footer-about h4{ font-size: 30px; line-height: 34px; color: #fff; padding: 15px 0 15px; margin: 0; font-weight: 300; }
.footer .footer-about p{ width: 100%; font-size: 14px; line-height: 26px; color: #999; text-align: center; padding: 0 0 15px; margin: 0; }

.footer .footer-nav2{ width: 100%; text-align: center; padding: 30px 0 90px; margin: 0; }
.footer .footer-nav2 h4{ font-size: 30px; line-height: 34px; color: #fff; padding: 0 0 20px; margin: 0; font-weight: 300; }
.footer .footer-nav2 ul{ padding: 0; margin: 0; display: inline-block; border-top: 1px solid #fff; width: 50%; border-bottom: 10px solid #fff; }
.footer .footer-nav2 ul li{ padding: 15px; margin: 0; color: #fff; font-size: 16px; line-height: 24px; font-weight: 400; display: inline-block; border-right: 5px solid #fff; text-transform: uppercase; text-align: center; }
.footer .footer-nav2 ul li a{ color: #999; transition: all 400ms ease-in-out; }
.footer .footer-nav2 ul li a:hover{ color: #fff; transition: all 400ms ease-in-out; }
.footer .footer-nav2 ul li:nth-child(3){ border-right: none; }

.footer .footer-social{ width: 100%; padding: 0; margin: 0; text-align: center; border-top: 1px solid #ffffff36; }
.footer .footer-social h4{ font-size: 30px; line-height: 34px; color: #fff; padding: 30px 0 15px; margin: 0; font-weight: 300; }
.footer .footer-social ul{ padding: 0; margin: 0; width: 100%; display: inline-block; }
.footer .footer-social ul li{ font-size: 14px; line-height: 18px; padding: 0; margin: 0 15px 0 0; display: inline-block; }
.footer .footer-social ul li a{ display: inline-block; line-height: 28px; padding: 0 5px; width: 30px; height: 30px; background: #fff; box-shadow: 2px 2px 2px #1219508c; border-radius: 5px; }
.footer .footer-social ul li i{ color: #121950; padding: 0; transition: all 400ms ease-in-out; }
.footer .footer-social ul li a:hover{ color: #fff; transition: all 400ms ease-in-out; }
.footer .footer-social ul li a:hover i{ color: #134a2f; transition: all 400ms ease-in-out; }
.footer .footer-social p{ font-size: 14px; line-height: 18px; color: #999; padding: 30px 0 0; margin: 0; text-align: center; font-weight: 400; }
.footer .footer-social p a{ color: #0e8c4e; }
.footer .footer-social p a:hover{ font-style: italic; }*/

.footer{ width: 100%; position: relative; display: block; background: url(../images/footer-banner.png) no-repeat top right; background-size: cover; padding: 30px 0 60px ; margin: 0; background: #000a21; }
.footer .footer-logo{ width: 100%; display: block; margin: 60px auto;  }
.footer .footer-logo img{ width: 100%;
  opacity: 0.7; }

.footer  h4{ font-size: 30px; line-height: 34px; color: #fff; padding: 15px 0 15px; margin: 0; font-weight: 300; }

.footer ul.footer-nav{ padding: 0; margin: 0 0 30px; display: block; width: 100%; }
.footer ul.footer-nav li{ padding: 0 0 10px; margin: 0; color: #fff; font-size: 14px; line-height: 24px; font-weight: 400; display: block; text-transform: uppercase; }
.footer ul.footer-nav li a{ color: #999; transition: all 400ms ease-in-out; }
.footer ul.footer-nav li a:hover{ color: #fff; transition: all 400ms ease-in-out; }

.footer ul.footer-contact-address{ padding: 0; margin: 0; display: block; width: 100%; }
.footer ul.footer-contact-address li{ padding: 0 0 10px;
  margin: 0;
  color: #ffffffcf;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  display: block;
  font-family: "Exo", sans-serif;  }
.footer ul.footer-contact-address li a{ color: #fff; transition: all 400ms ease-in-out; font-family: "Exo", sans-serif; }
.footer ul.footer-contact-address li a:hover{ color: #fff; transition: all 400ms ease-in-out; font-style: italic; }
.footer ul.footer-contact-address li i{ color: #fff; padding: 0 10px 0 0; }

.footer .footer-social{ width: 100%; padding: 0; margin: 0; text-align: center; border-top: 1px solid #ffffff36; }
.footer .footer-social h4{ font-size: 30px; line-height: 34px; color: #fff; padding: 30px 0 15px; margin: 0; font-weight: 300; }
.footer .footer-social ul{ padding: 0; margin: 0; width: 100%; display: inline-block; }
.footer .footer-social ul li{ font-size: 14px; line-height: 18px; padding: 0; margin: 0 15px 0 0; display: inline-block; }
.footer .footer-social ul li a{ display: inline-block; line-height: 28px; padding: 0 5px; width: 30px; height: 30px; background: #fff; box-shadow: 2px 2px 2px #1219508c; border-radius: 5px; }
.footer .footer-social ul li i{ color: #121950; padding: 0; transition: all 400ms ease-in-out; }
.footer .footer-social ul li a:hover{ color: #fff; transition: all 400ms ease-in-out; }
.footer .footer-social ul li a:hover i{ color: #134a2f; transition: all 400ms ease-in-out; }
.footer .footer-social p{ font-size: 14px; line-height: 18px; color: #999; padding: 30px 0 0; margin: 0; text-align: center; font-weight: 400; }
.footer .footer-social p a{ color: #fff; font-family: "Exo", sans-serif; }
.footer .footer-social p a:hover{ font-style: italic; }

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

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: style.css

Server Info

System Features

User Info