@font-face {
    font-family: 'Guardian Sans';
    src: url('../fonts/GuardianSans-Bold.eot');
    src: url('../fonts/GuardianSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GuardianSans-Bold.woff2') format('woff2'),
        url('../fonts/GuardianSans-Bold.woff') format('woff'),
        url('../fonts/GuardianSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Guardian-Sans-light';
    src: url('../fonts/GuardianSans-Light.eot');
    src: url('../fonts/GuardianSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GuardianSans-Light.woff2') format('woff2'),
        url('../fonts/GuardianSans-Light.woff') format('woff'),
        url('../fonts/GuardianSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'HurmeGeometricSans2W01';
    src: url('../fonts/HurmeGeometricSans2W01-Bold.eot');
    src: url('../fonts/HurmeGeometricSans2W01-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HurmeGeometricSans2W01-Bold.woff2') format('woff2'),
        url('../fonts/HurmeGeometricSans2W01-Bold.woff') format('woff'),
        url('../fonts/HurmeGeometricSans2W01-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
body{
    background-image: url('../img/bg.jpg')
}
.clr-secondary{
    color: #ed175d !important;
}
.clr-primary{
    color: #843db3 !important;
}
.heading-primary{
    color: #843db3 !important;
    font-weight: 800;
    font-size: 4.5em;
    line-height: 0.8;
    font-family: 'Guardian Sans';
}

.heading-secondary{
    color: #ed175d !important;
    font-size: 3.5em;
    line-height: 1;
    font-family: 'Guardian-Sans-light';
    }
.text-primary{
        color: #ed175d !important;
        font-size: 2em;
        line-height: 1;
        font-family: 'Guardian-Sans-light';
}
.text-secondary{
    color: #843db3 !important;
    font-family: 'Guardian Sans';
    font-size: 3rem;
}
.text-secondary-small{
    color: #843db3;
    font-family: 'Guardian Sans';
    font-size: 2rem;
}
.text-default{
    font-size: 2rem;
    padding-right: 20%;
    font-weight: normal;
    color:#464646;
}
.text-default-small{
    font-size: 1.5rem;
    font-weight: normal;
    color:#464646;
}

.text-default-xsmall{
    font-size: 1rem;
    font-weight: normal;
    color:#464646;
}


.embeded{
  height: 450px;
  width: 900px;
}
body{
    position: relative;
}
.form-inline {
    position: relative;
}
.form-control-feedback {
position: absolute;
z-index: 2;
display: block;
width: 2.375rem;
height: 2.375rem;
line-height: 2.375rem;
text-align: center;
pointer-events: none;
color: white;
}
.form-control-feedback1 {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #b9b7b7;
}
.form-control {
padding-left: 2.375rem;
border-radius: 20px;
}
hr.new4 {
  border: 1px solid black;
  width: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-left: 6px;
}
.navbar-nav a{
font-family: 'HurmeGeometricSans2W01';
color: #843db3 !important;
font-size: 14px;
font-weight: bold;
}
.navbar-nav a:hover{
color: #ed175d !important;
}
.navbar-nav a:active {
  color: #ed175d !important;
}
.navbar-nav .active a{
  color: #ed175d !important;
  }
.text-group{
margin-top: 250px;
margin-left: 50px;
}


.col-img {
  background-repeat: no-repeat;
  background-position: top right;
}
.header-sec.col-img {
  background-image: url('../img/bg-upper4.png');
}
.min-vh-100 {
  padding-top: 75px;
}
.our-services.col-img {
  background-image: url('../img/service.png');
}
.search-bar{
background-color: rgba(255, 255, 255, 0.527);
border:none;

}
.search-bar1{
  background-color: rgb(158 158 158 / 32%);
  border: none;

}

input[type="text"]::placeholder { /* Firefox, Chrome, Opera */
color:white;
}

input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: white;
}

input[type="text"]::-ms-input-placeholder { /* Microsoft Edge */
color: white;
}


.ser-form input[type="text"]::placeholder { /* Firefox, Chrome, Opera */
color:darkgray;

}

.ser-form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: darkgray;
}

.ser-form input[type="text"]::-ms-input-placeholder { /* Microsoft Edge */
color: darkgray;
}


.footer-icon{
  padding: 6px 8px;
  border: 1px solid #444751;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.footer-icon:hover{
  background-color: black;
  color: white
}

.vision-sec{
    padding-left: 100px;
}
/* .values-sec{
    padding-right: 100px;
    padding-left: 100px;
} */

.Services .col-img{
  background-image: url('../img/service.png');
  background-repeat: no-repeat;
  background-position: top right;
  padding-top: 100px;
}

.col-sm-2 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.portfolio-sec img{
  max-width: 100%;
  max-height: 90px;
}

.office-sec{
    padding-top: 120px;
    padding-bottom: 73px;
    background-image: url('../img/office-bg.jpg');
}


.consultant-sec{
    background-image: url('../img/top-bg.jpg');
    padding-top: 0px;
    padding-bottom:0px;
    min-height: 520px;
}

.consultant-sec .text-group{
      margin-top: 0;
  }

.testimonial-sec{
    background-image: url('../img/top-bg.jpg');
}
.testimonial-sec .col-img{
    background-image: none;
    padding-top: 30px;
}

.about-us-sec{
    background-image:url('../img/top-bg.jpg');
    background-repeat: no-repeat;
}
.about-us-sec .col-img{
    background-image:none;
    padding-top: 30px;
}
.about-us-sec .text-group{
 margin-top: 100px;
}

.contact-us-sec{
    background-image:url('../img/top-bg.jpg');
}

.contact-us-sec .col-img{
    background-image:none;
    padding-top: 30px;
}
.contact-us-sec .text-group{
    margin-top: 115px;
   }
   .avatar2 img{
     height: 120px;
     width: 120px;
     border-radius: 50%;
   }
   .avatar1 img{
     height: 300px;
     width: 300px;
     border-radius: 50%;
   }
   .avatar2 h6, .avatar1 h6{
     font-weight: 900
   }

   .primary-color{
     color: #ED175D !important;
   }
   .secondary-color{
     color: #843DB3 !important;
   }
   .location i{
     font-size: 34px
   }
   .custom-iframe iframe{
    width: 100%;
   }
   .socials a{
     color: #464646
   }
@media (max-width: 991px) {
  .navbar-collapse {
    position: absolute;
    background: rgba(256,2566,256,0.9);
    top: 75px;
    left: 0;
    width: 100%;
  }
  .navbar-collapse .navbar-nav {
      width: 100%;
  }
  .navbar-collapse .navbar-nav .nav-link {
      text-align: center;
      border-bottom: 1px solid;
  }
}
@media screen and (max-width: 768px) {
  .embeded{
    height: 80vh;
    width: 100%;
  }
  .text-primary{
    color: #ed175d !important;
    font-size: 1.75rem;
    line-height: 1;
    font-family: 'Guardian-Sans-light';
  }
  .heading-primary {
    font-size: 2.5em;
  }

  .text-secondary{
      color: #843db3 !important;
      font-family: 'Guardian Sans';
      font-size: 2rem;
  }

  input[type="text"]::placeholder { /* Firefox, Chrome, Opera */
    color:gray;
    }
    
    input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: gray;
    }
    
    input[type="text"]::-ms-input-placeholder { /* Microsoft Edge */
    color: gray;
    }

   .form-control-feedback {
   position: absolute;
   top: 0px;
   color: gray;
   }

  .form-control-feedback1 {
      top: 0px;
  }
  .about-us-img img{
    margin-top: 100px
  }

  .header-sec.col-img {
    background-size: 40% auto;
  }
  .header-sec.col-img .col-md-6 {
      margin-bottom: 50px;
  }
}
   .list-group-item {

       background-color: transparent;
   }
   .list-group-item {

        padding: 0rem 0rem;

   }
   @media screen and (max-width: 768px) {

    .office-sec{
      padding-top: 120px;
      padding-bottom: 73px;
      background-image: url('../img/office-bg.jpg');
      padding-left: 0px;
      padding-right: 0px;
  }

    .Services{
      padding-top:0px !important;
    }

   .text-group{
     margin-top: 90px;
     margin-left: 0px;
     margin-bottom: 0px;

   }

  
   .col-img{
   background-image: url('../img/bg-upper4.png');
   background-repeat: no-repeat;
   background-position: top right;
   padding-top: 50px;
   }
   .heading-primary {
       color: #843db3 !important;
       font-weight: 800;
       font-size: 3em;
       line-height: 0.8;
       font-family: 'Guardian Sans';
   }
   .heading-secondary {
    font-size: 3em;
}
   .consultant-sec img{
     width: 500px;
       padding-top: 0px;
       padding-bottom: 0px;
   }
   .text-default {
       font-size: 1.25rem;

   }
   .about-us-sec .col-img {
       background-image: none;
       padding-top: 0px;
   }
   .consultant-sec .text-group{
       margin-top: 100px;
   }
   .custom-iframe iframe {
    width: 100%;
    height: 367px;
    margin-left: 0px;
}

.consultant-sec{
    background-image: url('../img/top-bg.jpg');
    padding-top: 0px;
    padding-bottom:0px;
}
}
  
   
.wrapper {
	padding-bottom: 20px;
}

.divider
{
	position: relative;
	margin-top: 90px;
	height: 1px;
}

.div-transparent:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, rgb(48,49,51), transparent);
}


.div-dot:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -9px;
	left: calc(50% - 9px);
	width: 18px;
	height: 18px;
	background-color: purple;
	border: 1px solid rgb(48,49,51);
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px white,
					0 0 0 4px white;
}
#load{
  width:100%;
  height:100%;
  position:fixed;
  z-index:9999;
  background-color:rgba(255,255,255,1)
}
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 100px;
  height: 100px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;

  position: absolute;
  left: 50%;
  top: 50%;
  margin: -50px 0 0 -50px;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}