@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot");
  src: url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.woff2") format("woff2"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Font Awesome 5 Brand Regular';
  src: url("../fonts/fa-brands-400.eot") format("eot");
  src: url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.ttf") format("ttf"), url("../fonts/fa-brands-400.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Font Awesome 5 Free Solid';
  src: url("../fonts/fa-solid-900.eot") format("eot");
  src: url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.ttf") format("ttf"), url("../fonts/fa-solid-900.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Font Awesome 5 Free Regular';
  src: url("../fonts/fa-regular-400.eot") format("eot");
  src: url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.ttf") format("ttf"), url("../fonts/fa-regular-400.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Black';
  src: url("../fonts/Gotham-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Black.otf") format("opentype"), url("../fonts/Gotham-Black.woff") format("woff"), url("../fonts/Gotham-Black.ttf") format("truetype"), url("../fonts/Gotham-Black.svg#Gotham-Black") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Bold';
  src: url("../fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Bold.woff") format("woff"), url("../fonts/Gotham-Bold.ttf") format("truetype"), url("../fonts/Gotham-Bold.svg#Gotham-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* =============================
        HTML & BODY
============================= */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
  overflow-x: hidden;
  position: relative;
}

body {
  width: 100vw;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  position: relative;
}

.DBlock,
header,
section,
footer {
  float: left;
  width: 100%;
  height: 100%;
  display: block;
}

.DFlex {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  letter-spacing: normal;
  text-transform: none;
  line-height: normal;
  margin-bottom: 0;
}

label {
  margin-bottom: 0;
}

ul,
ol {
  list-style: none;
  margin-bottom: 0;
}

.FocusNone,
a:focus,
textarea:focus,
input:focus,
.HomeBannerSec .HomeDiv .HomeForm form .FormFields select:focus,
.ContactModal .ModalBody .ModalText .ModalForm form textarea:focus,
select:focus {
  outline: none !important;
}

.TransAni {
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

img {
  max-width: 100%;
  height: auto;
}

a:hover {
  color: inherit;
  text-decoration: none;
}

.ScrollTop {
  position: fixed;
  width: auto;
  height: auto;
  padding: 15px;
  top: auto;
  left: auto;
  right: 5%;
  bottom: 5%;
  z-index: 99;
  border: 1px solid #ffffff;
  background: #4a6a90;
  transition: all 0.4 ease-in-out;
  -webkit-transition: all 0.4 ease-in-out;
  -moz-transition: all 0.4 ease-in-out;
  -ms-transition: all 0.4 ease-in-out;
  -o-transition: all 0.4 ease-in-out;
}

.ScrollTop:focus {
  outline: none;
}

.ScrollTop .icon {
  font-size: 22px;
  color: #ffffff;
  margin-right: 10px;
}

.ScrollTop span {
  font-family: 'Montserrat';
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  transition: all 0.4 ease-in-out;
  -webkit-transition: all 0.4 ease-in-out;
  -moz-transition: all 0.4 ease-in-out;
  -ms-transition: all 0.4 ease-in-out;
  -o-transition: all 0.4 ease-in-out;
}

.ScrollTop:hover span {
  display: block;
  transition: all 0.4 ease-in-out;
  -webkit-transition: all 0.4 ease-in-out;
  -moz-transition: all 0.4 ease-in-out;
  -ms-transition: all 0.4 ease-in-out;
  -o-transition: all 0.4 ease-in-out;
}

/* =============================
    Home Banner Section
============================= */
.HomeBannerSec {
  position: relative;
  padding: 0 200px;
}

@media only screen and (max-width: 1600px) {
  .HomeBannerSec {
    padding: 0 50px;
  }
}

@media only screen and (max-width: 1199px) {
  .HomeBannerSec {
    padding: 0 15px;
  }
}

.HomeBannerSec header {
  position: relative;
}

.HomeBannerSec header .navbar-nav {
  border-bottom: 1px solid #ffffff;
}

@media only screen and (max-width: 991px) {
  .HomeBannerSec header .navbar-nav {
    border-bottom: 0;
  }
}

.HomeBannerSec header .navbar-nav .nav-link {
  padding: 25px;
  border-bottom: 2px solid transparent;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  font-family: 'Montserrat';
  font-size: 13px;
  font-weight: 500;
  color: #ffffff;
}

.HomeBannerSec header .navbar-nav .nav-link:hover {
  border-color: #ffffff;
}

.HomeBannerSec header .navbar-nav .nav-link.active {
  border-color: #ffffff;
}

@media only screen and (max-width: 1199px) {
  .HomeBannerSec header .navbar-nav .nav-link {
    padding: 15px;
  }
}

.HomeBannerSec .HomeDiv {
  text-align: center;
  padding-top: 350px;
}

@media only screen and (max-width: 1199px) {
  .HomeBannerSec .HomeDiv {
    padding-top: 285px;
  }
}

@media only screen and (max-width: 767px) {
  .HomeBannerSec .HomeDiv {
    padding-top: 245px;
  }
}

@media only screen and (max-width: 575px) {
  .HomeBannerSec .HomeDiv {
    padding-top: 150px;
  }
}

.HomeBannerSec .HomeDiv .HomeLogo {
  max-width: 914px;
  padding: 0 16px;
  position: relative;
  margin-bottom: 200px;
}

@media only screen and (max-width: 1199px) {
  .HomeBannerSec .HomeDiv .HomeLogo {
    max-width: 900px;
    margin-bottom: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .HomeBannerSec .HomeDiv .HomeLogo {
    max-width: 100%;
    margin-bottom: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .HomeBannerSec .HomeDiv .HomeLogo {
    margin-bottom: 75px;
  }
}

.HomeBannerSec .HomeDiv .HomeLogo img {
  margin: 0 auto;
  width: 80%;
}

.HomeBannerSec .HomeDiv .HomeForm {
  max-width: 914px;
  padding: 8px 0 0;
  background: #ffffff;
}

@media only screen and (max-width: 1199px) {
  .HomeBannerSec .HomeDiv .HomeForm {
    max-width: 700px;
  }
}

@media only screen and (max-width: 767px) {
  .HomeBannerSec .HomeDiv .HomeForm {
    max-width: 100%;
  }
}

.HomeBannerSec .HomeDiv .HomeForm h2 {
  margin-bottom: 15px;
  font-family: 'Montserrat';
  font-size: 32px;
  font-weight: 700;
  color: #4a6a90;
}

.HomeBannerSec .HomeDiv .HomeForm h2 span {
  padding: 0 5px;
  color: #ffffff;
  background: #ffc050;
}

@media only screen and (max-width: 575px) {
  .HomeBannerSec .HomeDiv .HomeForm h2 {
    font-size: 24px;
  }
}

.HomeBannerSec .HomeDiv .HomeForm form {
  position: relative;
}

.HomeBannerSec .HomeDiv .HomeForm form .FormFields {
  padding: 0 56px;
}

@media only screen and (max-width: 1199px) {
  .HomeBannerSec .HomeDiv .HomeForm form .FormFields {
    padding: 0 15px;
  }
}

.HomeBannerSec .HomeDiv .HomeForm form .FormFields input, .HomeBannerSec .HomeDiv .HomeForm form .FormFields select, .HomeBannerSec .HomeDiv .HomeForm .ContactModal .ModalBody .ModalText .ModalForm form .FormFields textarea, .ContactModal .ModalBody .ModalText .ModalForm .HomeBannerSec .HomeDiv .HomeForm form .FormFields textarea {
  width: 375px;
  display: block;
  margin-bottom: 20px;
  border: 1px solid #000000;
  padding: 12px 23px;
  font-family: 'Montserrat';
  font-size: 12px;
  font-weight: 400;
  color: #000000;
}

@media only screen and (max-width: 1199px) {
  .HomeBannerSec .HomeDiv .HomeForm form .FormFields input, .HomeBannerSec .HomeDiv .HomeForm form .FormFields select, .HomeBannerSec .HomeDiv .HomeForm .ContactModal .ModalBody .ModalText .ModalForm form .FormFields textarea, .ContactModal .ModalBody .ModalText .ModalForm .HomeBannerSec .HomeDiv .HomeForm form .FormFields textarea {
    width: 350px;
  }
}

@media only screen and (max-width: 575px) {
  .HomeBannerSec .HomeDiv .HomeForm form .FormFields input, .HomeBannerSec .HomeDiv .HomeForm form .FormFields select, .HomeBannerSec .HomeDiv .HomeForm .ContactModal .ModalBody .ModalText .ModalForm form .FormFields textarea, .ContactModal .ModalBody .ModalText .ModalForm .HomeBannerSec .HomeDiv .HomeForm form .FormFields textarea {
    width: 100%;
    padding: 8px 15px;
  }
}

.HomeBannerSec .HomeDiv .HomeForm form .FormBtnDiv {
  position: relative;
}

.HomeBannerSec .HomeDiv .HomeForm form .FormBtnDiv .FormBtn {
  padding: 10px 36px;
  text-transform: uppercase;
  background: #4a6a90;
  border: 0;
  letter-spacing: 2px;
  font-family: 'Montserrat';
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
}

.HomeBannerSec .HomeDiv .HomeForm form .FormBtnDiv .FormBtn:focus {
  outline: none;
}

.navbar {
  padding-right: 150px;
}

@media only screen and (max-width: 1366px) {
  .navbar {
    padding-right: 100px;
  }
}

@media only screen and (max-width: 1199px) {
  .navbar {
    padding-right: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .navbar {
    padding-right: 30px;
    background:linear-gradient(rgba(74, 106, 144, 0.7), rgba(74, 106, 144, 0.7));
  }
}

.navbar.active {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(74, 106, 144, 0.7)), to(rgba(74, 106, 144, 0.7)));
  background: linear-gradient(rgba(74, 106, 144, 0.7), rgba(74, 106, 144, 0.7));
}

.navbar-toggler {
  border: 1px solid #ffffff;
  margin-left: auto;
}

.navbar-toggler:focus {
  outline: none;
}

.modal-dialog {
  margin: 2rem 0.5rem;
}

.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon {
  background: url("../svg/Menu.svg") no-repeat center/cover;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background: url("../svg/close.svg") no-repeat center/cover;
}

/* =============================
      Popup Section
============================= */
.ContactModal .modal-dialog {
  max-width: 40%;
  margin: 20px auto;
}

@media only screen and (max-width: 1366px) {
  .ContactModal .modal-dialog {
    max-width: 55%;
  }
}

@media only screen and (max-width: 767px) {
  .ContactModal .modal-dialog {
    max-width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .ContactModal .modal-dialog {
    max-width: 100%;
  }
}

.ContactModal .ModalBody {
  position: relative;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.ContactModal .ModalBody .close {
  position: absolute;
  right: 5px;
  top: 5px;
}

.ContactModal .ModalBody .close:focus {
  outline: none;
}

.ContactModal .ModalBody .ModalImg {
  max-width: 40%;
}

.ContactModal .ModalBody .ModalImg img {
  width: 100%;
}

.ContactModal .ModalBody .ModalText {
  max-width: 100%;
  padding: 30px 50px 30px 30px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .ContactModal .ModalBody .ModalText {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .ContactModal .ModalBody .ModalText {
    padding: 0;
  }
}

.ContactModal .ModalBody .ModalText .Title {
  margin-bottom: 50px;
}

@media only screen and (max-width: 1279px) {
  .ContactModal .ModalBody .ModalText .Title {
    margin-bottom: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .ContactModal .ModalBody .ModalText .Title {
    text-align: center;
    padding: 15px 0;
    margin-bottom: 20px;
  }
}

.ContactModal .ModalBody .ModalText .Title h2 {
  font-family: 'Montserrat';
  font-size: 40px;
  font-weight: 700;
  color: #4a6a90;
}

.ContactModal .ModalBody .ModalText .Title h4 {
  font-family: 'Montserrat';
  color: #496B91;
}
.ContactModal .ModalBody .ModalText .Title p {
  font-family: 'Montserrat';
  color: #496B91;
}

.ContactModal .ModalBody .ModalText .Title h2 span {
  padding: 0 5px;
  color: #ffffff;
  background: #ffc050;
}

@media only screen and (max-width: 767px) {
  .ContactModal .ModalBody .ModalText .Title h2 {
    font-size: 32px;
  }
}

.ContactModal .ModalBody .ModalText .SocialUl {
  margin-bottom: 90px;
}

@media only screen and (max-width: 1279px) {
  .ContactModal .ModalBody .ModalText .SocialUl {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 991px) {
  .ContactModal .ModalBody .ModalText .SocialUl li {
    margin: 10px 0;
  }
}

.ContactModal .ModalBody .ModalText .SocialUl label {
  display: block;
  font-family: 'Montserrat';
  font-size: 16px;
  font-weight: 700;
  color: #000000;
}

.ContactModal .ModalBody .ModalText .SocialUl a {
  display: block;
  font-family: 'Montserrat';
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}

.ContactModal .ModalBody .ModalText .ModalForm h5 {
  margin-bottom: 20px;
  color: #4a6a90;
  font-size: 24px;
  font-family: 'Gotham-Bold';
}

@media only screen and (max-width: 767px) {
  .ContactModal .ModalBody .ModalText .ModalForm h5 {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 767px) {
  .ContactModal .ModalBody .ModalText .ModalForm form .col-12 {
    padding: 0 30px;
  }
}

.ContactModal .ModalBody .ModalText .ModalForm form label {
  display: block;
  font-family: 'Montserrat';
  font-size: 16px;
  font-weight: 700;
  color: #000000;
}

.ContactModal .ModalBody .ModalText .ModalForm form input, .ContactModal .ModalBody .ModalText .ModalForm .HomeBannerSec .HomeDiv .HomeForm form .FormFields select, .HomeBannerSec .HomeDiv .HomeForm .ContactModal .ModalBody .ModalText .ModalForm form .FormFields select, .ContactModal .ModalBody .ModalText .ModalForm form textarea {
  width: 350px;
  display: block;
  border: 0;
  border-bottom: 1px solid #000;
  padding: 10px 0;
  font-family: 'Montserrat';
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}

.ContactModal .ModalBody .ModalText .ModalForm form input:focus, .ContactModal .ModalBody .ModalText .ModalForm .HomeBannerSec .HomeDiv .HomeForm form .FormFields select:focus, .HomeBannerSec .HomeDiv .HomeForm .ContactModal .ModalBody .ModalText .ModalForm form .FormFields select:focus, .ContactModal .ModalBody .ModalText .ModalForm form textarea:focus {
  outline: none;
}

.ContactModal .ModalBody .ModalText .ModalForm form input::-webkit-input-placeholder, .ContactModal .ModalBody .ModalText .ModalForm .HomeBannerSec .HomeDiv .HomeForm form .FormFields select::-webkit-input-placeholder, .HomeBannerSec .HomeDiv .HomeForm .ContactModal .ModalBody .ModalText .ModalForm form .FormFields select::-webkit-input-placeholder, .ContactModal .ModalBody .ModalText .ModalForm form textarea::-webkit-input-placeholder {
  color: #000000;
}

.ContactModal .ModalBody .ModalText .ModalForm form input:-ms-input-placeholder, .ContactModal .ModalBody .ModalText .ModalForm .HomeBannerSec .HomeDiv .HomeForm form .FormFields select:-ms-input-placeholder, .HomeBannerSec .HomeDiv .HomeForm .ContactModal .ModalBody .ModalText .ModalForm form .FormFields select:-ms-input-placeholder, .ContactModal .ModalBody .ModalText .ModalForm form textarea:-ms-input-placeholder {
  color: #000000;
}

.ContactModal .ModalBody .ModalText .ModalForm form input::-ms-input-placeholder, .ContactModal .ModalBody .ModalText .ModalForm .HomeBannerSec .HomeDiv .HomeForm form .FormFields select::-ms-input-placeholder, .HomeBannerSec .HomeDiv .HomeForm .ContactModal .ModalBody .ModalText .ModalForm form .FormFields select::-ms-input-placeholder, .ContactModal .ModalBody .ModalText .ModalForm form textarea::-ms-input-placeholder {
  color: #000000;
}

.ContactModal .ModalBody .ModalText .ModalForm form input::placeholder, .ContactModal .ModalBody .ModalText .ModalForm .HomeBannerSec .HomeDiv .HomeForm form .FormFields select::placeholder, .HomeBannerSec .HomeDiv .HomeForm .ContactModal .ModalBody .ModalText .ModalForm form .FormFields select::placeholder, .ContactModal .ModalBody .ModalText .ModalForm form textarea::placeholder {
  color: #000000;
}

@media only screen and (max-width: 767px) {
  .ContactModal .ModalBody .ModalText .ModalForm form input, .ContactModal .ModalBody .ModalText .ModalForm .HomeBannerSec .HomeDiv .HomeForm form .FormFields select, .HomeBannerSec .HomeDiv .HomeForm .ContactModal .ModalBody .ModalText .ModalForm form .FormFields select, .ContactModal .ModalBody .ModalText .ModalForm form textarea {
    width: 100%;
  }
}

.ContactModal .ModalBody .ModalText .ModalForm form textarea {
  resize: none;
  height: 100px;
}

.ContactModal .ModalBody .ModalText .ModalForm form .FormBtn {
  background: #4a6a90;
  padding: 10px 25px;
  border: 0;
  font-family: 'Montserrat';
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
}

.ContactModal .ModalBody .ModalText .ModalForm form .FormBtn:focus {
  outline: none;
}

@media only screen and (max-width: 767px) {
  .ContactModal .ModalBody .ModalText .ModalForm form .FormBtn {
    width: 100%;
    text-align: center;
  }
}

	.collapsible {
		  background-color: #496B91;
		  color: white;
		  cursor: pointer;
		  padding: 18px;
		  width: 100%;
		  border: none;
		  text-align: left;
		  outline: none;
		  font-size: 15px;
		}

		.collapsible .active, .collapsible:hover {
		  background-color: #ffc050;
		}

		.content {
		  padding: 10px 18px;
		  display: none;
		  overflow: hidden;
		  background-color: #f1f1f1;
		  color: #496B91; 
		}
		
		

	.Focus{
		padding: 40px 20px 0px 20px;
		background-color: #E8E8E8;
	}		
				
	.Focus .Title h2 {
	  text-align: center;
	  font-family: 'Montserrat';
	  font-size: 40px;
	  font-weight: 700;
	  color: #4a6a90;
	}		
		
		
		
		
		
/* =============================
    How Its Work Section
============================= */
.HowWorkSec {
  position: relative;
}

.HowWorkSec .HowWorkDiv {
  padding: 100px 175px 100px;
}

@media only screen and (max-width: 1199px) {
  .HowWorkSec .HowWorkDiv {
    padding: 50px 50px 100px;
  }
}

@media only screen and (max-width: 575px) {
  .HowWorkSec .HowWorkDiv {
    padding: 50px 30px 100px;
  }
}

.HowWorkSec .HowWorkDiv .Title {
  text-align: center;
  margin-bottom: 75px;
}

.HowWorkSec .HowWorkDiv .Title h2 {
  font-family: 'Montserrat';
  font-size: 36px;
  font-weight: 700;
  color: #4a6a90;
}

.HowWorkSec .HowWorkDiv .Title h2 span {
  display: inline-block;
  padding: 0 5px;
  color: #ffffff;
  background: #ffc050;
}

@media only screen and (max-width: 575px) {
  .HowWorkSec .HowWorkDiv .Title h2 {
    font-size: 28px;
  }
}

.HowWorkSec .HowWorkDiv .HowWorkDetailDiv {
  position: relative;
}

.HowWorkSec .HowWorkDiv .HowWorkDetailDiv .WorkSvgDiv {
  position: relative;
}

.HowWorkSec .HowWorkDiv .HowWorkDetailDiv .WorkSvgDiv svg {
  width: 100%;
  height: auto;
}

.HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail {
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 30px;
}

@media only screen and (max-width: 1366px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail {
    padding: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail {
    padding: 50px;
  }
}

.HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail::before {
  content: "";
  position: absolute;
  top: 0px;
  left: -20px;
  width: 111.1%;
  height: 51%;
  border: 10px solid #4a6a90;
  border-bottom: none;
  border-radius: 100px 100px 0 0;
}

@media only screen and (max-width: 1600px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail::before {
    width: 114.2%;
  }
}

@media only screen and (max-width: 1440px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail::before {
    width: 116.8%;
  }
}

@media only screen and (max-width: 1366px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail::before {
    width: 118%;
  }
}

@media only screen and (max-width: 1280px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail::before {
    width: 119.9%;
  }
}

@media only screen and (max-width: 1220px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail::before {
    width: 121.7%;
  }
}

@media only screen and (max-width: 1199px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail::before {
    width: 116.5%;
  }
}

@media only screen and (max-width: 1140px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail::before {
    width: 117.5%;
  }
}

@media only screen and (max-width: 1080px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail::before {
    width: 119%;
  }
}

@media only screen and (max-width: 991px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail::before {
    width: 51%;
    height: 101.2%;
    top: -12px;
    left: auto;
    right: 0;
    border: 10px solid #4a6a90;
    border-left: none;
    border-radius: 0px 100px 100px 0;
  }
}

@media only screen and (max-width: 767px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail::before {
    top: -8px;
  }
}

@media only screen and (max-width: 479px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail::before {
    top: -6px;
  }
}

.HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail.Two::before {
  top: auto;
  bottom: 0px;
  border: 10px solid #4a6a90;
  border-top: none;
  border-radius: 0px 0px 100px 100px;
}

@media only screen and (max-width: 991px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail.Two::before {
    width: 51%;
    height: 101.3%;
    top: -13px;
    left: 0;
    right: auto;
    border: 10px solid #4a6a90;
    border-right: none;
    border-radius: 100px 0px 0px 100px;
  }
}

@media only screen and (max-width: 767px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail.Two::before {
    top: -11px;
    height: 102%;
  }
}

@media only screen and (max-width: 575px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail.Two::before {
    height: 102.3%;
  }
}

@media only screen and (max-width: 479px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail.Two::before {
    height: 103.3%;
  }
}

@media only screen and (max-width: 400px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail.Two::before {
    height: 103%;
  }
}

@media only screen and (max-width: 375px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail.Two::before {
    height: 103.4%;
  }
}

.HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail.Four::before {
  top: auto;
  bottom: 10px;
  border: 10px solid #4a6a90;
  border-top: none;
  border-radius: 0px 0px 100px 100px;
}

@media only screen and (max-width: 991px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail.Four::before {
    width: 51%;
    height: 101.2%;
    top: -14px;
    left: 0;
    right: auto;
    border: 10px solid #4a6a90;
    border-right: none;
    border-radius: 100px 0px 0px 100px;
  }
}

@media only screen and (max-width: 767px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail.Four::before {
    top: -11px;
  }
}

@media only screen and (max-width: 575px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail.Four::before {
    top: -12px;
  }
}

@media only screen and (max-width: 400px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail.Four::before {
    top: -10px;
  }
}

@media only screen and (max-width: 375px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail.Four::before {
    top: -11px;
  }
}

.HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail::after {
  content: "01";
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  width: 75px;
  height: 75px;
  left: -52px;
  top: auto;
  bottom: auto;
  background: #ffc050;
  font-family: 'Montserrat';
  font-size: 40px;
  font-weight: 700;
  color: #ffffff;
}

@media only screen and (max-width: 991px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail::after {
    left: auto;
    right: auto;
    top: -45px;
  }
}

@media only screen and (max-width: 400px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail::after {
    width: 50px;
    height: 50px;
    font-size: 28px;
    top: -25px;
  }
}

.HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail.Two::after {
  content: "02";
  bottom: -36px;
  left: auto;
  right: auto;
}

@media only screen and (max-width: 991px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail.Two::after {
    left: -35px;
    right: auto;
    top: auto;
    bottom: auto;
  }
}

@media only screen and (max-width: 400px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail.Two::after {
    left: -20px;
  }
}

.HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail.Three::after {
  content: "03";
  top: -36px;
  bottom: auto;
  left: auto;
  right: auto;
}

@media only screen and (max-width: 991px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail.Three::after {
    right: -35px;
    left: auto;
    top: auto;
    bottom: auto;
  }
}

@media only screen and (max-width: 400px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail.Three::after {
    right: -20px;
  }
}

.HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail.Four::after {
  content: "04";
  right: -52px;
  left: auto;
  bottom: auto;
}

@media only screen and (max-width: 991px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail.Four::after {
    left: auto;
    right: auto;
    top: auto;
    bottom: -25px;
  }
}

@media only screen and (max-width: 400px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail.Four::after {
    bottom: -15px;
  }
}

.HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail .HowWorkImg {
  height: auto;
  margin-bottom: 50px;
}

.HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail .HowWorkImg img {
  width: 80%;
}

.HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail .HowWorkText {
  height: auto;
  margin-bottom: 50px;
}

.HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail .HowWorkText h4 {
  margin-bottom: 15px;
  font-family: 'Montserrat';
  font-size: 24px;
  font-weight: 700;
  color: #4a6a90;
}

@media only screen and (max-width: 1199px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail .HowWorkText h4 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 991px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail .HowWorkText h4 {
    font-size: 24px;
  }
}

.HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail .HowWorkText p {
  font-family: 'Montserrat';
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}

@media only screen and (max-width: 1199px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail .HowWorkText p {
    font-size: 14px;
  }
}

@media only screen and (max-width: 991px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail .HowWorkText p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 400px) {
  .HowWorkSec .HowWorkDiv .HowWorkDetailDiv .HowWorkDetail .HowWorkText p {
    font-size: 14px;
  }
}

/* =============================
    Accordion Section
============================= */
.AccSec2 {

  position: relative;
  padding: 60px 277px 40px;
  
}

@media only screen and (max-width: 1600px) {
  .AccSec2 {
    padding: 60px 150px 40px;
  }
}

@media only screen and (max-width: 1199px) {
  .AccSec2 {
    padding: 50px;
  }
}

@media only screen and (max-width: 575px) {
  .AccSec2 {
    padding: 50px 0px;
  }
}

.AccSec2 .AccDiv2 {
  position: relative;
  margin-top: 50px;
  padding : 0px 100px 0px 100px;
}

.AccSec2 .AccDiv2 .AccUl2 {
  margin-bottom: 15px;
}

@media only screen and (max-width: 1600px) {
  .AccSec2 .AccDiv2 .AccUl2 {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

@media only screen and (max-width: 767px) {
  .AccSec2 .AccDiv2 .AccUl2 {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.AccSec2 .AccDiv2 .AccUl2 li {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .AccSec2 .AccDiv2 .AccUl2 li {
    width: 100%;
    margin: 5px 0;
  }
}


.AccSec2 .AccDiv2 .AccUl2 li a h6 .active::before {
  color: #ffc050;

}
.AccSec2 .AccDiv2 .AccUl2 li a:hover{
  color: #ffc050;
  filter: drop-shadow(1px 4px 4px rgba(0, 0, 0, 0.9));
}
.AccSec2 .AccDiv2 .AccUl2 li.active{
  color: #ffc050;
  filter: drop-shadow(1px 4px 4px rgba(0, 0, 0, 0.9));
}

@media only screen and (max-width: 767px) {
  .AccSec2 .AccDiv2 .AccUl2 li.active::before {
    display: none;
  }
}

.AccSec2 .AccDiv2 .AccUl2 li.active.Tab3::before {
  left: 40%;
}

.AccSec2 .AccDiv2 .AccUl2 li.active.Tab4::before {
  left: 30%;
}

.AccSec2 .AccDiv2 .AccUl2 li.active.Tab5::before {
  left: 35%;
}

.AccSec2 .AccDiv2 .AccUl2 li.active.Tab6::before {
  left: 35%;
  bottom: -90px;
}

.AccSec2 .AccDiv2 .AccUl2 li.active.Tab7::before {
  left: 35%;
  bottom: -76px;

}

.AccSec2 .AccDiv2 .AccUl2 a {
  padding: 0 30px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media only screen and (max-width: 1600px) {
  .AccSec2 .AccDiv2 .AccUl2 a {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .AccSec2 .AccDiv2 .AccUl2 a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.AccSec2 .AccDiv2 .AccUl2 a img {
  margin-bottom: 15px;
  size:90%;
}


.AccSec2 .AccDiv2 .AccUl2 a .yellow{
  display:none;
}

.AccSec2 .AccDiv2 .AccUl2 a img:hover{
  color: #ffee10;
}


@media only screen and (max-width: 767px) {
  .AccSec2 .AccDiv2 .AccUl2 a img {
    width: 50px;
  }
}

.AccSec2 .AccDiv2 .AccUl2 a h6 {
  text-align: center;
  font-family: 'Montserrat';
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
}

@media only screen and (max-width: 1199px) {
  .AccSec2 .AccDiv2 .AccUl2 a h6 {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .AccSec2 .AccDiv2 .AccUl2 a h6 {
    width: calc(100% - 120px);
    margin-left: 20px;
    text-align: left;
  }
  .AccSec2 .AccDiv2 .AccUl2 a h6 br {
    display: none;
  }
}

.AccSec2 .AccDiv2 .AccDetails2 {
  position: relative;
  padding-top: 50px;
}

@media only screen and (max-width: 767px) {
  .AccSec2 .AccDiv2 .AccDetails2 {
    padding-top: 0;
  }
}

.AccSec2 .AccDiv2 .AccDetails2 .AccDetailsDiv2 {
  position: relative;
  padding: 28px 32px;
  display: none;
}

.AccSec2 .AccDiv2 .AccDetails2 .AccDetailsDiv2.active {
  display: block;
}

@media only screen and (max-width: 575px) {
  .AccSec2 .AccDiv2 .AccDetails2 .AccDetailsDiv2 {
    padding: 15px;
  }
}

.AccSec2 .AccDiv2 .AccDetails2 .AccDetailsDiv2 p {
  font-family: 'Montserrat';
  font-size: 16px;
  font-weight: 400;
  color: #496B91;
}

@media only screen and (max-width: 767px) {
  .AccSec2 .AccDiv2 .AccItemImg2 {
    width: auto;
    text-align: center;
    padding: 5px 30px;
    margin: 0 auto 30px;
  }
  .AccSec2 .AccDiv2 .AccItemImg2 img {
    margin: 0 auto;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .AccSec2 .AccDiv2 .AccItemText2 {
    padding: 15px;
    color: #496B91;
	font-weight: 500;
  }
.AccSec2 .AccDiv2 {
  position: relative;
  margin-top: 50px;
  padding : 0px 10px 0px 10px;
}
}

.AccSec2 .AccDiv2 .carousel-control-prev, .AccSec2 .AccDiv2 .carousel-control-next {
  width: 30px !important;
  height: 30px;
  border: 1px solid #ffffff;
  opacity: 1;
  color : #496B91;
  top: 100px;
  left: 20px;
  right: auto;
  bottom: auto;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 400px) {
  .AccSec2 .AccDiv2 .carousel-control-prev, .AccSec2 .AccDiv2 .carousel-control-next {
    left: 10px;
  }
}

.AccSec2 .AccDiv2 .carousel-control-next {
  right: 20px;
  left: auto;
}

@media only screen and (max-width: 400px) {
  .AccSec2 .AccDiv2 .carousel-control-next {
    right: 10px;
  }
}
/* =============================
    How Are We Different Section
============================= */
.WeDiffSec {
  position: relative;
  padding: 70px 345px;
}

@media only screen and (max-width: 1600px) {
  .WeDiffSec {
    padding: 70px 200px;
  }
}

@media only screen and (max-width: 1199px) {
  .WeDiffSec {
    padding: 70px 50px;
  }
}

@media only screen and (max-width: 767px) {
  .WeDiffSec {
    padding: 50px 30px;
  }
}

.WeDiffSec .WeDiffDiv .Title {
  margin-bottom: 70px;
}

.WeDiffSec .WeDiffDiv .Title h2 {
  margin-bottom: 15px;
  font-family: 'Montserrat';
  font-size: 36px;
  font-weight: 700;
  color: #4a6a90;
}

.WeDiffSec .WeDiffDiv .Title h2 span {
  padding: 0 5px;
  color: #ffffff;
  background: #ffc050;
}

.WeDiffSec .WeDiffDiv  h4 {
  margin-bottom: 15px;
  font-family: 'Montserrat';
  font-size: 24px;
  font-weight: 500;
  color: #4a6a90;
}

.WeDiffSec .WeDiffDiv  h4 span {
  padding: 0 5px;
  color: #ffffff;
  background: #ffc050;
}

@media only screen and (max-width: 575px) {
  .WeDiffSec .WeDiffDiv .Title h2 {
    font-size: 24px;
  }
}

.WeDiffSec .WeDiffDiv .Title p {
  text-align: center;
  font-family: 'Montserrat';
  font-size: 18px;
  font-weight: 400;
  color: #000000;
}

@media only screen and (max-width: 767px) {
  .WeDiffSec .WeDiffDiv .Title p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 575px) {
  .WeDiffSec .WeDiffDiv .Title p {
    font-size: 14px;
  }
}

.WeDiffSec .WeDiffDetail {
  position: relative;
  padding: 0 30px;
}

@media only screen and (max-width: 575px) {
  .WeDiffSec .WeDiffDetail {
    padding: 0;
  }
}

.WeDiffSec .WeDiffDetail .WeDiffDetailDiv {
  position: relative;
  -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.16);
          box-shadow: 0 6px 30px rgba(0, 0, 0, 0.16);
}

.WeDiffSec .WeDiffDetail .WeDiffDetailDiv .Title {
  height: auto;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 0;
}

.WeDiffSec .WeDiffDetail .WeDiffDetailDiv .Title img {
  width: 170px;
}

.WeDiffSec .WeDiffDetail .WeDiffDetailDiv .Title h5 {
  font-family: 'Montserrat';
  font-size: 24px;
  font-weight: 700;
  color: #4a6a90;
  padding-bottom: 20px;
}
@media only screen and (max-width: 1920px) {
  .WeDiffSec .WeDiffDetail .WeDiffDetailDiv .Title h5 {
    font-family: 'Montserrat';
    padding-top: 10px;
    font-size: 22px;
    font-weight: 700;
    color: #4a6a90;
  }
  .WeDiffSec .WeDiffDetail .WeDiffDetailDiv .Title {
    height: auto;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1540px) {
  .WeDiffSec .WeDiffDetail .WeDiffDetailDiv .Title img {
    padding: 10px 0;
  }
}
.WeDiffSec .WeDiffDetail .WeDiffDetailDiv .WeDifferDetailUl {
  position: relative;
  height: auto;
}

@media only screen and (max-width: 991px) {
  .WeDiffSec .WeDiffDetail .WeDiffDetailDiv .WeDifferDetailUl {
    padding-bottom: 15px;
  }
}

.WeDiffSec .WeDiffDetail .WeDiffDetailDiv .WeDifferDetailUl li {
  padding: 20px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: 'Montserrat';
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  line-height: 30px;
  text-align: center;
}

@media only screen and (max-width: 991px) {
  .WeDiffSec .WeDiffDetail .WeDiffDetailDiv .WeDifferDetailUl li {
    text-align: left;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 10px 20px;
  }
}

@media only screen and (max-width: 575px) {
  .WeDiffSec .WeDiffDetail .WeDiffDetailDiv .WeDifferDetailUl li {
    padding: 15px;
  }
}

.WeDiffSec .WeDiffDetail .WeDiffDetailDiv .WeDifferDetailUl li img {
  width: 30px;
}

.WeDiffSec .WeDiffDetail .WeDiffDetailDiv .WeDifferDetailUl li span {
  width: calc(100% - 50px);
  font-family: 'Montserrat';
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  display: none;
}

@media only screen and (max-width: 991px) {
  .WeDiffSec .WeDiffDetail .WeDiffDetailDiv .WeDifferDetailUl li span {
    display: block;
    margin-left: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .WeDiffSec .WeDiffDetail .WeDiffDetailDiv .WeDifferDetailUl li span {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1366px) {
  .WeDiffSec .WeDiffDetail .WeDiffDetailDiv .WeDifferDetailUl li {
    font-size: 16px;
  }
}

.WeDiffSec .WeDiffDetail .WeDiffDetailDiv.SecondDiv {
  margin-top: 72px;
}

@media only screen and (max-width: 991px) {
  .WeDiffSec .WeDiffDetail .WeDiffDetailDiv.SecondDiv {
    margin-top: 0;
  }
}

/* =============================
    About Us Section
============================= */
.AboutSec {
  position: relative;
  padding: 120px 320px 220px 130px;
  background: -webkit-gradient(linear, left top, right top, color-stop(85%, #c7c8ca40), color-stop(15%, #ffc050));
  background: linear-gradient(to right, #c7c8ca40 85%, #ffc050 15%);
}

@media only screen and (max-width: 1366px) {
  .AboutSec {
    padding: 100px 200px 200px 120px;
  }
}

@media only screen and (max-width: 1199px) {
  .AboutSec {
    padding: 90px 100px;
  }
}

@media only screen and (max-width: 767px) {
  .AboutSec {
    padding: 90px 30px;
  }
}

.AboutSec .AboutDiv {
  position: relative;
}

.AboutSec .AboutDiv img {
  width: 100%;
}

.AboutSec .AboutDiv .AboutText {
  position: relative;
}

@media only screen and (max-width: 991px) {
  .AboutSec .AboutDiv .AboutText {
    margin-bottom: 50px;
  }
}

.AboutSec .AboutDiv .AboutText h2 {
  margin-bottom: 45px;
  font-family: 'Montserrat';
  font-size: 44px;
  font-weight: 700;
  color: #4a6a90;

}
.AboutSec .AboutDiv .AboutText h4 {
  margin-top : 75px;
  margin-bottom: 25px;
  font-family: 'Montserrat';
  font-size: 40px;
  font-weight: 700;
  color: #4a6a90;

}

.AboutSec .AboutDiv .AboutText h2 span {
  padding: 0 5px;
  color: #ffffff;
  background: #ffc050;
}

.AboutSec .AboutDiv .AboutText h4 span {
  padding: 0 5px;
  color: #ffffff;
  background: #ffc050;
}

@media only screen and (max-width: 575px) {
  .AboutSec .AboutDiv .AboutText h2 {
    font-size: 32px;
    margin-bottom: 20px;
	margin-left:2%;
  }
   .AboutSec .AboutDiv .AboutText h4 {
    font-size: 22px;
    margin-bottom: 20px;
	margin-left:2%;
  }
}

.AboutSec .AboutDiv .AboutText p {
  font-family: 'Montserrat';
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  text-align: left;
}

@media only screen and (max-width: 575px) {
  .AboutSec .AboutDiv .AboutText p {
    font-size: 12px;
	text-align: left;
  }
}


/* =============================
    About Us 2 Section
============================= */
.AboutSec2 {
  position: relative;
  padding: 120px 120px 120px 130px;
  background: #496B91;
}

@media only screen and (max-width: 1366px) {
  .AboutSec2 {
    padding: 100px 100px 100px 120px;
  }
}

@media only screen and (max-width: 1199px) {
  .AboutSec2 {
    padding: 90px 100px;
  }
}

@media only screen and (max-width: 767px) {
  .AboutSec2 {
    padding: 90px 30px;
  }
}

.AboutSec2 .AboutDiv2 {
  position: relative;
}

.AboutSec2 .AboutDiv2 img {
  width: 100%;
}

.AboutSec2 .AboutDiv2 .AboutText2 {
  position: relative;
}

@media only screen and (max-width: 991px) {
  .AboutSec2 .AboutDiv2 .AboutText2 {
  }
}

.AboutSec2 .AboutDiv2 .AboutText2 h2 {
  margin-left: 40%;
  margin-bottom: 45px;
  font-family: 'Montserrat';
  font-size: 44px;
  font-weight: 700;
  color: #fffff;

}

.AboutSec2 .AboutDiv2 .AboutText2 h2 span {
  padding: 0 5px;
  color: #496B91;
  background: #ffffff;
}

.AboutSec2 .AboutDiv2 .AboutText2 h4 span {
  padding: 0 5px;
  color: #ffffff;
  background: #ffc050;
}

@media only screen and (max-width: 575px) {
  .AboutSec2 .AboutDiv2 .AboutText2 h2 {
    font-size: 32px;
    margin-bottom: 20px;
	 margin-left:2%;
  }
   .AboutSec2 .AboutDiv2 .AboutText2 h4 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  margin-left:2%;
}

.AboutSec2 .AboutDiv2 .AboutText2 p {
  font-family: 'Montserrat';
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
}

@media only screen and (max-width: 575px) {
  .AboutSec2 .AboutDiv2 .AboutText2 p {
    font-size: 12px;
	text-align: left;
  }
}


/* =============================
    Recently Bought Section
============================= */
.RecBouSec {
  position: relative;
  padding: 125px 0 125px 240px;
  background: #4a6a90;
}

@media only screen and (max-width: 1366px) {
  .RecBouSec {
    padding: 195px 0 195px 200px;
  }
}

@media only screen and (max-width: 1366px) {
  .RecBouSec {
    padding: 100px 0 100px 50px;
  }
}

@media only screen and (max-width: 575px) {
  .RecBouSec {
    padding: 50px 30px;
  }
}

.RecBouSec .RecBouDiv {
  position: relative;
}

.RecBouSec .RecBouDiv .RecBouText {
  max-width: 400px;
}

@media only screen and (max-width: 991px) {
  .RecBouSec .RecBouDiv .RecBouText {
    max-width: 100%;
  }
}

.RecBouSec .RecBouDiv .RecBouText h2 {
  font-family: 'Montserrat';
  font-size: 36px;
  font-weight: 700;
  color: #ffffff;
}

.RecBouSec .RecBouDiv .RecBouText h2 span {
  display: inline-block;
  padding: 0 5px;
  margin: 5px 0;
  color: #4a6a90;
  background: #ffc050;
}

@media only screen and (max-width: 991px) {
  .RecBouSec .RecBouDiv .RecBouText h2 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 575px) {
  .RecBouSec .RecBouDiv .RecBouText h2 {
    font-size: 26px;
  }
}

.RecBouSec .RecBouDiv .RecBouText h2 br {
  display: none;
}

.RecBouSec .RecBouDiv .RecBouSliderDiv {
  width: calc(100% - 400px);
  padding: 70px 0 40px;
}

@media only screen and (max-width: 991px) {
  .RecBouSec .RecBouDiv .RecBouSliderDiv {
    width: 100%;
    padding: 30px 0;
  }
}

.RecBouSec .RecBouDiv .RecBouSliderDiv .OwlSlideDiv {
  position: relative;
  -webkit-box-shadow: 5px 10px 10px #00000033;
          box-shadow: 5px 10px 10px #00000033;
}

.RecBouSec .RecBouDiv .RecBouSliderDiv .owl-item {
  padding-bottom: 30px;
}

.RecBouSec .RecBouDiv .RecBouSliderDiv .owl-nav {
  margin-left: -300px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media only screen and (max-width: 991px) {
  .RecBouSec .RecBouDiv .RecBouSliderDiv .owl-nav {
    margin-left: 0;
  }
}

.RecBouSec .RecBouDiv .RecBouSliderDiv .owl-nav button {
  width: 94px !important;
  height: 94px !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid #ffffff;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.RecBouSec .RecBouDiv .RecBouSliderDiv .owl-nav button .icon {
  font-size: 30px;
}

@media only screen and (max-width: 991px) {
  .RecBouSec .RecBouDiv .RecBouSliderDiv .owl-nav button .icon {
    font-size: 20px;
  }
}

.RecBouSec .RecBouDiv .RecBouSliderDiv .owl-nav button:focus {
  outline: none;
}

@media only screen and (max-width: 1366px) {
  .RecBouSec .RecBouDiv .RecBouSliderDiv .owl-nav button {
    width: 60px !important;
    height: 60px !important;
  }
}

@media only screen and (max-width: 575px) {
  .RecBouSec .RecBouDiv .RecBouSliderDiv .owl-nav button {
    width: 40px !important;
    height: 40px !important;
  }
}

/* =============================
    Client Review Section
============================= */
.ClientSec {
  position: relative;
  padding: 85px 0 75px 145px;
}

.ClientSec  h4 {
  margin-bottom: 25px;
  font-family: 'Montserrat';
  font-size: 40px;
  font-weight: 700;
  color: #4a6a90;
  margin-left: 26%;

}

.ClientSec h4 span {
  padding: 0 5px;
  color: #ffffff;
  background: #ffc050;
}


@media only screen and (max-width: 2500px) {

   .ClientSec  h4 {
     margin-bottom: 25px;
     font-family: 'Montserrat';
     font-size: 40px;
     font-weight: 700;
     color: #4a6a90;
     margin-left: 34%;

  }
}


@media only screen and (max-width: 1920px) {

   .ClientSec  h4 {
     margin-bottom: 25px;
     font-family: 'Montserrat';
     font-size: 40px;
     font-weight: 700;
     color: #4a6a90;
     margin-left: 26%;

  }
}

@media only screen and (max-width: 575px) {

   .ClientSec  h4 {
    font-size: 22px;
    margin-bottom: 25px;
	   margin-left:25%;
  }
}


@media only screen and (max-width: 1920px) {
  .ClientSec {
    padding: 85px 0 75px 200px;
    background: -webkit-gradient(linear, left top, right top, color-stop(85%, #c7c8ca40), color-stop(15%, #ffc050));
    background: linear-gradient(to right, #c7c8ca40 85%, #ffc050 15%);
  }
}

@media only screen and (max-width: 1600px) {
  .ClientSec {
    padding: 85px 0 75px 200px;
    background: -webkit-gradient(linear, left top, right top, color-stop(85%, #c7c8ca40), color-stop(15%, #ffc050));
    background: linear-gradient(to right, #c7c8ca40 85%, #ffc050 15%);
  }
}

@media only screen and (max-width: 1366px) {
  .ClientSec {
    padding: 85px 0 75px 100px;
    background: -webkit-gradient(linear, left top, right top, color-stop(85%, #c7c8ca40), color-stop(15%, #ffc050));
    background: linear-gradient(to right, #c7c8ca40 85%, #ffc050 15%);
  }
}

@media only screen and (max-width: 1199px) {
  .ClientSec {
    padding: 85px 55px 65px 55px;
    background: -webkit-gradient(linear, left top, right top, color-stop(85%, #c7c8ca40), color-stop(15%, #ffc050));
    background: linear-gradient(to right, #c7c8ca40 85%, #ffc050 15%);
  }
}

@media only screen and (max-width: 991px) {
  .ClientSec {
    padding: 50px 0 50px 40px;
    background: -webkit-gradient(linear, left top, right top, color-stop(85%, #c7c8ca40), color-stop(15%, #ffc050));
    background: linear-gradient(to right, #c7c8ca40 85%, #ffc050 15%);
  }
}
@media only screen and (max-width: 675px) {
  .ClientSec {
    padding: 50px 0;
    text-align: left;
  }
}

.ClientSec .ClientDiv {
  position: relative;
}

@media only screen and (max-width: 991px) {
  .ClientSec .ClientDiv {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.ClientSec .ClientDiv .ClientSlider {
  width: calc(120% - 645px);
}

@media only screen and (max-width: 1600px) {
  .ClientSec .ClientDiv .ClientSlider {
    width: calc(120% - 500px);
  }
}

@media only screen and (max-width: 1366px) {
  .ClientSec .ClientDiv .ClientSlider {
    width: calc(120% - 400px);
  }
}

@media only screen and (max-width: 1199px) {
  .ClientSec .ClientDiv .ClientSlider {
    width: calc(120% - 300px);
  }
}

@media only screen and (max-width: 991px) {
  .ClientSec .ClientDiv .ClientSlider {
    padding: 30px;
    background: #c8c9cb40;
    width: 100%;
  }
}

.ClientSec .ClientDiv .ClientSlider h6 {
  margin-bottom: 20px;
  text-align: center;
  font-family: 'Montserrat';
  font-size: 26px;
  font-weight: 700;
  color: #4a6a90;
}

.ClientSec .ClientDiv .ClientSlider .ClientSliderDiv {
  position: relative;
}

.ClientSec .ClientDiv .ClientSlider .ClientSliderDiv .SliderText {
  padding: 0 50px;
  text-align: center;
}

@media only screen and (max-width: 991px) {
  .ClientSec .ClientDiv .ClientSlider .ClientSliderDiv .SliderText {
    padding: 0;
    font-style: italic;
    text-align: center;
  }
}

.ClientSec .ClientDiv .ClientSlider .ClientSliderDiv .SliderText h3 {
  margin-bottom: 15px;
  font-family: 'Montserrat';
  font-size: 32px;
  font-weight: 700;
  color: #4a6a90;
}

@media only screen and (max-width: 1600px) {
  .ClientSec .ClientDiv .ClientSlider .ClientSliderDiv .SliderText h3 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 1199px) {
  .ClientSec .ClientDiv .ClientSlider .ClientSliderDiv .SliderText h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 675px) {
  .ClientSec .ClientDiv .ClientSlider .ClientSliderDiv .SliderText h3 {
    font-size: 18px;
    text-align: left;
    margin-left: 25px;
  }
}

.ClientSec .ClientDiv .ClientSlider .ClientSliderDiv .SliderText p {
  font-family: 'Montserrat';
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  color: #000000;
}

@media only screen and (max-width: 1199px) {
  .ClientSec .ClientDiv .ClientSlider .ClientSliderDiv .SliderText p {
    font-size: 14px;
    font-style: italic;
    text-align: center;
  }
}
@media only screen and (max-width: 675px) {
  .ClientSec .ClientDiv .ClientSlider .ClientSliderDiv .SliderText p {
    font-size: 14px;
    font-style: italic;
    margin-left: 25px;
    margin-right: 25px;
    text-align: left;
  }
}

.ClientSec .ClientDiv .ClientText {
  max-width: 695px;
  height: auto;
  padding: 40px 15px 90px;
  background: #ffc050;
}

@media only screen and (max-width: 1600px) {
  .ClientSec .ClientDiv .ClientText {
    max-width: 500px;
  }
}

@media only screen and (max-width: 1366px) {
  .ClientSec .ClientDiv .ClientText {
    max-width: 400px;
  }
}

@media only screen and (max-width: 1199px) {
  .ClientSec .ClientDiv .ClientText {
    max-width: 300px;
  }
}

@media only screen and (max-width: 991px) {
  .ClientSec .ClientDiv .ClientText {
    display: none;
  }
}

@media only screen and (max-width: 400px) {
  .ClientSec .ClientDiv .ClientText {
    padding: 40px 30px 60px;
  }
}

.ClientSec .ClientDiv .ClientText h6 {
  margin-bottom: 20px;
  font-family: 'Montserrat';
  font-size: 26px;
  font-weight: 700;
  color: #ffc050;
}

@media only screen and (max-width: 1366px) {
  .ClientSec .ClientDiv .ClientText h6 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .ClientSec .ClientDiv .ClientText h6 {
    font-size: 16px;
  }
}

.ClientSec .ClientDiv .ClientText h2 {
  font-size: 75px;
  font-family: 'Gotham-Black';
}

@media only screen and (max-width: 1366px) {
  .ClientSec .ClientDiv .ClientText h2 {
    font-size: 50px;
  }
}

@media only screen and (max-width: 575px) {
  .ClientSec .ClientDiv .ClientText h2 {
    font-size: 32px;
  }
}

.ClientSec .ClientDiv .carousel-control-prev, .ClientSec .ClientDiv .carousel-control-next {
  width: 52px !important;
  height: 52px;
  border: 1px solid #ffffff;
  opacity: 1;
  top: auto;
  left: auto;
  right: -52px;
  bottom: 180px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 1800px) {
  .ClientSec .ClientDiv .carousel-control-prev, .ClientSec .ClientDiv .carousel-control-next {
    bottom: 70px;
  }
}

@media only screen and (max-width: 1600px) {
  .ClientSec .ClientDiv .carousel-control-prev, .ClientSec .ClientDiv .carousel-control-next {
    bottom: 95px;
  }
}

@media only screen and (max-width: 1600px) {
  .ClientSec .ClientDiv .carousel-control-prev, .ClientSec .ClientDiv .carousel-control-next {
    bottom: 70px;
  }
}

@media only screen and (max-width: 1366px) {
  .ClientSec .ClientDiv .carousel-control-prev, .ClientSec .ClientDiv .carousel-control-next {
    bottom: 40px;
  }
}

@media only screen and (max-width: 1279px) {
  .ClientSec .ClientDiv .carousel-control-prev, .ClientSec .ClientDiv .carousel-control-next {
    bottom: 15px;
  }
}

@media only screen and (max-width: 1199px) {
  .ClientSec .ClientDiv .carousel-control-prev, .ClientSec .ClientDiv .carousel-control-next {
    bottom: 55px;
  }
}

@media only screen and (max-width: 991px) {
  .ClientSec .ClientDiv .carousel-control-prev, .ClientSec .ClientDiv .carousel-control-next {
    display: none;
  }
}

.ClientSec .ClientDiv .carousel-control-next {
  right: -104px;
}

/* =============================
    Footer Section
============================= */
footer {
  position: relative;
  padding: 120px 275px 35px;
  background: url("../images/ContactBanner2.jpeg") no-repeat center/cover;
}

@media only screen and (max-width: 1366px) {
  footer {
    padding: 120px 100px 35px;
  }
}

@media only screen and (max-width: 991px) {
  footer {
    padding: 100px 30px 50px;
  }
}

footer .FooterText {
  position: relative;
  height: 100%;
}

@media only screen and (max-width: 991px) {
  footer .FooterText {
    text-align: left;
  }
}

footer .FooterText h3 {
  margin-bottom: 65px;
  font-size: 50px;
  font-family: 'Gotham-Black';
}
.FooterText h3 span {
  padding: 0 5px;
  color: #ffffff;
  background: #ffc050;
}

@media only screen and (max-width: 1600px) {
  footer .FooterText h3 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 991px) {
  footer .FooterText h3 {
    margin: 0 auto;
    display: block;
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 575px) {
  footer .FooterText h3 {
    font-size: 28px;
  }
}

footer .FooterText .FooterUl {
  height: auto;
}

footer .FooterText .FooterUl b {
  display: block;
  margin-bottom: 25px;
  font-family: 'Montserrat';
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
}

@media only screen and (max-width: 991px) {
  footer .FooterText .FooterUl b {
    margin-bottom: 15px;
  }
}

footer .FooterText .FooterUl a {
  display: block;
  margin-bottom: 60px;
  font-family: 'Montserrat';
  font-size: 20px;
  font-weight: 550;
  color: #ffffff;
}

@media only screen and (max-width: 991px) {
  footer .FooterText .FooterUl a {
    margin-bottom: 15px;
    font-size: 18px;
  }
}

footer .FooterText .FooterUl p {
  display: block;
  margin-bottom: 60px;
  font-family: 'Montserrat';
  font-size: 20px;
  font-weight: 550;
  color: #ffffff;
}

@media only screen and (max-width: 991px) {
  footer .FooterText .FooterUl p {
    margin-bottom: 30px !important;
  }
}

footer .FooterText .FooterUl .SmallAnc a {
  margin-bottom: 5px;
  font-family: 'Montserrat';
  font-size: 16px;
  font-weight: 550;
  color: #ffffff;
}

footer .FooterOl {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
}

@media only screen and (max-width: 991px) {
  footer .FooterOl {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 30px;
  }
}

footer .FooterOl img {
  width: 50px;
  margin: 0 5px;
}

@media only screen and (max-width: 1600px) {
  footer .FooterOl img {
    width: 40px;
  }
}

footer .FooterLogo {
  position: relative;
}

@media only screen and (max-width: 991px) {
  footer .FooterLogo {
    text-align: center;
  }
}

footer .FooterLogo img {
  width: 325px;
}