@charset "utf-8";







/* CSS Document */



 







a, button, input, select, textarea{outline:0;}



*,:after,:before{outline:0;}



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



iframe{border:0;}



a:focus,a:hover{outline:0;text-decoration:none;}







::-moz-selection{ background:#3a5487; color:#ffffff; text-shadow:none;}







::selection { background:#3a5487; color:#ffffff; text-shadow:none;}







*,







*:before, *:after{-webkit-box-sizing:  border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}







html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, textarea, input { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; outline:none; font-family: 'Poppins', sans-serif;}







/* HTML5 display-role reset for older browsers */







article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }







body { color:#000000; background: #ffffff; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow:hidden; overflow-y:scroll;}







a { text-decoration:none; transition:all 0.25s ease-out 0s;}







p, p span { font-family: 'Poppins', serif; }







img { border:0px;}







ol, ul, li{ list-style: none;}







blockquote, q { quotes: none;}







blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}







table {border-collapse: collapse; border-spacing: 0;}







b {



    font-weight: 700;



}



 



img { border: 0px; width: 80%; max-width: 100%; height: auto;  display: block; margin: 0 auto;}







html { scroll-behavior: smooth;}

















.service-row1 {



display: inline-block;

width:90%;

margin:0 auto;

position: relative;

z-index: 9;
margin-top: -100px

}



.videoWrapper {

  position: relative;

}







a.service-btn{   

  padding: 0 15px 0 0;

  border-radius: 50px;

  border: 4px solid #fff;

  color: #394F4D;

  font-size: 14px;

  letter-spacing: 0px;

  -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 40%);

  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 40%);



  background: #fff;

  text-align: left;

  height: 65px;

  line-height:16px;

}


a.service-btn2{    color: #fff;

  padding: 0 15px 0 0;

  border-radius: 50px;

  border: 4px solid  #fff;

  color: #394F4D;

  font-size: 14px;

  letter-spacing: 0px;

  -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 40%);

  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 40%);



  background-color:#fff;

  text-align: left;

  height: 55px;

  line-height: 21px;

}










a.service-btn:hover{ background-color:#394F4D; color:#fff;   border: 4px solid #394F4D;}


a.service-btn2:hover{ background-color:#394F4D; color:#fff; border: 4px solid #394F4D;}








/* #Primary style



================================================== */







 



.container { width:94%; max-width:1160px !important; margin:auto;} 



.reviews-wrapp .container { max-width: 100% !important; width:100%;}


.btn-wrap .icons {display: flex;align-items: center;justify-content: center; width: 100%;}

.btn-wrap .icons img {width: 45px;}




@media screen and (min-width: 1361px) {



.container {  max-width: 1250px !important;}



.reviews-wrapp .container { max-width: 100% !important; width: 100%;}







}











h3 { font-size: 42px; color: #3a5487;  letter-spacing: 0.5px; display: block; margin: 0 0 20px; text-align: center; font-weight: 700;}







h4 { font-size: 25px; color: #3a5487;  letter-spacing: 0.5px; display: block; margin: 0 0 20px; text-align: center; font-weight: 700;}



















video{ text-align:center; 



  width:23%;



     display: block;



  background: #fff;



  padding: 10px;



  -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 40%);



  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 40%);



  margin: 0 auto 40px auto; }







 



 



/* #Header section style



================================================== */







.header-wrapp { width: 100%; float: left; background: #ffffff; position: relative; display: block; margin: 0 auto;  }



 



.header-wrapp nav.navbar { width: 100%; padding: 30px 0; margin: 0 0 0; float: left; justify-content: space-between;}







.header-wrapp .navbar-brand { width: auto; float: left; padding: 0; margin: 0 4% 0 0; display: block; font-size: 40px; font-family: 'Playfair Display', serif; font-weight: 700; color: #3a5487; text-transform: uppercase;}







.header-wrapp nav.navbar .header-col1 { width: auto; float: right; margin: 0 0 0; position: relative; display: block;}







.header-wrapp nav.navbar .header-col1 .header-row2 { width: 100%; display: block; margin: 0 auto; float: left; position: relative;}







.header-wrapp nav.navbar .header-col1 .header-row2 .header-btn1 { width: 100%; display: block; font-size: 20px; color: #ffffff; background: #3a5487; border: 1px solid #3a5487; padding: 13px 20px 14px 20px; margin: 0 0 0; font-family: 'Playfair Display', serif; font-weight: 500; letter-spacing: 0.5px; text-align: center; border-radius: 0; outline: none; line-height: normal; box-shadow: none;}







.header-wrapp nav.navbar .header-col1 .header-row2 .header-btn1:hover { color: #3a5487; background: #ffffff; border: 1px solid #3a5487;}



 



 



 



/* #banner section style



================================================== */







.banner-wrapp { width: 100%; float: left; background: #ffffff; position: relative; margin: 0px auto 50px; }











.banner-wrapp .banner-col1 { width: 100%; float: left; display: block; max-width: 100%; margin: 0 0 0; position: relative; }







.banner-wrapp .banner-col1 .banner-box1 { width: 100%; display: block; margin: 0 0 0; position: relative; float: left; }







.banner-wrapp .banner-col1 .banner-box1 img { width: 100%; margin: 0 auto; max-width: 100%; display: block; height: auto; }











.banner-wrapp .container { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);}







.banner-wrapp .row.banner-row1 { align-items: center;}







.banner-wrapp .banner-row1 .col-6.banner-col2 { width: 100%; float: left; display: block; margin: 0 auto; position: relative;}







.banner-wrapp .banner-row1 .banner-col2 .banner-box2 { width: 90%; float: left; margin: 0 0 0; position: relative; display: block;}







.banner-wrapp .banner-row1 .banner-col1 .banner-box2 h2 { font-size: 46px; line-height: 66px; color: #ffffff; letter-spacing: 0.5px; font-family: 'Playfair Display', serif; font-weight: 700; display: block; margin: 0 0 0;}



 



.banner-wrapp .banner-row1 .banner-col1 .banner-box2 h2 span { display: block; font-family: 'Playfair Display', serif;}



 







 







/* #Service section style



================================================== */







.service-wrapp { width: 100%; float: left; margin: 0 auto; display: block; padding:0px 0 40px;}







.service-wrapp  .service-row { width: 100%; margin: 0 auto; position: relative; justify-content: center;}







.service-wrapp .service-row .col-12.service-col1 { float: left; padding: 0; margin: 0 0 0; position: relative;}



  



.service-wrapp .service-row .service-col1 .service-row1 { width: 100%; display: block; margin: 0 0 0; float: left; position: relative;}







.service-wrapp .service-row .service-col1 h3 { font-size: 42px; color: #3a5487; line-height: 66px; letter-spacing: 0.5px; font-family: 'Playfair Display', sans-serif; display: block; margin: 0 0 40px; text-align: center; font-weight: 700;}







.service-wrapp .service-row .service-col1 h3 span { font-family: 'Playfair Display', sans-serif; display: block; }







.service-wrapp .service-row .service-col1  p { font-size: 18px; color: #000000; line-height: 34px; text-align: center; position: relative; margin: 0 auto 20px; max-width: 800px; letter-spacing: 0; font-family: 'Poppins', sans-serif; font-weight: 500;}







.service-wrapp .service-row .service-col1  p span { display: block; }







.service-wrapp .service-row .service-col1 .service-btn { width: fit-content; display: block; font-size: 20px; color: #ffffff; background: #3a5487; border: 1px solid #3a5487; padding: 13px 25px 14px 25px; margin: 0px auto 20px;  font-weight: 500; letter-spacing: 0.5px; text-align: center; border-radius: 0; outline: none; line-height: normal; box-shadow: none;}







.service-wrapp .service-row .service-col1 .service-btn:hover { color: #3a5487; background: #ffffff; border: 1px solid #3a5487;}











 



 



/* #Copyright section style



================================================== */







.copyright-wrapp { width: 100%; float: left; display: block; padding: 25px 0; margin: 0 0 0; background: #000000;}







.copyright-wrapp .copyright-col1 { width: 100%; display: block; text-align: center; position: relative; margin: 0 auto;}







.copyright-wrapp .copyright-col1 h4 { font-size: 16px; color: #ffffff; line-height: 32px; letter-spacing: 0; font-family: 'Poppins', sans-serif; display: block; margin: 0 0 0; text-align: center;}



.service-row1 .logo a {

  color: #ff0000;

  font-size: 18px;

  font-family: Arial, Helvetica, sans-serif;

}



.service-row1 h3 {

  color: #fff;

  font-size: 24px;

  display: inline-block;

  width: 100%;

  margin: 0 0 50px 0;

}



.service-row1 .btn-row {

  display: inline-block;

  width: 100%;

  margin: 0 auto 17px auto;

}



.service-row1 .btn-row a.service-btn {

  display: flex;

  align-items: center;

  padding-left: 6px;  
  gap: 5px;
  

}


.service-row1 .btn-row a.service-btn2 {

  display: flex;

  align-items: center;

  padding-left: 6px;  

  gap: 5px;

}


.service-row1 .btn-row a.service-btn img {

  width: 35px;

  height: 35px;

  border-radius: 50px;

  margin: 0 auto;

}

.service-row1 .btn-row a.service-btn2 img {

  width: 35px;

  height: 35px;

  border-radius: 50px;

  margin: 0 auto;

}
.service-row1 .logo {

  display: inline-block;

  width: 100%;

  margin: 0 0 40px 0;

}



.out-wrap {

  text-align: center;

  width: 437px;

  height: 762px;

  display: flex;

  background: #fff;

  padding: 10px;

  -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 40%);

  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 40%);

  margin: 0 auto 40px auto;

  align-items: center;

  justify-content: center;



}

.service-row1 .btn-row .icon-img {

  
  padding: 0;
  border-radius: 50px;
  
  justify-content: center;
  margin-right: 5px;

}


.out-wrap .out-contain {

  display: flex;

  width: 100%;

  height: 100%;

  background: url(../images/bg.jpg) no-repeat 18% center;

  background-size: cover !important;

  align-items: center;

  position: relative;



}

.main-img {

  display: inline-block;

  width: auto;

  max-width: 90%;

  height: 280px;

  margin: 0 auto 35px auto;



  -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 80%);

  box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 80%);

}

.btn-wrap {

  width:100%;

  margin: 0 auto;

}




.main-img img {

  height: 100%;

  width: 100%;

  object-fit: contain;




}

.out-contain::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0,0,0,0.1);

}



.icons img { width:100%}

.icons img {
    width: 45px;
    display: inline-block; margin: 0px 10px;
}



/* #Media



================================================== */



@media (max-width: 900px) { 

  .service-row1 {

    width: 90%;

}



video {

  width: 70%;

}



}

@media (max-width: 767px) { 





  .service-row1 {

    width: 82%;

}





video{ text-align:center; 



  width:90%;



     display: block;



  background: #fff;



  padding: 10px;



  -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 40%);



  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 40%);



  margin: 0 auto 40px auto; }





  .btn-wrap {

    width: 100%;

}

.out-wrap {

  max-width: 100%;

}



}









@media (max-width: 480px) { 

video {

  width: 100%;

}



.service-row1 {

  width: 100%;

}

.btn-wrap {

  width: 90%;

}

.service-row1 .btn-row a.service-btn {

  font-size: 16px;

}


.service-row1 .btn-row a.service-btn2 {

  font-size: 16px;

}

.main-img {

  height: 220px;

}

}



@media (max-width: 375px) { 



.main-img {

  max-width: 95%;

  height: 220px;

  margin: 0 auto 35px auto;}

  .service-row1 .btn-row a.service-btn {

    font-size: 15px;

}

  .service-row1 .btn-row a.service-btn2 {

    font-size: 15px;

}


.service-row1 h3 {

  font-size: 23px;

}

.btn-wrap {

  width: 94%;

}

.service-row1 .btn-row a.service-btn {

  font-size: 15px;

  padding: 0 10px 0 0;

}

.service-row1 .btn-row a.service-btn2 {

  font-size: 15px;

  padding: 0 10px 0 0;

}

}

@media (max-width: 375px) { 

  .service-row1 .btn-row a.service-btn {

    font-size: 14px;

    padding: 0 10px 0 0;

  }
    .service-row1 .btn-row a.service-btn2 {

    font-size: 14px;

    padding: 0 10px 0 0;

  }

}