@charset "utf-8";

/* =========================================================
   BLUE SQUARE TRADE SKIN
   목적: 기존 랜딩 구조는 유지하고, 아저씨 업종/공사/수리/설비/출장형에 맞게
   파란 계열 + 각진 박스 + 단단한 신뢰형 인상으로 전환하는 파생 스킨.
   ========================================================= */

:root{
  --primary:#0E4DA4 !important;
  --primary-2:#1E63C6 !important;
  --primary-3:#2F76E5 !important;
  --primary-dark:#073574 !important;
  --primary-soft:#EAF2FF !important;
  --primary-line:#D7DEE8 !important;
  --ink:#172033 !important;
  --muted:#64748B !important;
  --surface:#F6F8FC !important;
  --radius-xs:4px;
  --radius-sm:6px;
  --radius-md:8px;
  --radius-lg:10px;
  --radius-xl:12px;
}

html, body{background:#fff;color:var(--ink)}
body{font-family:'Pretendard','Malgun Gothic',dotum,sans-serif !important;}

/* 전체 톤: 감성형 갈색/베이지 계열 제거, 블루/그레이 계열로 정리 */
#sh_hd.active{border-bottom:1px solid #E1E8F2;box-shadow:0 8px 24px rgba(13,44,84,0.08)}
#sh_hd.active #shGnb .sh_nav > li > a{color:#172033}
#sh_hd.active #shGnb .apply{border-color:var(--primary);color:#fff;background:var(--primary);border-radius:6px}
#shGnb .apply{border-radius:6px;background:rgba(14,77,164,.16);border-color:rgba(255,255,255,.82)}
#shGnb .apply:hover{background:#fff;color:var(--primary)}

/* 버튼 공통: pill 느낌 제거 */
a[class*="btn"], button, input[type="submit"], .link-contact, .apply, .btn, .btn-wrap a,
.group-form .btn-submit, .btn-submit, .more, .link-more, .view_more, .quick a, .quick-menu a{
  border-radius:6px !important;
}

/* 카드/박스 공통: 둥근 느낌 축소 */
[class*="card"], [class*="box"], [class*="bn"], [class*="banner"],
.service-list li, .portfolio-list li, .case-list li, .review-list li,
.group-form, .form-box, .contact-form, .map-box, .map_area,
.swiper-slide, .img-wrap, .thumb, .item, .inner-box{
  border-radius:8px !important;
}

/* 이미지도 과한 라운드 제거 */
img, .img-wrap img, .thumb img, .swiper-slide img{border-radius:6px !important;}

/* 메인 비주얼 */
#mainVisual .txt_area .tit, #mainVisual .txt_area h2, #mainVisual .main_tit{letter-spacing:-0.04em}
#mainVisual .swiper-slide::before{background:linear-gradient(90deg, rgba(5,23,48,.76), rgba(5,23,48,.38), rgba(5,23,48,.14)) !important;}
#mainVisual .scroll span, #mainVisual .control .swiper-pagination-bullet-active{background:var(--primary-3) !important;}

/* 섹션 타이틀 계층감 */
#sh_container .group-tit .sub_tit,
#sh_container .group-subtit .sub_tit,
.group-tit .sub_tit, .group-subtit .sub_tit,
.en, .cate, .label{
  color:var(--primary) !important;
}
#sh_container .group-tit .main_tit,
#sh_container .group-subtit .main_tit,
.group-tit .main_tit, .group-subtit .main_tit{
  color:var(--ink) !important;
  letter-spacing:-0.045em;
}

/* 카드 경계: 흰 카드 + 옅은 블루그레이 라인 */
.service-list li, .portfolio-list li, .case-list li, .review-list li,
.group-form, .contact-form, .map-box, .map_area, .item, .inner-box{
  border:1px solid var(--primary-line) !important;
  box-shadow:0 10px 24px rgba(15,43,82,.08) !important;
  background:#fff !important;
}

/* 숫자/포인트 요소 */
.num, .number, .count, .point, .badge, .tag, .cate{
  border-radius:4px !important;
}
.badge, .tag, .cate{
  background:var(--primary-soft) !important;
  color:var(--primary) !important;
}

/* 링크/버튼 색상 */
a:hover{color:var(--primary)}
.btn, .btn-submit, .link-contact, .view_more, .more, .btn-wrap a,
.group-form input[type="submit"], .group-form button[type="submit"]{
  background:var(--primary) !important;
  border-color:var(--primary) !important;
  color:#fff !important;
  box-shadow:none !important;
}
.btn:hover, .btn-submit:hover, .link-contact:hover, .view_more:hover, .more:hover, .btn-wrap a:hover,
.group-form input[type="submit"]:hover, .group-form button[type="submit"]:hover{
  background:var(--primary-dark) !important;
  border-color:var(--primary-dark) !important;
  color:#fff !important;
}

/* 상담폼: 각진 실무형 */
.group-form .form-box li input[type="text"],
.group-form .form-box li input[type="tel"],
.group-form .form-box li textarea,
input[type="text"], input[type="tel"], textarea, select{
  border-radius:6px !important;
  border:1px solid #D6DEE9 !important;
  background:#fff !important;
  box-shadow:none !important;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus,
.group-form .form-box li input[type="text"]:focus,
.group-form .form-box li input[type="tel"]:focus{
  border-color:var(--primary-2) !important;
  box-shadow:0 0 0 3px rgba(30,99,198,.12) !important;
}
.group-form .form-box li .opt .ic-radio,
.group-form .form-box li .opt .ic-check{border-radius:3px !important;}
.group-form .form-box li .opt input:checked + .ic-radio,
.group-form .form-box li .opt input:checked + .ic-check{border-color:var(--primary) !important;}
.group-form .form-box li .opt .ic-radio::before,
.group-form .form-box li .opt .ic-check::before{background:var(--primary) !important;border-radius:2px !important;}

/* 퀵메뉴/모바일 하단 메뉴 */
.fixed, .quick, .quick-menu, #quick, .floating, .floating-menu{
  border-radius:8px !important;
}
.quick a, .quick-menu a, .floating a{background:var(--primary) !important;color:#fff !important;border-radius:6px !important;}
.quick a:hover, .quick-menu a:hover, .floating a:hover{background:var(--primary-dark) !important;}

/* 배너/강조 영역 */
.contact_bn .link-contact{background:#fff !important;color:var(--primary) !important;border:1px solid rgba(255,255,255,.8) !important;}
.contact_bn .link-contact:hover{background:var(--primary) !important;color:#fff !important;border-color:var(--primary) !important;}
.pagecommon .contact_bn::before{background:linear-gradient(90deg, rgba(7,53,116,.68), rgba(7,53,116,.36)) !important;}

/* 라운드 강제 축소: 흔한 수치 오버라이드 */
*[style*="border-radius:100px"], *[style*="border-radius: 100px"],
*[style*="border-radius:50px"], *[style*="border-radius: 50px"],
*[style*="border-radius:30px"], *[style*="border-radius: 30px"],
*[style*="border-radius:24px"], *[style*="border-radius: 24px"],
*[style*="border-radius:20px"], *[style*="border-radius: 20px"]{
  border-radius:8px !important;
}

/* 모바일에서도 각진 버튼 유지 */
@media (max-width: 768px){
  #shGnb .apply, .btn, .btn-submit, .link-contact, .btn-wrap a{border-radius:6px !important;}
  [class*="card"], [class*="box"], .group-form, .service-list li, .portfolio-list li{border-radius:8px !important;}
}

/* QUICK MENU FIX v1.1
   카톡상담 박스가 전화상담보다 낮게 보이던 문제 수정.
   PC 우측 퀵메뉴에서는 전화/카톡/TOP 박스를 같은 폭과 높이로 맞춘다. */
@media (min-width: 769px){
  #quick_wrap{
    max-width:88px !important;
    width:88px !important;
    overflow:visible !important;
    box-shadow:none !important;
    border-radius:10px !important;
    background:transparent !important;
  }
  #quick_wrap .link-tel,
  #quick_wrap .quick-menu .quick_list li.quick-kakao a.link-kakao,
  #quick_wrap .quick-menu .top_btn{
    width:88px !important;
    height:88px !important;
    min-height:88px !important;
    padding:0 !important;
    margin:0 !important;
    box-sizing:border-box !important;
    border-radius:10px !important;
  }
  #quick_wrap .quick-menu{
    width:88px !important;
    background:transparent !important;
    border-radius:0 !important;
  }
  #quick_wrap .quick-menu .quick_list{
    gap:10px !important;
    padding:0 !important;
  }
  #quick_wrap .quick-menu .quick_list li.quick-kakao a.link-kakao{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    background:var(--primary) !important;
    color:#fff !important;
  }
  #quick_wrap .quick-menu .quick_list li.quick-kakao a.link-kakao svg{
    width:22px !important;
    height:22px !important;
    stroke:#fff !important;
  }
  #quick_wrap .quick-menu .quick_list li.quick-kakao a.link-kakao span{
    color:#fff !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.35 !important;
  }
  #quick_wrap .quick-menu .top_btn{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    background:#111 !important;
    color:#fff !important;
    font-size:15px !important;
    font-weight:700 !important;
  }
}


/* MOBILE CHECK HOTFIX - Luna roof repair */
#mainVisual .scroll-box{display:none !important;}
#shGnb .sh_logo img{width:150px;height:auto;display:block;}
#topmenuM #m_logo img{width:122px;height:auto;display:block;}
#sh_ft .top{justify-content:center;}
#sh_ft .top .ft_logo{width:150px;height:auto;}
#sh_ft .top ul,#sh_ft .copy .adm,#sh_ft_btns,#quick_wrap{display:none !important;}
#location .map-placeholder{overflow:hidden;background:#f4f4f4;padding:0;}
#location .map-placeholder iframe{display:block;width:100%;height:100%;min-height:330px;border:0;filter:grayscale(0.05);}
#fix_tel.floating-call-btn{opacity:1 !important;visibility:visible !important;display:flex !important;align-items:center;justify-content:center;gap:8px;position:fixed;right:18px;bottom:22px;z-index:120;width:auto;height:48px;min-width:116px;padding:0 16px;margin:0;border-radius:999px !important;background:var(--primary);color:#fff;font-size:14px;font-weight:800;line-height:1;text-align:center;box-shadow:0 8px 22px rgba(0,0,0,.22);transition:transform .2s ease, box-shadow .2s ease;}
#fix_tel.floating-call-btn svg{width:18px;height:18px;flex:0 0 auto;stroke:currentColor;}
#fix_tel.floating-call-btn span{display:block;color:#fff;white-space:nowrap;}
#fix_tel.floating-call-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.28);}
#sh_hd.active{background-color:rgba(15,15,15,.88) !important;box-shadow:0 1px 18px rgba(0,0,0,.12);backdrop-filter:blur(8px);}
#sh_hd.active #shGnb .sh_nav > li > a,#sh_hd.active #shGnb .apply{color:#fff !important;border-color:#fff !important;}
#sh_hd.active #m_navBtn span::before,#sh_hd.active #m_navBtn span::after{background-color:#fff !important;}
@media (max-width:1024px){
  #topmenuM{padding:12px 15px;}
  #topmenuM #m_logo img{width:112px;}
  #sh_ft{padding-bottom:72px !important;}
  #location .map-placeholder iframe{min-height:280px;}
}
@media (max-width:480px){
  #topmenuM #m_logo img{width:104px;}
  #mainVisual .main_tit_box h1{font-size:32px !important;line-height:1.25 !important;}
  #mainVisual .main_tit_box .desc{font-size:14px !important;line-height:1.55 !important;}
  #location .map-placeholder iframe{min-height:220px;}
  #fix_tel.floating-call-btn{right:14px;bottom:16px;height:46px;min-width:108px;padding:0 14px;font-size:13px;}
  #sh_ft{padding-bottom:68px !important;}
}


/* MOBILE LOCATION REFINEMENT v1
   - 모바일에서만 지도 하단 정보를 네이버플레이스형 리스트로 정리
   - 데스크톱 location-info 구조는 기존 상태 유지 */
#location .location-info-mobile{display:none;}
@media (max-width:768px){
  #location .location-info{display:none !important;}
  #location .location-info-mobile{
    display:block;
    margin-top:18px;
    padding:0;
    border:0;
    background:#fff;
    color:#222;
  }
  #location .location-info-mobile h4{
    position:relative;
    margin:0 0 20px;
    padding-left:12px;
    font-size:17px;
    font-weight:800;
    line-height:1.35;
    letter-spacing:-.04em;
    color:#222;
  }
  #location .location-info-mobile h4::before{
    content:"";
    position:absolute;
    left:0;
    top:2px;
    width:3px;
    height:18px;
    background:#8B6B48;
  }
  #location .location-mobile-row{
    padding:18px 0 17px;
    border-top:1px solid #E5E7EB;
    text-align:left;
  }
  #location .location-mobile-row strong{
    display:block;
    margin-bottom:10px;
    font-size:14px;
    font-weight:800;
    line-height:1.35;
    color:#222;
    letter-spacing:-.03em;
  }
  #location .location-mobile-row p{
    margin:0;
    font-size:14px;
    line-height:1.65;
    color:#7A7A7A;
    letter-spacing:-.025em;
    word-break:keep-all;
  }
}
@media (max-width:480px){
  #location .location-info-mobile{margin-top:16px;}
  #location .location-info-mobile h4{margin-bottom:18px;font-size:16px;}
  #location .location-mobile-row{padding:17px 0 16px;}
}


/* MOBILE MENU PANEL FIX v2
   - 앱/모바일 메뉴 패널이 헤더 높이만큼 접혀 보이는 문제 보정
   - 데스크톱 GNB는 변경하지 않음 */
@media (max-width:1024px){
  #topmenuM #navWrap{
    display:none;
    position:fixed !important;
    inset:0 !important;
    z-index:900 !important;
    width:100vw !important;
    height:100vh !important;
    height:100dvh !important;
    min-height:100vh !important;
    min-height:100dvh !important;
    background:rgba(0,0,0,.54) !important;
  }
  #topmenuM #navWrap.on{
    display:block;
  }
  #topmenuM #navWrap .inner{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:auto !important;
    z-index:901 !important;
    width:78vw !important;
    min-width:300px !important;
    max-width:360px !important;
    height:100vh !important;
    height:100dvh !important;
    min-height:100vh !important;
    min-height:100dvh !important;
    padding:66px 0 34px !important;
    box-sizing:border-box !important;
    overflow-y:auto !important;
    background:#fff !important;
    opacity:1 !important;
  }
  #topmenuM #navWrap .inner:before,
  #topmenuM #navWrap .inner:after{
    display:none !important;
  }
  #topmenuM #navWrap .m_lnb,
  #topmenuM #navWrap .m_lnb > li{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }
  #topmenuM .m_lnb .m_bmenu{
    display:block !important;
    width:100% !important;
    height:56px !important;
    padding:0 52px 0 22px !important;
    box-sizing:border-box !important;
    border-bottom:1px solid #e6e6e6 !important;
    background:#fff !important;
    color:#111 !important;
    font-size:16px !important;
    line-height:56px !important;
    text-align:left !important;
  }
  #topmenuM .m_lnb .m_bmenu:after{
    content:"" !important;
    position:absolute !important;
    right:24px !important;
    top:50% !important;
    width:7px !important;
    height:7px !important;
    border-top:1.8px solid #111 !important;
    border-right:1.8px solid #111 !important;
    transform:translateY(-50%) rotate(45deg) !important;
    font-family:initial !important;
  }
  #topmenuM #navWrap .mo_hd_copy{
    position:static !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 0 14px !important;
    padding:0 22px !important;
    box-sizing:border-box !important;
    color:#999 !important;
    font-size:12px !important;
    line-height:1.4 !important;
    text-align:center !important;
  }
  #m_navBtn{
    z-index:950 !important;
  }
  #m_navBtn span,
  #m_navBtn span::before,
  #m_navBtn span::after{
    width:28px !important;
    height:2px !important;
    border:0 !important;
    background:#fff !important;
  }
  #m_navBtn span::before{top:-8px !important;left:0 !important;transform:none !important;}
  #m_navBtn span::after{top:8px !important;left:0 !important;transform:none !important;}
  #m_navBtn.on span{
    background:transparent !important;
  }
  #m_navBtn.on span::before{
    top:0 !important;
    left:0 !important;
    width:28px !important;
    transform:rotate(45deg) !important;
    background:#111 !important;
  }
  #m_navBtn.on span::after{
    top:0 !important;
    left:0 !important;
    width:28px !important;
    transform:rotate(-45deg) !important;
    background:#111 !important;
  }
}

/* MOBILE CONTACT FORM REFINEMENT v1
   - 이전 상담폼 모바일 정돈 작업을 모바일 범위로만 한정
   - 데스크톱 상담폼은 기존 템플릿 상태 유지 */
@media (max-width:768px){
  #inc06 .sc_contact{
    background:#F6F8FB;
    padding-top:60px;
    padding-bottom:68px;
  }
  #inc06 .group-tit{
    text-align:center;
  }
  #inc06 .group-tit .en_tit{
    display:block;
    margin-bottom:8px;
    color:var(--primary) !important;
    font-size:14px;
    font-weight:600;
    letter-spacing:.01em;
  }
  #inc06 .group-tit .main_tit{
    font-size:24px !important;
    line-height:1.35 !important;
    letter-spacing:-.04em;
  }
  #inc06 .group-tit .desc{
    max-width:330px;
    margin:10px auto 0;
    color:#667085;
    font-size:14px !important;
    line-height:1.65 !important;
    word-break:keep-all;
  }
  #inc06 .group-form{
    width:100%;
    max-width:640px;
    margin:24px auto 0;
    padding:20px;
    border:1px solid #DDE5F0 !important;
    border-radius:8px !important;
    background:#fff !important;
    box-shadow:0 8px 22px rgba(15,23,42,.06) !important;
  }
  #inc06 .reserve-box,
  #inc06 .form-box,
  #inc06 .form-box li,
  #inc06 .submit-box{
    margin:0 !important;
  }
  #inc06 .form-box{
    gap:14px !important;
    padding-bottom:18px !important;
  }
  #inc06 .form-box li{
    display:block !important;
    height:auto !important;
    min-height:0 !important;
  }
  #inc06 .form-box li label{
    display:flex !important;
    align-items:center !important;
    width:auto !important;
    max-width:none !important;
    margin:0 0 7px !important;
    font-size:13px !important;
    font-weight:800 !important;
    color:#1F2937 !important;
  }
  #inc06 .form-box li label.req::after{
    margin-left:4px;
    transform:none !important;
    color:var(--primary);
  }
  #inc06 .form-box li input[type="text"],
  #inc06 .form-box li input[type="tel"],
  #inc06 .form-box li textarea{
    width:100% !important;
    border:1px solid #D6DEE9 !important;
    background:#fff !important;
    color:#111827 !important;
    font-size:14px !important;
    box-sizing:border-box !important;
  }
  #inc06 .form-box li input[type="text"],
  #inc06 .form-box li input[type="tel"]{
    height:46px !important;
    padding:0 13px !important;
  }
  #inc06 .form-box li textarea{
    min-height:136px !important;
    height:136px !important;
    padding:13px !important;
    line-height:1.6 !important;
    resize:vertical;
  }
  #inc06 .form-box li input::placeholder,
  #inc06 .form-box li textarea::placeholder{
    color:#9CA3AF !important;
    font-size:14px !important;
    line-height:1.6 !important;
  }
  #inc06 .submit-box input{
    height:50px !important;
    border-radius:6px !important;
    font-size:14px !important;
    font-weight:800 !important;
  }
}
@media (max-width:480px){
  #inc06 .sc_contact{padding-top:54px;padding-bottom:62px;}
  #inc06 .group-tit .main_tit{font-size:22px !important;}
  #inc06 .group-tit .desc{max-width:300px;}
  #inc06 .group-form{padding:18px;}
}


/* MOBILE HERO / INC01 refinement (2026-06-19)
   - 모바일 활성 헤더 하단 선 제거
   - inc01 첫 박스에 유도성 카피 추가
   - 모바일에서 공유 marquee를 첫 박스 하단으로 이동 */
#inc01 .sc_about .col-2 .fl-l .group-tit .sub_tit{
  color:#8B7665 !important;
  font-size:18px;
  font-weight:600;
  letter-spacing:-0.03em;
  text-align:center;
}
#inc01 .sc_about .mobile-first-marquee{display:none;}

@media (max-width:1024px){
  #sh_hd.active{
    border-bottom:none !important;
  }
}

@media (max-width:768px){
  #sh_hd.active{
    border-bottom:none !important;
    box-shadow:0 1px 18px rgba(0,0,0,.12) !important;
  }
  #inc01 .sc_about .col-2 .fl-l .group-tit .sub_tit{
    padding-bottom:14px !important;
    font-size:15px !important;
    line-height:1.55 !important;
  }
  #inc01 .sc_about .col-2 .fl-l .group-tit .main_tit{
    line-height:1.38 !important;
  }
  #inc01 .sc_about .mobile-first-marquee{
    display:block;
    width:100%;
    margin-top:-10px;
    overflow:hidden;
  }
  #inc01 .sc_about .template-shared-marquee{
    display:none !important;
  }
}

@media (max-width:480px){
  #inc01 .sc_about .mobile-first-marquee{
    margin-top:-6px;
  }
  #inc01 .sc_about .col-2 .fl-l .group-tit .sub_tit{
    font-size:14px !important;
  }
}


/* DESKTOP alignment / header / marquee copy refinement (2026-06-19-2) */
#sh_hd.active{
  border-bottom:none !important;
  outline:none !important;
}

@media (min-width:769px){
  #inc01 .sc_about .col-2 .fl-l .group-tit{
    position:relative;
    padding-top:28px !important;
    padding-bottom:70px !important;
  }
  #inc01 .sc_about .col-2 .fl-l .group-tit .sub_tit{
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:0;
    padding:0 !important;
    line-height:1.35 !important;
  }
  #inc01 .sc_about .template-shared-marquee .marquee-wrapper ul li,
  #inc01 .sc_about .mobile-first-marquee .marquee-wrapper ul li{
    font-size:54px;
    color:rgba(215,206,198,0.42);
    letter-spacing:-0.02em;
  }
}

@media (max-width:768px){
  #inc01 .sc_about .mobile-first-marquee .marquee-wrapper ul li{
    color:rgba(215,206,198,0.55) !important;
    letter-spacing:-0.02em;
  }
}


/* WEB TWO-BANNER FINAL ALIGNMENT / HEADER LINE FIX / LONG MARQUEE COPY (2026-06-19-3) */
#sh_hd,
#sh_hd.active,
#sh_hd #sh_hd_wrapper,
#sh_hd.active #sh_hd_wrapper,
#sh_hd #topmenuM,
#sh_hd.active #topmenuM,
#sh_hd #shGnb,
#sh_hd.active #shGnb{
  border-bottom:0 !important;
  outline:0 !important;
}
#sh_hd.active{
  box-shadow:none !important;
}

@media (min-width:769px){
  #inc01 .sc_about .col-2 .fl-l .group-tit,
  #inc01 .sc_about .col-2 .fl-r .group-tit{
    position:relative !important;
    box-sizing:border-box !important;
    padding-top:28px !important;
    padding-bottom:70px !important;
    margin:0 !important;
  }
  #inc01 .sc_about .col-2 .fl-l .group-tit .main_tit,
  #inc01 .sc_about .col-2 .fl-r .group-tit .main_tit{
    margin:0 !important;
    line-height:1.38 !important;
  }
  #inc01 .sc_about .col-2 .fl-l .group-tit .sub_tit{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    margin:0 !important;
    padding:0 !important;
    line-height:1.35 !important;
  }
  #inc01 .sc_about .template-shared-marquee .marquee-wrapper ul li,
  #inc01 .sc_about .mobile-first-marquee .marquee-wrapper ul li{
    font-size:44px !important;
    letter-spacing:-0.035em !important;
  }
}

@media (min-width:1201px){
  #inc01 .sc_about .col-2 .fl-l .thumb-box,
  #inc01 .sc_about .col-2 .fl-r .thumb-wrap.template-single{
    margin-top:0 !important;
  }
}