.elementor-22 .elementor-element.elementor-element-335260b{--display:flex;}.elementor-22 .elementor-element.elementor-element-30423ba .wpr-author-box{text-align:center;}.elementor-22 .elementor-element.elementor-element-30423ba .wpr-author-box-image img{width:65px;border-radius:50px 50px 50px 50px;}.elementor-22 .elementor-element.elementor-element-30423ba.wpr-author-box-arrange-vertical .wpr-author-box-image{margin-bottom:0px;}.elementor-22 .elementor-element.elementor-element-30423ba.wpr-author-box-arrange-left .wpr-author-box-image{margin-right:0px;}.elementor-22 .elementor-element.elementor-element-30423ba.wpr-author-box-arrange-right .wpr-author-box-image{margin-left:0px;}.elementor-22 .elementor-element.elementor-element-30423ba .wpr-author-box-name{color:#605BE5;font-size:18px;font-weight:500;letter-spacing:0.2px;margin-top:15px;margin-bottom:10px;}.elementor-22 .elementor-element.elementor-element-30423ba .wpr-author-box-name a{color:#605BE5;}.elementor-22 .elementor-element.elementor-element-30423ba .wpr-author-box-title{color:#333333;font-size:15px;font-weight:500;margin-top:15px;margin-bottom:15px;}.elementor-22 .elementor-element.elementor-element-30423ba .wpr-author-box-title a{color:#333333;}.elementor-22 .elementor-element.elementor-element-30423ba .wpr-author-box-btn{color:#ffffff;background-color:#605BE5;transition-duration:0.1s;padding:5px 15px 5px 15px;border-style:none;border-radius:3px 3px 3px 3px;}.elementor-22 .elementor-element.elementor-element-30423ba .wpr-author-box-btn:hover{color:#ffffff;}.elementor-22 .elementor-element.elementor-element-30423ba .wpr-author-box-btn:hover a{color:#ffffff;}/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-4d344b7 *//*====================================================
BHULEKH UTTARAKHAND PREMIUM HERO
Designed for WordPress Custom HTML
====================================================*/

*{
margin:0;
padding:0;
box-sizing:border-box;
}

.uk-hero{
position:relative;
overflow:hidden;
padding:90px 20px;
background:linear-gradient(135deg,#14b9ea 0%,#43b7e8 45%,#86b2da 72%,#a9a4c7 100%);
font-family:"Poppins","Noto Sans Devanagari",sans-serif;
}

.uk-container{
max-width:1250px;
margin:auto;
position:relative;
z-index:10;
}

/*==============================
Background Shapes
==============================*/

.uk-overlay-shape{
position:absolute;
border-radius:50%;
background:rgba(255,255,255,.08);
animation:floatShape 9s ease-in-out infinite;
}

.shape1{
width:320px;
height:320px;
top:-120px;
left:-120px;
}

.shape2{
width:260px;
height:260px;
right:-90px;
top:120px;
animation-delay:2s;
}

.shape3{
width:200px;
height:200px;
bottom:-70px;
left:40%;
animation-delay:4s;
}

@keyframes floatShape{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(25px);
}

100%{
transform:translateY(0px);
}

}

/*==============================
Badge
==============================*/

.uk-badge{

display:inline-flex;
align-items:center;
gap:8px;

background:rgba(255,255,255,.18);

backdrop-filter:blur(10px);

padding:10px 24px;

border-radius:50px;

font-size:14px;

font-weight:600;

color:#fff;

border:1px solid rgba(255,255,255,.25);

box-shadow:0 10px 30px rgba(0,0,0,.08);

margin-bottom:25px;

}

/*==============================
Heading
==============================*/

.uk-hero h1{

font-size:54px;

font-weight:700;

line-height:1.2;

color:#fff;

max-width:980px;

text-shadow:0 8px 25px rgba(0,0,0,.18);

margin-bottom:22px;

}

.uk-hero h1 span{

display:block;

margin-top:12px;

font-size:40px;

font-weight:600;

color:#ddfff4;

}

/*==============================
Subtitle
==============================*/

.uk-hero-text{

max-width:760px;

font-size:20px;

line-height:1.9;

color:#f5fcff;

margin-bottom:45px;

}

/*==============================
Buttons
==============================*/

.uk-btn-wrap{

display:flex;

flex-wrap:wrap;

gap:18px;

margin-bottom:55px;

}

.uk-btn-wrap a{

display:inline-flex;

align-items:center;

justify-content:center;

padding:16px 30px;

background:#36d4a8;

color:#fff;

text-decoration:none;

font-weight:600;

font-size:16px;

border-radius:10px;

transition:.35s;

box-shadow:0 12px 30px rgba(0,0,0,.12);

}

.uk-btn-wrap a:hover{

background:#22c592;

transform:translateY(-4px);

box-shadow:0 18px 35px rgba(0,0,0,.15);

}

/*==============================
Card
==============================*/

.uk-card{

background:#fff;

border-radius:22px;

overflow:hidden;

box-shadow:0 30px 60px rgba(0,0,0,.14);

}

/*==============================
Card Header
==============================*/

.uk-card-header{

background:linear-gradient(135deg,#0d91c8,#2ebd98);

padding:35px 40px;

}

.uk-card-header h2{

font-size:34px;

color:#fff;

margin-bottom:12px;

}

.uk-card-header p{

font-size:17px;

color:#edfdf8;

}

/*==============================
Card Body
==============================*/

.uk-card-body{

padding:45px;

}

.uk-card-body p{

font-size:18px;

line-height:2;

color:#444;

margin-bottom:28px;

}

.uk-card-body strong{

color:#0975ad;

font-weight:700;

}

/*==============================
Notice Box
==============================*/

.uk-note{

margin-top:35px;

padding:25px;

border-left:6px solid #36d4a8;

background:#f4fffb;

border-radius:14px;

font-size:17px;

line-height:1.9;

color:#333;

box-shadow:0 10px 25px rgba(0,0,0,.05);

}

.uk-note strong{

display:block;

font-size:18px;

margin-bottom:10px;

color:#12855e;

}

/*==============================
Hover Animation
==============================*/

.uk-card{

transition:.35s;

}

.uk-card:hover{

transform:translateY(-6px);

box-shadow:0 35px 65px rgba(0,0,0,.16);

}

/*==============================
Selection
==============================*/

::selection{

background:#36d4a8;

color:#fff;

}

/*==============================
Responsive
==============================*/

@media(max-width:1100px){

.uk-hero h1{

font-size:46px;

}

.uk-hero h1 span{

font-size:34px;

}

}

@media(max-width:900px){

.uk-card-body{

padding:35px;

}

.uk-card-header{

padding:30px;

}

}

@media(max-width:768px){

.uk-hero{

padding:70px 18px;

}

.uk-badge{

font-size:13px;

padding:8px 18px;

}

.uk-hero h1{

font-size:34px;

text-align:center;

}

.uk-hero h1 span{

font-size:27px;

}

.uk-hero-text{

font-size:17px;

text-align:center;

margin-bottom:35px;

}

.uk-btn-wrap{

justify-content:center;

}

.uk-btn-wrap a{

width:100%;

}

.uk-card-header{

text-align:center;

}

.uk-card-header h2{

font-size:28px;

}

.uk-card-header p{

font-size:16px;

}

.uk-card-body{

padding:28px;

}

.uk-card-body p{

font-size:16px;

line-height:1.9;

}

.uk-note{

padding:20px;

font-size:15px;

}

}

@media(max-width:480px){

.uk-hero{

padding:60px 15px;

}

.uk-hero h1{

font-size:29px;

}

.uk-hero h1 span{

font-size:23px;

}

.uk-hero-text{

font-size:16px;

}

.uk-card-header{

padding:25px;

}

.uk-card-header h2{

font-size:24px;

}

.uk-card-body{

padding:22px;

}

.uk-card-body p{

font-size:15px;

}

.uk-note{

font-size:14px;

}

}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-9d6c1b2 *//*==========================
About Section
==========================*/

.uk-about-section{

padding:90px 20px;

background:#f5fbff;

}

.uk-section-title{

text-align:center;

margin-bottom:55px;

}

.uk-section-title span{

display:inline-block;

padding:8px 20px;

background:#36d4a8;

color:#fff;

border-radius:30px;

font-size:14px;

font-weight:600;

margin-bottom:18px;

}

.uk-section-title h2{

font-size:40px;

color:#1576a9;

margin-bottom:15px;

}

.uk-section-title p{

font-size:18px;

color:#666;

}

.uk-about-grid{

display:grid;

grid-template-columns:2fr 1fr;

gap:35px;

align-items:start;

}

.uk-about-content{

background:#fff;

padding:40px;

border-radius:18px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.uk-about-content p{

font-size:17px;

line-height:2;

color:#444;

margin-bottom:25px;

}

.uk-about-content strong{

color:#0a81b7;

}

.uk-info-box{

margin:30px 0;

background:#eefaf7;

border-left:6px solid #36d4a8;

padding:28px;

border-radius:15px;

}

.uk-info-box h3{

font-size:22px;

margin-bottom:20px;

color:#0d719f;

}

.uk-info-box ul{

padding-left:20px;

}

.uk-info-box li{

margin-bottom:14px;

font-size:17px;

line-height:1.8;

color:#444;

}

.uk-service-card{

background:#fff;

border-radius:18px;

overflow:hidden;

box-shadow:0 15px 40px rgba(0,0,0,.08);

position:sticky;

top:30px;

}

.uk-service-head{

background:linear-gradient(135deg,#1594cb,#36d4a8);

padding:22px;

text-align:center;

font-size:24px;

font-weight:700;

color:#fff;

}

.uk-service-item{

display:flex;

gap:15px;

padding:20px;

border-bottom:1px solid #edf2f6;

transition:.3s;

}

.uk-service-item:hover{

background:#f8fcff;

}

.uk-service-icon{

width:52px;

height:52px;

background:#36d4a8;

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:22px;

flex-shrink:0;

}

.uk-service-item h4{

font-size:18px;

margin-bottom:6px;

color:#1477a8;

}

.uk-service-item p{

font-size:15px;

line-height:1.7;

color:#666;

}

.uk-service-btn{

display:block;

margin:25px;

text-align:center;

background:#36d4a8;

color:#fff;

padding:16px;

text-decoration:none;

border-radius:10px;

font-weight:600;

transition:.3s;

}

.uk-service-btn:hover{

background:#25c392;

}

@media(max-width:991px){

.uk-about-grid{

grid-template-columns:1fr;

}

.uk-service-card{

position:relative;

top:auto;

}

}

@media(max-width:768px){

.uk-about-section{

padding:60px 18px;

}

.uk-section-title h2{

font-size:30px;

}

.uk-about-content{

padding:28px;

}

.uk-about-content p,

.uk-info-box li{

font-size:16px;

}

}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-c02d13f *//*=========================================
Portal Objective Section
=========================================*/

.uk-objective-section{

padding:90px 20px;

background:linear-gradient(180deg,#ffffff 0%,#f4fbff 100%);

}

.uk-objective-wrapper{

display:grid;

grid-template-columns:2fr 1fr;

gap:35px;

align-items:start;

}

.uk-objective-content{

background:#fff;

padding:42px;

border-radius:20px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.uk-objective-content p{

font-size:17px;

line-height:2;

color:#444;

margin-bottom:25px;

}

.uk-objective-content strong{

color:#0b82b8;

}

.uk-objective-note{

background:#eefbf7;

border-left:6px solid #36d4a8;

padding:28px;

border-radius:16px;

margin:30px 0;

}

.uk-objective-note h3{

font-size:24px;

color:#1478a8;

margin-bottom:20px;

}

.uk-objective-note ul{

padding-left:22px;

}

.uk-objective-note li{

font-size:17px;

line-height:1.9;

margin-bottom:12px;

color:#444;

}

.uk-purpose-card{

background:#fff;

border-radius:20px;

overflow:hidden;

box-shadow:0 15px 40px rgba(0,0,0,.08);

position:sticky;

top:30px;

}

.uk-purpose-header{

padding:24px;

background:linear-gradient(135deg,#1194ca,#36d4a8);

text-align:center;

font-size:24px;

font-weight:700;

color:#fff;

}

.uk-purpose-item{

display:flex;

align-items:center;

gap:15px;

padding:18px 22px;

border-bottom:1px solid #edf2f5;

transition:.3s;

}

.uk-purpose-item:hover{

background:#f8fcff;

padding-left:28px;

}

.uk-purpose-icon{

width:48px;

height:48px;

border-radius:50%;

background:#36d4a8;

display:flex;

align-items:center;

justify-content:center;

font-size:22px;

flex-shrink:0;

}

.uk-purpose-item span{

font-size:16px;

font-weight:600;

color:#444;

}

.uk-purpose-btn{

display:block;

margin:25px;

padding:16px;

text-align:center;

background:#36d4a8;

color:#fff;

text-decoration:none;

font-weight:600;

border-radius:10px;

transition:.3s;

}

.uk-purpose-btn:hover{

background:#23c593;

transform:translateY(-3px);

box-shadow:0 12px 25px rgba(0,0,0,.12);

}

@media(max-width:991px){

.uk-objective-wrapper{

grid-template-columns:1fr;

}

.uk-purpose-card{

position:relative;

top:auto;

}

}

@media(max-width:768px){

.uk-objective-section{

padding:60px 18px;

}

.uk-objective-content{

padding:28px;

}

.uk-objective-content p,

.uk-objective-note li{

font-size:16px;

}

.uk-objective-note{

padding:22px;

}

.uk-objective-note h3{

font-size:21px;

}

.uk-purpose-header{

font-size:22px;

}

}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-2d786eb *//*==================================
Services Intro
==================================*/

.uk-services-intro{

padding:90px 20px;

background:linear-gradient(180deg,#f7fcff 0%,#eef8ff 100%);

}

.uk-services-header{

text-align:center;

max-width:950px;

margin:auto;

margin-bottom:60px;

}

.uk-services-badge{

display:inline-block;

padding:10px 22px;

background:#36d4a8;

color:#fff;

border-radius:40px;

font-size:14px;

font-weight:600;

margin-bottom:22px;

box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.uk-services-header h2{

font-size:42px;

color:#1179ac;

margin-bottom:20px;

line-height:1.3;

}

.uk-services-header h2 span{

display:block;

font-size:24px;

font-weight:500;

margin-top:8px;

color:#49a2d6;

}

.uk-services-header p{

font-size:18px;

line-height:2;

color:#555;

margin-bottom:20px;

}

.uk-services-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:25px;

margin-top:50px;

}

.uk-service-box{

background:#fff;

padding:35px 30px;

border-radius:18px;

box-shadow:0 15px 35px rgba(0,0,0,.08);

transition:.35s;

text-align:center;

}

.uk-service-box:hover{

transform:translateY(-8px);

box-shadow:0 25px 45px rgba(0,0,0,.12);

}

.uk-service-icon{

width:70px;

height:70px;

margin:auto;

margin-bottom:20px;

border-radius:50%;

background:linear-gradient(135deg,#14a7dd,#36d4a8);

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

color:#fff;

}

.uk-service-box h3{

font-size:24px;

margin-bottom:15px;

color:#1178ab;

}

.uk-service-box p{

font-size:16px;

line-height:1.8;

color:#666;

}

.uk-services-btn{

margin-top:55px;

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

}

.uk-services-btn a{

background:#36d4a8;

color:#fff;

text-decoration:none;

padding:16px 30px;

border-radius:10px;

font-weight:600;

transition:.3s;

box-shadow:0 12px 25px rgba(0,0,0,.08);

}

.uk-services-btn a:hover{

background:#22c492;

transform:translateY(-4px);

}

@media(max-width:991px){

.uk-services-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.uk-services-intro{

padding:60px 18px;

}

.uk-services-header h2{

font-size:30px;

}

.uk-services-header h2 span{

font-size:20px;

}

.uk-services-header p{

font-size:16px;

}

.uk-services-grid{

grid-template-columns:1fr;

}

.uk-service-box{

padding:28px;

}

.uk-services-btn a{

width:100%;

text-align:center;

}

}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-02c00da *//*==========================================
Feature Cards Section
==========================================*/

.uk-feature-section{

padding:90px 20px;

background:#f7fbff;

}

.uk-feature-container{

max-width:1200px;

margin:auto;

}

.uk-feature-card{

background:#fff;

border-radius:22px;

overflow:hidden;

box-shadow:0 18px 45px rgba(0,0,0,.08);

margin-bottom:45px;

transition:.35s;

}

.uk-feature-card:hover{

transform:translateY(-8px);

box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.uk-feature-header{

background:linear-gradient(135deg,#1496cc,#35d4a8);

padding:28px 35px;

display:flex;

align-items:center;

gap:18px;

color:#fff;

}

.uk-feature-number{

width:60px;

height:60px;

border-radius:50%;

background:#fff;

color:#1496cc;

display:flex;

align-items:center;

justify-content:center;

font-size:28px;

font-weight:700;

flex-shrink:0;

}

.uk-feature-header h2{

font-size:30px;

margin:0;

color:#fff;

}

.uk-feature-body{

padding:40px;

}

.uk-feature-body p{

font-size:17px;

line-height:2;

color:#444;

margin-bottom:22px;

}

.uk-feature-highlight{

background:#eefaf7;

border-left:6px solid #35d4a8;

padding:25px;

border-radius:16px;

margin:35px 0;

}

.uk-feature-highlight h3{

font-size:23px;

margin-bottom:20px;

color:#1176a8;

}

.uk-feature-list{

list-style:none;

padding:0;

margin:0;

display:grid;

grid-template-columns:repeat(2,1fr);

gap:18px;

}

.uk-feature-list li{

background:#fff;

padding:18px;

border-radius:12px;

box-shadow:0 8px 20px rgba(0,0,0,.05);

display:flex;

align-items:center;

gap:12px;

font-size:16px;

font-weight:500;

transition:.3s;

}

.uk-feature-list li:hover{

transform:translateY(-4px);

}

.uk-feature-list li::before{

content:"✓";

width:30px;

height:30px;

border-radius:50%;

background:#35d4a8;

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:15px;

font-weight:bold;

flex-shrink:0;

}

.uk-feature-btn{

margin-top:35px;

display:inline-block;

background:#35d4a8;

color:#fff;

padding:15px 28px;

text-decoration:none;

border-radius:8px;

font-weight:600;

transition:.3s;

}

.uk-feature-btn:hover{

background:#22c391;

transform:translateY(-3px);

color:#fff;

}

@media(max-width:768px){

.uk-feature-section{

padding:60px 18px;

}

.uk-feature-header{

padding:22px;

flex-direction:column;

text-align:center;

}

.uk-feature-header h2{

font-size:24px;

}

.uk-feature-body{

padding:25px;

}

.uk-feature-body p{

font-size:16px;

}

.uk-feature-list{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-fc61a12 *//*==============================
Feature Note Box
==============================*/

.uk-feature-note{

display:flex;

gap:18px;

align-items:flex-start;

background:#fff8eb;

border-left:6px solid #ffb300;

padding:22px;

border-radius:16px;

margin:35px 0;

box-shadow:0 8px 25px rgba(0,0,0,.05);

}

.uk-feature-note-icon{

width:50px;

height:50px;

border-radius:50%;

background:#ffb300;

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

flex-shrink:0;

}

.uk-feature-note h4{

font-size:20px;

margin-bottom:10px;

color:#d67b00;

}

.uk-feature-note p{

margin:0;

font-size:16px;

line-height:1.9;

}

.uk-feature-action{

display:flex;

gap:18px;

margin-top:30px;

flex-wrap:wrap;

}

.uk-feature-btn.secondary{

background:#148ec4;

}

.uk-feature-btn.secondary:hover{

background:#0d79aa;

}

@media(max-width:768px){

.uk-feature-note{

flex-direction:column;

}

.uk-feature-action{

flex-direction:column;

}

.uk-feature-action .uk-feature-btn{

width:100%;

text-align:center;

}

}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-a333804 *//*=====================================
Jamabandi Notice Box
=====================================*/

.uk-warning-box{

display:flex;

align-items:flex-start;

gap:18px;

margin:35px 0;

padding:22px;

background:#fff5f5;

border-left:6px solid #e53935;

border-radius:16px;

box-shadow:0 8px 20px rgba(0,0,0,.05);

}

.uk-warning-icon{

width:50px;

height:50px;

background:#e53935;

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

flex-shrink:0;

}

.uk-warning-box h4{

font-size:20px;

margin-bottom:10px;

color:#c62828;

}

.uk-warning-box p{

margin:0;

font-size:16px;

line-height:1.9;

color:#444;

}

@media(max-width:768px){

.uk-warning-box{

flex-direction:column;

}

}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-a661f06 *//*====================================
Bhu Naksha Information Box
====================================*/

.uk-map-note{

display:flex;

align-items:flex-start;

gap:18px;

padding:24px;

margin:35px 0;

background:linear-gradient(135deg,#eef9ff,#f8fcff);

border-left:6px solid #1496cc;

border-radius:16px;

box-shadow:0 8px 20px rgba(0,0,0,.05);

}

.uk-map-icon{

width:55px;

height:55px;

border-radius:50%;

background:linear-gradient(135deg,#1496cc,#35d4a8);

display:flex;

align-items:center;

justify-content:center;

font-size:26px;

color:#fff;

flex-shrink:0;

}

.uk-map-note h4{

font-size:21px;

margin-bottom:10px;

color:#1176a8;

}

.uk-map-note p{

margin:0;

font-size:16px;

line-height:1.9;

color:#444;

}

@media(max-width:768px){

.uk-map-note{

flex-direction:column;

}

}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-43e5041 *//*=====================================
Mutation Information Box
=====================================*/

.uk-mutation-box{

display:flex;

align-items:flex-start;

gap:18px;

padding:24px;

margin:35px 0;

background:linear-gradient(135deg,#f3fff8,#eefdf6);

border-left:6px solid #2dbb88;

border-radius:16px;

box-shadow:0 10px 25px rgba(0,0,0,.05);

}

.uk-mutation-icon{

width:55px;

height:55px;

border-radius:50%;

background:linear-gradient(135deg,#18b3db,#35d4a8);

display:flex;

align-items:center;

justify-content:center;

font-size:26px;

color:#fff;

flex-shrink:0;

}

.uk-mutation-box h4{

font-size:21px;

margin-bottom:10px;

color:#1176a8;

}

.uk-mutation-box p{

margin:0;

font-size:16px;

line-height:1.9;

color:#444;

}

@media(max-width:768px){

.uk-mutation-box{

flex-direction:column;

}

}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-0f402ba *//*=====================================
Ownership Verification Box
=====================================*/

.uk-owner-box{

display:flex;

align-items:flex-start;

gap:18px;

padding:24px;

margin:35px 0;

background:linear-gradient(135deg,#f5fcff,#eef8ff);

border-left:6px solid #1496cc;

border-radius:16px;

box-shadow:0 10px 25px rgba(0,0,0,.05);

}

.uk-owner-icon{

width:55px;

height:55px;

border-radius:50%;

background:linear-gradient(135deg,#1496cc,#35d4a8);

display:flex;

align-items:center;

justify-content:center;

font-size:26px;

color:#fff;

flex-shrink:0;

}

.uk-owner-box h4{

font-size:21px;

margin-bottom:10px;

color:#1176a8;

}

.uk-owner-box p{

margin:0;

font-size:16px;

line-height:1.9;

color:#444;

}

@media(max-width:768px){

.uk-owner-box{

flex-direction:column;

}

}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-a9e4907 *//*=========================================
District Coverage Section
=========================================*/

.uk-district-section{

padding:90px 20px;

background:linear-gradient(180deg,#f7fcff 0%,#eef8ff 100%);

}

.uk-district-card{

background:#fff;

padding:40px;

border-radius:22px;

box-shadow:0 18px 45px rgba(0,0,0,.08);

}

.uk-district-card h3{

font-size:26px;

margin-bottom:30px;

color:#1178ab;

}

.uk-district-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:18px;

margin-bottom:40px;

}

.uk-district-item{

padding:18px;

background:#f8fcff;

border:1px solid #dcecf6;

border-radius:12px;

font-size:17px;

font-weight:600;

color:#444;

transition:.3s;

}

.uk-district-item:hover{

background:#36d4a8;

color:#fff;

transform:translateY(-4px);

}

.uk-district-note{

display:flex;

gap:18px;

align-items:flex-start;

padding:24px;

background:#eefaf7;

border-left:6px solid #36d4a8;

border-radius:16px;

margin-bottom:35px;

}

.uk-district-icon{

width:55px;

height:55px;

border-radius:50%;

background:linear-gradient(135deg,#1496cc,#36d4a8);

display:flex;

align-items:center;

justify-content:center;

font-size:26px;

color:#fff;

flex-shrink:0;

}

.uk-district-note h4{

font-size:22px;

margin-bottom:10px;

color:#1178ab;

}

.uk-district-note p{

margin:0;

font-size:16px;

line-height:1.9;

color:#444;

}

@media(max-width:991px){

.uk-district-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.uk-district-section{

padding:60px 18px;

}

.uk-district-card{

padding:28px;

}

.uk-district-grid{

grid-template-columns:1fr;

}

.uk-district-note{

flex-direction:column;

}

.uk-district-card h3{

font-size:22px;

}

}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-b5e5fbb *//*======================================
Language & App Section
======================================*/

.uk-info-section{

padding:70px 20px;

background:#ffffff;

}

.uk-info-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:20px;

margin-top:30px;

}

.uk-info-card{

background:#fff;

border-radius:22px;

overflow:hidden;

box-shadow:0 18px 45px rgba(0,0,0,.08);

transition:.35s;

}

.uk-info-card:hover{

transform:translateY(-8px);

box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.uk-info-header{

padding:30px;

background:linear-gradient(135deg,#1496cc,#35d4a8);

color:#fff;

text-align:center;

}

.uk-info-circle{

width:70px;

height:70px;

margin:auto;

margin-bottom:18px;

border-radius:50%;

background:#fff;

display:flex;

align-items:center;

justify-content:center;

font-size:32px;

}

.uk-info-header h3{

font-size:28px;

line-height:1.4;

color:#fff;

margin:0;

}

.uk-info-body{

padding:35px;

}

.uk-info-body p{

font-size:17px;

line-height:2;

color:#444;

margin-bottom:22px;

}

.uk-app-warning{

margin:25px 0;

padding:22px;

background:#fff8ec;

border-left:6px solid #ffb300;

border-radius:16px;

}

.uk-app-warning strong{

display:block;

margin-bottom:10px;

font-size:19px;

color:#c77b00;

}

.uk-app-warning p{

margin:0;

}

@media(max-width:991px){

.uk-info-grid{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.uk-info-section{

padding:60px 18px;

}

.uk-info-body{

padding:25px;

}

.uk-info-header{

padding:24px;

}

.uk-info-header h3{

font-size:24px;

}

.uk-info-body p{

font-size:16px;

}

}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-fe54141 *//*=================================
 STEP GUIDE - PORTAL STYLE
==================================*/

.uk-step-guide-section{
    padding:70px 25px;
    background:#f5f9fd;
    font-family:"Poppins","Noto Sans Devanagari",sans-serif;
}

.uk-container{
    max-width:1180px;
    margin:auto;
}

.uk-section-title{
    text-align:left;
    margin-bottom:45px;
}

.uk-section-title span{
    display:inline-block;
    background:#dff4ff;
    color:#1f86d8;
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;
}

.uk-section-title h2{
    color:#1b86d1;
    font-size:40px;
    font-weight:600;
    margin-bottom:18px;
}

.uk-section-title p{
    color:#555;
    font-size:17px;
    line-height:1.9;
}

/*============================*/

.uk-timeline{
    display:flex;
    flex-direction:column;
    gap:28px;
}

/*============================*/

.uk-step-card{
    display:flex;
    gap:22px;
    align-items:flex-start;
}

.uk-step-number{
    width:65px;
    height:65px;
    min-width:65px;
    border-radius:50%;
    background:#29b8c7;
    color:#fff;
    font-size:26px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 8px 20px rgba(41,184,199,.25);
}

.uk-step-content{
    flex:1;
    background:#fff;
    border:1px solid #d8e8f5;
    border-radius:20px;
    padding:35px;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
    transition:.3s;
}

.uk-step-content:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 35px rgba(0,0,0,.08);
}

.uk-step-content h3{
    color:#1b86d1;
    font-size:31px;
    margin-bottom:18px;
    font-weight:500;
}

.uk-step-content p{
    color:#555;
    font-size:17px;
    line-height:1.9;
    margin-bottom:15px;
}

/*============================*/

.uk-step-note{
    margin-top:25px;
    background:#eef9ff;
    border-left:5px solid #27b3c8;
    border-radius:14px;
    padding:20px;
}

.uk-step-note strong{
    color:#177ca8;
    display:block;
    margin-bottom:10px;
}

/*============================*/

.uk-step-tip{
    margin-top:22px;
    background:#eefcf9;
    border-left:5px solid #2cc4b7;
    border-radius:14px;
    padding:18px;
    color:#0f766e;
    font-weight:600;
}

/*============================*/

.uk-feature-action{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    margin-top:28px;
}

.uk-feature-btn{
    text-decoration:none;
    background:#28b6c7;
    color:#fff;
    padding:15px 28px;
    border-radius:12px;
    font-size:16px;
    font-weight:600;
    transition:.3s;
}

.uk-feature-btn:hover{
    background:#199db0;
}

.uk-feature-btn.secondary{
    background:#1b86d1;
}

.uk-feature-btn.secondary:hover{
    background:#0f6fb3;
}

/*============================*/

.uk-district-mini-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(240px,1fr));
    gap:18px;
    margin:28px 0;
}

.uk-district-mini-grid div{
    display:flex;
    align-items:center;
    gap:15px;
    background:#fff;
    border:1px solid #d8e8f5;
    border-radius:18px;
    padding:18px 22px;
    font-size:17px;
    color:#555;
    transition:.3s;
    box-shadow:0 5px 15px rgba(0,0,0,.03);
}

.uk-district-mini-grid div::before{
    content:"🔍";
    width:38px;
    height:38px;
    background:#29b8c7;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-size:16px;
}

.uk-district-mini-grid div:hover{
    border-color:#29b8c7;
    transform:translateY(-2px);
}

/*============================*/

@media(max-width:992px){

.uk-section-title h2{
    font-size:34px;
}

.uk-step-content h3{
    font-size:26px;
}

}

@media(max-width:768px){

.uk-step-card{
    flex-direction:column;
}

.uk-step-number{
    width:55px;
    height:55px;
    min-width:55px;
    font-size:22px;
}

.uk-step-content{
    padding:25px;
}

.uk-section-title h2{
    font-size:28px;
}

.uk-district-mini-grid{
    grid-template-columns:1fr;
}

.uk-feature-action{
    flex-direction:column;
}

.uk-feature-btn{
    text-align:center;
}

}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-5e4c19c *//*==================================
Search Grid
==================================*/

.uk-search-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:18px;

margin:30px 0;

}

.uk-search-item{

display:flex;

align-items:center;

gap:12px;

padding:18px 20px;

background:#fff;

border:1px solid #d8e7f2;

border-radius:12px;

font-size:16px;

font-weight:500;

color:#444;

box-shadow:0 8px 20px rgba(0,0,0,.05);

transition:.35s;

}

.uk-search-item:hover{

transform:translateY(-4px);

border-color:#35d4a8;

box-shadow:0 15px 30px rgba(0,0,0,.08);

background:#f8fffc;

}

.uk-search-item span{

width:34px;

height:34px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:linear-gradient(135deg,#1496cc,#35d4a8);

color:#fff;

font-size:16px;

flex-shrink:0;

}

/*==================================
Responsive
==================================*/

@media(max-width:991px){

.uk-search-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.uk-search-grid{

grid-template-columns:1fr;

gap:15px;

}

.uk-search-item{

padding:16px;

font-size:15px;

}

}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-3d10ba3 *//*=========================
Bhu Naksha
=========================*/

.uk-bhunaksha-section{

padding:90px 20px;

background:#f8fcff;

}

.uk-bhunaksha-timeline{

display:flex;

flex-direction:column;

gap:30px;

}

.uk-bn-card{

display:flex;

gap:25px;

background:#fff;

padding:30px;

border-radius:18px;

box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.uk-bn-number{

width:55px;

height:55px;

background:linear-gradient(135deg,#1496cc,#35d4a8);

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:22px;

font-weight:700;

color:#fff;

flex-shrink:0;

}

.uk-bn-content h3{

font-size:24px;

margin-bottom:15px;

color:#1478a8;

}

.uk-bn-content p{

font-size:17px;

line-height:1.9;

margin-bottom:18px;

color:#444;

}

.uk-bn-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:18px;

margin-top:20px;

}

.uk-bn-grid div{

background:#fff;

padding:18px;

border-radius:12px;

border:1px solid #dcecf6;

font-weight:600;

transition:.3s;

}

.uk-bn-grid div:hover{

background:#35d4a8;

color:#fff;

}

/*=========================
Login
=========================*/

.uk-login-section{

padding:90px 20px;

background:#fff;

}

.uk-login-card{

background:#fff;

padding:40px;

border-radius:22px;

box-shadow:0 18px 40px rgba(0,0,0,.08);

}

.uk-login-card p{

font-size:17px;

line-height:2;

margin-bottom:25px;

}

.uk-login-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:18px;

margin:30px 0;

}

.uk-login-grid div{

padding:18px;

background:#f8fcff;

border:1px solid #dcecf6;

border-radius:12px;

font-weight:600;

transition:.3s;

}

.uk-login-grid div:hover{

background:#35d4a8;

color:#fff;

}

.uk-login-note{

margin-top:25px;

padding:22px;

background:#eefaf7;

border-left:5px solid #35d4a8;

border-radius:12px;

}

@media(max-width:768px){

.uk-bn-card{

flex-direction:column;

}

.uk-bn-grid,

.uk-login-grid{

grid-template-columns:1fr;

}

.uk-login-card{

padding:25px;

}

}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-0237dda *//*=============================
Shared Cards
=============================*/

.uk-login-info-section,
.uk-record-section,
.uk-tips-section{

padding:80px 20px;

background:#f7fbff;

}

.uk-info-card{

background:#fff;

padding:40px;

border-radius:20px;

box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.uk-info-card p{

font-size:17px;

line-height:2;

color:#444;

margin-bottom:22px;

}

/*=============================
Highlight Box
=============================*/

.uk-highlight-box{

margin-top:30px;

padding:25px;

background:#eefaf7;

border-left:6px solid #35d4a8;

border-radius:15px;

}

.uk-highlight-box h3{

color:#1178ab;

margin-bottom:12px;

}

/*=============================
Checklist
=============================*/

.uk-check-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:18px;

margin:30px 0;

}

.uk-check-item{

background:#fff;

padding:18px;

border:1px solid #dcecf6;

border-radius:12px;

font-weight:600;

box-shadow:0 8px 18px rgba(0,0,0,.05);

transition:.3s;

}

.uk-check-item:hover{

background:#35d4a8;

color:#fff;

transform:translateY(-4px);

}

/*=============================
Warning
=============================*/

.uk-warning-box{

margin-top:35px;

padding:25px;

background:#fff5f5;

border-left:6px solid #ef5350;

border-radius:15px;

}

.uk-warning-box h3{

margin-bottom:10px;

color:#d32f2f;

}

/*=============================
Tips
=============================*/

.uk-tip-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:20px;

}

.uk-tip-card{

background:#fff;

padding:25px;

border-radius:15px;

font-size:17px;

font-weight:600;

line-height:1.8;

box-shadow:0 10px 25px rgba(0,0,0,.06);

transition:.3s;

border-left:5px solid #35d4a8;

}

.uk-tip-card:hover{

transform:translateY(-5px);

}

/*=============================
Responsive
=============================*/

@media(max-width:768px){

.uk-check-grid,
.uk-tip-grid{

grid-template-columns:1fr;

}

.uk-info-card{

padding:25px;

}

}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-2a1a1c4 *//*====================================================
Bhulekh Uttarakhand - Premium FAQ Section
====================================================*/

.uk-faq-section{
    padding:90px 20px;
    background:linear-gradient(180deg,#f7fbff 0%,#eef8ff 100%);
    position:relative;
    overflow:hidden;
}

.uk-faq-section::before{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    background:rgba(20,150,204,.05);
    border-radius:50%;
    top:-120px;
    right:-80px;
}

.uk-faq-section::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    background:rgba(53,212,168,.05);
    border-radius:50%;
    bottom:-100px;
    left:-80px;
}

.uk-faq-section .uk-container{
    max-width:1200px;
    margin:auto;
    position:relative;
    z-index:2;
}

/*==============================
Section Heading
==============================*/

.uk-section-title{
    text-align:center;
    max-width:900px;
    margin:0 auto 55px;
}

.uk-section-title span{
    display:inline-block;
    background:linear-gradient(135deg,#1496cc,#35d4a8);
    color:#fff;
    padding:10px 24px;
    border-radius:40px;
    font-size:14px;
    font-weight:700;
    margin-bottom:18px;
    letter-spacing:.5px;
}

.uk-section-title h2{
    font-size:42px;
    color:#1478aa;
    margin-bottom:18px;
    line-height:1.3;
}

.uk-section-title p{
    font-size:17px;
    color:#555;
    line-height:1.9;
}

/*==============================
FAQ Wrapper
==============================*/

.uk-faq-wrapper{
    display:flex;
    flex-direction:column;
    gap:18px;
}

/*==============================
FAQ Item
==============================*/

.uk-faq-item{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.35s;
    border:1px solid #edf3f7;
}

.uk-faq-item:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.uk-faq-item summary{
    list-style:none;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:24px 30px;
    font-size:20px;
    font-weight:700;
    color:#1478aa;
    transition:.3s;
    position:relative;
}

.uk-faq-item summary::-webkit-details-marker{
    display:none;
}

.uk-faq-item summary::after{
    content:"+";
    width:38px;
    height:38px;
    border-radius:50%;
    background:#1496cc;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    font-weight:700;
    transition:.3s;
    flex-shrink:0;
}

.uk-faq-item[open] summary{
    background:#f8fcff;
}

.uk-faq-item[open] summary::after{
    content:"−";
    background:#35d4a8;
    transform:rotate(180deg);
}

.uk-faq-content{
    padding:0 30px 30px;
    animation:fadeFaq .35s ease;
}

.uk-faq-content p{
    font-size:17px;
    line-height:2;
    color:#444;
    margin-bottom:18px;
}

.uk-faq-content strong{
    color:#1478aa;
}

/*==============================
FAQ Grid
==============================*/

.uk-faq-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-top:25px;
}

.uk-faq-box{
    display:flex;
    align-items:center;
    gap:12px;
    background:#fff;
    border:1px solid #dcecf6;
    border-radius:12px;
    padding:18px;
    font-size:16px;
    font-weight:600;
    color:#444;
    transition:.3s;
    box-shadow:0 6px 18px rgba(0,0,0,.05);
}

.uk-faq-box:hover{
    background:#35d4a8;
    color:#fff;
    transform:translateY(-4px);
    border-color:#35d4a8;
}

/*==============================
Suggestion Box
==============================*/

.uk-faq-note{
    margin-top:28px;
    background:#eefaf7;
    border-left:6px solid #35d4a8;
    padding:22px;
    border-radius:14px;
}

.uk-faq-note strong{
    display:block;
    font-size:18px;
    color:#1478aa;
    margin-bottom:10px;
}

.uk-faq-note p{
    margin:0;
}

/*==============================
Buttons
==============================*/

.uk-feature-action{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    margin-top:30px;
}

.uk-feature-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    padding:14px 28px;
    background:linear-gradient(135deg,#35d4a8,#22bf8d);
    color:#fff;
    border-radius:8px;
    font-weight:600;
    transition:.3s;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
}

.uk-feature-btn:hover{
    transform:translateY(-3px);
    color:#fff;
}

.uk-feature-btn.secondary{
    background:linear-gradient(135deg,#1496cc,#0f79a5);
}

/*==============================
Animation
==============================*/

@keyframes fadeFaq{

from{
opacity:0;
transform:translateY(15px);
}

to{
opacity:1;
transform:translateY(0);
}

}

/*==============================
Responsive
==============================*/

@media(max-width:991px){

.uk-section-title h2{
    font-size:34px;
}

.uk-faq-item summary{
    font-size:18px;
}

.uk-faq-grid{
    grid-template-columns:1fr;
}

}

@media(max-width:768px){

.uk-faq-section{
    padding:60px 18px;
}

.uk-section-title h2{
    font-size:28px;
}

.uk-section-title p{
    font-size:16px;
}

.uk-faq-item summary{
    padding:20px;
    font-size:17px;
    line-height:1.6;
    padding-right:60px;
}

.uk-faq-item summary::after{
    position:absolute;
    right:20px;
    top:18px;
    width:34px;
    height:34px;
    font-size:22px;
}

.uk-faq-content{
    padding:0 20px 20px;
}

.uk-faq-content p{
    font-size:16px;
}

.uk-feature-action{
    flex-direction:column;
}

.uk-feature-btn{
    width:100%;
}

}

@media(max-width:480px){

.uk-section-title h2{
    font-size:24px;
}

.uk-faq-item summary{
    font-size:16px;
}

.uk-faq-content p{
    font-size:15px;
    line-height:1.9;
}

.uk-faq-box{
    font-size:15px;
    padding:15px;
}

}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-98b04bd *//*==================================
Conclusion Section
==================================*/

.uk-conclusion-section{

padding:90px 20px;

background:linear-gradient(180deg,#f7fbff 0%,#eef8ff 100%);

position:relative;

overflow:hidden;

}

.uk-conclusion-card{

display:flex;

align-items:flex-start;

gap:35px;

background:#fff;

padding:45px;

border-radius:24px;

box-shadow:0 20px 50px rgba(0,0,0,.08);

transition:.35s;

}

.uk-conclusion-card:hover{

transform:translateY(-6px);

box-shadow:0 30px 60px rgba(0,0,0,.12);

}

.uk-conclusion-icon{

width:90px;

height:90px;

border-radius:50%;

background:linear-gradient(135deg,#1496cc,#35d4a8);

display:flex;

align-items:center;

justify-content:center;

font-size:42px;

color:#fff;

flex-shrink:0;

box-shadow:0 12px 30px rgba(0,0,0,.15);

}

.uk-conclusion-content{

flex:1;

}

.uk-conclusion-content p{

font-size:17px;

line-height:2;

color:#444;

margin-bottom:25px;

}

.uk-conclusion-content strong{

color:#1478aa;

}

/*==================================
Suggestion Box
==================================*/

.uk-conclusion-note{

display:flex;

gap:18px;

align-items:flex-start;

margin-top:30px;

padding:24px;

background:#eefaf7;

border-left:6px solid #35d4a8;

border-radius:16px;

}

.uk-note-icon{

width:52px;

height:52px;

border-radius:50%;

background:#35d4a8;

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

color:#fff;

font-weight:700;

flex-shrink:0;

}

.uk-conclusion-note h4{

margin-bottom:10px;

font-size:22px;

color:#1478aa;

}

.uk-conclusion-note p{

margin:0;

font-size:16px;

line-height:1.9;

}

/*==================================
Responsive
==================================*/

@media(max-width:768px){

.uk-conclusion-section{

padding:60px 18px;

}

.uk-conclusion-card{

flex-direction:column;

padding:30px;

}

.uk-conclusion-icon{

margin:0 auto;

}

.uk-conclusion-content{

text-align:center;

}

.uk-conclusion-note{

text-align:left;

flex-direction:column;

}

}/* End custom CSS */
/* Start custom CSS for wpr-author-box, class: .elementor-element-30423ba */<style>
/* ===== Author Box ===== */

.bj-author-box{
    max-width:1100px;
    margin:40px auto;
    background:#ffffff;
    border:1px solid #e6edf7;
    border-radius:18px;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    overflow:hidden;
    font-family:'Noto Sans',Arial,sans-serif;
}

.bj-author-header{
    background:linear-gradient(135deg,#0d6efd,#0b5ed7);
    padding:18px 25px;
    color:#fff;
}

.bj-author-header h3{
    margin:0;
    font-size:26px;
    font-weight:700;
}

.bj-author-content{
    display:flex;
    align-items:center;
    gap:25px;
    padding:30px;
}

.bj-author-image{
    flex-shrink:0;
}

.bj-author-image img{
    width:120px;
    height:120px;
    border-radius:50%;
    object-fit:cover;
    border:5px solid #0d6efd;
    background:#fff;
}

.bj-author-info h4{
    margin:0 0 10px;
    font-size:24px;
    color:#0d6efd;
}

.bj-author-info p{
    margin:0;
    color:#555;
    line-height:1.9;
    font-size:16px;
}

@media(max-width:768px){

.bj-author-content{
    flex-direction:column;
    text-align:center;
    padding:25px 20px;
}

.bj-author-header h3{
    font-size:22px;
}

.bj-author-image img{
    width:100px;
    height:100px;
}

.bj-author-info h4{
    font-size:22px;
}

.bj-author-info p{
    font-size:15px;
}

}
</style>/* End custom CSS */