﻿
section.wgsiu_tri {padding: 40px 0;text-align: center;}
section.wgsiu_tri:nth-child(even) {background-color: #2361a314;background-image: url(../images/Blog_bg.webp);background-attachment: fixed;background-size: cover;}
.efefgerg_tri {font-size: 20px;font-weight: 600;}
.row.rhtrh_tri {margin: 0;justify-content: center;}
.col-md-3.rgrhgre_tri {padding: 0;}
 .premium-heading {text-align: center;} .sub-title {display: inline-block;background: rgba(0, 82, 204, 0.08);color: #0052cc;padding: 4px 17px;border-radius: 50px;font-size: 12px;font-weight: 600;letter-spacing: 1px;margin-bottom: 14px;} .premium-heading h2 {/* font-size: 52px; *//* line-height: 68px; *//* font-weight: 700; *//* color: #081c36; *//* max-width: 950px; *//* margin: auto; */} .premium-heading p { font-size: 18px; line-height: 34px; color: #666; max-width: 820px; margin: 25px auto 0; } .premium-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 18px;} .premium-card { background: #fff; border-radius: 8px; overflow: hidden; position: relative; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); transition: all 0.4s ease; border: 1px dotted #1a468d70; }.premium-card:hover { transform: translateY(-12px); box-shadow: 0 18px 55px rgba(0,0,0,0.12); } .card-img { position: relative; overflow: hidden; } .card-img img { width: 100%; height: 280px; object-fit: cover; transition: 0.5s ease; } .premium-card:hover .card-img img { transform: scale(1.08); } .premium-content { padding: 50px 25px 25px; position: relative; } .icon-box { width: 70px; height: 75px; padding-top: 12px; background: linear-gradient(#2163a5, #1f2767); border-radius: 18px; display: flex; align-items: center; justify-content: center; margin-top: -65px; position: relative; z-index: 5; box-shadow: 0 8px 25px rgba(0, 82, 204, 0.35); } .icon-box i { color: #fff; font-size: 28px; } .premium-content h3 { font-size: 18px; line-height: 34px; color: #001d75; margin: 12px 0 0; font-weight: 700; } .premium-content p { font-size: 14px; line-height: 26px; color: #2c2c2c; margin-bottom: 10px; padding-bottom: 15px; border-image: linear-gradient(88deg, #c9c9c9, #ffffff00) 1; border-bottom: 1px solid; } .premium-content ul { padding-left: 0; margin-bottom: 0; } .premium-content ul li { font-size: 13px; line-height: 30px; color: #111; margin-bottom: 1px; position: relative; } .support-strip {margin-top: 36px;background: linear-gradient(135deg, #081c36, #0d2f5f);padding: 37px;border-radius: 8px;text-align: center;position: relative;overflow: hidden;background: linear-gradient(#2163a5, #1f2767);} .support-strip::before { content: ''; position: absolute; width: 250px; height: 250px; background: rgba(255,255,255,0.05); border-radius: 50%; top: -120px; right: -100px; } .support-strip::after { content: ''; position: absolute; width: 180px; height: 180px; background: rgba(255,255,255,0.04); border-radius: 50%; bottom: -80px; left: -60px; } .support-content { position: relative; z-index: 2; } .support-content h4 {color: #fff;font-size: 30px;margin-bottom: 18px;font-weight: 700;} .support-content p {color: rgba(255,255,255,0.85);font-size: 20px;line-height: 32px;max-width: 900px;margin: auto;font-weight: 500;} /* RESPONSIVE */ @@media(max-width: 991px) { .premium-grid { grid-template-columns: 1fr; } .premium-heading h2 { font-size: 40px; line-height: 56px; } } @@media(max-width: 576px) { .premium-hiring-section { padding: 70px 0; } .premium-heading h2 { font-size: 30px; line-height: 44px; } .premium-heading p { font-size: 16px; line-height: 30px; } .card-img img { height: 230px; } .premium-content { padding: 24px; } .premium-content h3 { font-size: 24px; line-height: 36px; } .support-strip { padding: 30px 22px; } .support-content h4 { font-size: 26px; } .support-content p { font-size: 16px; line-height: 30px; } } section.premium-hiring-section { padding: 40px 0; background-color: #2361a314; background-image: url(../images/Blog_bg.webp); background-attachment: fixed; background-size: cover; } ul.rfgurhgyu_tri li { list-style: none; margin-bottom: 4px; } ul.rfgurhgyu_tri li:before { content: "\f0a4"; font: normal normal normal 14px / 1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 8px; color: #e77c22; } @media screen and (max-width: 991px) { .premium-grid {grid-template-columns: repeat(1, 1fr);} }