/*
Theme Name: Thietkewebchuyen.com
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

:root { --diennuoctringuyen_blue:#0753a2; --diennuoctringuyen_navy:#063879; --diennuoctringuyen_yellow:#ffdb00; --diennuoctringuyen_red:#ed1728; --diennuoctringuyen_cyan:#00a7e6; --diennuoctringuyen_border:#dbe5f2; --diennuoctringuyen_text:#0a3974; }
.diennuoctringuyen_home_header { background:#fff; }
.diennuoctringuyen_home_header .diennuoctringuyen_header_row { align-items:center; }
.diennuoctringuyen_home_header .diennuoctringuyen_header_row .diennuoctringuyen_header_logo_col .diennuoctringuyen_header_logo { width:100%; margin:0; }
.diennuoctringuyen_home_header .diennuoctringuyen_header_row .diennuoctringuyen_header_logo_col .diennuoctringuyen_header_logo .img-inner { aspect-ratio:1/1; border-radius:50%; border:3px solid var(--diennuoctringuyen_yellow); background:#0b3c91; }
.diennuoctringuyen_home_header .diennuoctringuyen_header_row .diennuoctringuyen_header_brand_col .diennuoctringuyen_header_brand h2 { margin:0; font-size:clamp(24px,3.1vw,40px); font-weight:900; line-height:1.1; letter-spacing:-.8px; }
.diennuoctringuyen_home_header .diennuoctringuyen_header_row .diennuoctringuyen_header_brand_col .diennuoctringuyen_header_brand h2 span { color:var(--diennuoctringuyen_blue); }
.diennuoctringuyen_home_header .diennuoctringuyen_header_row .diennuoctringuyen_header_brand_col .diennuoctringuyen_header_brand h2 strong { color:var(--diennuoctringuyen_red); }
.diennuoctringuyen_home_header .diennuoctringuyen_header_row .diennuoctringuyen_header_brand_col .diennuoctringuyen_header_brand p { display:inline-block; margin:8px 0 0; padding:3px 17px; border-radius:40px; background:var(--diennuoctringuyen_yellow); color:#102f71; font-weight:800; }
.diennuoctringuyen_home_header .diennuoctringuyen_header_row .diennuoctringuyen_header_contact_col .diennuoctringuyen_header_contact { border-left:1px solid #cad7e9; padding-left:16px; }
.diennuoctringuyen_home_header .diennuoctringuyen_header_row .diennuoctringuyen_header_contact_col .diennuoctringuyen_header_contact p { margin:0 0 5px; color:#163e78; }
.diennuoctringuyen_home_header .diennuoctringuyen_header_row .diennuoctringuyen_header_contact_col .diennuoctringuyen_header_contact p strong { color:var(--diennuoctringuyen_red); font-weight:800; }
.diennuoctringuyen_home_header .diennuoctringuyen_header_row .diennuoctringuyen_header_contact_col .diennuoctringuyen_header_contact p span { color:#345b88; }
.diennuoctringuyen_home_header .diennuoctringuyen_header_row .diennuoctringuyen_header_person_col .diennuoctringuyen_header_person .img-inner { aspect-ratio:5/4; background:linear-gradient(135deg,#fff,#dff4ff); border-radius:5px; }
.diennuoctringuyen_home_nav { background:linear-gradient(90deg,#073c89,#0871c3); }
.diennuoctringuyen_home_nav .diennuoctringuyen_nav_row { align-items:center; }
.diennuoctringuyen_home_nav .diennuoctringuyen_nav_row .col { padding-bottom:0; }
.diennuoctringuyen_home_nav .diennuoctringuyen_nav_row .col .button { display:block; width:100%; margin:0; border:0; background:transparent; color:#fff; box-shadow:none; }
.diennuoctringuyen_home_nav .diennuoctringuyen_nav_row .diennuoctringuyen_nav_home .diennuoctringuyen_nav_home_btn { background:var(--diennuoctringuyen_yellow); color:#0d407a; font-weight:800; }
.diennuoctringuyen_home_nav .diennuoctringuyen_nav_row .diennuoctringuyen_nav_search_col .diennuoctringuyen_nav_search p { margin:0; padding:6px 12px; border:1px solid rgba(255,255,255,.43); border-radius:30px; color:#eaf4ff; }
.diennuoctringuyen_home_hero { background:#fff; }
.diennuoctringuyen_home_hero .diennuoctringuyen_hero_row { align-items:stretch; background:linear-gradient(120deg,#f5fbff 0%,#e1f2fd 41%,#009ddc 100%); border:1px solid #d5e4f3; border-radius:9px; box-shadow:0 4px 14px rgba(0,50,110,.08); }
.diennuoctringuyen_home_hero .diennuoctringuyen_hero_row .diennuoctringuyen_hero_services_col .diennuoctringuyen_hero_heading h1 { color:var(--diennuoctringuyen_red); font-size:clamp(23px,2.8vw,38px); font-weight:900; font-style:italic; margin:0 0 16px; text-transform:uppercase; }
.diennuoctringuyen_home_hero .diennuoctringuyen_hero_row .diennuoctringuyen_hero_services_col .diennuoctringuyen_hero_group_one { padding:13px 12px 9px; background:#fff; border-radius:12px; border:1px solid #d6e5f3; }
.diennuoctringuyen_home_hero .diennuoctringuyen_hero_row .diennuoctringuyen_hero_services_col .diennuoctringuyen_hero_group_one p { margin-bottom:7px; color:#17447b; }
.diennuoctringuyen_home_hero .diennuoctringuyen_hero_row .diennuoctringuyen_hero_services_col .diennuoctringuyen_hero_group_one p:first-child { background:var(--diennuoctringuyen_blue); border-radius:22px; padding:5px; color:#fff; font-weight:800; }
.diennuoctringuyen_home_hero .diennuoctringuyen_hero_row .diennuoctringuyen_hero_services_col .diennuoctringuyen_hero_group_one p:first-child span { display:inline-block; margin-right:6px; width:24px; text-align:center; border-radius:50%; background:var(--diennuoctringuyen_yellow); color:#093a77; }
.diennuoctringuyen_home_hero .diennuoctringuyen_hero_row .diennuoctringuyen_hero_services_col .diennuoctringuyen_hero_group_two p,.diennuoctringuyen_home_hero .diennuoctringuyen_hero_row .diennuoctringuyen_hero_services_col .diennuoctringuyen_hero_group_three p { margin:9px 0; padding:8px; background:var(--diennuoctringuyen_blue); border-radius:25px; color:white; font-weight:800; }
.diennuoctringuyen_home_hero .diennuoctringuyen_hero_row .diennuoctringuyen_hero_services_col .diennuoctringuyen_hero_group_two p span,.diennuoctringuyen_home_hero .diennuoctringuyen_hero_row .diennuoctringuyen_hero_services_col .diennuoctringuyen_hero_group_three p span { display:inline-block; width:25px; margin-right:5px; text-align:center; border-radius:50%; color:#0d3978; background:var(--diennuoctringuyen_yellow); }
.diennuoctringuyen_home_hero .diennuoctringuyen_hero_row .diennuoctringuyen_hero_services_col .diennuoctringuyen_hero_hotline { display:block; margin-top:16px; border:0; background:var(--diennuoctringuyen_red); box-shadow:0 5px 12px rgba(216,0,30,.19); color:#fff; font-weight:800; }
.diennuoctringuyen_home_hero .diennuoctringuyen_hero_row .diennuoctringuyen_hero_photo_col .diennuoctringuyen_hero_main_photo .img-inner { aspect-ratio:5/4; border-radius:7px; background:linear-gradient(135deg,#0d4690,#60c4f0); }
.diennuoctringuyen_home_hero .diennuoctringuyen_hero_row .diennuoctringuyen_hero_side_col .diennuoctringuyen_hero_water_photo .img-inner,.diennuoctringuyen_home_hero .diennuoctringuyen_hero_row .diennuoctringuyen_hero_side_col .diennuoctringuyen_hero_camera_photo .img-inner { aspect-ratio:1/1; border-radius:50%; border:5px solid #fff; box-shadow:0 3px 12px rgba(9,58,120,.16); background:#8bcee7; }
.diennuoctringuyen_home_hero .diennuoctringuyen_hero_bottom_row { margin-top:0; background:linear-gradient(90deg,#05397b,#0065b0); border-bottom:4px solid var(--diennuoctringuyen_yellow); border-radius:0 0 7px 7px; color:#fff; }
.diennuoctringuyen_home_hero .diennuoctringuyen_hero_bottom_row .diennuoctringuyen_hero_feature_col { text-align:center; padding-top:10px; padding-bottom:8px; }
.diennuoctringuyen_home_hero .diennuoctringuyen_hero_bottom_row .diennuoctringuyen_hero_feature_col .diennuoctringuyen_hero_feature_text p { margin:2px 0; color:#fff; font-weight:700; }
.diennuoctringuyen_home_services .diennuoctringuyen_services_heading,.diennuoctringuyen_home_details .diennuoctringuyen_details_heading,.diennuoctringuyen_home_reasons .diennuoctringuyen_reasons_heading,.diennuoctringuyen_home_brands .diennuoctringuyen_brands_heading { color:var(--diennuoctringuyen_blue); }
.diennuoctringuyen_home_services .diennuoctringuyen_services_row .col .col-inner { border:1px solid var(--diennuoctringuyen_border); border-radius:8px; padding:0 0 14px; text-align:center; box-shadow:0 3px 10px rgba(0,55,120,.05); background:#fff; }
.diennuoctringuyen_home_services .diennuoctringuyen_services_row .col .img { margin:0 0 12px; }
.diennuoctringuyen_home_services .diennuoctringuyen_services_row .col .img .img-inner { aspect-ratio:4/3; background:linear-gradient(145deg,#0b4991,#b8e9fa); border-radius:8px 8px 0 0; border-bottom:4px solid var(--diennuoctringuyen_cyan); }
.diennuoctringuyen_home_services .diennuoctringuyen_services_row .col .diennuoctringuyen_service_electric_copy h3,.diennuoctringuyen_home_services .diennuoctringuyen_services_row .col .diennuoctringuyen_service_water_copy h3,.diennuoctringuyen_home_services .diennuoctringuyen_services_row .col .diennuoctringuyen_service_leak_copy h3,.diennuoctringuyen_home_services .diennuoctringuyen_services_row .col .diennuoctringuyen_service_pipe_copy h3 { font-weight:800; color:var(--diennuoctringuyen_blue); font-size:18px; margin:10px 8px; min-height:47px; }
.diennuoctringuyen_home_services .diennuoctringuyen_services_row .col .diennuoctringuyen_service_electric_copy p,.diennuoctringuyen_home_services .diennuoctringuyen_services_row .col .diennuoctringuyen_service_water_copy p,.diennuoctringuyen_home_services .diennuoctringuyen_services_row .col .diennuoctringuyen_service_leak_copy p,.diennuoctringuyen_home_services .diennuoctringuyen_services_row .col .diennuoctringuyen_service_pipe_copy p { color:#2e527c; margin:0 10px 14px; min-height:65px; }
.diennuoctringuyen_home_services .diennuoctringuyen_services_row .col .button { background:var(--diennuoctringuyen_yellow); border:0; color:#123875; font-weight:800; margin:5px 0; }
.diennuoctringuyen_home_services .diennuoctringuyen_services_row .col:hover .col-inner { box-shadow:0 10px 23px rgba(4,58,120,.12); }
.diennuoctringuyen_home_details .diennuoctringuyen_details_row .col .col-inner { min-height:100%; padding:13px 11px; border:1px solid var(--diennuoctringuyen_border); border-radius:8px; background:#fff; }
.diennuoctringuyen_home_details .diennuoctringuyen_details_row .col .diennuoctringuyen_detail_electric_title h3,.diennuoctringuyen_home_details .diennuoctringuyen_details_row .col .diennuoctringuyen_detail_water_title h3,.diennuoctringuyen_home_details .diennuoctringuyen_details_row .col .diennuoctringuyen_detail_leak_title h3,.diennuoctringuyen_home_details .diennuoctringuyen_details_row .col .diennuoctringuyen_detail_pipe_title h3 { color:var(--diennuoctringuyen_blue); font-size:16px; font-weight:800; line-height:1.4; min-height:49px; }
.diennuoctringuyen_home_details .diennuoctringuyen_details_row .col .img .img-inner { aspect-ratio:4/3; background:linear-gradient(145deg,#e5f2f9,#0d66a7); border-radius:6px; }
.diennuoctringuyen_home_details .diennuoctringuyen_details_row .col .diennuoctringuyen_detail_electric_list p,.diennuoctringuyen_home_details .diennuoctringuyen_details_row .col .diennuoctringuyen_detail_water_list p,.diennuoctringuyen_home_details .diennuoctringuyen_details_row .col .diennuoctringuyen_detail_leak_list p,.diennuoctringuyen_home_details .diennuoctringuyen_details_row .col .diennuoctringuyen_detail_pipe_list p { padding-left:4px; margin:0 0 9px; color:#143d70; }
.diennuoctringuyen_home_details .diennuoctringuyen_details_row .col .button { background:var(--diennuoctringuyen_yellow); color:#123875; border:0; font-weight:800; display:block; max-width:145px; margin:12px auto 0; }
.diennuoctringuyen_home_reasons .diennuoctringuyen_reasons_row { align-items:center; }
.diennuoctringuyen_home_reasons .diennuoctringuyen_reasons_row .diennuoctringuyen_reasons_banner_col .diennuoctringuyen_reasons_technician_photo .img-inner { aspect-ratio:16/8; background:linear-gradient(145deg,#f4f9ff,#0088c9); border-radius:8px; }
.diennuoctringuyen_home_reasons .diennuoctringuyen_reasons_row .diennuoctringuyen_reasons_banner_col .diennuoctringuyen_reasons_slogan { margin-top:-58px; margin-left:45%; padding:4px; background:linear-gradient(120deg,#0058af,#073c82); border-radius:10px; transform:rotate(-5deg); }
.diennuoctringuyen_home_reasons .diennuoctringuyen_reasons_row .diennuoctringuyen_reasons_banner_col .diennuoctringuyen_reasons_slogan h3 { margin:2px; color:var(--diennuoctringuyen_yellow); font-weight:800; font-style:italic; }
.diennuoctringuyen_home_reasons .diennuoctringuyen_reasons_row .diennuoctringuyen_reasons_benefits_col .diennuoctringuyen_reasons_benefits_row { justify-content:center; }
.diennuoctringuyen_home_reasons .diennuoctringuyen_reasons_row .diennuoctringuyen_reasons_benefits_col .diennuoctringuyen_reasons_benefit_col { text-align:center; }
.diennuoctringuyen_home_reasons .diennuoctringuyen_reasons_row .diennuoctringuyen_reasons_benefits_col .diennuoctringuyen_reasons_benefit_col .diennuoctringuyen_reasons_benefit_text p { color:#124a91; font-weight:700; margin:8px 0 0; }
.diennuoctringuyen_home_brands { background:#fafcff; }
.diennuoctringuyen_home_brands .diennuoctringuyen_brands_row .diennuoctringuyen_brand_item_col .diennuoctringuyen_brand_item_text { display:flex; align-items:center; justify-content:center; min-height:60px; margin-bottom:0; background:#fff; border-radius:6px; border:1px solid var(--diennuoctringuyen_border); box-shadow:0 2px 6px rgba(0,42,100,.05); }
.diennuoctringuyen_home_brands .diennuoctringuyen_brands_row .diennuoctringuyen_brand_item_col .diennuoctringuyen_brand_item_text p { margin:0; color:var(--diennuoctringuyen_blue); font-weight:900; font-size:clamp(13px,1.7vw,19px); text-align:center; }
.diennuoctringuyen_home_footer { background:linear-gradient(135deg,#075cae,#05316e); color:#fff; }
.diennuoctringuyen_home_footer .diennuoctringuyen_footer_row .col h3 { color:#fff; font-size:18px; font-weight:800; }
.diennuoctringuyen_home_footer .diennuoctringuyen_footer_row .col p { color:#f0f7ff; margin:0 0 9px; }
.diennuoctringuyen_home_footer .diennuoctringuyen_footer_row .diennuoctringuyen_footer_company_col .diennuoctringuyen_footer_logo { width:70px; }
.diennuoctringuyen_home_footer .diennuoctringuyen_footer_row .diennuoctringuyen_footer_company_col .diennuoctringuyen_footer_logo .img-inner { aspect-ratio:1/1; border-radius:50%; background:#0f397b; border:2px solid var(--diennuoctringuyen_yellow); }
.diennuoctringuyen_home_copyright { background:#063375; border-top:1px solid rgba(255,255,255,.22); }
.diennuoctringuyen_home_copyright .diennuoctringuyen_copyright_row .diennuoctringuyen_copyright_col .diennuoctringuyen_copyright_text p { margin:0; text-align:center; color:#fff; }
.diennuoctringuyen_home_nav .diennuoctringuyen_button_fx_1,.diennuoctringuyen_home_hero .diennuoctringuyen_button_fx_3,.diennuoctringuyen_home_services .diennuoctringuyen_button_fx_1,.diennuoctringuyen_home_services .diennuoctringuyen_button_fx_2,.diennuoctringuyen_home_services .diennuoctringuyen_button_fx_3,.diennuoctringuyen_home_details .diennuoctringuyen_button_fx_1,.diennuoctringuyen_home_details .diennuoctringuyen_button_fx_2,.diennuoctringuyen_home_details .diennuoctringuyen_button_fx_3 { transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease; }
.diennuoctringuyen_home_services .diennuoctringuyen_button_fx_1:hover,.diennuoctringuyen_home_details .diennuoctringuyen_button_fx_1:hover { transform:translateY(-3px); box-shadow:0 8px 17px rgba(0,61,130,.2); background:#ffbe00; }
.diennuoctringuyen_home_services .diennuoctringuyen_button_fx_2:hover,.diennuoctringuyen_home_details .diennuoctringuyen_button_fx_2:hover,.diennuoctringuyen_home_nav .diennuoctringuyen_button_fx_1:hover { transform:translateX(3px); background:#fff4a3; color:#053d87; }
.diennuoctringuyen_home_services .diennuoctringuyen_button_fx_3:hover,.diennuoctringuyen_home_details .diennuoctringuyen_button_fx_3:hover,.diennuoctringuyen_home_hero .diennuoctringuyen_button_fx_3:hover { transform:scale(1.03); box-shadow:0 0 0 3px rgba(255,219,0,.25),0 6px 18px rgba(5,51,117,.2); }
@media (max-width:849px) { .diennuoctringuyen_home_header .diennuoctringuyen_header_row .diennuoctringuyen_header_person_col { display:none; } .diennuoctringuyen_home_header .diennuoctringuyen_header_row .diennuoctringuyen_header_brand_col .diennuoctringuyen_header_brand h2 { font-size:25px; } .diennuoctringuyen_home_hero .diennuoctringuyen_hero_row .diennuoctringuyen_hero_services_col .diennuoctringuyen_hero_heading h1 { font-size:24px; } .diennuoctringuyen_home_services .diennuoctringuyen_services_row .col .diennuoctringuyen_service_electric_copy h3,.diennuoctringuyen_home_services .diennuoctringuyen_services_row .col .diennuoctringuyen_service_water_copy h3,.diennuoctringuyen_home_services .diennuoctringuyen_services_row .col .diennuoctringuyen_service_leak_copy h3,.diennuoctringuyen_home_services .diennuoctringuyen_services_row .col .diennuoctringuyen_service_pipe_copy h3 { min-height:0; } }
@media (max-width:549px) { .diennuoctringuyen_home_header .diennuoctringuyen_header_row .diennuoctringuyen_header_contact_col .diennuoctringuyen_header_contact { border-left:0; padding:0; } .diennuoctringuyen_home_nav .diennuoctringuyen_nav_row .col .button { padding:4px; } .diennuoctringuyen_home_hero .diennuoctringuyen_hero_row .diennuoctringuyen_hero_photo_col .diennuoctringuyen_hero_main_photo .img-inner { aspect-ratio:4/3; } .diennuoctringuyen_home_reasons .diennuoctringuyen_reasons_row .diennuoctringuyen_reasons_banner_col .diennuoctringuyen_reasons_slogan { margin-top:0; margin-left:0; transform:none; } .diennuoctringuyen_home_services .diennuoctringuyen_services_row .col .diennuoctringuyen_service_electric_copy p,.diennuoctringuyen_home_services .diennuoctringuyen_services_row .col .diennuoctringuyen_service_water_copy p,.diennuoctringuyen_home_services .diennuoctringuyen_services_row .col .diennuoctringuyen_service_leak_copy p,.diennuoctringuyen_home_services .diennuoctringuyen_services_row .col .diennuoctringuyen_service_pipe_copy p { min-height:0; } }






.diennuoctringuyen_home_intro { background:#fff; }
.diennuoctringuyen_home_intro .diennuoctringuyen_intro_main_row { align-items:center; background:linear-gradient(112deg,#f4faff 0%,#e0f3ff 55%,#42c1e9 100%); border:1px solid #d5e6f6; border-radius:13px 13px 0 0; box-shadow:0 4px 18px rgba(2,51,107,.08); padding:22px 15px 5px; }
.diennuoctringuyen_home_intro .diennuoctringuyen_intro_content_col { padding-left:18px; padding-right:18px; }
.diennuoctringuyen_home_intro .diennuoctringuyen_intro_heading h2 { color:#ed1728; font-size:clamp(30px,3.5vw,50px); font-style:italic; font-weight:900; margin:0 0 13px; line-height:1.1; text-transform:uppercase; }
.diennuoctringuyen_home_intro .diennuoctringuyen_intro_heading h2::after { content:""; display:block; height:5px; width:116px; margin-top:10px; border-radius:50px; background:linear-gradient(90deg,#ed1728,#ffdb00); transform:skew(-24deg); }
.diennuoctringuyen_home_intro .diennuoctringuyen_intro_description { color:#193c66; padding:17px 18px 8px; background:rgba(255,255,255,.92); border:1px solid #c7e1f5; border-radius:12px; box-shadow:0 4px 12px rgba(0,63,126,.045); }
.diennuoctringuyen_home_intro .diennuoctringuyen_intro_description p { margin:0 0 10px; line-height:1.6; }
.diennuoctringuyen_home_intro .diennuoctringuyen_intro_description strong { color:#0753a2; }
.diennuoctringuyen_home_intro .diennuoctringuyen_intro_benefits { margin:14px 0 15px; }
.diennuoctringuyen_home_intro .diennuoctringuyen_intro_benefits p { display:flex; align-items:center; gap:11px; color:#07417d; background:rgba(255,255,255,.95); border:1px solid #cbe0f3; border-left:4px solid #ffdb00; border-radius:11px; box-shadow:0 3px 11px rgba(1,55,117,.07); padding:9px 13px; margin:0 0 9px; line-height:1.3; transition:transform .25s,box-shadow .25s; }
.diennuoctringuyen_home_intro .diennuoctringuyen_intro_benefits p:hover { transform:translateX(4px); box-shadow:0 6px 16px rgba(1,55,117,.12); }
.diennuoctringuyen_home_intro .diennuoctringuyen_intro_benefits .diennuoctringuyen_intro_benefit_icon { display:flex; align-items:center; justify-content:center; flex:0 0 29px; width:29px; height:29px; border-radius:50%; background:#0753a2; color:#fff; font-weight:900; font-size:16px; }
.diennuoctringuyen_home_intro .diennuoctringuyen_intro_benefits strong { font-size:15px; font-weight:700; }
.diennuoctringuyen_home_intro .diennuoctringuyen_intro_cta { background:#ed1728; border-color:#ed1728; color:#fff; font-weight:800; border-radius:40px; box-shadow:0 6px 18px rgba(201,13,39,.22); margin:0 0 18px; }
.diennuoctringuyen_home_intro .diennuoctringuyen_button_fx_3 { transition:transform .25s ease,box-shadow .25s ease,background .25s ease; }
.diennuoctringuyen_home_intro .diennuoctringuyen_button_fx_3:hover { transform:translateY(-3px); background:#ca0c22; box-shadow:0 10px 24px rgba(201,13,39,.28); }
.diennuoctringuyen_home_intro .diennuoctringuyen_intro_banner_col { padding:0 10px 15px; }
.diennuoctringuyen_home_intro .diennuoctringuyen_intro_banner_image { width:100%; max-width:100%; margin:0 auto; }
.diennuoctringuyen_home_intro .diennuoctringuyen_intro_banner_image .img-inner { overflow:hidden; background:#e4f5ff; border:3px solid rgba(255,255,255,.9); border-radius:14px; box-shadow:0 10px 25px rgba(0,56,127,.18); }
.diennuoctringuyen_home_intro .diennuoctringuyen_intro_banner_image .img-inner img { width:100%; height:auto; display:block; object-fit:contain; }
.diennuoctringuyen_home_intro .diennuoctringuyen_intro_bottom_row { margin-top:0; background:linear-gradient(90deg,#063879,#0067b3); border-bottom:4px solid #ffdb00; border-radius:0 0 10px 10px; }
.diennuoctringuyen_home_intro .diennuoctringuyen_intro_bottom_col { text-align:center; color:#fff; padding-top:13px; padding-bottom:12px; }
.diennuoctringuyen_home_intro .diennuoctringuyen_intro_bottom_col .icon { color:#ffdb00; }
.diennuoctringuyen_home_intro .diennuoctringuyen_intro_bottom_text p { color:#fff; font-weight:700; margin:4px 0 0; }
@media(max-width:849px) { .diennuoctringuyen_home_intro .diennuoctringuyen_intro_main_row { padding:15px 9px 7px; } .diennuoctringuyen_home_intro .diennuoctringuyen_intro_content_col { padding-left:12px; padding-right:12px; } .diennuoctringuyen_home_intro .diennuoctringuyen_intro_banner_col { padding:0 12px 15px; } }
@media(max-width:549px) { .diennuoctringuyen_home_intro .diennuoctringuyen_intro_heading h2 { font-size:31px; } .diennuoctringuyen_home_intro .diennuoctringuyen_intro_cta { width:100%; margin-right:0; } .diennuoctringuyen_home_intro .diennuoctringuyen_intro_benefits strong { font-size:14px; } }