/* FEATURES */
.feat_wrap {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  width: 100%;
  margin: auto;
  padding: 35px 0px;
}

.feature-box {
  padding: 30px;
  text-align: center;
  max-width: 31%;
}

.icon {
  width: 70px;
  height: 70px;
  border: 1px solid #062152;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px;
  font-size: 22px;
  color: #c6a97a;
  padding: 10px;
}

.feature-box h3 {font-size: 20px;font-weight:500;}

.feature-box p {
  font-size: 16px;
  color: #001a6c;
  font-family: 'Roboto';
  font-weight: 400;
  line-height: 30px;
}

/* ABOUT SECTION */
.about {
  display: flex;
  align-items: center;
  padding: 85px 5%;
  gap: 50px;
  background: url(../../assets/image/about.jpg);
  background-size: cover;
  background-position: right center;
  overflow: hidden;
}

.about-content {
  flex: 1;
  position: relative;
}

.about-content h2 {
  font-size: 30px;
  font-weight:500;
  line-height: 50px;
  margin: 0;
}

.quote {
  font-size: 16px;
  color: #112b5a;
  margin-bottom: 30px;
  max-width: 500px;
  font-family: "Mulish", sans-serif;
}

.btn {
  display: inline-block;
  color: #fff;
  padding: 12px 28px;
  border-radius: 25px;
  text-decoration: none;
  font-size: 16px;
  background: #102958;
}



/* IMAGE */
.about-image {
  flex: 1;
}

.about-image img {
  width: 100%;
  border-radius: 12px;
}
.icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.feat_wrap .feature-box:nth-child(2)  {
    border-left: 1px solid #8da7d6;
    border-right: 1px solid #8da7d6;
}
section.features {
    background: #ffffff;
}
section.who_w {
    background: #ebe4dd;
    background:  url(../../assets/image/1.jpg);
    background-size: cover;
    background-position: right center;
    overflow: hidden;
}
.who_wrp {
    background: linear-gradient(to right, rgb(226 214 208) 0%, rgb(226 214 208) 17%, rgb(226 214 208 / 3%) 86%, rgb(245 242 239 / 0%) 25%);
    background-size: cover;
    background-position: right center;
    overflow: hidden;
    padding: 40px 70px;
}
section.adv{
   background: #ebe4dd;
   background: linear-gradient(to right, rgb(245 242 239 / 0%) 0%, rgb(245 242 239 / 83%) 35%, rgb(245 242 239 / 99%) 50%, rgb(245 242 239 / 86%) 100%), url(../../assets/image/adv.jpg);
   background-size: cover;
   background-position: left center;
   overflow: hidden;
   /* height: 70vh; */
   padding-top: 60px;
   padding-bottom: 60px;
}
.num_wer span {
    background: #e2d4cc;
    width: 50px;
    height: 50px;
    display: block;
    font-size: 21px;
    text-align: center;
    border-radius: 50%;
    line-height: 45px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin: 10px auto 35px;
    
    font-weight:500;
    position: relative;
    color: #49362e;
}

.num_wer {
    text-align: center;
}

.num_wer p {
    font-size: 23px;
    
    font-weight:500;
    color: #49362e;
}
.row.p-rel {
    position: relative;
}

.row.p-rel:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    /* background: #C8BFB4; */
    top: 36px;
    z-index: 0;
}
p.lil_tag {
    text-align: center;
    font-size: 23px;
    color: #49362e;
    
    font-weight:500;
}
ul.clie_s li {
    list-style: none;
    width: 20%;
    height: 123px;
    margin-bottom: 10px;
    text-align: center;
    float: left;
    background: #f5efeb;
    border: 1px solid #837a6840;
    border-radius: 10px;
    margin: 16px 14px;
    padding: 15px 28px;
    line-height: 35px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

ul.clie_s {
    display: block;
    flex-wrap: wrap;
    white-space: nowrap;
    width: 100%;
}

.roll_de {
    float: right;
    width: 48%;
    height: 293px;
    margin-top: 25px;
}

ul.clie_s li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ima_de {
    width: 100%;
    height: 88%;
    background: #fff;
    transform: rotate(
3deg);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 10px;
}

.ima_de img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
ul.clie_s li p {
    
    font-size: 20px;
    font-weight:500;
    color: #837a68;
    margin: 0;
}
section.dev_ {
    padding: 15px 0px;
    background: url('../../assets/image/bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 
center;
}
.wrppera p {
    font-size: 23px;
    
    line-height: 30px;
    color: #49362e;
}

.wrppera {
    margin-top: 30px;
}
.pro_in_s_wrp {
    background: linear-gradient(to right, rgb(242 234 233) 0%, rgb(245 242 239) 35%, rgb(242 234 233 / 82%) 50%, rgb(242 234 233 / 0%) 100%), url(../../assets/image/director.jpg);
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    /* padding: 45px 45px; */
    /* margin: 0px 55px; */
}
section.pro_in_s {
    background: #f2eae9;
    /* padding: 15px 0px; */
}
.ins_wrps h2 {
    font-size: 30px;
    font-weight: 500;
    color: #49362e;
    display: inline-block;
    border-bottom: 1px solid #c8b6b1ad;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.ins_wrps span {
    
    font-size: 21px;
    font-weight:500;
    margin-bottom: 20px;
    display: block;
    color: #49362e;
    line-height: 30px;
}
.ins_wrps p {
    
    font-size: 21px;
    line-height: 27px;
    font-weight: 500;
    margin: 0;
    margin-bottom: 10px;
    color: #49362e;
}
.f_ins {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 25px;
}

.f_ins .social-links a i {
    font-size: 27px;
    color: #b79e88;
}
.f_ins.bty a {
    background: #b79e88;
    padding: 10px 29px;
    border-radius: 5px;
    color: #eee6db;
    transition: .5s;
    font-size: 18px;
}

.f_ins.bty a:hover {
    background: #eee6db;
    color: #b79e88;
}

h2.siz {
    /* font-size: 30px; */
    color: #052051;
}   
h3.lil_tag_bg {
    text-align: center;
    width: 100%;
    margin: auto;
    font-size: 30px;
    font-weight: 500;
    color: #49362e;
    line-height: 40px;
}
p.ins_pers {
    text-align: center;
    font-size: 23px;
    
    color: #49362e;
    width: 70%;
    margin: 50px auto 30px;
}
.ins_soci ul {
    display: flex;
    gap: 20px;
}

.ins_soci ul li {
    list-style: none;
}

.ins_soci ul li a i {
    font-size: 50px;
    color: #fff;
    text-align: center;
    margin: auto;
}

.ins_soci ul li a {
    width: 55px;
    height: 55px;
    background: #7a746a;
    line-height: 55px;
    text-align: center;
    margin: auto;
    border-radius: 8px;
    background-image: linear-gradient(45deg, #89796d 0%, #d8c6c2 99%, #d8c6c2 100%);
}
.roll_de.cust {
    width: 40%;
    height: 270px;
}

.wrap_cont_dev.dfts {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 80px;
}
.ins_soci ul li p{
    
    text-align: center;
    font-size: 19px;
    font-weight:500;
    color: #49362e;
}
.lets a {
    padding: 5px 40px;
    border-radius: 56px;
    color: #eee6db;
    transition: .5s;
    
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    background-image: linear-gradient(45deg, #89796d 0%, #d8c6c2 99%, #d8c6c2 100%);
}
.lets {
    text-align: center;
}

.col-md-10.my_sdfg {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 31px;
}
section.pr_insight_s_new {
    background: url(../../assets/image/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 20px;
}
.bg_inv {
    background: linear-gradient(to right, rgb(233 221 229 / 69%) 0%, rgb(233 221 229 / 72%) 35%, rgb(233 221 229 / 63%) 50%, rgb(233 221 229 / 75%) 100%), url(../../assets/image/1.jpg);
    background-size: cover;
    background-position: right center;
    overflow: hidden;
    padding: 45px 45px;
    height: 440px;
}
.hero-content h1 span {font-weight: 300;}
span.sub_fd {
    display: block;
    font-size: 16px;
    color: #001c4f;
    margin-bottom: 15px;
    font-family: 'Roboto';
    font-weight: 400;
    letter-spacing: 3px;
}
.single-footer-widget .logo img {
    width: 276px;
}
span.f_tgline {
    display: block;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 5px;
    background: linear-gradient(
352deg, #efb574 0%, #d09656 45%, #f5d059 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-family: "Noto Serif SC", serif;
}

span.tg_li {
    
    font-size: 30px;
    font-weight: 500;
    color: #49362e;
}

.f_lg {
}
.ft-contact-section {margin-bottom: 6px;/* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */padding: 24px;/* background: #d0beb9; */}


.ft-form-wrapper input,
.ft-form-wrapper textarea {width: 100%;padding: 12px 14px;border-radius: 10px;border: 1px solid #e1aa6d9c;background: #011d4c;font-family: 'Inter', sans-serif;font-size: 14px;color: #ffffff;transition: all 0.2s ease;height: 39px;}


.ft-form-wrapper input:focus,
.ft-form-wrapper textarea:focus {outline: none;border-color: #b8a79c;background: #ffffff00;}


.ft-form-wrapper textarea {min-height: 81px;resize: vertical;}


.ft-submit-btn {width: 100%;/* margin-top: 10px; */padding: 5px 10px;border-radius: 40px;border: 1px solid #bfaea3;background: linear-gradient(180deg, #e6dbd2, #d9c9bd);font-size: 18px;color: #151414;font-weight: 400;cursor: pointer;transition: all 0.25s ease;background-color: initial;background-image: linear-gradient(82deg, #a2722c, #eabb5c);font-family: "Cormorant Garamond", serif;}


.ft-submit-btn:hover {background: #fff;}


.ft-form-note {
margin-top: 16px;
font-size: 13px;
color: #7a6d65;
text-align: center;
font-family: 'Inter', sans-serif;
}


/* Responsive */
@media (max-width: 480px) {
.ft-form-wrapper {

}


.ft-form-wrapper h2 {
font-size: 26px;
}
}

.ft-form-group {
    margin-bottom: 6px;
}
.ft-form-wrapper h2 {
    font-size: 20px;
    background: linear-gradient(
350deg, #efb574 0%, #d09656 45%, #f5d059 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 200;
}
.single-footer-widget .social-link li a i {
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 43px;
}
.arp_tit_wrp {
    text-align: center;
}

.apr_tit h2 {
    font-size: 45px;
    padding-bottom: 15px;
}

.apr_tit {
    display: inline-block;
    border-bottom: 1px solid #b29c8b66;
    margin-bottom: 15px;
}

.arp_tit_wrp p {
    
    font-size: 25px;
    font-weight: 500;
    color: #62362e;
    margin-bottom: 25px;
}
section.approch {
    padding: 60px 90px;
    background: url('../../assets/image/bg.jpg');
    background-size: cover;
    background-position: center;
}

.appr_wrap {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background: #f8f1f0;
    text-align: center;
    padding: 30px;
    height: 100%;
}

.appr_icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: auto;
}

.appr_wrap h5 {
    font-size: 25px;
    font-weight: 400;
    margin: 20px 0px;
}

.appr_wrap p {
    
    font-size: 20px;
    line-height: 27px;
    color: #49362e;
}
.stic_ca {
    position: fixed;
    bottom: 84px;
    z-index: 12;
    right: 22px;
}

.ic_sty a img {
    width: 55px;
}

.ic_sty {margin-bottom: 8px;}

.button_ns {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.button_ns {
    margin-top: 33px;
}

.button_ns a.bty_us1 {
    color: #ffffff;
    background-image: linear-gradient(45deg, #89796d 0%, #d8c6c2 99%, #d8c6c2 100%);
    padding: 12px 22px;
    border-radius: 55px;
    transition:.5s;
}

.button_ns a.bty_us2 {
     color: #ffffff;
     background-image: linear-gradient(45deg, #89796d 0%, #d8c6c2 99%, #d8c6c2 100%);
     padding: 12px 22px;
     border-radius: 62px;
     transition:.5s;
}
.button_ns a.bty_us1:hover {
    color: #908074;
    background:#fff;
}
.button_ns a.bty_us2:hover {
    color: #908074;
    background:#fff;

}


.add_lo ul {
    padding: 0;
    margin-bottom: 30px;
}

.add_lo ul li {
    list-style: none;
    border-bottom: 1px solid #e1aa6d9c;
    margin-bottom: 2px;
    padding: 10px 0px;
}

.add_lo ul li a {
    display: flex;
    gap: 15px;
    align-items: center;
}

.add_lo ul li a p {
    margin: 0;
    font-size: 14px;
    width: 100%;
    line-height: 24px;
    flex: 1;
}

.add_lo ul li a span img {
    width: 20px;
}

.add_lo ul li a span {
    /* width: 10%; */
}

.ft-form-group label {color: #ffffff;font-size: 14px;} 


.ins_wrps {
    padding: 50px 0px;
}
section.bread_sec {
    background: linear-gradient(to right, rgba(245, 242, 239, 0.95) 0%, rgba(245, 242, 239, 0.85) 40%, rgb(245 242 239 / 3%) 45%, rgba(245, 242, 239, 0.1) 100%), url(../../assets/image/1.png);
    background-size: cover;
    background-position: right top;
    padding-top: 160px;
    padding-bottom: 102px;
    /* height: 100vh; */
}
section.career_abt {
    padding: 60px 0px;
    background: url(../../assets/image/about/abt2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
p.ins_pers.sr {
    margin: 0 auto;
    font-size: 14px;
    text-align: left;
    width: 100%;
    margin-bottom: 9px;
    line-height: 1.6;
    font-weight: 600;
    color: #000;
}

.titi_wr.cst_y {
    text-align: left;
}


.wrps_s_who .icy_s {
    width: 60px;
    height: 60px;
    border: 1px solid #c6a97a;
    border-radius: 50%;
    padding: 10px;

}

.wrps_s_who .col-my {
    display: flex;
    gap: 12px;
    align-items: center;
    background: linear-gradient(to right, rgb(245 242 239 / 0%) 0%, rgb(245 242 239 / 0%) 40%, rgb(245 242 239 / 0%) 45%, rgb(245 242 239 / 0%) 100%);
    padding: 8px 19px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.wrps_s_who .col-my p {
    margin: 0;
}
.wrps_s_who .col_my_con span {
   font-size: 23px;
   
   font-weight: 500;
   color: #533650;
}

.wrps_s_who .col_my_con p {
    font-size: 18px;
    
    font-weight: 500;
    color: #533650;
    }

.caree_who
    {
    background: linear-gradient(to right, rgb(255 240 233) 0%, rgb(252 239 231 / 85%) 42%, rgb(245 242 239 / 32%) 49%, rgba(245, 242, 239, 0.1) 100%), url(../../assets/image/career/1.jpg);
    background-size: cover;
    background-position: right center;
    padding-top: 50px;
    /* padding-bottom: 70px; */
}
section.se_caree {
    padding: 50px 0px 0px;
    background: url('../../assets/image/bg.jpg');
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
}
.list_s ul li {
}
.follow-inner.mtsd {
    margin: 0;
}
.nex_sd {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin-top: 25px;
    position: relative;
}

.bxs_wh {
    padding: 30px 30px;
}
.nex_sd:before {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background: #554a442e;
    left: 50%;
    z-index: 1;
    content: '';
}
.ats_c{}

.ats_c.icy_s {
    width: 60px;
    height: 60px;
    border: 1px solid #c6a97a;
    border-radius: 50%;
    padding: 10px;

}

.ats_c .col-my {
    display: flex;
    gap: 12px;
    align-items: center;
    background: linear-gradient(to right, rgb(245 242 239 / 0%) 0%, rgb(245 242 239 / 0%) 40%, rgb(245 242 239 / 0%) 45%, rgb(245 242 239 / 0%) 100%);
    padding: 8px 19px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    justify-content: center;
}

.ats_c .col-my p {
    margin: 0;
}
.ats_c .col_my_con span {
   font-size: 25px;
   
   font-weight: 500;
   color: #533650;
}

.ats_c .col_my_con p {
    font-size: 18px;
    
    font-weight: 500;
    color: #533650;
    }

    .mi_icon {
    width: 60px;
    height: 60px;
    margin: auto;
    margin-bottom: 11px;
}

.wrp_mi {
    text-align: center;
    padding: 17px 60px;
}

.mi_con p {
    font-size: 23px;
    color: #533650;
    font-family: 'Roboto';
    font-weight: 400;
    
    line-height: 31px;
}

.mi_con h3 {
    font-size: 30px;
    font-weight: 500;
}

section.vis_m {
    background: url('../../assets/image/bg.jpg');
    padding: 50px 0px;
    background-size: cover;
    background-position: center;
}
section.abt {
    background: url(../../assets/image/about/abt.jpg);
    background-size: cover;
    background-position: top center;
    padding-top: 178px;
    padding-bottom: 190px;
    /* height: 100vh; */
    background-repeat: no-repeat;
}
.wrp_messa_con p {
        font-size: 23px;
        color: #554a44;
        font-family: 'Roboto';
        font-weight: 400;
        
        line-height: 36px;
}

.wrp_mess {
    width: 100%;
    height: 385px;
    background: #fff;
    padding: 4px;
}

.wrp_mess img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
ul.ser_wrp_li li {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
}

ul.ser_wrp_li li img {
    width: 34px;
}

ul.ser_wrp_li li p {
    font-size: 23px;
    
    color: #49362e;
    margin: 0;
}

ul.ser_wrp_li {
    padding: 0;
}

.ser_conte span {
    font-size: 25px;
    
    color: #49362e;
    margin-bottom: 13px;
    display: block;
}

.ser_conte p {
    font-size: 25px;
    
    color: #49362e;
    line-height: 29px;
}

.ser_conte h2 {
    font-size: 35px;
}

.ser_img_co {
    background: linear-gradient(to right, rgb(251 237 228) 0%, rgb(251 237 228 / 57%) 40%, rgb(245 242 239 / 3%) 45%, rgba(245, 242, 239, 0.1) 100%), url(../../assets/image/service/bg.jpg);
    background-size: cover;
    background-position: right center;
    height: 250px;
}

section.servi_ce{
    background: linear-gradient(to right, rgb(251 236 227) 0%, rgb(251 237 228) 40%, rgb(251 236 227) 45%, rgb(251 236 227) 100%);
    background-size: cover;
    background-position: right center;
    padding: 50px 0px 0px;
    }

    .ser_conte.cust_y {
    padding: 20px 37px;
    border: 1px solid #99897e42;
    border-radius: 5px;
    margin-top: -179px;
    background: #fbece3;
    margin-bottom: 0;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.ser_conte {
    margin-bottom: 75px;
}
.ser_img_co_left {
    background: url(../../assets/image/service/3.jpg);
    background-size: cover;
    background-position: right center;
    height: 292px;
}
section.servi_ce_secon {
    background: linear-gradient(to right, rgb(251 236 227) 0%, rgb(251 236 227) 40%, rgb(249 229 215 / 66%) 45%, rgba(245, 242, 239, 0.1) 100%), url(../../assets/image/service/03.jpg);
    background-size: cover;
    background-position: right center;
    padding: 50px 0px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.servi_bera{padding: 132px 0px 40px;text-align: center;background: #fbede4;border-bottom: 1px solid #b4a39c85;}

.ser_conte.mty_ser {
    margin-bottom: 0px;
}

section.call_to .ats_c .col-my .icy_s {
    width: 77px;
    height: 77px;
    border: 1px solid #c6a97a;
    border-radius: 50%;
    padding: 15px;
}
section.call_to .ats_c .col-my {
    box-shadow: none;
}

section.call_to .ats_c .col-my span {
    font-size: 25px;
}

section.call_to .ats_c .col-my p {
    font-size: 22px;
    text-align: center;
}
section.call_to .ats_c .col-my {
    gap: 30px;
}
section.call_to .ats_c .col-my p b {}

section.call_to {
    padding: 50px 0px;
    background: url(../../assets/image/bg.jpg);
    background-size: cover;
    background-position: center;
}

.get_iro {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 41px 70px;
    text-align: center;
}

.get_iro p {
    font-size: 23px;
    
    color: #49362e;
    line-height: 30px;
    width: 80%;
    margin: auto;
    padding-bottom: 25px;
}
section.get_iro_sec {
    background: url('../../assets/image/bg.jpg');
    padding-bottom: 60px;
}
.get_iro a {
    padding: 12px 27px;
    color: #ffffff;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    /* text-transform: capitalize; */
    border-radius: 5px;
    font-family: "Roboto", sans-serif;
    background-image: linear-gradient(45deg, #89796d 0%, #d8c6c2 99%, #d8c6c2 100%);
}
.on_rpe p {
    font-size: 23px;
    
    color: #49362e;
    line-height: 30px;
    text-align: center;
    padding-top: 30px;
}

.wrap_proces {
    position: relative;
    width: 100%;
    background: linear-gradient(to right, rgb(254 238 223), rgb(252 238 229) 40%, rgb(254 238 224 / 47%) 45%, rgb(245 242 239 / 0%) 100%), url(../../assets/image/1.png);
    background-size: cover;
    background-position: right center;
    align-items: center;
}

section.process_sec {
    background: linear-gradient(to right, rgb(254 238 223) 0%, rgb(252 238 229) 50%, rgb(254 238 225) 68%, rgb(253 238 225) 100%);
    padding: 60px 0px;
}
.main_ti_pro h2 {
    font-size: 35px;
    line-height: 37px;
}

.main_ti_pro p {
    font-size: 25px;
    
    color: #49362e;
    line-height: 23px;
    margin-top: 25px;
    display: block;
    margin-bottom: 25px;
}
.num span {
    width: 35px;
    height: 35px;
    background: #ab8d77;
    color: #f6e8da;
    display: block;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
}

.colu_rpo {
    display: flex;
    gap: 20px;
    position: relative;
}

.num {
    width: 48px;
}
.cont_po h5 {
    font-size: 25px;
}

.cont_po p {
    font-size: 23px;
    
    color: #49362e;
    line-height: 23px;
}
.wrp_cont_pro {
    width: 70%;
    background: #feeee1;
}
.colu_rpo:before {
    content: '';
    position: absolute;
    width: 19px;
    height: 1px;
    background: #95857a;
    left: 38px;
    top: 18px;
}

.colu_rpo:after {
    content: '';
    position: absolute;
    height: 50%;
    background: #95857a;
    left: 17px;
    width: 1px;
    top: 44px;
}
.cont_po {
    padding-bottom: 15px;
}
section.conty_bg {
    background: url('../../assets/image/pro_bg.jpg');
    width: 100%;
    height: 400px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

ul.cont_leftli li {
    display: flex;
    list-style: none;
    align-items: center;
    gap: 24px;
    margin-bottom: 16px;
}

ul.cont_leftli li img {
    width: 30px;
}

ul.cont_leftli li p {
    margin: 0;
    font-size: 20px;
    
    color: #49362e;
    margin: 0;
    line-height: 24px;
}

ul.cont_leftli {
    padding: 0px;
}


.cont_form .enquiry-form {
}

/* Label */
.cont_form .enquiry-group {
    margin-bottom: 14px;
}

.cont_form .enquiry-group label {font-size: 20px;color: #49362e;line-height: 23px;margin-bottom: 8px;}

/* Common field style */
.cont_form .field {
    width: 100%;
    height: 45px;
    border: 1px solid #b0906c;
    background: #fef2ed;
    border-radius: 5px;
    padding: 0 16px;
    font-size: 14px;
    outline: none;
    line-height: 45px;
    box-sizing: border-box;
}

/* Select styling */
.cont_form select.field {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='%23888' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 40px;
}

/* Phone wrapper FIX */
.cont_form .phone-wrapper {
    display: grid;
    grid-template-columns: 90px 1fr;
}

.cont_form .country {
    border-right: none;
    border-radius: 5px 0 0 5px;
}

.cont_form .phone {
    border-radius: 0 5px 5px 0;
}

/* Textarea */
.cont_form textarea.field {
    height: 110px;
    padding: 14px 16px;
    resize: none;
}

/* Button */
.cont_form .enquiry-btn {
    display: block;
    margin: 25px auto 0;
    background: #b6956a;
    color: #fff;
    border: none;
    padding: 14px 30px;
    font-size: 18px;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.25s;
}

.cont_form .enquiry-btn:hover {
    background: #a8865c;
}

.cont_left ul.social ul li {
    list-style: none;
}

.cont_left ul.social {
    padding: 0;
}

.cont_left ul.social li a i {
    line-height: 35px;
    color: #b0906c;
    font-size: 25px;
}

.cont_left ul.social li {
    list-style: none;
    border: 1px solid #ae8d69;
    width: 35px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
}


.cont_left ul.social li a {
    display: block;
    width: 100%;
    height: 100%;
}
.img-cty {
    background: linear-gradient(to right, rgb(251 237 228) 0%, rgb(251 237 228 / 0%) 40%, rgb(245 242 239 / 3%) 45%, rgba(245, 242, 239, 0.1) 100%), url(../../assets/image/contact/2.jpg);
    background-size: cover;
    background-position: right center;
    height: 412px;
}
.cont_form {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 20px 0px;
    padding: 20px 35px;
    border: 1px solid #bb9d7d38;
    border-radius: 5px;
}

section.contact_sec {
    padding-top: 30px;
    background: url('../../assets/image/bg.jpg');
}
.cont_left h2 {
    border-bottom: 1px solid #b4a39c6b;
    display: inline-block;
    margin-bottom: 25px;
    padding-bottom: 15px;
}
.cont_form p {
    font-size: 20px;
    
    color: #49362e;
    line-height: 23px;
}
.conta_bread{
        background: url(../../assets/image/contact.jpg);
        background-size: cover;
        background-position: right center;
        padding-top: 200px;
        padding-bottom: 171px;
}
.career_bread{
        background: linear-gradient(to right, rgba(245, 242, 239, 0.95) 0%, rgba(245, 242, 239, 0.85) 40%, rgb(245 242 239 / 3%) 45%, rgba(245, 242, 239, 0.1) 100%), url(../../assets/image/career/bg.jpg);
    background-size: cover;
    background-position: right center;
    padding-top: 160px;
    padding-bottom: 102px;
    
}
.hero-content_servi h1 {
    font-size: 45px;
}
span.fco_c {
    margin: 0;
    margin-top: 22px;
}

p.f_nam {
    font-size: 22px;
    margin-bottom: 0px;
}

b.f_codes {
    font-weight: 600;
    
    font-size: 23px;
}

li.nav-item.cd_desk {
    display: none;
}
.feature-box h3{position:relative;padding-bottom: 35px;display: inline-block;margin-bottom: 25px;font-weight: 400;}
.feature-box h3:before{position: absolute;content:'';background: url('../../assets/image/sph.png');width: 100%;height: 15px;background-size: contain;bottom: 0;background-repeat: no-repeat;background-position: center;margin: auto;text-align: center;}
span.mty_s {
    font-size: 27px;
    font-weight: 300;
    color: #001b4f;
    font-family: "Mulish", sans-serif;
    line-height: 50px;
}

.ab_ty {
    position: relative;
    margin-bottom: 25px;
}

.line_s {
    width: 108px;
    height: 2px;
    background: #c9dbec;
    border-radius: 13px;
    position: relative;
    margin-top: 15px;
}

.line_s:before {
    position: absolute;
    background: #000f47;
    content: '';
    width: 58px;
    height: 100%;
    margin: auto;
    background-position: center;
    display: block;
    left: 29px;
}

/*==================================
DXN Expertise Section
==================================*/

.dxn_expertise_sec{

position:relative;

padding: 80px 0;

overflow:hidden;

background: url('../../assets/image/solution_bg.jpg');

background-size: cover;

width: 100%;

height: 100%;
}

/* Left Curved Background */

.dxn_expertise_sec::before{

content:"";
}

.dxn_expertise_sec::after{

content:"";
}

/*==========================
Left Content
==========================*/

.dxn_exp_left{

position:relative;

z-index:2;

padding-left: 45px;
}

.dxn_exp_subtitle{

    display:inline-block;

    color:#c59d49;

    letter-spacing:3px;

    font-size:14px;

    font-weight:700;

    margin-bottom:15px;

    text-transform:uppercase;

}

.dxn_exp_title{

font-size: 35px;

line-height:1.15;

color:#0b2d6d;

font-weight:700;

margin-bottom:25px;
}

.dxn_exp_title span{

    display:block;

    font-size:36px;

    margin-top:15px;

    font-weight:500;

}

.dxn_exp_line{

width: 147px;

height: 1px;

background:#c59d49;

position:relative;

margin: 16px 0;
}

.dxn_exp_line::before{

content:"";

position:absolute;

left:50%;

top:50%;

transform:translate(-50%,-50%) rotate(45deg);

width: 10px;

height: 10px;

background:#fff;

border: 1px solid #c59d49;

box-shadow: rgb(255 255 255) 0px 18px 50px -10px;
}

.dxn_exp_left p{

font-size: 15px;

line-height: 1.6;

color: #2b2a2a;

margin-bottom:40px;
}

/*==========================
Button
==========================*/

.dxn_exp_btn{

display:inline-flex;

align-items:center;

gap:18px;

background:#0b2d6d;

color:#fff;

padding: 12px 22px;

border-radius:10px;

text-decoration:none;

font-weight:600;

transition:.4s;

border:2px solid #c59d49;
}

.dxn_exp_btn:hover{

/* background:#c59d49; */

color:#fff;
}

.dxn_exp_btn i{

    width:48px;

    height:48px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-left:1px solid rgba(255,255,255,.35);

    padding-left:15px;

}

/*==========================
Cards
==========================*/

.dxn_service_card{

background:#fff;

border-radius:18px;

padding: 15px 28px 35px;

box-shadow:0 12px 35px rgba(0,0,0,.08);

display:flex;

gap:22px;

align-items: center;

transition:.35s;

border:1px solid #f1f1f1;

height:100%;
}

.dxn_service_card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

/*==========================
Icon
==========================*/

.dxn_icon{

width: 55px;

height: 55px;

min-width: 55px;

border-radius:50%;

background:#0b2d6d;

border:4px solid #f4e4be;

display:flex;

justify-content:center;

align-items:center;

position:relative;
}

.dxn_icon::after{

content:"";

position:absolute;

bottom:-24px;

left:50%;

transform:translateX(-50%);

width:70px;

height: 1px;

background:#c59d49;
}

.dxn_icon::before{

content:"";

position:absolute;

bottom: -27px;

left:50%;

transform:translateX(-50%) rotate(45deg);

width: 8px;

height: 8px;

background:#fff;

border: 1px solid #c59d49;

z-index: 1;
}

.dxn_icon img{

    width:38px;

}

/*==========================
Content
==========================*/

.dxn_service_content h4{

font-size: 16px;

color:#0b2d6d;

line-height: 1.2;

margin-bottom:12px;

font-weight:700;
}

.dxn_service_content p{

margin:0;

font-size: 14px;

color: #1d1d1d;

line-height: 1.4;
}               


span.sub_ty {
    font-family: "Cormorant Garamond", serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 20px;
    display: block;
    color: #171717;
    margin-top: 25px;
}

a.dxn_exp_btn svg {
    font-size: 23px;
    color: #c59d49;
}
a.dxn_exp_btn span {
    border-left: 1px solid #ffffffa3;
    height: 24px;
}
.dxn_icon svg {
    color: #c59d49;
    font-size: 30px;
}
/*==================================
Journey Section
==================================*/

.dxn_journey_sec{
    position:relative;
    overflow:hidden;
    background: url(../../assets/image/how_bg.jpg);
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    background-position: left, center;
    /* height: calc(100vh - 63px); */
}


/*========================
Left Image
========================*/

.dxn_journey_img{
    height:100%;
    min-height:900px;
    position:relative;
    overflow:hidden;
}

.dxn_journey_img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}


/* Slanted Divider */

.dxn_journey_img::after{

    content:"";

    position:absolute;

    top:-10%;

    right:-130px;

    width:280px;

    height:120%;

    background:#fff;

    transform:rotate(-8deg);

    z-index:2;

    box-shadow:-15px 0 35px rgba(0,0,0,.08);

}



/*========================
Right Side
========================*/

.dxn_journey_content{

position:relative;

padding: 40px 50px 25px;

height:100%;
}



/* Logo */

.dxn_logo{

    text-align:center;

    margin-bottom:35px;

}

.dxn_logo img{

    max-width:240px;

}



/* Heading */

.dxn_journey_content h2{

font-size: 35px;

line-height:1.08;

text-align:center;

color:#112d63;

font-weight:500;

font-family:"Noto Serif SC", serif;

margin-bottom:18px;
}

.dxn_journey_content h2 span{

    display:block;

}



/* Divider */

.dxn_divider{

width:220px;

height:22px;

margin: 6px auto;

position:relative;
}

.dxn_divider::before{

content:"";

position:absolute;

top: 7px;

left:0;

width:100%;

height: 1px;

background: #0c2756;
}

.dxn_divider span{

position:absolute;

left:50%;

top:2px;

width: 10px;

height: 10px;

background:#fff;

border: 1px solid #062152;

transform:translateX(-50%) rotate(45deg);
}



/* Paragraph */

.dxn_journey_content p{

max-width:700px;

margin: 0 auto 10px;

text-align:center;

font-size: 16px;

line-height: 1.3;

color: #0d2857;
}



/*========================
Features
========================*/

.dxn_feature{

text-align:center;

padding: 15px 15px;

position:relative;

/* min-height:240px; */
}



/* Vertical Line */

.col-md-4:nth-child(2) .dxn_feature,
.col-md-4:nth-child(5) .dxn_feature{

    border-left:1px solid #e6e6e6;

    border-right:1px solid #e6e6e6;

}



/* Horizontal */

.col-md-4:nth-child(4),
.col-md-4:nth-child(5),
.col-md-4:nth-child(6){

    border-top:1px solid #ececec;

}



/* Icon */

.dxn_feature img{

width: 30px;

margin: 0 auto;
}



/* Title */

.dxn_feature h5{

font-size: 12px;

color:#112d63;

line-height: 1.3;

font-family:"Noto Serif SC", serif;
}



/* Hover */

.dxn_feature{

    transition:.35s;

}

.dxn_feature:hover{

    background:#faf8f3;

}



/*========================
Button
========================*/

.dxn_book_btn{

margin: 14px auto 0;

display: flex;

align-items:center;

justify-content: space-around;

width: 252px;

border:2px solid #173b74;

color:#173b74;

font-size: 14px;

padding: 6px 18px;

font-family:"Noto Serif SC", serif;

transition:.35s;

font-weight: 400;

border-radius: 5px;
}

.dxn_book_btn:hover{

    background:#173b74;

    color:#fff;

}



/*========================
Bottom Strip
========================*/

.dxn_bottom_strip{

background:#0f2e67;

padding:22px 0;

width: 100%;
}

.dxn_bottom_strip ul{

margin:0;

padding:0;

display:flex;

justify-content: left;

gap: 19px;

list-style:none;
}

.dxn_bottom_strip li{

color:#d8b569;

text-transform:uppercase;

letter-spacing:4px;

font-size: 13px;
}

/*=========================================
Developer Section
=========================================*/

.dxn_developer_sec{
    position:relative;
    background:#fdfcf9;
    overflow:hidden;
    background: url(../../assets/image/dev_bg.jpg);
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
}

/*=========================
Left Side
=========================*/

.dxn_developer_left{

position:relative;

height:100%;

/* background:#fbfaf8; */

padding: 42px 70px 35px;
}


/* Marble Texture */

.dxn_developer_left::before{

content:"";
}


/* Top Curve */

.dxn_developer_left::after{

content:"";
}


.dxn_developer_inner{

    position:relative;

    z-index:5;

}



/*=========================
Heading
=========================*/

.dxn_heading_box{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:30px;

}

.dxn_heading_box h2{

font-family:"Noto Serif SC", serif;

font-size: 30px;

color:#14356d;

margin:0;

font-weight:500;
}

.dxn_line{

flex:1;

height: 1px;

background:#d6b56d;

max-width:180px;

position:relative;
}
.dxn_line_2{

flex:1;

height: 1px;

background:#d6b56d;

max-width:180px;

position:relative;
}

.dxn_line::after{

content:"";

position:absolute;

right:-8px;

top: -5px;

width: 11px;

height: 11px;

border: 1px solid #d6b56d;

transform:rotate(45deg);

background:#fff;
}
.dxn_line_2::after{

content:"";

position:absolute;

left: -8px;

top: -5px;

width: 11px;

height: 11px;

border: 1px solid #d6b56d;

transform:rotate(45deg);

background:#fff;
}



/*=========================
Center Divider
=========================*/

.dxn_small_divider{

width:350px;

margin: 2px auto 35px;

position:relative;

height: 24px;
}

.dxn_small_divider::before{

content:"";

position:absolute;

left:0;

top: 0;

width:100%;

height: 37px;

background: url('../../assets/image/shape_2.png');
}





/*=========================
Intro
=========================*/

.dxn_intro{

max-width: 550px;

margin: 14px auto 15px;

text-align:center;

font-size: 16px;

line-height:1.8;

color: #012152;
}



/*=========================
Logo Cards
=========================*/

.dxn_logo_card{

background:#fff;

border:1px solid #dfc48d;

border-radius:20px;

min-height: 100%;

display:flex;

align-items:center;

justify-content:center;

transition:.35s;

padding: 21px;

text-decoration:none;

box-shadow:0 10px 35px rgba(0,0,0,.05);
}

.dxn_logo_card img{

max-width: 100%;

max-height: 44px;

transition:.35s;

object-fit: contain;
}

.dxn_logo_card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 40px rgba(0,0,0,.10);

    border-color:#c69d43;

}

.dxn_logo_card:hover img{

    transform:scale(1.08);

}



/*=========================
Right Image
=========================*/



.dxn_developer_image img{

    width:100%;

    height:100%;

    object-fit:cover;

}






/* Navy Border */

.dxn_developer_image::after{

content:"";
}

.mty_s {
    margin-bottom: 8px;
}

.main_cs p {
    width: 62%;
    color: #ffffff;
    font-family: "Cormorant Garamond", serif;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 200;
}

.main_cs {
    margin-bottom: 22px;
    margin-top: 68px;
}

.default-sante-fe svg {
    font-size: 20px;
}

/*=========================================
Founder Section
=========================================*/

.dnx_founder_sec{

position:relative;

overflow:hidden;

background: url('../../assets/image/founder_bg.jpg');

background-size: cover;

background-position: right;

background-repeat: no-repeat;

padding: 45px 0px;

overflow: hidden;
}

/*=========================
Left Side
=========================*/

.dnx_founder_left{

position:relative;

height:100%;

z-index:2;
}




/*=========================
Heading
=========================*/

.dnx_small_title{

    display:block;

    color:#c6a76a;

    text-transform:uppercase;

    letter-spacing:3px;

    font-size:14px;

    font-weight:600;

    margin-bottom:20px;

}

.dnx_founder_left h2{

font-family:"Noto Serif SC", serif;

font-size: 35px;

line-height:1.05;

color:#16366f;

margin-bottom: 21px;

font-weight: 600;
}

/*=========================
Gold Divider
=========================*/

.dnx_heading_line{
}

.dnx_heading_line span{

flex:1;

height: 1px;

background: #052052;
}

.dnx_heading_line i{

    color:#d5b16b;

    font-size:12px;

}

/*=========================
Paragraph
=========================*/

.dnx_founder_left p{

font-size: 12px;

line-height: 1.5;

color: #0a2555;

margin-bottom: 12px;

font-weight: 600;
}

/*=========================
Signature
=========================*/

.dnx_signature_box{

margin-top: 27px;
}

.dnx_signature_box span{

display:block;

color: #031f50;

margin-bottom: 1px;
}

.dnx_signature_box h4{

font-family: "Mulish", sans-serif;

color:#16366f;

font-size: 19px;

margin-bottom:5px;

font-weight: 700;
}

.dnx_signature_box p{

margin:0;

color: #072353;

font-weight:600;

font-size: 16px;
}

/*=========================
Right Side
=========================*/

.dnx_founder_right{

    position:relative;

    height:100%;

    min-height:980px;

    overflow:hidden;

}

.dnx_founder_bg{

    width:100%;

    height:100%;

    object-fit:cover;

}

/* White Gradient */

.dnx_white_overlay{

    position:absolute;

    left:0;

    top:0;

    width:40%;

    height:100%;

    background:linear-gradient(to right,
    rgba(255,255,255,.96),
    rgba(255,255,255,.45),
    rgba(255,255,255,0));

}

/* Logo */

.dnx_logo_box{

    position:absolute;

    right:60px;

    top:60px;

}

.dnx_logo_box img{

    width:210px;

}

.dxn_exp_line_n {
    width: 83%;
    height: 1px;
    background: #062152;
    position: relative;
    margin: 16px 0 30px;
}
.dxn_exp_line_n::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 7px;
    height: 7px;
    background: #fff;
    box-shadow: rgb(255 255 255) 0px 18px 50px -10px;
    background: #112b5a;
}

span.ico_vd {
    width: 35px;
    height: 35px;
    border: 1px solid #dca261;
    text-align: center;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    line-height: 35px;
}

span.ico_vd svg {color: #e7ad6d;font-size: 22px;line-height: 35px;height: 32px;}

/*====================================
Blog Section
====================================*/

.dnx_blog_sec{

padding: 50px 0;

background:#f8f8f6;

position:relative;
}

.dnx_sub_title{

    display:inline-block;

    color:#c8a35b;

    text-transform:uppercase;

    letter-spacing:4px;

    font-size:14px;

    font-weight:600;

    margin-bottom:15px;

}

.section-heading{

font-size: 30px;

color:#12356b;

font-family:"Cormorant Garamond",serif;

margin-bottom: 8px;
}

.section-description{

max-width:700px;

margin:auto;

color: #102a59;

font-size: 16px;

line-height:1.8;

margin-bottom: 15px;

font-weight: 500;
}


/*====================================
Card
====================================*/

.dnx_blog_card{

    background:#fff;

    border-radius:24px;

    overflow:hidden;

    transition:.4s;

    box-shadow:0 12px 35px rgba(0,0,0,.06);

    border:1px solid #ececec;

    height:100%;

}

.dnx_blog_card:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 55px rgba(0,0,0,.12);

}


/*====================================
Image
====================================*/

.dnx_blog_img{

position:relative;

overflow:hidden;

height: 259px;
}

.dnx_blog_img img{width:100%;height:100%;object-fit:cover;transition:.6s;object-position: top;}

.dnx_blog_card:hover img{

    transform:scale(1.08);

}

.dnx_blog_img::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(to top,
    rgba(0,0,0,.55),
    rgba(0,0,0,0));

    z-index:1;

}


/*====================================
Badge
====================================*/

.dnx_blog_badge{

position:absolute;

left: 0;

top: -49px;

background:#c8a35b;

color:#fff;

padding:8px 18px;

border-radius:40px;

font-size: 10px;

letter-spacing:1px;

text-transform:uppercase;

z-index:2;
}


/*====================================
Content
====================================*/

.dnx_blog_content{

padding: 20px 30px;
}

.dnx_blog_meta{

margin-bottom:15px;

color:#fff;

font-size:14px;

display: flex;

align-items: center;

gap: 10px;
}

.dnx_blog_meta span svg{font-size: 19px;font-weight: 800;color: #0d2857;}

.dnx_blog_meta span::before{
}

.dnx_blog_content h4{

font-size: 20px;

line-height:1.3;

color:#12356b;

font-family:"Cormorant Garamond",serif;

margin-bottom: 7px;

transition:.3s;
}

.dnx_blog_card:hover h4{

    color:#c8a35b;

}

.dnx_blog_content p{
}


/*====================================
Read More
====================================*/

.dnx_blog_content a{

display:inline-flex;

align-items:center;

gap:12px;

color:#12356b;

text-decoration:none;

font-weight: 700;

transition:.3s;
}

.dnx_blog_content a i{

    transition:.3s;

}

.dnx_blog_content a:hover{

    color:#c8a35b;

}

.dnx_blog_content a:hover i{

    transform:translateX(8px);

}


/*====================================
Responsive
====================================*/

@media(max-width:991px){

.section-heading{

font-size:42px;

}

.dnx_blog_img{

height:240px;

}

}

@media(max-width:767px){

.dnx_blog_sec{

padding:70px 0;

}

.section-heading{

font-size:34px;

}

.dnx_blog_content{

padding:22px;

}

.dnx_blog_content h4{

font-size:26px;

}

}
.dnx_blog_meta span {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

p.ins_pers.sr b{color: #042051;
}

.dxn_exp_line.cstm {
    margin: 0 auto 18px;
}
p.high_t {
    font-family: "Noto Serif SC", serif;
    color: #082354;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    margin-top: 25px;
    display: block;
}
.hero-content.cstm h1 {
    font-size: 45px;
}


/*==================================
Core Values Section
==================================*/

.dnx_values_sec{

position:relative;

padding: 60px 0;

overflow:hidden;

background: url('../../assets/image/about/abt3.jpg');
}


/*=========================
Background Building
=========================*/

.dnx_values_bg{

    position:absolute;

    left:0;

    top:0;

    width:38%;

    height:100%;

    z-index:1;

}

.dnx_values_bg img{

    width:100%;

    height:100%;

    object-fit:cover;

    opacity:.16;

}


/*=========================
Leaf Shadow
=========================*/

.dnx_leaf_shadow{

    position:absolute;

    right:0;

    top:0;

    width:380px;

    height:420px;

    background:url("../img/about/leaf-shadow.png") no-repeat;

    background-size:contain;

    opacity:.12;

}


/*=========================
Container
=========================*/

.dnx_values_sec .container{

    position:relative;

    z-index:5;

}


/*=========================
Heading
=========================*/

.dnx_values_subtitle{

display:block;

color: #ac7c32;

letter-spacing:5px;

font-size:14px;

font-weight: 400;

text-transform:uppercase;

margin-bottom: 10px;

font-family: "Noto Serif SC", serif;
}


.dnx_values_title{

font-family: "Noto Serif SC", serif;

font-size: 35px;

color:#12356b;

margin-bottom: 10px;

font-weight:500;
}


.dnx_values_desc{

width:700px;

max-width:100%;

margin:auto;

color:#666;

font-size: 16px;

line-height: 1.6;
}



/*=========================
Divider
=========================*/

.dnx_values_divider{

display:flex;

align-items:center;

justify-content:center;

margin: 19px auto 30px;

gap:20px;
}

.dnx_values_divider span{

    width:130px;

    height:1px;

    background:#c4a15b;

}

.dnx_divider_icon{

width: 10px;

height: 10px;

border:1px solid #c4a15b;

/* border-radius:50%; */

display:flex;

align-items:center;

justify-content:center;

color:#c4a15b;

font-size:13px;

transform: rotate(45deg);
}



/*=========================
Cards
=========================*/

.dnx_value_card{

position:relative;

background:#fff;

border-radius:24px;

padding: 25px 35px 25px;

text-align:center;

height:100%;

transition:.45s;

box-shadow:0 15px 45px rgba(14,38,82,.08);

border:1px solid #ececec;
}


/* Icon Circle */

.dnx_icon_circle{

width: 80px;

height: 80px;

padding: 15px;

background:#fff;

line-height: 50px;

margin: 0 auto;

border-radius:50%;

border: 1px solid #072252;

box-shadow:0 10px 30px rgba(0,0,0,.08);

overflow: hidden;
}

.dnx_icon_circle img{

width: 100%;

height: 100%;

object-fit: contain;
}



/*=========================
Title
=========================*/

.dnx_value_card h4{

font-family:"Cormorant Garamond",serif;

font-size: 18px;

color:#12356b;

margin-bottom:22px;

position:relative;

margin-top: 16px;
}


.dnx_value_card h4::after{

content:"";

display:block;

width: 51px;

height:2px;

background: #daab51;

margin: 9px auto 0;
}



/*=========================
Paragraph
=========================*/

.dnx_value_card p{

color:#666;

line-height: 1.5;

font-size: 14px;
}


/*=========================
Hover
=========================*/

.dnx_value_card:hover{

    transform:translateY(-12px);

    box-shadow:0 25px 60px rgba(18,53,107,.15);

}

.dnx_value_card:hover .dnx_icon_circle{

/* transform:translateX(-50%) scale(1.08); */
}

.dnx_value_card:hover h4{

    color:#c4a15b;

}

.dnx_value_card:hover h4::after{

    width:90px;

}

.dnx_icon_circle,
.dnx_value_card h4,
.dnx_value_card h4::after{

    transition:.4s;

}

/*==========================================
        PROPERTY SERVICE SECTION
==========================================*/

.property_service_section{
    position:relative;
    overflow:hidden;
    background: url('../../assets/image/service/ser1.jpg');
    padding: 82px 0px 50px;
}

.property_service_content{
    position:relative;
    z-index:5;
}

.property_service_logo{
    width:230px;
    margin-bottom:40px;
}

.property_service_label{
    display:block;
    color:#0b2f74;
    font-size: 16px;
    font-weight:600;
    letter-spacing: 4px;
    text-transform:uppercase;
    margin-bottom: 2px;
}

.property_service_label_line{
    display:block;
    width: 46px;
    height: 1px;
    background:#0b2f74;
    margin-bottom: 10px;
}

.property_service_title{

font-size: 35px;

line-height: 1.4;

color:#143470;

font-weight: 600;

margin-bottom: 20px;
}

.property_service_divider{

position:relative;

width: 70%;

height: 1px;

background: #082353;

margin-bottom: 14px;
}

.property_service_divider span{

position:absolute;

left: 60%;

top: 50%;

width: 6px;

height: 6px;

background:#143470;

transform:translate(-50%,-50%) rotate(45deg);
}

.property_service_subtitle{

font-size: 20px;

line-height:1.45;

color:#143470;

font-weight:500;

margin-bottom: 15px;

font-family: "Mulish", sans-serif;
}

.property_service_text{

lin;

font-size: 16px;

color:#666;

max-width: 496px;

margin-bottom: 15px;

line-height: 1.6;

font-weight: 400;
}


.property_service_list{

padding:0;

margin:0;

list-style:none;

display: flex;

flex-wrap: wrap;

gap: 10px 15px;
}

.property_service_list li{

display:flex;

align-items: center;

gap:14px;

font-size: 16px;

line-height: 1.4;

color:#143470;

margin-bottom: 0px;

width: 46%;
}

.property_service_list li span{

    width:34px;

    height:34px;

    border-radius:50%;

    background:#143470;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:14px;

    flex:none;

    margin-top:4px;

}


.property_service_btn{

display:inline-flex;

align-items:center;

gap:18px;

padding: 10px 30px;

background:#143470;

color:#fff;

text-decoration:none;

font-size: 16px;

font-weight:600;

margin-top:20px;

border:2px solid #143470;

position: relative;

transition:.45s;
}

.property_service_btn i{

    transition:.45s;

}

.property_service_btn:hover{

    background:#fff;

    color:#143470;

}

.property_service_btn:hover i{

    transform:translateX(8px);

}

.list_s {
    margin-bottom: 15px;
}


span.box_s_d:before {
    content: "";
    position: absolute;
    opacity: 0.9;
    inset: 0px;
    padding: 1px;
    background: linear-gradient(rgb(255 255 255 / 38%), rgb(245 245 245 / 0%), rgb(255 255 255 / 45%));
    mask: linear-gradient(rgb(255 255 255) 0px, rgb(255 255 255) 0px) content-box exclude, linear-gradient(rgb(255 255 255) 0px, rgb(255 255 255) 0px);
    margin: 3px;
}
span.box_s_d svg {
    font-size: 22px;
}
.property_service_section_2 {
    position: relative;
    overflow: hidden;
    background: url(../../assets/image/service/ser2.jpg);
    padding: 50px 0px 50px;
}
.property_service_section_3 {
    position: relative;
    overflow: hidden;
    background: url(../../assets/image/service/ser3.jpg);
    padding: 50px 0px 50px;
}
.property_service_section_4 {
    position: relative;
    overflow: hidden;
    background: url(../../assets/image/service/ser4.jpg);
    padding: 50px 0px 50px;
}
.property_service_divider_cd{

position:relative;

width: 31%;

height: 2px;

background: linear-gradient(63deg, rgb(208 160 75) 39%, rgb(217 170 81) 45%, rgb(216 169 80) 49%, rgba(255, 255, 255, 0) 100%);

margin-bottom: 15px;

margin-top: 23px;
}

.property_service_divider_cd span{

position:absolute;

left: 45%;

top: 50%;

width: 7px;

height: 7px;

background: #ba8a3c;

transform:translate(-50%,-50%) rotate(45deg);
}
.cty_t h1 {
    font-size: 35px;
    font-weight: 500;
}

/*=========================================
BLOG DETAIL PAGE
=========================================*/

.dnx_blog_detail_sec{
    padding:70px 0 100px;
    background:#f8f8f6;
}

/*=========================================
Breadcrumb
=========================================*/

.dnx_breadcrumb{
    padding:0;
    margin:0 0 35px;
    list-style:none;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.dnx_breadcrumb li{
    font-size:15px;
    color:#777;
}

.dnx_breadcrumb li:not(:last-child)::after{
    content:"/";
    margin-left:10px;
    color:#c9a15a;
}

.dnx_breadcrumb a{
    color:#12356b;
    text-decoration:none;
}

.dnx_breadcrumb a:hover{
    color:#c9a15a;
}

/*=========================================
Hero
=========================================*/

.dnx_blog_hero{

position:relative;

overflow:hidden;

border-radius:28px;

height: 423px;
}

.dnx_blog_hero img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.7s;

}

.dnx_blog_hero:hover img{

    transform:scale(1.06);

}

.dnx_blog_overlay{

position: absolute;
    top: 0;
    left: 0;
    bottom: 0px;
    width: 100%;
    z-index: 1;
    height: 100%;
    padding-top: 144px;
    background: radial-gradient(circle at 18% 40%, rgb(9 36 84 / 90%) 0%, rgb(13 39 87 / 71%) 22%, rgb(5 33 82 / 41%) 40%, rgb(6 33 82 / 41%) 58%, rgba(255, 255, 255, 0) 72%), linear-gradient(90deg, rgb(8 35 83 / 61%) 0%, rgb(6 33 82 / 46%) 18%, rgb(6 33 82 / 16%) 35%, rgb(255 255 255 / 0%) 52%, rgb(255 255 255 / 0%) 65%, rgb(255 255 255 / 0%) 78%);
}

.dnx_blog_caption{position:absolute;left:60px;bottom:55px;color:#fff;max-width:800px;z-index: 1;}

.dnx_blog_badge{

display:inline-block;

padding:8px 22px;

border-radius:40px;

background:#c9a15a;

color:#fff;

text-transform:uppercase;

font-size:13px;

letter-spacing:2px;

margin-bottom:20px;
}

.dnx_blog_caption h1{

font-family:"Cormorant Garamond",serif;

font-size: 25px;

line-height: 1.2;

margin-bottom:20px;
color:#fff;
}

.dnx_blog_meta{

    display:flex;

    flex-wrap:wrap;

    gap:30px;

}

.dnx_blog_meta span{

    display:flex;

    align-items:center;

    gap:10px;

    font-size:16px;

}

.dnx_blog_meta i{

    color:#c9a15a;

}

/*=========================================
Content
=========================================*/

.dnx_blog_content{background:#fff;padding: 25px;border-radius:25px;box-shadow:0 12px 45px rgba(0,0,0,.05);height: 100%;}

.dnx_intro{
}

.dnx_blog_content h2{

color:#12356b;

font-size: 25px;

margin:40px 0 20px;

font-weight: 500;
}

.dnx_blog_content p{line-height: 1.6;max-height: calc(1.6em * 2);overflow: hidden;}

.dnx_blog_content img{

    width:100%;

    margin:35px 0;

}

/*=========================================
Quote
=========================================*/

.dnx_blog_content blockquote{

    margin:45px 0;

    padding:35px 40px;

    border-left:5px solid #c9a15a;

    background:#f6f7fb;

    font-size:28px;

    font-family:"Cormorant Garamond",serif;

    color:#12356b;

    font-style:italic;

    line-height:1.6;

}

/*=========================================
Points
=========================================*/

.dnx_blog_points{

    padding-left:20px;

}

.dnx_blog_points li{

margin-bottom: 0px;

color:#555;

font-size:18px;
}

/*=========================================
Sidebar
=========================================*/

.dnx_blog_sidebar{

    position:sticky;

    top:110px;

}

.dnx_sidebar_box{

    background:#fff;

    border-radius:22px;

    padding:30px;

    margin-bottom:30px;

    box-shadow:0 10px 35px rgba(0,0,0,.05);

}

.dnx_sidebar_box h5{

font-size: 20px;

color:#12356b;

margin-bottom:20px;

font-weight: 600;
}

.dnx_sidebar_box input{

    height:56px;

    border-radius:12px;

    border:1px solid #ddd;

}

.dnx_sidebar_box ul{

    list-style:none;

    margin:0;

    padding:0;

}

.dnx_sidebar_box li{

    margin-bottom:14px;

}

.dnx_sidebar_box a{

    text-decoration:none;

    color:#555;

    transition:.3s;

}

.dnx_sidebar_box a:hover{

    color:#c9a15a;

    padding-left:8px;

}

/*=========================================
Latest Blog
=========================================*/

.dnx_latest_blog{

    display:flex;

    gap:15px;

    align-items:center;

    margin-bottom:18px;

}

.dnx_latest_blog img{

    width:85px;

    height:70px;

    object-fit:cover;

    border-radius:10px;

}

.dnx_latest_blog span{color:#12356b;font-weight:500;line-height:1.5;line-height: 1.4;max-height: calc(1.4em * 2);overflow: hidden;font-size: 18px;}

/*=========================================
CTA
=========================================*/

.dnx_blog_cta{

    background:linear-gradient(135deg,#12356b,#0d2755);

    color:#fff;

    padding:40px 30px;

    border-radius:24px;

    text-align:center;

}

.dnx_blog_cta h4{

font-size: 25px;

margin-bottom: 10px;

color: #fff;
}

.dnx_blog_cta p{

color:#d8d8d8;

margin-bottom: 15px;
}

.dnx_blog_cta a{

display:inline-block;

padding: 8px 34px;

background:#c9a15a;

color:#fff;

border-radius:50px;

text-decoration:none;

transition:.35s;
}

.dnx_blog_cta a:hover{

    background:#fff;

    color:#12356b;

}
section.blg_ogs {
    background: url(../../assets/image/blogs.jpg);
    background-size: 100%;
    background-position: top center;
    padding-top: 178px;
    padding-bottom: 190px;
    background-repeat: no-repeat;
    background-size: cover;
}

.cty_t.blg_d span {
    color: #d2a34d;
}

.cty_t.blg_d h1 {
    color: #fff;
}

p.sub_ty {
    color: #fff;
    font-size: 20px;
}

.pers_b{color:#fff;line-height: 1.2;}

.dnx_blog_card .dnx_blog_meta {
    gap: 10px;
    margin-bottom: 8px;
}

.dnx_blog_card .dnx_blog_meta span {
    color: #092454;
}

.dnx_blog_content table {
    width: 100%;
    border-collapse:collapse;
    background:#fff;
    margin-bottom: 25px;
}

.dnx_blog_content table thead {
    background: linear-gradient(135deg, #0e2958, #29406b);
    color:#fff;
    padding: 11px 0px;
}

.dnx_blog_content table thead p {
    color: #fff;
    margin: 0;
}

.dnx_blog_content table th {
    padding: 18px 20px;
    text-align:left;
    font-size:15px;
    font-weight:600;
    letter-spacing:.5px;
    white-space:nowrap;
}

.dnx_blog_content table td {
    padding: 18px 16px;
    font-size: 14px;
    color:#444;
    border-bottom:1px solid #ececec;
    transition:.3s;
}

.dnx_blog_content table tr {
    transition: 0.3s;
}

.dnx_blog_content table tr:nth-child(even) {
    background: #fafafa;
}
.dnx_blog_content table thead:hover tr {
    background: linear-gradient(135deg, #0e2958, #29406b);
    transform:scale(1.005);
}

.dnx_blog_content table tr:hover {
    background: #eef6ff;
    transform:scale(1.005);
}

.dnx_blog_content table tr:last-child td {
    border-bottom: none;
}

.dnx_blog_content table td p {
    margin: 0;
}


.dnx_blog_card .dnx_blog_content h4 {
    line-height: 1.6;
    max-height: calc(1.6em * 2);
    overflow: hidden;
}
section.ser {
    background: url(../../assets/image/service_bg.jpg);
    background-size: cover;
    background-position: top center;
    padding-top: 178px;
    padding-bottom: 190px;
    /* height: 100vh; */
    background-repeat: no-repeat;
    position:relative;
}
p.ser_vs {
    font-size: 20px;
    color: #001b4e;
}

p.ne_pers {
    width: 57%;
}