/*!
Theme Name: sbs-creative
Theme URI: https://sbs-creative.com/
Author: sbs-creative
Author URI: https://sbs-creative.com/
Version: 1.1.2
Tested up to: 5.4
Requires PHP: 5.6
License: sbs-creative
License URI: LICENSE
*/


@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');


* {
  margin: 0px;
  padding: 0px;
  border: none;

  outline: none;
}



header{
  font-family: "DM Sans", sans-serif;
  position: relative;
  z-index: 9;
}
body {

  /* font-family: "DM Serif Display", serif;*/
  /*  font-family: "DM Sans", sans-serif;*/

}

body.home{
  background-color: #F6F4EE !important;

}

.wp-singular{
  background-color: #FFFCFB;
  overflow-x:hidden ;
}

a {
  text-decoration: none;
  text-transform: none;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.home-story .swiper-slide span {
  text-decoration: none;
  text-transform: none;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

a:hover {
  text-decoration: none;
  outline: none;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

input,
button,
select,
textarea {

  font-weight: 400;
  font-size: 16px;
}

ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

input {
  transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus {
  outline: none;
  box-shadow: none;
  transition: all 500ms ease;
}

p {
  position: relative;

  color: #222222;
  font-weight: 300;
  line-height: 19px;
  margin: 0px;
  transition: all 500ms ease;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;

  font-weight: 700;
  color: #222222;
  margin: 0px;
  transition: all 500ms ease;
}





.top-head-s {
  background: #001F2A;
  padding: 11px 32px;
}


.top-head-s .text-top {
  color: #fff;
  font-size: 14px;
  position: relative;
  top: 1px;
}



.top-head-s ul {
  padding-left: 0;
  display: flex;
  gap: 15px;
  justify-content: right;
  margin-bottom: 0;
}

.top-head-s ul li {
  font-size: 16px;
}


.top-head-s ul li a {
  color: #fff;
  position: relative;
}


header .head-rhk{


}
header .head-rhk .logo-rhk{


}
header .head-rhk .logo-rhk img{width: 154px;}

header .menu-rhk {display: flex;align-items: center;}

header .menu-rhk ul{
  display: flex;
  gap: 40px;
  padding-left: 0;
  margin-bottom: 0;
}

header .menu-rhk ul li{

}

header .menu-rhk ul li a{
  color: #001F2A;
  font-size: 16px;
  font-weight: 300;
}


header .menu-rhk ul li a:hover{
  color: #F26522;

}
header .action-rhk{display: flex;align-items: center;}

header .action-rhk a{
  background: #F26522;
  font-weight: 300;
  color: #fff;
  padding: 13px 34px;
  border-radius: 10px;
}

header .action-rhk a:hover{
  background: #001F2A;

}
.active-lang{
  font-weight: 600;
}

.top-head-s ul li:first-child a::after{
  content: '';
  width: 1px;
  height: 13px;
  right: -7px;
  top: 4px;
  position: absolute;
  background: #fff;
}
.header-mens{
  display: flex;
  background: #fff;
  justify-content: space-between;
  padding: 20px 32px;
  border-radius: 0 0 20px 20px;
  -webkit-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.1);
  box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.1);
}


.left-img-hero{left: 40px;position: absolute;}
.left-img-hero img{

}

.right-img-hero{position: absolute;right: -68px;z-index: 1;}
.right-img-hero img{
}

.center-hero{text-align: center;display: table;margin: auto;max-width: 500px;position: relative;top: 20px;}
.center-hero h1{font-family: "DM Serif Display", serif;font-size: 60px;line-height: 1.1;color: #001F2A;}
.center-hero p{margin-bottom: 31px;padding: 0 40px;margin-top: 20px;font-size: 22px;font-weight: 200;line-height: 33px;color: #6A6863;}
.center-hero ul{padding-left: 0;margin-bottom: 0;display: flex;gap: 12px;justify-content: center;}
.center-hero ul li{

}
.center-hero ul li a{background: #F26522;color: #fff;padding: 15px 29px;display: inline-block;font-family: "DM Sans", sans-serif;width: 215px;font-weight: 300;border-radius: 10px;font-size: 15px;}
.center-hero ul li a:hover{
  background:#001F2A;;
}
.hero-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 75px 0 316px;
}
.center-hero h1 span{
  color: #F26522;
}
.cnt-rlvt{
  position: relative;
}

.hero-box::before {
  content: "";
  display: block;
  position: absolute;
  left: -115px;
  top: -112px;
  height: 100%;
  z-index: 999999;
  width: 500px;
  background-image: url('/wp-content/uploads/2025/04/left-bg.png');
  background-size: cover;
  background-position: center;
  z-index: 0;
}

.hero-box::after {
  content: "";
  display: block;
  position: absolute;
  right: -120px;
  top: -112px;
  height: 100%;
  z-index: 999999;
  width: 500px;
  background-image: url('/wp-content/uploads/2025/04/right-bg.png');
  background-size: cover;
  background-position: center;
  z-index: 0;
}


.brands-home{margin-top: -200px;}

.brands-home .swiper-slide img{
  filter: grayscale(1);
  opacity: 0.4;
  display: block;
  margin: auto;
  width: 200px;
}

.brands-home .swiper-slide div{height: 70px;display: flex;position: relative;}

.brands-home .swiper-slide div::after{
  content:'';
  position: absolute;
  width: 1px;
  height: 37px;
  top: 19px;
  right: -14px;
  display: block;
  background: #c9c5ba82;
}

.credit-sec{margin-top: 100px;}
.credit-sec .box-credit{display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr;gap: 25px 25px;grid-template-areas:
". ."
". .";}
.credit-sec .box-credit .item-credit{


}
.credit-sec .box-credit .item-credit a:hover .flex-credit{
  background: #fff;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.credit-sec .box-credit .item-credit a:hover .button-text-link{
  background: #F26522;
  color: #fff;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}






.credit-prets .box-credit .item-credit a:hover .flex-credit{
  background: #fff;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.credit-prets .box-credit .item-credit a:hover .button-text-link{
  background: #F26522;
  color: #fff;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}






.button-text-link{
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.flex-credit{
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}










.credit-sec .flex-credit{display: flex;gap: 35px;align-items: center;padding: 30px;border-radius: 30px;background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);}
.credit-sec .img-left-credit{


}
.credit-sec .img-left-credit img {


}
.credit-sec .right-credit{


}
.credit-sec .right-credit {display: grid;gap: 23px;}
.credit-sec .head-text-credit{font-family: "DM Serif Display", serif;color: #001F2A;font-size: 26px;line-height: 1;}
.credit-sec .head-text-credit p{


}
.credit-sec .button-text-link{background: #E5E0CF;color: #001F2A;padding: 13px 0;text-align: center;font-family: "DM Sans", sans-serif;border-radius: 10px;font-weight: 300;}






.credit-prets{margin-top: 100px;}
.credit-prets .box-credit{

  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin: 0 auto;




}
.credit-prets .box-credit .item-credit{
  width: calc(33.333% - 20px);
  box-sizing: border-box;

}
.credit-prets .flex-credit{display: grid;gap: 20px;align-items: center;padding: 30px;border-radius: 30px;background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);}
.credit-prets .img-left-credit{


}
.credit-prets .img-left-credit img {width: 100%;}
.credit-prets .right-credit{


}
.credit-prets .right-credit {display: grid;gap: 23px;}
.credit-prets .head-text-credit{font-family: "DM Serif Display", serif;color: #001F2A;font-size: 26px;line-height: 1;}
.credit-prets .head-text-credit p{


}
.credit-prets .button-text-link{background: #E5E0CF;color: #001F2A;padding: 13px 0;text-align: center;font-family: "DM Sans", sans-serif;border-radius: 10px;font-weight: 300;}





















.head-credit-h {margin-bottom: 45px;text-align: center;font-family: "DM Serif Display", serif;}
.head-credit-h h2{font-size: 45px;color: #001F2A;font-family: "DM Serif Display", serif;}
.head-credit-h span{
  color: #F26522;
}

.right-credit p{
  margin-bottom: 0;
  color: #6A6863;
  line-height: 30px;
  font-family: "DM Sans", sans-serif;
  font-size: 17px;
  font-weight: 300;
}



.form-section{margin-top: 90px;}
.form-section .left-hypo{padding-right: 50px;}

.form-section .left-hypo h2{color: #001F2A;font-family: "DM Serif Display", serif;font-size: 50px;margin-bottom: 15px;margin-top: 50px;}
.form-section .left-hypo h2 span{color: #F26522;display: block;}
.form-section .left-hypo p.p-hypo{margin-bottom: 0;color: #6A6863;line-height: 30px;font-family: "DM Sans", sans-serif;font-size: 18px;font-weight: 300;}
.form-section .left-hypo p.p-hyp2{margin-bottom: 0;color: #6A6863;line-height: 20px;font-size: 14px;font-family: "DM Sans", sans-serif;font-weight: 300;margin-bottom: 25px;}


.form-section .left-hypo button{
  background: #F26522;
  color: #fff;
  margin-bottom: 20px;
  padding: 15px 29px;
  margin: auto;
  display: table;
  width: 215px;
  font-family: "DM Sans", sans-serif;
  font-weight: 300;
  border-radius: 10px;
  font-size: 15px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.form-section .left-hypo button:hover{
  background: #001F2A;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;

}

.form-section .right-hypo{

}
.form-section .right-hypo img{z-index: -1;position: relative;/* width: 100%; */}
.form-section .left-hypo p strong{
  font-weight: 600;
}

.pret-sec{background-color: #00465E;padding: 80px 0;overflow: hidden;margin-top: -75px;}
.pret-sec .left-home-form{

}

.pret-sec .left-home-form form{
  border-radius: 25px;
  background: #F6F4EE;

  z-index: 999;
  position: relative;
}

.pret-sec .right-pret{padding-left: 45px;position: relative;}


.pret-sec .right-pret h2{font-family: "DM Serif Display", serif;color: #fff;font-size: 40px;margin-bottom: 20px;margin-top: 22px;}
.pret-sec .right-pret h2 span{color: #F26522;}
.pret-sec .right-pret h3{font-family: "DM Serif Display", serif;color: #E6EDEF;font-size: 24px;}
.pret-sec .right-pret h4{color: #E6EDEF;font-family: "DM Serif Display", serif;margin-bottom: 13px;margin-top: 35px;}
.pret-sec .right-pret p{color: #E6EDEF;font-family: "DM Sans", sans-serif;line-height: 28px;margin-bottom: 0;font-weight: 200;}
.pret-sec .right-pret ul{padding-left: 0;margin: 25px 0;}
.pret-sec .right-pret ul li{color: #E6EDEF;position: relative;margin-bottom: 20px;align-items: center;gap: 37px;display: flex;font-family: "DM Sans", sans-serif;font-weight: 200;}
.pret-sec .right-pret ul li span{color: #001F2A;display: inline-block;position: relative;z-index: 9;font-family: "DM Serif Display", serif;left: 10px;}

.pret-sec .right-pret ul li span:after{
  content:'';
  width:30px;
  position: absolute;
  border-radius: 101px;
  left: -11px;
  height:30px;
  background-color:#74BAD1;
  top: -4px;
  z-index: -1;
}

.pret-sec .right-pret p strong{
  font-weight: 600;
}






.right-pret::before {
  content: "";
  display: block;
  position: absolute;
  right: -387px;
  top: -232px;
  height: 982px;
  z-index: 999999;
  width: 903px;
  background-image: url(/wp-content/uploads/2025/04/bg-rz.png);
  background-size: cover;
  background-position: center;
  z-index: 0;
}

.brands-footer{}



.brands-footer .swiper-slide img{
  filter: grayscale(1);
  opacity: 0.3;
  display: block;
  margin: auto;
  width: 200px;
}

.brands-footer .swiper-slide div{height: 70px;display: flex;position: relative;}

.brands-footer .swiper-slide div::after{
  content:'';
  position: absolute;
  width: 1px;
  height: 37px;
  top: 19px;
  right: -14px;
  display: block;
  background: #6a686359;
}

.brad-fo{
  background-color: #003243;
  padding: 40px 0 50px;
  margin-top: 90px;
}

.brad-fo h2{font-family: "DM Serif Display", serif;color: #E6EDEB;text-align: center;font-size: 40px;margin-bottom: 25px;}

.brad-fo span{
  color: #F26522;
}

footer{
  background-color: #001F2A;
  padding: 70px 0 30px;
}

.footer-logo{

}
.head-footer-1{color: #E6EDEF;font-family: "DM Serif Display", serif;font-size: 25px;margin-top: 30px;margin-bottom: 10px;}
.p-footer-1{color: #91AFBA;font-family: "DM Sans", sans-serif;line-height: 26px;padding-right: 150px;font-weight: 200;}

.social-footer{

}
.social-footer {padding-left: 0;display: flex;gap: 25px;margin-bottom: 39px;justify-content: flex-end;}
.social-footer  li{

}
.social-footer  li a{
  color: #5E8A9A;
  font-size: 25px;
}
.right-head-footer{color: #E6EDEF;font-family: "DM Serif Display", serif;font-size: 25px;text-align: left;margin-left: 137px;}

.link-footer {
  padding-left: 0;
  margin-bottom: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 20px 20px;
  grid-template-areas:
    ". . ."
    ". . .";
  max-width: 326px;
  margin-top: 15px;
  margin-left: 137px;
}

.link-footer li{width: 200px;}

.link-footer li:nth-child(3){width: 60px;}

.link-footer li:last-child{width: 60px;}
.link-footer li a{
  color: #91AFBA;
  font-family: "DM Sans", sans-serif;
  font-weight: 200;
}
.fot-cpry{border-top: 1px solid #e6edef21;padding-top: 25px;margin-top: 40px;}
.fot-cpry p{color: #e6edefb0;display: inline-block;margin-right: 70px;margin-bottom: auto;font-weight: 200;font-size: 14px;}
.fot-cpry a{
  color: #e6edefb0;
  font-weight: 200;
  font-size: 14px;
  margin-right: 70px;
}
.rght-alng{
  /* display: table; */
}

footer a:hover{
  color:#fff;
}

.top-head-s ul li a:hover{
  color: #f26522;
}


::-webkit-scrollbar {
  width: 3px;
  background-color: #eaeaea;
  border-left: 1px solid #ccc;
}

::-webkit-scrollbar-thumb {
  background-color: #F26522;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #001F2A;
}

.contact-fs{
  margin-top: -74px;
}

.contact-page-form{margin-top: 30px;}

.contact-page-form  form{

}

.contact-page-form  label{
  display: block;
  font-size: 14px;
  margin-bottom: 15px;
  font-family: "DM Sans", sans-serif;
  color: #001F2A;
}
.contact-page-form  label input{
  /* display: block; */
  width: 100%;
  padding: 12px 20px;
  font-size: 13px;
  margin-top: 5px;
  font-weight: 300;
  border-radius: 10px;
  border: 1px solid #E5E0CF;
}

.contact-page-form  label input::placeholder{
  color:#A8A59B;
  font-family: "DM Sans", sans-serif;



}
.contact-page-form  label textarea::placeholder{
  color:#A8A59B;

  font-family: "DM Sans", sans-serif;

}
.contact-page-form  label textarea{
  width: 100%;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 300;
  margin-top: 9px;
  height: 100px;
  border-radius: 10px;
  border: 1px solid #E5E0CF;
}


.contact-page-form  input[type="submit"] {
  background: #F26522;
  font-weight: 300;
  color: #fff;
  padding: 13px 34px;
  border-radius: 10px;
  font-family: "DM Sans", sans-serif;
  margin-top: 10px;
}

.contact-page-form  input[type="submit"]:hover {
  background: #001F2A;
}




body .page-ct h2{
  margin-top: 35px;
}


.single-page{margin: 70px 0;}
.single-page h1{color: #001F2A;font-family: "DM Serif Display", serif;font-size: 45px;background: #FEF0E9;padding: 15px 20px;display: inline-block;margin-bottom: 38px;}
.single-page h2{color: #001F2A;font-family: "DM Serif Display", serif;font-size: 25px;margin-top: 30px;margin-bottom: 20px;}

.single-page h3{

}
.single-page h4{

}
.single-page p{margin-bottom: 0;color: #6A6863;line-height: 25px;font-family: "DM Sans", sans-serif;font-size: 16px;font-weight: 300;}
.single-page ul{}
.single-page ul li{margin-bottom: 0;color: #6A6863;line-height: 30px;font-family: "DM Sans", sans-serif;font-size: 16px;font-weight: 300;list-style: disc;}
.single-page ul li a{

}

.pg-sg{
  padding: 0 210px;
}


.pg-sg::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 110%;
  transform: translateY(-50%);
  height: 870px;
  z-index: -1;
  width: 390px;
  background-image: url(/wp-content/uploads/2025/04/left-page.png);
  background-size: cover;
  background-position: center;
}

.pg-sg::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 110%;
  transform: translateY(-50%);
  background-image: url(/wp-content/uploads/2025/04/right-page.png);
  background-size: cover;
  background-position: center;
  height: 870px;
  z-index: -1;
  width: 390px;
}
.sg-about-2::before{
  content: "";
  display: block;
  position: absolute;
  left: -150px;
  top: 50%;
  transform: translateY(-50%);
  height: 870px;
  z-index: -1;
  width: 390px;
  background-image: url(/wp-content/uploads/2025/04/left-page.png);
  background-size: cover;
  background-position: center;
}
.sg-about-2::after{
  content: "";
  display: block;
  position: absolute;
  r;
  right: -150px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(/wp-content/uploads/2025/04/right-page.png);
  background-size: cover;
  background-position: center;
  height: 870px;
  z-index: -1;
  width: 390px;
}








.head-section{margin-bottom: 60px;background: #F6F4EE;padding: 180px 0 61px;margin-top: -136px;z-index: 1;position: relative;overflow: hidden;}
.head-section h1{text-align: center;color: #001F2A;font-family: "DM Serif Display", serif;font-size: 60px;}
.head-section h1 span{
  color: #F26522;
}
.head-section p{text-align: center;margin-bottom: 0;color: #6A6863;line-height: 30px;font-family: "DM Sans", sans-serif;font-size: 18px;font-weight: 300;margin-bottom: 23px;}
.head-section a{display: table;background: #F26522;font-weight: 300;color: #fff;padding: 18px 55px;border-radius: 15px;margin: auto;}


.head-section::before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 91%;
  transform: translateY(-50%);
  height: 452px;
  z-index: -1;
  width: 450px;
  background-image: url(/wp-content/uploads/2025/04/left-pg.png);
  background-size: cover;
  background-position: center;
}


.head-section::after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -120px;
  transform: translateY(-50%);
  height: 452px;
  z-index: -1;
  width: 450px;
  background-image: url(/wp-content/uploads/2025/04/right-pg.png);
  background-size: cover;
  background-position: center;
}

.page-services{
  margin: 70px 0;
}
.page-services .pg-sv{
  padding: 0 210px;
}


body .head-one-sv  h2:first-child{
  color: #001F2A;
  font-family: "DM Serif Display", serif;
  font-size: 45px;
  background: #FEF0E9 !important;
  padding: 15px 20px !important;
  display: inline-block !important;
  margin-bottom: 38px !important;
  text-align: left !important;
}
.page-services .pg-sv h2:first-child span{
  color: #F26522;
}

.page-services .pg-sv h2{
  color: #001F2A;
  font-family: "DM Serif Display", serif;
  font-size: 25px;
  margin-top: 40px;
  margin-bottom: 20px;
  text-align: center;
}
.page-services .pg-sv p:first-child{
  text-align:left;

}

.page-services .pg-sv p{
  margin-bottom: 0;
  text-align: left;
  color: #6A6863;
  line-height: 25px;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: 300;
}
.page-services .pg-sv .m-pad{
  border-radius: 15px;background: #FEF0E9;padding: 20px 15px;color: #003243;line-height: 26px;font-size: 21px;
}
.page-services .pg-sv .m-pad p {font-weight: 300;color:#003243;font-size: 18px;line-height: 28px;}

.page-services .pg-sv ul{margin-top: 30px;padding-left: 0;}
.page-services .pg-sv ul li{border-radius: 15px;background: #FEF0E9;padding: 15px 15px 15px 40px;color: #003243;font-size: 16px;margin-bottom: 13px;position: relative;font-weight: 300;font-family: "DM Sans", sans-serif;}
.page-services .pg-sv ul li i{position: absolute;left: 9px;font-size: 30px;color: #F26522;line-height: 1;top: 10px;}
.page-services .pg-sv ul li b{font-weight: 600;}

.page-services .pg-sv img{margin: 30px 0px;width: 100%;}





.page-services .pg-sv::before {
  content: "";
  display: block;
  position: absolute;
  left: -259px;
  top: 150%;
  transform: translateY(-50%);
  height: 518px;
  z-index: -1;
  width: 490px;
  background-image: url(/wp-content/uploads/2025/04/left-sg.png);
  background-size: cover;
  background-position: center;
}


.page-services .pg-sv::after {
  content: "";
  display: block;
  position: absolute;
  right: -259px;
  top: 150%;
  transform: translateY(-50%);
  height: 518px;
  z-index: -1;
  width: 490px;
  background-image: url(/wp-content/uploads/2025/04/right-sg.png);
  background-size: cover;
  background-position: center;
}


.email-section{background: #FCDACA;padding: 60px 0;}
.email-section h2{color: #001F2A;font-family: "DM Serif Display", serif;font-size: 50px;margin-bottom: 25px;}
.email-section p{
  margin-bottom: 0;
  color: #6A6863;
  line-height: 25px;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  padding-right: 123px;
  font-weight: 300;
}

.email-section img{
  width: 300px;
  position: relative;
  z-index: 9;
}

.email-section h2 span{
  color: #F26522;
}
.left-mail{display: flex;height: 100%;align-items: center;}
.main-mail{

}


.right-email{
  position: relative;
}
.right-email::after {
  content: "";
  display: block;
  position: absolute;
  left: -123px;
  bottom: -222px;
  transform: translateY(-50%);
  height: 187px;
  width: 230px;
  z-index: 1;
  background-image: url(/wp-content/uploads/2025/04/afet-zop.png);
  background-size: cover;
  background-position: center;
}

.action-sec{background: #00465E;padding: 75px 0;position: relative;overflow: hidden;}
.action-sec h2{color: #E6EDEF;font-size: 40px;font-family: "DM Serif Display", serif;margin-bottom: 20px;}

.action-sec h2 span{color: #f26523;}
.action-sec p{color: #EFECE1;margin-bottom: 0;line-height: 30px;font-family: "DM Sans", sans-serif;font-size: 16px;font-weight: 200;line-height: 27px;margin-right: 160px;}
.action-sec p b{font-weight: 500;}
.action-sec a{text-align: center;background: #F26522;color: #fff;margin-bottom: 20px;padding: 15px 29px;margin: auto;display: table;width: 215px;font-family: "DM Sans", sans-serif;font-weight: 300;border-radius: 10px;z-index: 99999;position: relative;font-size: 15px;transition: all 500ms ease;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
.action-sec .right-action{height: 100%;display: flex;align-items: center;}
.action-sec   .left-action{height: 100%;display: flex;align-items: center;z-index: 99;position: relative;}




.hd-sec::before {
  content: "";
  display: block;
  position: absolute;
  left: -300px;
  top: 50%;
  transform: translateY(-50%);
  height: 508px;
  width: 475px;
  background-image: url(/wp-content/uploads/2025/04/left-bar.png);
  background-size: cover;
  background-position: center;
}

.hd-sec::after {
  content: "";
  display: block;
  position: absolute;
  right: 130px;
  top: 56%;
  z-index: 0;
  transform: translateY(-50%);
  height: 452px;
  width: 450px;
  background-image: url(/wp-content/uploads/2025/04/right-bar.png);
  background-size: cover;
  background-position: center;
}

.hd-sec{
  position: relative;
}



/* Icon 1 */

#nav-icon1,
#nav-icon2,
#nav-icon3,
#nav-icon4 {
  width: 34px;
  height: 3px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span,
#nav-icon3 span,
#nav-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #F26522;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 18px;
}

#nav-icon1 span:nth-child(3) {
  top: 36px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Icon 2 */

#nav-icon2 {
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 50%;
  background: #d3531a;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
  left: 0px;
  border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1),
#nav-icon2 span:nth-child(2) {
  top: 0px;
}

#nav-icon2 span:nth-child(3),
#nav-icon2 span:nth-child(4) {
  top: 18px;
}

#nav-icon2 span:nth-child(5),
#nav-icon2 span:nth-child(6) {
  top: 36px;
}

#nav-icon2.open span:nth-child(1),
#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),
#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
  left: 5px;
  top: 7px;
}

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
  left: 5px;
  top: 29px;
}

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 29px;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 7px;
}

#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
  top: 17px;
}

#nav-icon3 span:nth-child(4) {
  top: 28px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}
.mobil-menu{
  display:none;
}
.overflw{
  overflow: hidden;
}
.menu-contact{
  display:none;
}
.active-c-link{
  display:block !important;
  position: absolute;
  bottom: -52px;
  font-weight: 500;
  width: 100%;
  left: 0;
  text-align: center;
  padding: 10px;
  background: #F26522;
  color: #fff;
  border-radius: 30px;
}
#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #ff5602;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#return-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 10px;
  top: 2px;
  font-size: 30px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#return-to-top:hover {
  background: rgb(30 71 144);
}
#return-to-top:hover i {
  color: #fff;
  top: -2px;
}


.top-frame {
  /* width: 6rem; */
  /* position: absolute; */
  /* right: 5vw; */
  /* bottom: 0rem; */
  /* display: none; */
  height: calc(100% - 100vh);
}
.top-frame.show {
  display: block;
}
.top-inner {
  height: 3rem;
  text-align: center;
  position: fixed;
  z-index: 9999;
  bottom: 30px;
  right: 30px;
}

.top {
  background: #F26522;
  border-radius: 100px;
  font-size: 35px;
  color: #fff;
  padding: 4px 6px;
}

.top i {
  position: relative;
  top: -2px;
}

.ab-section .hero-box{padding-bottom: 150px;}

.ab-section .hero-box::before{top: -66px;height: 600px;}
.ab-section .hero-box::after{
  top: -66px;
  height: 600px;
}

.ab-section .center-hero ul li a{
  width:250px;
}
.sg-about-2{margin-top: 75px;position: relative;}

.sg-about-2 h2{color: #001F2A;font-family: "DM Serif Display", serif;font-size: 45px;background: #FEF0E9;padding: 15px 20px;display: inline-block;margin-bottom: 38px;margin-left: 180px;}


.sg-about-2 h2 span{color: #F26522;}

.sg-about-2 h3{font-family: "DM Serif Display", serif;margin-bottom: 20px;max-width: 80%;}

.sg-about-2 p{margin-bottom: 20px;color: #003243;line-height: 25px;font-family: "DM Sans", sans-serif;font-size: 16px;font-weight: 300;}
.sg-about-2 p b{font-weight: 600;}

.sg-about-2 img{width: 100%;}

.sg-about-2  .h-text-a{display: flex;align-items: center;height: 100%;}
.head-box-noe{padding: 0 180px;margin-bottom: 100px;}

.p-about-left-a{

  padding-left:30px;
}
.p-about-left-a h3{width: 100%;}




.diffe-section{background: #FEF0E9;}

.diffe-section h2{font-family: "DM Serif Display", serif;font-size: 50px;}
.diffe-section h2 span{
  color: #F26522;
  display: block;
}
.diffe-section ul{
  padding-left: 0;
  position: relative;
  margin-top: 35px;
}
.diffe-section ul li{
  padding-left: 27px;
  margin-bottom: 30px;
  color: #001F2A;
  position: relative;
  font-family: "DM Sans", sans-serif;
}
.diffe-section ul li i{
  position: absolute;
  left: 0;
  top: 10px;
  font-size: 20px;
}
.diffe-section ul li span:nth-child(2){
  display: block;
  font-weight: 600;
}
.diffe-section ul li span:last-child{
  font-weight: 300;
}
.diffe-section .right-md-on{

}
.diffe-section .right-md-on img{
  width: 100%;
}

.engagements-section{

}

.engagements-section .right-md-on{

}
.engagements-section .right-md-on img{
  margin-top: 80px;
  width: 100%;
}

.engagements-section .left-content-diff{

}
.engagements-section .left-content-diff h2{
  font-family: "DM Serif Display", serif;
  font-size: 50px;
}
.engagements-section .left-content-diff h2 span{
  color: #F26522;
}
.engagements-section .left-content-diff p{
  font-weight: 600;
  font-family: "DM Sans", sans-serif;
  margin: 40px 0;
}
.engagements-section .left-content-diff ul{
  padding-left: 0;
  font-family: "DM Sans", sans-serif;
}
.engagements-section .left-content-diff ul li{
  margin-bottom: 30px;
  padding-left: 25px;
  position: relative;
  font-weight: 300;
}
.engagements-section .left-content-diff ul li i{
  position: absolute;
  left: 0;
  font-size: 20px;
}
.engagements-section .left-content-diff a{
  background: #F26522;
  font-weight: 300;
  font-family: "DM Sans", sans-serif;
  color: #fff;
  padding: 15px 50px;
  border-radius: 10px;
  margin-top: 25px;
  display: inline-block;
}

.left-content-diff{display: flex;align-items: center;height: 100%;}

.engagements-section{margin-top: -76px;background: #F1F8FA;z-index: 9;position: relative;}
.engagements-section .right-md-on{


}
.ab-action {margin-top: -51px;z-index: 9;}

.brad-about{
  margin-top:0px;
}


.mt-00 {
  margin-top:0px;

}



.laccompagnement-save{background: #DEEEF4;padding: 75px 0px;position: relative;}
.laccompagnement-save h2{text-align: center;font-size: 30px;font-family: "DM Serif Display", serif;margin-bottom: 40px;}
.laccompagnement-save .lacc-head{

}

.laccompagnement-save   .row-lac{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  margin: 0 auto;
}
.laccompagnement-save   .row-lac .item-lacc{
  background: #F1F8FA;
  width: calc(50% - 20px);
  box-sizing: border-box;
  padding: 40px 25px;
  position: relative;
  border-radius: 10px;
}

.laccompagnement-save  .row-lac .item-lacc h3{
  font-family: "DM Serif Display", serif;
  margin-bottom: 15px;
}
.laccompagnement-save   .row-lac .item-lacc p{
  margin-bottom: 0;
  display: flex;
  font-family: "DM Sans", sans-serif;
  line-height: 25px;
}
.laccompagnement-save  .row-lac .item-lacc span{
  position: absolute;
  right: 25px;
  top: 35px;
}
.laccompagnement-save  .row-lac .item-lacc span i{
  color: #F26522;
  z-index: 999;
  position: relative;
}

.laccompagnement-save  .row-lac .item-lacc span i:after{
  content:'';
  position:absolute;
  height: 23px;
  width: 23px;
  z-index: -1;
  background: #FCDACA;
  left: -4px;
  border-radius: 1000px;
}

.laccompagnement-save:before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  height: 300px;
  z-index: 1;
  width: 472px;
  background-image: url(/wp-content/uploads/2025/04/left-cloud.png);
  background-size: cover;
  bottom: -110px;
}

.laccompagnement-save:after{
  content: "";
  display: block;
  position: absolute;
  right: 0;
  height: 300px;
  z-index: 1;
  width: 472px;
  background-image: url(/wp-content/uploads/2025/04/right-cloud.png);
  background-size: cover;
  bottom: -110px;
}

body .bg-rango   .flex-credit{
  background: #ffffff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgb(229 224 207 / 24%) 100%);
}


.step-hypo{

}
.step-hypo h2{
  font-family: "DM Serif Display", serif;
  text-align: center;
  font-size: 25px;
  margin-bottom: 70px;
}

.step-hypo .item-step{
  /* position: relative; */
}

.step-hypo .hom-step{
  text-align: center;
  max-width: 140px;
  position: relative;
}

.step-hypo .head-step{
  font-family: "DM Sans", sans-serif;
  color: #003243;
  font-size: 14px;
  margin-bottom: 38px;
  font-weight: 300;
}
.step-hypo .icon-head{
  position: relative;
}

.step-hypo .icon-head img{
  width: 36px;
  position:relative;
  display:inline-block;
}
.step-hypo .icon-head:after{
  content:'';
  position:absolute;
  background:#FEF0E9;
  width: 85px;
  height: 85px;
  border-radius: 100px;
  left: 27px;
  z-index: -1;
  top: -21px;
}


.step-hypo .cont-hypo{
  padding: 0 210px;
}


.item-step  .arrow-step {
  position: absolute;
  right: -50px;
  top: 55%;
  transform: translateY(-50%);
  font-size: 22px;
};

.arrow-step i{

}
.left-hypo form{
  margin: 30px 0;
}
.form-input-label-credit {
  font-family: "DM Sans", sans-serif;
}
.form-input-label-credit label{
  font-weight: 300;
  font-size: 13px;
  color: #001F2A;
  margin-bottom: 6px;
  font-size: 14px;
}

.form-input-label-credit .selection{
  opacity: 1 !important;
  padding: 19px 20px !important;
  font-weight: 600;
  border-radius: 15px !important;
  border: 1px solid #E5E0CF !important;
}
.form-input-label-credit .dropdown i{
  color: #F26522;
  position: relative !important;
  top: -5px !important;
  right: -6px !important;
  opacity: 1 !important;
  font-size: 18px !important;
}

.form-input-label-credit .ui.selection.active.dropdown .menu{
  border: 1px solid #E5E0CF !important;
}

.form-input-label-credit .ui.active.selection.dropdown{


}

.form-input-label-credit .selection .search{
  line-height:30px !important;

}

.form-input-label-credit .nice-select{
  display:none !important;
}







.slider-container {
  background: #EFECE1;
  padding: 15px 20px;
  border-radius: 15px;
  box-sizing: border-box;
  margin-top: 46px;
  font-family: "DM Sans", sans-serif;
}

.slider-container .slider-labels {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
  font-weight: bold;
}

.slider-labels .value {
  color: #001F2A;
  font-weight: 500;
  font-size: 16px;
}

.slider-container .slider-labels .unit {
  color: #A8A59B;
  font-weight: 300;
  font-size: 14px;
}

.slider-container .slider {
  width: 100%;
  appearance: none;
  height: 6px;
  border-radius: 4px;
  background: #f3cbbd;
  outline: none;
}

.slider-container .slider::-webkit-slider-thumb {
  appearance: none;
  width: 25px;

  height: 25px;
  background: #f15a29;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid white;
  margin-top: -6px;
}

.slider-container .slider-range {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #6A6863;
  margin-top: 5px;
}
.head-sub-form{color: #6A6863;font-size: 14px;margin-top: 17px !important;font-weight: 300;font-family: "DM Sans", sans-serif;}

.radio-box {
  overflow-x: scroll;
  width: 100%;
}

.right-credit p{
  height: 140px;
}
.link-footer-2{padding-left: 0;display: flex;}
.link-footer-2 li{

}
.menu-policy-container{display: inline-block;}

.head-section a:hover{
  background: #001F2A;
  color:#fff;
}
.active-c-link:hover{
  color:#fff;
}
.nd-temo{
  margin-bottom: 70px;
}