@import url('https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500;600;700&display=swap');

*{

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    /* font-family:  'Roboto', sans-serif;; */

}



@font-face {

    font-family: 'blacker-medium';

    src: url('./font/Blacker-Text-Medium-trial.ttf') format('ttf');

    font-weight: bold;

    font-style: normal;

}



@font-face {

    font-family: 'blacker-regular';

    src: url('./font/Blacker-Text-Regular-trial.ttf') format('ttf');

    font-weight: normal;

    font-style: normal;

}



:root{

  --theme-color:#e9b61b;

  --text-color:#3e4145;

}

h1{font-family: 'blacker-regular';}

h5{font-family: 'blacker-regular';}

p{font-family: 'Jost', sans-serif;color: #49494b;}

img{

    max-width: 100%; 

    margin: auto; 

} 

body {

    font-family: 'Jost', sans-serif;

    color: #525151;

    background: #f7f8f5;

}

h1, h2, h3 {

    font-family: 'blacker-regular';

    color: #49494b;

}

.top-header{

    background-color: #1f3a70;

    padding: 10px 0;

    display: none;

}

.top-header .top-nav{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.top-header .left-nav{

    color: #fff;

    font-size: 14px;

    font-weight: 400;

    

}

.top-header .left-nav p{

    margin: 0;

    color: #fff;

}

.top-header .right-nav{

    text-align: end;

}

.top-header .right-nav a{

    color: #fff;

    font-size: 14px;

    font-weight: 400;

    text-decoration: none;

}

.top-header .right-nav a:first-child{

    margin-right: 20px;

}

.top-header .right-nav i{

    padding-right: 15px;

    font-size: 16px;

    color: #e9b61b;

}



/* nav-bar */

nav{

    width: 100%;

    height: 100%;

    /*overflow: hidden;*/

    /* background: #fff; */

    /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); */

    /* z-index: 99; */

    /* display: flex; */

    /* align-items: center; */

    /* position: relative; */

  }

  nav .navbar{

    

width: 100%;

    

display: flex;

    

 align-items: unset; 

    

justify-content: space-between;

    

padding: 0;

    

/* height: 80px; */

    

padding: 20px 0;

}

  

  .navbar .logo{

    /* width: 90px; */

  }



  .navbar .logo img{

    width: 100%;

    

  }

  .sub_menu ul{padding: 0;}

  .sub_menu ul li{padding: 10px 0!important;border-bottom: 1px dotted #cfcfcf; margin-bottom: 0!important;}

  .in-btn{

    display: flex;

    align-items: center;

  }

  .in-btn i{padding-right: 10px;font-size: 16px;}

  .in-btn a{

    color: #fff;

    border: 1px solid;

    display: block;

    width: 100%;

    height: 80px;

    line-height: 80px;

    text-align: center;

    background-color: #ffb91b;

    text-transform: uppercase;

    text-decoration: none;

    font-size: 23px;

    font-weight: 700;

    

  }

  .navbar .logo a{

    font-size: 30px;

    color: #fff;

    text-decoration: none;

    font-weight: 600;

  }

 

  nav .navbar .links{

    display: flex;

    /* width: 60%; */

    /* margin-bottom: 0; */

  }

  nav .navbar .links li{

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    list-style: none;

    /* padding: 0 21px; */

  }

  nav .navbar .links li a{



text-decoration: none;



white-space: nowrap;



color: #4a4a4a;



font-size: 16px;



font-weight: 700;



display: block;



padding: 15px 20px;



/*border-right: 1px solid #f4f4f4;*/



text-decoration: none;



font-size: 15px;



text-transform: uppercase;



font-weight: 500;



color: #525151;



}

  nav .navbar .links li a:hover{

    color: #ffb91b;

    background-color: #648145;

    color: #fff;

  }

a:hover{color: #fff!important;}

  .links li:hover .htmlcss-arrow,

  .links li:hover .js-arrow{

    transform: rotate(180deg);

    }

  

  nav .navbar .links li .arrow{

    height: 100%;

    width: 22px;

    line-height: 70px;

    text-align: center;

    display: inline-block;

    color: #fff;

    transition: all 0.3s ease;

  }

  nav .navbar .links li .sub-menu{

    position: absolute;

    top: 70px;

    left: 0;

    line-height: 40px;

    background: #3E8DA8;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

    border-radius: 0 0 4px 4px;

    display: none;

    z-index: 2;

  }

  nav .navbar .links li:hover .htmlCss-sub-menu,

  nav .navbar .links li:hover .js-sub-menu{

    display: block;

  }

  .navbar .links li .sub-menu li{

    padding: 0 22px;

    border-bottom: 1px solid rgba(255,255,255,0.1);

  }

  .navbar .links li .sub-menu a{

    color: #fff;

    font-size: 15px;

    font-weight: 500;

  }

  .navbar .links li .sub-menu .more-arrow{

    line-height: 40px;

  }

  .navbar .links li .htmlCss-more-sub-menu{

    /* line-height: 40px; */

  }

  .navbar .links li .sub-menu .more-sub-menu{

    position: absolute;

    top: 0;

    left: 100%;

    border-radius: 0 4px 4px 4px;

    z-index: 1;

    display: none;

  }

  .links li .sub-menu .more:hover .more-sub-menu{

    display: block;

  }

  .navbar .search-box{

    /* position: relative; */

    width: 20%;

  }

  .navbar .search-box i{

    height: 100%;

    text-align: center;

    font-size: 22px;

    color: #4a4a4a;

    font-weight: 600;

    cursor: pointer;

    transition: all 0.3s ease;

    width: 50px;

  }

  .navbar .search-box .input-box{

    position: absolute;

    right: calc(100% - 40px);

    top: 80px;

    height: 60px;

    width: 300px;

    background: #3E8DA8;

    border-radius: 6px;

    opacity: 0;

    pointer-events: none;

    transition: all 0.4s ease;

  }

  .navbar.showInput .search-box .input-box{

    top: 65px;

    opacity: 1;

    pointer-events: auto;

    background: #3E8DA8;

  }

  .search-box .input-box::before{

    content: '';

    position: absolute;

    height: 20px;

    width: 20px;

    background: #3E8DA8;

    right: 10px;

    top: -6px;

    transform: rotate(45deg);

  }

  .search-box .input-box input{

    position: absolute;

    top: 50%;

    left: 50%;

    border-radius: 4px;

    transform: translate(-50%, -50%);

    height: 35px;

    width: 280px;

    outline: none;

    padding: 0 15px;

    font-size: 16px;

    border: none;

  }

  .navbar .nav-links .sidebar-logo{

    display: none;

  }

  .navbar .fa-bars{

    display: none;

  }

  .bigbutton{

    position:absolute;

    right: 0;

    width: 15%;

  }

  @media (max-width:920px) {

    nav .navbar{

      max-width: 100%;

      padding: 0 25px;

    }

  

    nav .navbar .logo a{

      font-size: 27px;

    }

    nav .navbar .links li{

      padding: 0 10px;

      white-space: nowrap;

    }

    nav .navbar .links li a{

      font-size: 15px;

    }

  }

  @media (max-width:800px){

    nav{

      /* position: relative; */

    }

    .navbar .fa-bars{

      display: block;

    }

    nav .navbar .nav-links{

      position: fixed;

      top: 0;

      left: -100%;

      display: block;

      max-width: 270px;

      width: 100%;

      background:  #3E8DA8;

      line-height: 40px;

      padding: 20px;

      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

      transition: all 0.5s ease;

      z-index: 1000;

    }

    .navbar .nav-links .sidebar-logo{

      display: flex;

      align-items: center;

      justify-content: space-between;

    }

    .sidebar-logo .logo-name{

      font-size: 25px;

      color: #fff;

    }

      .sidebar-logo  i,

      .navbar .fa-bars{

        font-size: 25px;

        color: #000;

      }

    nav .navbar .links{

      display: block;

      margin-top: 20px;

    }

    nav .navbar .links li .arrow{

      line-height: 40px;

    }

  nav .navbar .links li{

      display: block;

    }

  nav .navbar .links li .sub-menu{

    position: relative;

    top: 0;

    box-shadow: none;

    display: none;

  }

  nav .navbar .links li .sub-menu li{

    border-bottom: none;

  

  }

  .navbar .links li .sub-menu .more-sub-menu{

    display: none;

    position: relative;

    left: 0;

  }

  .navbar .links li .sub-menu .more-sub-menu li{

    display: flex;

    align-items: center;

    justify-content: space-between;

  }

  .links li:hover .htmlcss-arrow,

  .links li:hover .js-arrow{

    transform: rotate(0deg);

    }

    .navbar .links li .sub-menu .more-sub-menu{

      display: none;

    }

    .navbar .links li .sub-menu .more span{

      /* background: red; */

      display: flex;

      align-items: center;

      /* justify-content: space-between; */

    }

  

    .links li .sub-menu .more:hover .more-sub-menu{

      display: none;

    }

    nav .navbar .links li:hover .htmlCss-sub-menu,

    nav .navbar .links li:hover .js-sub-menu{

      display: none;

    }

  .navbar .nav-links.show1 .links .htmlCss-sub-menu,

    .navbar .nav-links.show3 .links .js-sub-menu,

    .navbar .nav-links.show2 .links .more .more-sub-menu{

        display: block;

      }

      .navbar .nav-links.show1 .links .htmlcss-arrow,

      .navbar .nav-links.show3 .links .js-arrow{

          transform: rotate(180deg);

  }

      .navbar .nav-links.show2 .links .more-arrow{

        transform: rotate(90deg);

      }

  }

  @media (max-width:370px){

    nav .navbar .nav-links{

    max-width: 100%;

  } 

  }

.hero-section{

   margin-top: -4%;

    overflow: hidden;

}

.wrapper{position: absolute; width: 100%; right: 0; top: 50%; transform: translateY(-50%);}

.slide{position: relative;}

  .owl-carousel{

    width: 100%;

    height: auto;

  }

  .slide-1{

    width: 100%;

    height: auto;

  }

 .hero-section .owl-dots{

     position: absolute;

     bottom: 2%;

     left: 46%;

     transform: translateY(-50%);

 }

 .hero-section.owl-theme .owl-dots .owl-dot span {

    width: 10px;

    height: 10px;

    background-color:#fff ;

    border-radius: 10px;

 }

 .hero-section.owl-theme .owl-dots .owl-dot.active span{

    height: 10px;

    border-radius: 10px;

    background-color: #ededed;

 } 

 .slide-content{

  max-width: 550px;

  width: 100%;

  float: right;

 }

 .slide-content h1{

    font-size: 60px;

    font-weight: 600;

    text-transform: capitalize;

    color: #083a6f;

 }

 .slide-content p{

    font-size: 20px;

    font-weight: 500;

    text-transform: capitalize;

    color: #4d4d4dc9;

    margin-top: 20px;

 }

 .slide-content button{

    background-color: #ffb91b;

    border: 1px solid #ffb91b;

    padding: 15px 50px;

    border-radius: 10px;

    color: #fff;

    text-transform: capitalize;

    font-weight: 500;

    font-size: 16px;

    margin-top: 30px;

 }

 .about-section{

    padding-top: 60px;

    margin-bottom: -2px;

 }

 .about-section .about-img{

    height: 100%;

 }

.about-section .about-img img{

    float: right;

    

    margin-top: auto;

    height: 100%;

    object-fit: contain;

}

.about-section .about-content{

   

  

    margin-left: 60px;

}

.about-section .about-content h4{

    color: #ffb91b;

    font-size: 16px;

    font-weight: 500;

    text-transform: uppercase;

}

.about-section .about-content h5{

    font-size: 38px;

    font-weight: 400;

    line-height: 1.2;

    word-spacing: 0;

    color: #083a6f;

}

.about-section .about-content p{

    font-size: 17px;

    font-weight: 400;

    text-align: justify;

    padding-top: 10px;

}

.about-section .about-two{

  align-items: center;

}

.about-section .about-btns{

  padding: 30px 0;

}

.about-section .about-btns a{

    background-color: #ffb91b;

    border: 1px solid #ffb91b;

    padding: 15px 50px;

    border-radius: 10px;

    color: #fff;

    text-transform: capitalize;

    font-weight: 500;

    font-size: 16px;

    margin-top: 0;

    text-decoration: none;

    margin-left: 0;

    display: inline;

}

.about-section .img-about img{

    float: right;

    margin-right: -14px;

}

.about-section .about-parent{

  display: flex;

  align-items: center;

  padding-bottom: 10px;

}

.about-section .about-parent .about-img-right h5{

  color: #083a6f;

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 0;

  padding-left: 10px;

}

.a-con h2{

    font-size: 18px;

    font-weight: 600;

    padding-top: 6px;

}

.service-section{

    background-color: #1f3a70;

    padding: 70px 0 90px;

    /*margin-bottom: -50px;*/

}

.service-section .container-serv{

    max-width: 80%;

    margin: auto;

}

.service-section .service-parent{

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding-bottom: 60px;

}

.service-section .about-content{

    width: 50%;

}

.service-section .about-content h4{

    color: #ffb91b;

    text-transform: uppercase;

    font-size: 14px;

}

.service-section .about-content h5{

    font-size: 36px;

    font-weight: 400;

    line-height: 1.2;

    word-spacing: 0; 

    color: #fff;

}

.service-section .service-content{

    width: 50%;

}

.service-section .service-content p{

    font-size: 16px;

    font-weight: 300;

    margin: 0;

    color: #fff;

}

.service-section .parent-div{

    text-align: center;

    border: 1px solid #fff;

    padding: 20px 10px ;

    background: #fff;

    border-radius: 10px;

   overflow: hidden;

   

}

.service-section .img-center{

  transition: 0.5s ease;

}

.service-section .img-center:hover{

  transform: scale(1.1);

}

.service-section .img-center h6{

    font-size: 15px;

    font-weight: 700;

    padding-top: 15px;

}

.card-section .card-content{

  text-align: center;

  width: 900px;

  margin: 0 auto;

  /*padding: 80px 0 10px;*/

}

.card-section .card-head h5{

   font-size: 15px;

   font-weight: 500;

   color: #ffb91b;

   text-transform: uppercase;

}

.card-section .card-head h3{

    font-size: 40px;

    text-transform: capitalize;

    font-weight: 400;

    padding: 10px 0 15px;

    color: #083a6f;

}

.card-section .para {

     font-size: 18px;

     font-weight: 400;

     color: #464444;

}

.cards-wrapper .card-bod{

     padding: 30px 0 20px;

}

.card-bod .card-title{

  font-size: 20px;

  font-weight: 600;

  color: #083a6f;

}

.card-bod .card-date{

  text-transform: uppercase;

  font-size: 16px;

  font-weight: 600;

  padding: 10px 0;

}

.card-bod .card-text{

  font-size: 16px;

  font-weight: 500;

}

.card-bod .btn-cls{

  padding: 10px 0 0;

  display: flex;

  align-items: center;

}

.card-bod .btn-cls a{

  text-decoration: none;

  color: #ffb91b;

  text-transform: capitalize;

}

.container-card{

  margin: 0 auto;

  padding: 60px 0;

}

.cards-wrapper {

  display: flex;

  justify-content: center;

}

.card img {

  max-width: 100%;

  max-height: 100%; 

  object-fit: cover;

  object-position: center;

} 



.card-flex .btn-cls img{

  width: 30px;

  margin-left: 10px;

}

.card {

  margin: 0 0.5em;

  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);

  border: none;

  border-radius: 0;

}

.carousel-inner {

  padding: 0;

}

.carousel-control-prev {

  background-color: #e1e1e1;

  width: 5vh;

  height: 5vh;

  border-radius: 50%;

  top: 50%;

  transform: translateY(-50%);

  left: 10%;

}

.carousel-control-next {

  background-color: #e1e1e1;

  width: 5vh;

  height: 5vh;

  border-radius: 50%;

  top: 50%;

  transform: translateY(-50%);

  right: 10%;

}

@media (min-width: 768px) {

  .card img {

    height: 11em;

  }

}



.migrate-section{

 

  background-size: contain;

  background-repeat: no-repeat;

  padding: 100px 0 50px;

    background-position: bottom;

    position: relative;

}

.migrate-section .left-migrate{

  max-width: 660px;

  width: 100%;

}

.migrate-section .left-migrate h5{

  color: #fff;

  font-size: 15px;

  font-weight: 500;

  text-transform: uppercase;

}

.migrate-section .left-migrate p{

  font-size: 17px;

  color: #083a6f;

  font-weight: 600;

}

.migrate-section .migrate-div {

  padding: 50px 0 0;

} 

.migrate-section .parent-mig{

  display: flex;

  align-items: center;

  padding-top: 15px;

}



.migrate-section .parent-mig .left-mig{

  padding-right: 10px;

}



 .parent-mig .right-mig h5{

  align-items: center;

  text-transform: uppercase;

  font-size: 18px;

  font-weight: 700;

 

}

.footer-section{

  background-color: #1f3a70;

  padding: 60px 0 40px;

}

.footer-section .footer-parent{

  display: flex;

  justify-content: space-between;

}

.footer-section .footer-cont{

  max-width: 80%;

  margin: 0 auto;

}

.footer-section .footer-section-1{

  width: 40%;

}

.footer-section .footer-img img{

  height: 80px;

}

.footer-section .footer-content p{

  font-size: 16px;

  font-weight: 400;

  padding: 22px 0 18px;

  color: rgba(246, 247, 248, 0.6);

  padding-right:55px;

  

}

.footer-section .footer-icon ul{list-style: none;padding-left: 0;}

.footer-section .footer-icon li a{

    text-decoration: none;

    color: rgba(246, 247, 248, 0.6);

    font-size: 16px;

}

.footer-section .footer-icon li i{

  padding-right: 12px;

  color: #ffb91b;

}

.footer-section .footer-section-2{

  width: 22%;

}

.footer-section .footer-section-2 .footer-2-title h2{

   font-size: 30px;

   font-weight: 500;

   color: #fff;

    margin: 0;

}

.footer-section .footer-section-2 ul{

  list-style: none;

  padding-top: 40px;

  padding-left: 5px;

}

.footer-section .footer-section-2 li{

  margin-bottom: 10px;

  font-size: 19px;

  font-family: "sfProdisplay-regular";

  color: rgba(246, 247, 248, 0.6);

}

.footer-section .footer-section-2 li a{

  font-size: 18px;

  font-family: "sfProdisplay-regular";

  color: rgba(246, 247, 248, 0.6);

  text-decoration: none;

}

.footer-section .footer-section-3{

  width: 19%;

}

.footer-section .footer-section-3 .footer-3-title h2{

  font-size: 30px;

   font-weight: 500;

   color: #fff;

}

.footer-section .footer-section-3 ul{

  list-style: none;

  padding-top: 33px;

  padding-left: 5px;

}

.footer-section .footer-section-3 li{

  margin-bottom: 10px;

  font-size: 16px;

  font-family: "sfProdisplay-regular";

  color: rgba(246, 247, 248, 0.6);

}

.footer-section .footer-section-3 li a{

  font-size: 18px;

  font-family: "sfProdisplay-regular";

  color: rgba(246, 247, 248, 0.6);

  text-decoration: none;

}

.footer-section.footer-section-4{

  width: 19%;

}

.footer-section .footer-section-4 .footer-4-title h2{

  font-size: 30px;

   font-weight: 500;

   color: #fff;

}

.footer-section .footer-section-4 ul{

  list-style: none;

  padding-top: 33px;

  padding-left: 5px;

}

.footer-section .footer-section-4 li{

  margin-bottom: 10px;

  font-size: 18px;

  font-family: "sfProdisplay-regular";

  color: rgba(246, 247, 248, 0.6);

}

.footer-section .footer-section-4 li a{

  font-size: 19px;

  font-family: "sfProdisplay-regular";

  color: rgba(246, 247, 248, 0.6);

  text-decoration: none;

}

.copyright-section{

  background-color: #083a6f;

}

.border-cont{border-top: 1px solid #bcbcbc; padding-bottom: 12px;}

.copyright-section .copt-pad{

  /* padding-top: 23px;

  padding-bottom: 7px; */

  padding-top: 22px;

}

.copyright-section .copy-content p{

  font-size: 17px;

  font-weight: 400;

  color: rgba(246, 247, 248, 0.6);

  margin-bottom: 0;

}

.copyright-section .policy{

  float: right;

}

.copyright-section .policy h4{

  color: rgba(246, 247, 248, 0.6);

  font-size: 17px;

  font-weight: 400;

}



.coltab-main{display: flex; justify-content: space-between; flex-wrap: wrap;margin: 0; } 

.col-tabs{margin-bottom: 10px; width: calc(15% - 10px); cursor: pointer;}  

.col-tabs a{text-decoration: none; color: #000;}

.res{/* display: flex; *//* justify-content: flex-end; *//* MARGIN-LEFT: AUTO; */}

.nav-links {

  /* width: 80%; */

}

.logo-main{/* width: 10%; */}

.resposnive_nav{width: 50px; display: none;}

.resposnive_nav span{display:block; width: 30px; height: 3px; margin-bottom: 6px; background: var(--text-color);  position: relative; transition: 0.5s ease}

.activenav .resposnive_nav span:nth-child(1){transform: rotate(-45deg);top: 10px;background: #fff;}

.activenav .resposnive_nav span:nth-child(2){opacity: 0;}

.activenav .resposnive_nav span:nth-child(3){transform: rotate(45deg);bottom: 8px;background: #fff;}





/*----------about us------------*/

.hero-section-ab{

  background-repeat: no-repeat;

  background-size: cover;

  min-height: 40vh;

  position: relative;

}



.hero-section-ab .hero-position{

  position: absolute;

    top: 50%;

    width: 100%;

    left: 0;

    transform: translateY(-50%);

}

.hero-section-ab .heading-title h1{

  font-size: 55px;

  font-weight: 600;

  color: #fff;

}

.hero-section-ab nav{

background: transparent;

}

.hero-section-ab .breadcrumb{

background: transparent;

padding: 0;

}

.hero-section-ab .breadcrumb-item a{

color: #fff;

font-size: 28px;

font-weight: 400;

text-decoration: none;

}

.hero-section-ab .breadcrumb-item.active  {

color: #fff;

}

.breadcrumb-item+.breadcrumb-item::before{

color: #fff;

content: ">";

font-size: 29px;

}

.ab-section .ab-title{text-align: center;/* max-width: 960px; */margin:  auto;padding: 60px 0 0;}

.ab-section .ab-title h6{

color: #ffb91b;

font-size: 15px;

font-weight: 500;

text-transform: uppercase;

}

.ab-section .ab-title h2{font-size: 38px;/* font-weight: 400; */color: #49494b;/* padding: 0 180px; */text-transform: uppercase;}

.ab-section .ab-title p{

font-size: 18px;

font-weight: 500;

}

.ab-section .parent-ab{

display: flex;

align-items: center;

}

.ab-section .parent-ab .ab-left-head h2{

font-size: 28px;

font-weight: 400;

color: #083a6f;

padding-bottom: 15px;

}

.ab-section .parent-ab .ab-left-head p{

font-size: 18px;

font-weight: 400;

color: #4d4d4d;

}

.ab-section .parent-ab .ab-img{width: 50%;}

.ab-section .parent-ab .ab-img img{margin-left: -94px;}

.ab-section .parent-ab .ab-left-head{width: 50%;margin-left: -45px;}

.ab-section .parent-mission{

display: flex;

padding-top: 80px;

}

.ab-section .parent-mission .ab-mission h3{

 font-size: 33px;

 font-weight: 400;

 color: #083a6f;

 padding-bottom: 8px;

}

.ab-section .parent-mission .ab-mission p{

font-size: 18px;

font-weight: 400;

}

.ab-section .parent-mission .ab-mission .btn-cls{

padding: 10px 0 0;

}

.ab-section .parent-mission .ab-mission .btn-cls a{

text-decoration: none;

color: #e9b61b;

text-transform: capitalize;

}

.ab-section .parent-mission .ab-mission .btn-cls img{

padding-left: 8px;

}

.servive-section-ab{

  background-color: #1f3a70;

  padding: 100px 0 100px;

}

.servive-section-ab .ab-service-title{max-width: 500px;}

.servive-section-ab .ab-service-title h6 {

  color: #ffb91b;

  text-transform: uppercase;

  font-size: 15 px;

}

.servive-section-ab .ab-service-title h2{

  font-size: 38px;

  font-weight: 400;

  line-height: 1.2;

  word-spacing: 0; 

  color: #fff;

} 

.team-section{

  padding-bottom: 60px;

}

.team-section .team-title{

  text-align: center;

  max-width: 960px;

  margin:  auto;

  padding: 80px 0 30px;

  }

 

.team-section .team-title h6{

  color: #ffb91b;

  font-size: 15px;

  font-weight: 500;

  text-transform: uppercase;

  }

 

.team-section .team-title h2{

  font-size: 38px;

  font-weight: 400;

  color: #083a6f;

  padding: 0 180px;

  }

 

.team-section .team-title p{

  font-size: 17px;

  font-weight: 500;

  color: #5d5d5d;

  }

.team-section .team-wrapper{

  display: flex;

  align-items: center;

  justify-content: center;

}

.team-section .box-parent{

  padding: 14px;

}

.team-section .team-content-title{

  text-align: center;

}

.team-section .team-content-title h4{

  color: #083a6f;

  font-size: 27px;

  font-weight: 600;

  text-transform: capitalize; 

  padding-top: 25px; 

}

.team-section .team-content-title p{

  margin-top: -10px;

  font-size: 18px;

  font-weight: 500;

  text-transform: capitalize;

  color: #686868;

}

nav .srch-icon i{

  display: none;

}



.migrate-section::after{

content: "";

width: 100%;

height: calc(100% - 50px);

background: #ecbc1c;

position: absolute;

z-index: -1;

bottom: 0;

}

.model-popup .modal-footer button{

    display: block;

    margin: auto;

    background: #ecbc1c;

    padding: 8px 25px;

    border-radius: 6px;

    color: #fff;

    width: 180px;

    

}

.model-popup .modal-title{

  margin-bottom: 0;

    line-height: 1;

    text-align: center;

    color:#083a6f;

    font-size: 35px;

    font-weight: 600;

}

.model-popup .form-control:focus{

  border-color: #bcbcbc;

  box-shadow: none;

}

input::placeholder{

  color: #cbcbcb;

}

.model-popup .form-control{

  width: 80%;

  margin: auto;

  padding: 18px 10px;

}

.model-popup .form-group{

  margin-bottom: 0px;

}

.model-popup .modal-body{

  padding-bottom: 41px;

}

.model-popup .modal-body .col-form-label{

  padding-left: 48px;

    font-size: 14px;

    color: #9b1717;

}

.model-popup textarea.form-control{

  min-height: 150px;

}

.model-popup input::placeholder{

   color: #8f8f8f;

   font-size: 14px;

}

.model-popup textarea::placeholder{

  color: #8f8f8f;

  font-size: 14px;

}



/*-------service-page-----*/



.serv-section {

background-image: url(../images/wave.png);

background-repeat: no-repeat;

background-position: bottom right;

  padding: 60px 0 80px;

}

.serv-section .box-part{

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: space-between;

  padding: 30px 0;

}

.serv-section .box-part  .box-img img:hover{

   transform: scale(1.2);

}

.serv-section .box-part  .box-img img{

  transition: 0.5s ease;

}

.serv-section .serv-content{

  text-align: center;

  max-width: 900px;

  margin: auto;

}

.serv-section .serv-content h4{

  color: #ffb91b;

  font-size: 15px;

  font-weight: 500;

  text-transform: uppercase;

}

.serv-section .box-part .hover-box a{text-decoration: none;}

.serv-section .box-part .hover-box{

  width: calc(33.33% - 15px);

  border: 1px solid #c1c1c1;

  padding: 30px;

  margin: 15px 0;

  border-radius: 10px;

  background: #fff;

  overflow: hidden;

}

.serv-section .hover-box .box-content{

  transition: 0.5s ease;

}

.serv-section .hover-box .box-content:hover{

  transform: scale(1.1);

}



.serv-section .serv-content h5{

font-size: 38px;

font-weight: 400;

color: #083a6f;

padding: 0 180px;

}

.serv-section .serv-content p{

  color: var(--text-color);

  font-size: 16px;

  font-weight: 300;

}

.serv-section .box-para h6{

  color: var(--text-color);

    font-size: 16px;

    font-weight: 600;

    padding: 15px 0  10px;

}

.serv-section .box-para p{

  font-size: 16px;

    font-weight: 500;

    line-height: 1.3;

}



/*----services-section----*/

.product-section{

  padding: 60px 0 80px;

  background-image: url(../images/wave.png);

  background-repeat: no-repeat;

  background-position: bottom right;

}

.product-section .pro-content{

  text-align: center;

  max-width: 900px;

  margin: auto;

}

.product-section .pro-content h4{

  color: #ffb91b;

  font-size: 15px;

  font-weight: 500;

  text-transform: uppercase;

}

.product-section .pro-content h5{

  font-size: 38px;

  font-weight: 400;

  color: #083a6f;

  padding: 0 180px;

  }

  .product-section .pro-content p{

    color: var(--text-color);

    font-size: 16px;

    font-weight: 300;

    margin: 20px 0 40px;

  }

  .product-section .product-img-parent{

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

  }

  .product-section .product-img-parent .image-part{

    width: calc(33.33% - 15px);

    position: relative;

    margin-bottom: 20px;

    border-radius: 10px;

    overflow: hidden;

  }

  .product-section .product-img-parent .image-part img{

    width: 100%;

    transition: 0.5s ease-in-out;

    height: 100%;

    object-fit: cover;

  }

  .product-section .product-title{

    position: absolute;

    bottom: 0;

    left: 0;

    background: linear-gradient(to bottom, rgba(0,0,0,0) 0% , rgba(0,0,0,0.8 )100%);

    padding: 35px 20px 0;

    right: 0;

}

.product-section .product-title p{ color: #fff; font-weight: 500;}

  .product-section .product-title h2{

    margin-bottom: 0;

    color: #fff;

    font-weight: 400;

  }

  .product-section .product-img-parent .image-part img:hover{

    transform: scale(1.2);

   

  }

  .product-section .product-img {

    overflow: hidden;

    height: 460px;

  }

  /*--------------------*/

  .career-section{

    padding: 60px 0;

  }

 

  .career-section .career-content h2{

    color: #083a6f;

    font-weight: 600;

    font-size: 30px;

    text-transform: capitalize;

    margin-bottom: 10px;

  }

  

    .career-section .career-content p{

      color: var(--text-color);

      font-size: 16px;

      font-weight: 300;

      margin: 20px 0 px;

    }

    .career-section .career-main{

      flex-basis: 100%;

    }

    .career-section .career-main ul{

      display: flex;

      flex-wrap: wrap;

      align-items: flex-start;

      gap: 10px;

      list-style: none;

    }

    .career-section .career-main ul li{

      color: #083a6f;

      font-weight: 600;

    }

    .career-section .career-main ul li:before {

      content: "|";

    color: var(--text-color);

    opacity: 0.7;

    padding-right: 10px;

    }

    .career-section .career-main ul li:first-child:before{display: none;}

    .career-section .career-main ul li span{

      color: var(--text-color);

      font-weight: 400;

    }

   .get-btn {

    padding: 10px 0px 60px;

    /*text-align: center;*/

   }

   .get-btn a{

    text-decoration: none;

    background: var(--theme-color);

    color: #fff;

    display: block;

    width: 160px;

    padding: 14px 0px;

    border-radius: 10px;

    font-weight: 600;

   }

   .get-btn a:hover{

    background-color: #fff;

    color: #083a6f;

    border: 1px solid #083a6f;

   }



   /*-----form-section------*/

   .p60 {

    padding: 60px 0;

   }

   .carr-frm ul {

    display: flex;

    gap: 10px;

    flex-wrap: wrap;

    list-style: none;

}

.carr-frm ul li {

  flex: 1;

  flex-basis: 32.5%;

  padding-left: 0 !important;

}

.carr-frm ul li:last-child, .carr-frm ul li:nth-last-child(2) {

  flex-basis: 100%;

}

.file-input {

  display: inline-block;

  text-align: left;

  background: #fff;

  padding: 10px;

  width: 100%;

  position: relative;

  border-radius: 3px;

  color: #212529;

  background-color: #fff;

  background-clip: padding-box;

  border: 1px solid #ced4da;

}

.file-input > [type='file'] {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  z-index: 10;

}

.file-input > .button {

  display: inline-block;

  cursor: pointer;

  background: #eee;

  padding: 8px 16px;

  border-radius: 2px;

  margin-right: 8px;

}



.site-btn {

  font-size: 14px;

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: 1px;

  background-color: var(--theme-color);

  border: 1px solid var(--theme-color);

  color: #fff;

  padding: 8px 30px 8px 30px;

  margin: 30px 0px 0px 0px;

  border-radius: 4px;

}

.site-btn:hover{

  background-color: #fff;

  color: #648246;

  border: 1px solid #648246;

}

   /*-----immigration----*/

   .immigration-serv-section .immigration-parent{

    display: flex;

    align-items: center;

    position: relative;

    justify-content: space-between;

    flex-wrap: wrap; 

    padding: 101px 0;

   }

   .immigration-serv-section .immigration-parent .immigration-left{

    width: 33%;

        align-self: flex-start;

   }

   .immigration-serv-section .immigration-parent .immigration-left .immi-head{

    font-size: 35px;

    font-weight: 400;

    color: #000;

    margin-top: -15px;

   }

   .immigration-serv-section .immigration-parent .immigration-left ul{

    margin-bottom: 0;

    padding: 30px 0 40px;

    list-style: none;

   }

   

   .immigration-serv-section .immigration-parent .immigration-left a{

   border: 2px solid #7e7e7e57;

    display: block;

    width: 440px;

    padding: 20px 30px;

    margin-bottom: 15px;

    border-radius: 8px;

    color: var(--text-color);

    font-size: 18px;

    font-weight: 500;

    text-decoration: none;

   }

   .immigration-serv-section .immigration-parent .immigration-left a:hover{

    border: 2px solid var(--theme-color);

    color: var(--theme-color);

   }

   .immigration-serv-section .immigration-parent .immigration-left a i{

    float: right;

    padding-top: 5px;

   }

   .immigration-serv-section .immigration-parent .immigration-right{

    width: 63%;

   }

   .immigration-serv-section .immi-parent{

    position: relative;

   }

   .immigration-serv-section .immi-parent .immi-title{

    position: absolute;

    left: 39%;

    top: 44%;

    transform: translate(-50% ,-20%);

   

}

.immigration-serv-section .immi-parent .immi-title .icon-immi{

  padding-bottom: 33px;

}

.immigration-serv-section .immi-parent .immi-title .immi-content h2{

    color: #fff;

    padding: 0 0 12px;

    font-size: 27px;

}

.immigration-serv-section .immi-parent .immi-title .immi-content p{

  color: #ffffffc2;

  font-weight: 300;

  font-size: 18px;

  

}

.immigration-serv-section .immi-parent .immi-title .immi-num{

  color: #fff;

  font-weight: 500;

  font-size: 22px;

}

.immigration-serv-section .immigration-right .immi-right-title h2{

  font-size: 25px;

  color: var(--text-color);

  font-weight: 600;

  padding: 50px 0 0px;

}

.immigration-serv-section .immigration-right .immi-right-title p{

  font-size: 16px;

  color: #686868;

  padding-top: 0;

}

.arrow-section{

  position: relative;

}

.arrow-section .arrow-side {

  position: fixed;

  bottom: 25px;

  right: 25px;

  

}

.arrow-section .arrow-side i{

  font-size: 20px;

  color: #fff;

}

.arrow-part{

    border: 1px solid #fff;

    border-radius: 50%;

    width: 40px;

    height: 40px;

    display: grid;

    place-items: center;

    background: #648145;

}

#topmain{display: none;}



.get-btn a{





position: relative;

overflow: hidden;

z-index: 1;

border: 1px solid var(--theme-color);



}



/* button:after, .get-btn a::after{

  content: "";

  width: 0;

  background: #FFF;

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  transition: 0.5s ease;

  transition: 0.5s ease;

  z-index: -1;







  

}

button:before , .get-btn a::before{

  content: "";

width: 0;

  background: #FFF;

  position: absolute;

  top: 0;

  right: 0;

  height: 100%;

  transition: 0.5s ease;

  transition: 0.5s ease;

  z-index: -1;

 

}





button:hover::after, .get-btn a:hover::after{

 width: 50%;



}



button:hover::before, .get-btn a:hover::before{

  

  width: 50%;

} 



button{position: relative !important; z-index: 1; overflow: hidden;}

button:hover , .get-btn a:hover{ color: var(--theme-color);}*/

.owl-dot:before , .owl-dot::after{

  display: none;

}

.owl-theme .owl-dots .owl-dot{outline: none;}

.pad0{padding: 0!important;}

.immigration-serv-section{padding: 60px 0;}

.immigration-serv-section .immi-head{margin-bottom: 25px;}

.immi-image img{    filter: brightness(2);}

.sub_menu{background: #fff;padding: 20px;position: absolute;top: 20px;left: 0;width: 250px;display: none;    z-index: 9999;}

.sub_menu ul {flex-direction: column;align-items: baseline;}

.sub_menu ul li {margin-bottom: 10px;}

.res ul li:hover .sub_menu {display: block;transition: all 0.5s ease-in-out;}







section.main {

   

    /* z-index: 9; */

    /* position: relative; */

    padding-bottom: 60px;

    padding-top: 0;

}



.main-banner {

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



/* .main-banner .left-side {

    width: 50%;

} */

section.sec {

    padding: 100px 0;

    /* padding-bottom: 100px; */

}

.main-banner .left-side{

    margin-left: 0%;

    z-index: 1;

    position: relative;

}



.main-banner .left-side h2 {

    font-size: 50px;

    font-weight: 400;

    line-height: 65px;

    color: #4f4f4f;

    margin-right: -20%;

    z-index: 1;

    position: relative;

}





h2.sec-title {

    font-size: 38px;

    font-weight: 400;

    line-height: 30px;

    text-transform: uppercase;

    margin-bottom: 40px;

}



.main-title span {

    background-color: #fff;

}



.main-banner .right-side {

    width: 50%;

    /* float: right; */

  

}

.right-side img{

  max-width: unset;

  width: unset!important;

}

.about-area {

    display: flex;

    flex-wrap: wrap;

}



.about-area .left-side {

    width: 35%;

}



.about-area p {

    font-size: 18px;

    font-weight: 400;

    line-height: 28px;

    margin-bottom: 30px;

  

}



.about-area .right-side {

   padding: 0 60px;

    width: 65%;

}



.long-arrow-left{

    transform: rotate(-45deg);

   }

.long-arrow-right{

    transform: rotate(135deg);

   }



.long-arrow-right,

.long-arrow-left{

    display: inline-block;

    margin: 5px auto;

    width: 12px !important;

    height: 12px !important;

    border-top: 2px solid #648145;

    border-left: 2px solid #648145;

    float: right;

    margin-right: 20px;

}



.long-arrow-right::after,

.long-arrow-left::after{

  content: "";

  display: block;

  width: 2px;

  height: 36px;

  background-color: #648145;

  transform: rotate(-45deg) translate(12px, 4px);

  left: 0;

  top: 0;

}

.border-btn a{color: #fff!important;border-color: #fff!important;}

.border-btn .long-arrow-right::after,.border-btn .long-arrow-left::after{background-color: #fff!important;}

.border-btn .long-arrow-right,.border-btn .long-arrow-left{border-top: 2px solid #fff!important;border-left: 2px solid #fff!important;}





.read-more a{

    text-decoration: none;

    width: 200px;

    transition: .3s;

    font-size: 15px;

    text-transform: uppercase;

    text-align: center;

    padding: 6px;

    height: 50px;

    vertical-align: middle;

    font-family: 'Jost';

    color: #648145;

    border: 1px solid #000;

    display: table-cell;

  }

  .read-more:hover a {

    background: #648145;

    color: #fff;

}



.read-more:hover .long-arrow-right, .read-more:hover  .long-arrow-left {

    border-color: #fff;

}



.read-more:hover .long-arrow-right::after, .read-more:hover  .long-arrow-left::after {

    background: #fff;

}



.read-more button {

    width: 200px;

    /* text-align: left; */

    font-size: 15px;

    text-transform: uppercase;

    text-align: center;

    padding: 6px;

    height: 50px;

    vertical-align: middle;

    font-family: 'Jost';

    color: #648145;

}



.read-more.border-btn button {

    background: transparent;

    color: #fff;

    border: 2px solid #fff;

}



.read-more.border-btn button .long-arrow-right,

.read-more.border-btn button .long-arrow-left  {

    border-top: 2px solid #fff;

    border-left: 2px solid #fff;

}



.read-more.border-btn button .long-arrow-right::after, .read-more.border-btn button .long-arrow-left::after {

    background-color: #fff;

}

.collection-area .left-side {

    background-image: url(../images/collection.jpg);

    width: 65%;

    height: 650px;

    background-size: cover;

    background-position: bottom 20% left 0;

}



.collection-area .right-side {

    width: 35%;

    background-color: #648145;

    padding: 5% 11% 0 3%;

    color: #fff;

}



.collection-area .right-side h2 {

    color: #fff;

}

.collection-area .right-side p{

  color: #fff;

  margin-bottom: 2rem;

  font-weight: 400;

  line-height: 25px;

}



.collection-area .right-side .sub-title {

    font-size: 20px;

    margin-bottom: 30px;

}



.celebsswiper .swiper-slide:nth-child(even) {

    margin-top: -80px;

}



.swiper-slide {

    padding: 80px 0;

}



.swiper-slide img {

    width: 100%;

    height: 500px;

    object-fit: cover;

}



.swiper-button-next:after, .swiper-button-prev:after {

    font-size: 0 !important;

}



.celebsArea {

  height: 100%;

    /* width: 100%; */

    position: relative;

    display: block;

    text-align: left;

    width: calc(100% + 4rem);

}



.celebsArea .swiper-button-next{

  margin-top: 0px;

  position: absolute;

  top: 50%;

  right: -4rem;

  display: inherit;

}



.celebsArea .swiper-button-prev{

  margin-top: 0px;

  position: absolute;

  top: 50%;

  left: -3rem;

  display: inherit;

}



.celebsArea .swiper-slide {

 

  padding-bottom: 0 !important;

}



 .sec.celebrity{background-color: #fff;}

 .sec.collection{padding: 0;}

 .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: -30px!important;}

 .swiper-pagination-bullet-active{background-color: #648145!important;}

.swiper-pagination{display: none;}





.media-cover {

    width: 100%;

    justify-content: center;

    flex-wrap: wrap;



}

.scnd_img {

    width: 27%;

    margin: 2rem;

    }



.scnd_img img {

    width: 100%;

}



/*.media-cover .first_img {

    margin-right: 60px;

}*/



.media-cover img:last-child {

  margin-right: 0px;

}





.contacts {

    background: #648246;

    padding: 3rem;

    border-radius: 15px;

}



.contacts .title {

    font-size: 35px;

    color: #fff;

    margin-bottom: 1.5rem;

    text-transform: uppercase;

    font-family: blacker-regular;

}

.contacts .title p {

    font-size: 16px;

    text-transform: initial;

    color: #fff;

    line-height: 1;

}

.contacts .site-btn{

margin: 10px 0 0 0;

border-radius: 0;

}

.location-list ul.clist {

    display: flex;

    padding: 0;

    list-style: none;

    margin: -1rem;

    padding: 3rem 0;

}



.location-list ul.clist li {

    width: 33.33%;

    background: #fff;

    margin: 1rem;

    padding: 3rem 2rem;

    display: flex;

    transition: .3s;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    text-align: center;

    cursor: pointer;

    border-radius: 15px;

}



.location-list ul.clist li:hover {

    box-shadow: 0px 0px 27px 0px rgb(0 0 0 / 7%);

}



.location-list ul.clist li i {

    font-size: 41px;

    color: #648246;

}

.location-list ul.clist li span {

    text-transform: uppercase;

    margin: 1rem 0;

    font-weight: 500;

}

.location-list ul.clist li span {

    text-transform: uppercase;

    margin: 14px 0  10px;

    font-weight: 400;

}



.location-list ul.clist li p, .location-list ul.clist li a {

    color: #49494b;

    text-decoration: none;

    font-weight: 600;

    font-size: 16px;

    margin: 0;

}



.location-list ul.clist li a:hover {

    color: #49494b!important;

}



.apara.ab-title h2 {

    text-align: center;

    /* max-width: 960px; */

    margin: auto;

    font-size: 38px;

    text-transform: uppercase;

}

footer {

    background: #648145;

    padding-top: 40px;

    padding-bottom: 30px;

}



.footer {

    display: flex;

    justify-content: space-between;

}

footer .footer-left {

    width: 30%;

}



footer ul {

    list-style: none;

    display: flex;

    flex-wrap: wrap;

    padding: 0;

}



footer ul li a {

    text-decoration: none;

    padding: 20px 20px;

    color: #fff;

    font-size: 20px;

    margin-left: 36px;

}



footer ul li:last-child a {

    padding-right: 0;

}



footer ul.social-links li:first-child a {

    padding-left: 20px !important;



    margin-left: 36px !important;

}



footer ul.social-links {

    padding-top: 20px;

}



footer ul.social-links li a {

    padding: 20px 10px;

    color: #cbd4cb;

    font-size: 17px;

    margin-left: 25px;

}



footer ul.social-links li a img {

    margin-right: 8px;

}





  .abtsc .abtleft {

    width: 50%;

   

    padding-right: 5rem;

}



.abtsc .abtleft img{

  height: 100%;

  width: 100%;

  object-fit: cover;

}



.abtsc {

    display: flex;

}



.abtsc .abtright {

    width: 50%;

}

.abtsc .abtright {

    font-size: 18px;

    line-height: 1.7;

}

.whatdo p {

    column-count: 2;

    font-size: 18px;

    column-gap: 100px;

    line-height: 1.7;

}

.abthead{font-size: 35px;margin-bottom: 1.5rem;}

.collection_inner {display: flex;flex-wrap: wrap;margin: 0 -10px;}

.collection_inner .collection_img{width: calc(100% / 3);height: 500px;padding: 0 15px;margin-bottom: 20px;}

.collection_img img{object-fit: cover;height: 100%;width: 100%;}

.Sub_heading{font-size: 34px;margin-bottom: 30px;border-bottom: 1px solid #9999;padding-bottom: 20px;}

.media-cover.d-flex .first_img{width: calc(100% / 3);padding: 0 15px;margin-bottom: 30px;}

.first_img img{width: 100%;object-fit: cover;height: 100%;}

 .fancybox__content img { max-width: none!important; margin: initial!important; }

 .celebsArea .slider-btn {

    display: none;

}

  @media (max-width: 576px){ 

    .header .logo img {

      width: 30%;

    }

  }







   /* 48em = 768px */

  

   @media (min-width: 48em) {

    .header li {

      float: left;

    }

    .header li a {

      padding: 20px 26px;

    }

    .header .menu {

      clear: none;

      float: right;

      max-height: none;

    }

    .header .menu-icon {

      display: none;

    }

  }









  @media (max-width: 992px){



    section.main {

      padding-bottom: 70px;

    }



    .location-list ul.clist{flex-wrap: wrap;justify-content: center;}

    .location-list ul.clist li{width: 45%;}

    .main-banner .left-side {

      margin-left: 1%;

      width: 60%;

  }

  .main-banner .left-side h2 {

    font-size: 32px;

    line-height: 50px;

  }



  .main-banner .right-side{

    width: 50%;

  }



  .main-banner .right-side img {

    width: 100%;

  }



  .about-area .right-side {

    padding: 0 20px;

}



.celebsArea {

  width: 100%;

}



  }



   @media (max-width: 1199px){

   footer ul li a {

    padding: 20px 10px;

      }

      .celebsArea .swiper-button-next{

        right: -3rem;

      }

      section.main{

        padding-bottom: 60px;

      }

      .about-area .right-side {

    padding: 0 0 0 60px;

    }

  .collection-area .left-side {height: 500px;}

  }

  @media (max-width: 1024px) {

.hero-section{

  margin-top: 0;

}

body.home.index-page.activenav {

    overflow: hidden;

}

  h2.sec-title{margin-bottom: 40px;}

.right-side img{width: 100%!important;}

.about-area .right-side{margin-top: 50px}

section.main {

    padding-bottom: 40px;

}

section.sec{padding: 40px 0;}

.collection-area .left-side {

    height: 441px;

}

}



    @media (max-width: 992px){

.slider-btn{display: none;}

.abtsc {

    flex-direction: column;

}

.abtsc .abtleft{width: 70%;padding-right: 0;padding-bottom: 2rem;margin: 0 auto;}

.abtsc .abtright{width: 100%;}

.whatdo p{column-count: 1;}

}



  @media (max-width: 767px){
    .about-area{flex-direction: column-reverse;}
.hero-section{padding-top: 70px;}
    section.sec {

      padding: 70px 0;

    }

.contacts {padding: 2rem;}

.ab-section .ab-title h2, .apara.ab-title h2 {

  font-size: 30px!important;

}

.location-list ul.clist li{width: 100%;}

.abthead {font-size: 30px;margin-bottom: 1rem;}

    .whatdo p, .abtsc .abtright{font-size: 16px;}

footer ul.social-links{padding-top: 0;margin-bottom: 0;}

footer .footer-left{margin-bottom: 1rem;text-align: center;margin: 0 auto;margin-bottom: 1rem;}

footer ul{margin-bottom: 0;}

    section.main {

      padding-bottom: 50px;

      padding-top: 0;

    }

    .main-banner {

      display: flex;

      flex-wrap: wrap;

    }

    .main-banner .left-side {

      margin-left: 0;

      width: 100%;

      order: 2;

      margin-top: 25px;

    }



  .main-banner .left-side h2 {

    margin-right: 0;

    font-size: 30px;

    line-height: 35px;
    margin-bottom: 0;

  }



  .main-banner .right-side {

    margin-top: 2%;

    width: 100%;

  }



  .main-banner .right-side img {

    width: 100%;

  }



/*  .about-area {

    display: block;

  }*/



  .about-area .left-side {

    margin-right: 0px;

}



.about-area .left-side img {

  width: 100%;

}



.about-area .right-side {

  padding: 25px 0;

}

h2.sec-title {

  font-size: 30px;

  line-height: 21px;

}



.collection-area.d-flex {

  flex-direction: column;

}



.collection-area .left-side {

  width: 100%;

    height: 400px;

}

.collection-area .right-side {

  width: 100%;

    padding: 50px 25px;

}



.media-cover.d-flex {

  display: flex;

  width: 100%;

  margin: auto;

  text-align: center;

  flex-wrap: wrap;

}



.media-cover.d-flex img {

  max-width: 100%;

  margin-bottom: 20px;

}



.media-cover img {

  margin-right: 0 !important;

}



.celebsArea {

  width: 100%;

}



.slider-btn {

  display: none;

}



.footer {

  display: block;

  text-align: center;

}



footer ul{

  display: block;

  padding: 0;

}



footer ul li {

  padding: 10px 0;

}



footer ul li a {

  margin-left: 0;

}



footer ul.social-links li:first-child a {

  margin-left: 0 !important;

}



footer ul.social-links li a {

  margin-left: 0 !important;

}

.menu li a{padding: 5px 15px!important;}

.about-area p{padding-right: 0;}

.about-area .right-side {width: 100%;}

.about-area .left-side {width: 100%;}

.celebsswiper .swiper-slide:nth-child(even){margin-top: 0;}

.swiper-slide{padding: 0;}

.swiper-slide img{width: 100%;}

.media-cover .first_img{margin-right: 0;}

.media-cover.d-flex div {width: 100%;margin-right: 0;}

.swiper-pagination{display: block;}

.header ul{background: #fff;width: 100%;position: fixed;top: 0;right: 0;z-index: 9;height: 100%;padding: 100px 25px;transform: translateX(100%);transition: all 0.5s ease;}

.menu.active{transform: translateX(0);}

.collection_inner .collection_img {width: 100%!important;padding: 0;}

.media-cover.d-flex .first_img {width: 100%!important;}







}



 

  @media (min-width: 768px) and (max-width: 1024px) {

    .header li a {

      padding: 20px 15px;

    }

     

    .media-cover.d-flex div{width: calc(95% / 2);margin-right: 0;}

    .media-cover.d-flex div img{width: 100%;}

    .celebsArea .swiper-button-next{right: -1rem!important;}

    .celebsArea .swiper-button-prev{left: -1rem!important;}

    .swiper-slide img {width: 100%;height: 400px;object-fit: cover;}

    .media-cover{justify-content: space-between;}

    footer ul li a{margin-left: 15px;padding: 20px 10px;}

    footer ul.social-links li a{margin-left: 0;}

    .about-area .left-side {width: 70%;margin: 0 auto;}

    .about-area .left-side img{width: 100%;}

    .about-area .right-side{width: 100%;margin-top: 50px;padding: 0;}

    .about-area p{padding-right: 0;}

    .celebsswiper .swiper-slide:nth-child(even){margin-top: 0;}

    .swiper-slide{padding: 0;}

    .swiper-pagination{display: block;}

    .slider-btn{display: none;}

    .collection-area .left-side{width: 100%;}

    .collection-area .right-side{width: 100%;padding: 5% 5% 5% 5%;}

    .collection_inner .collection_img {width: calc(100% / 2)!important;}

    .media-cover.d-flex .first_img {width: calc(100% / 2)!important;}



  }



   @media (max-width:1280px){

.celebsArea .swiper-button-next {

  right: 0;

}

}



 @media (max-width:489px){

.logo-main {

    width: 30%!important;

}

.main-banner .left-side h2{font-size: 26px;}

section.main {

    padding-bottom: 10px;

}

.about-area .right-side {

    margin-top: 0px;

}

h2.sec-title {

    margin-bottom:30px;

}

.about-area p {font-size: 16px;}



.about-area .right-side {

    padding: 10px 0;

}

.read-more a {width: 120px;height: 40px;}

.long-arrow-right, .long-arrow-left{display: none;}

footer ul li {

    padding: 5px 0;

}

.collection-area .left-side {

    height: 200px;

}

.collection-area .right-side {

   

    padding: 40px 25px;

}

.abtsc .abtleft{width: 100%}

section.sec {

    padding: 40px 0;

}

.abthead {font-size: 25px;}

.collection-area .right-side .sub-title {

  

    margin-bottom: 10px;

}

.Sub_heading{font-size: 28px;}

.ab-section .ab-title {padding: 80px 0 0;}

}



.form-control:focus{

  box-shadow: none!important;

  border-color: #fff!important;

}





.error {

    padding-left: 81px!important;

    font-size: 14px;

    color: #9b1717;

}





.location-list ul.clist li:hover {

    border-radius: 0;

}

.collection_img p{
    font-size: 20px;
    position: absolute;
    bottom: 0;
    color: #fff;
    background: #00000070;
    width: 100%;
    opacity: 1;
    transition: .3s;
    padding:1rem;
    margin-bottom:0;
}
.collection_img a{position:relative;display:block;height:100%;}
.collection_img:hover p{opacity: 1}
.hover_text p{font-size: 20px;
    position: absolute;
    bottom: 0;
    color: #fff;
    background: linear-gradient(0deg, black, transparent);
    width: 100%;
    opacity: 0;
    transition: .3s;
    padding:1rem;
    margin-bottom:0;}
.hover_text:hover p{opacity: 1}
.hover_text {position:relative;}
.media .first_img a{position:relative;display:block;height:100%;}
.media .first_img p{font-size: 20px;
    position: absolute;
    bottom: 0;
    color: #fff;
    background: linear-gradient(0deg, black, transparent);
    width: 100%;
    opacity: 1;
    transition: .3s;
    padding:1rem;
    margin-bottom:0;}
.media .first_img:hover p{opacity: 1}