@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&family=Saira+Semi+Condensed:wght@100;200;300;400;500;700;800&display=swap');

:root {
  --font-family-main: "DM Sans";
  --font-family-text: "DM Sans";
  --color-set-one-1:#008BF9;
  --color-set-one-2:#0F3567;
  --color-set-one-3:#36619A;
  --color-set-one-4:#3B5279;
  --color-set-one-5:#133E76;
  --color-set-one-6:#36DB9F;
  --color-set-one-7:#082e5f;
  --color-set-one-8:#08254B;
  --color-set-two-three-1:#2d947a;
  --color-set-two-three-2:#263959;
  --color-set-two-three-3:#213438;
  --color-set-two-three-4:#1d3050;
  --color-set-two-three-5:#152427;
  --color-set-two-three-6:#138f82;
  --color-set-four-1:#f86403;
  --color-set-four-2:#d65501;
  --color-set-four-3:#00868C;
  --color-set-four-4:#181818;
  --preloader-background-color: #008BF9;
  --preloader-background-color-2: #0F3567;
  --preloader-text-color: #ffffff;
  --color-set-one-bg-1: #EDF7FE;
  --color-set-one-bg-2: rgba(15, 53, 103, 0.1);
  --color-set-one-bg-3: #f6f6f6;
  --color-set-one-bg-4: #f8f8f8;
  --color-set-one-lig-1: rgba(15, 53, 103, 0.03);
  --color-set-one-lig-2: rgba(255, 255, 255, 0.1);
  --color-set-one-lig-3: #0F35671F;
  --color-set-one-lig-4: #FFFFFF14;
  --color-set-one-lig-5: #FFFFFF29;
  --color-set-one-bor-1:#0F3567;
  --color-set-one-bor-2:#edf4fa;
  --color-set-one-bor-3:#E7EBF0;
  --color-set-one-bor-4:#DCE8F0;
  --color-white:#ffffff;
  --heading-color-one:#0F3567;
  --heading-color-two:#213438;
  --heading-color-three:#181818;
  --content-color-one:#696E77;
  --menu-color: #0F3567;
  --dropdown-bg:#ffffff;
  --dropdown-menu-color:#0F3567;
  --mobile-menu-color:#0F3567;
  --mobile-menu-active-color:#008BF9;
  --box-shadow: 0 5px 22px 0px rgba(15 ,53 ,103 , 0.05);
  --box-shadow-two: 0px 10px 60px rgba(0, 0, 0, 0.07);
  --box-shadow-three: 0px 10px 60px rgba(15, 53, 103, 0.1);
}
body{
    font-family: 'Quicksand', sans-serif;
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #333;
}

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.trans {
  transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
}
a{
  text-decoration: none;
  color: #0F3567;
}
p{
  font-size: 18px;
  color: #333;
  line-height: 24px;
}
.bg-white{background: #fff;}
.bg-black{background: #000;}
.bg-gray{background: #f6f6f6;}
.bg-gray1{background: #e7e7e7;}
.bg-gray2{background: #c4c4c4;}
.bg-gray3{background: #9b9b9b;}

.mybox1 {  
  padding: 0px;
  background: none;
  border: 1px solid transparent;
  border-radius: 14px;
  margin-bottom: 20px;
  position: relative;
  box-shadow: var(--box-shadow);
  transform: translateY(0px);
}
.mybox1.fill {  
  background: #fff;
}
.mybox1-content {
  padding: 25px 15px;
}

.mybox1 .mybox1-icon i{
  font-size: 45px;
  line-height: 50px;
  color: #4b2661;
  transition: all 0.4s;
}
.mybox1 .mybox1-icon i.material-icons-outlined{
  font-size: 45px;
  font-weight: 200;
}
.mybox1 .mybox1-title{
  margin: 0px;
  font-size: 18px;
  text-transform: uppercase;
  color: #333;
  font-weight: 500;
  transition: all 0.4s;
  margin-top: 5px;
}
.mybox1:hover {
  transform: translateY(-10px);
}
.mybox1:hover .mybox1-icon i{
  color: #fe420e;
}
.mybox1:hover .mybox1-title{
  color: #fe420e;
}
.mybox1.bordered {
  border: 1px solid #333;
}
.mybox1.bordered:hover {
  border: 1px solid #fff;
  background: #fff;
  box-shadow: var(--box-shadow-two);
}
/* ===========================social media start====================================== */
.number a{
    text-decoration: none;
    color: #fff;
    margin: 8px;

}
.socialicon a{
    color: #fff;
    margin: 5px
}
/* ===========================social media end====================================== */
.navbar{
    border-bottom: 0px solid rgb(112, 108, 108);
    padding: 0;
}
.navbar-dark .navbar-nav a.nav-link {
  color: #372142;
  font-size: 1.1em;
  font-weight: 500;
  text-transform: uppercase;
  border-bottom: 2px solid #fff;
}
.dropdown-menu {
  border: none;
  border-radius: 1rem;
  padding: 0.7em;
} 

.navbar-dark .navbar-nav a.nav-link:hover {
  color: #f15b05;
  background-color: #eee;
  border-bottom: 2px solid #fe450f;
}
@media only screen and (min-width: 992px) {
  .dropdown:hover .dropdown-menu {
    display: flex;
  }
  .dropdown-menu.show {
    display: none;
  }
  .dropdown-menu[data-bs-popper] {
    top: 90%;
    left: 50%;
    margin-top: 0;
  }
}
.dropdown-menu ul {
  list-style: none;
  padding: 0;
}
.dropdown-menu li.title {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  position: relative;
  padding-bottom: 5px;
  margin-bottom: 10px;
  white-space: nowrap;
}
.dropdown-menu li.title::before {
  content: '';
  position: absolute;
  width: 60px;
  height: 1px;
  background: #4d2880;
  bottom: 0;
  left: 0;
}
.dropdown-menu li .dropdown-item {
  color: #333;
  font-size: 16px;
  padding: 0.5em 1em;
  font-weight: 500;
  transition: all 0.3s;
}
.dropdown-menu li .dropdown-item:hover {
  background:none;
  color: #ff0d0d;
  border-radius: 4px;
}

.btnenquiery{
  background-color: red;
  color: #fff;
  font-size: 1vw;
  padding: 8px;
  border-radius: 4px;
  font-weight: 700;
  border: none;
  margin-right: 40px;
  animation-iteration-count: infinite;
}
/* enquery form */
label{
  font-weight: 600;
}
select{
text-align: center;
}
/* enquery end */
@media only screen and (min-width: 1000px) and (max-width:1400px) {
  .navbar-dark .navbar-nav a.nav-link  {
      font-size: 16px !important;
      padding: 30px 16px;
    }
  
}
@media only screen  and (max-width: 992px) {
  .dropdown-menu.show {
    flex-wrap: wrap;
    max-height: 350px;
    overflow-y: scroll;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1140px) {
  .dropdown:hover .dropdown-menu {
    width: 40vw;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 500px){  
  .navbar-dark .navbar-nav a.nav-link{
    font-size: 1em;
    padding-left: 10px;
  }
  .btnenquiery{
    font-size: 100%;
  }
  .number{
    display: none;
  }
  
  
}
    /*============================================== navbar end================================ */

    /* footer section start */
    footer{color:#fff}
    .footer-start{
      background-color: #372142;
      width: 100% !important;
      margin-top: 70px;
    }
    .footer-section{
      padding-top: 20px;
    }   
    .footer-section h5{
      font-size: 18px;
      font-weight: 600;
    }     
    footer p{
      color: #FFF;
    }
    .footercol p > a{
      text-decoration: none;
      color: #ccc;
      font-size: 16px;
      transition: all 0.3s;
    }
    .footercol p > a:hover{
      color: #fff;
    }
    hr{
      background-color: #fff !important;
    }
    h5{
      font-size: 25px;
    }
  
    .thm-btn {
      position: relative;
      display: inline-block;
      -webkit-appearance: none;
      outline: none !important;
      background:#4d2880;
      color: #fff ;
      font-size: 14px;
      font-weight: 500;
      padding: 15px 20px 15px;
      padding-right: 13px;
      text-transform: uppercase;
      overflow: hidden;
      letter-spacing: 0.03em;
      transition: all 0.5s linear;
      z-index: 1;
  }
    /* footer section end */
/* abouts section */
.bannerimage{
  background-image: url(../images/premium_photo-1661667108707-83000562a229.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 300px;
}
.about-text {
  padding: 50px;
  font-size: 1.3vw;
}
.topbar {
  background: #372142;
  padding: 10px 0;
  color: #fff;
  font-size: 18px;
}
.topbar .number{
  font-size: 16px;
}
.mymainnave .nav-item{
  margin: 0 10px;
}
.mydropmenu{
  top: 90%;
  background: none;
  border-radius: 0;
  padding:25px 0 0 0;
  left: 50%;
  transform: translateZ(0) translateX(-50%);
}
.dropdown-menu-inner {
  display: flex;
  padding: 20px;
  background: #fff;
  border-radius: 16px;
  position: relative;
  min-width: 220px;
}
.dropdown-menu-inner ul{
  margin: 0 12px;
}
.dropdown-menu-inner::before {
  content: '';
  left: 50%;
  position: absolute;
  border: 14px solid transparent;
  border-bottom-color: #fff;
  transform: translateZ(0) translateX(-50%);
  top: -25px;
}
.mymenu-overlay{
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -22;
  top: 80px;
  left: 0;
  transition: background 0.7s cubic-bezier(.33,1,.68,1);
  background: transparent;
}
.mydropmenu .dropdown-item {
  position: relative;
}
.mydropmenu .dropdown-item::before {
  content: '\f105';
  position: absolute;
  font-family: "Font Awesome 6 Free";
  font-size: 10px;
  left: 0px;
  top: 8px;
  font-weight: 600;
  transition: all 0.3s;
}
.mydropmenu .dropdown-item:hover:before {
  left: 6px;
}
.mymenu-overlay.myactiveoverlay{
  display: block;
  opacity: 1;  
  z-index: 22;
  background: rgba(33,15,76,.45);
}
.section-title {
  position: relative;
  margin-bottom: 15px;
}
.section-title-head {
  font-size: 36px;
  margin-bottom: 10px;
}
.section-title-description {
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 28px;
}
.section-about{
  padding: 60px 0;
}
.section-services{
  padding: 0px 0;
  overflow-x: hidden;
}
.section-services .services-content{
  padding: 60px;
}
.section-services .services-img{
  margin-right: -20px;
  text-align: right;
}
.section-services .services-img.leftside{
  margin-right: 0px;
  margin-left: -20px;
  text-align: left;
}
.section-services .mybox1-content {
  padding: 20px 5px;
}
.section-services .mybox1 .mybox1-icon i {
  font-size: 36px;
  line-height: 40px;
}
.section-services .mybox1 .mybox1-title {
  font-size: 15px;
}