input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, select:-webkit-autofill {   -webkit-box-shadow:0 0 0 1000px #ffffff inset;   -webkit-text-fill-color:#333;   border:none;   transition:background-color 5000s ease-in-out 0s; } body.blog .navbar-fixed-top img.img-fluid{   filter:unset;   padding-bottom:12px; } @media(min-width:1300px){   body.blog .navbar-nav .nav-link {  color:#000;   } } body.blog .header_search_icon i {   color:#000; } section.blog_main_banner {   background:linear-gradient(135deg, #EFF6FF 0%, #EEF2FF 100%);   min-height:600px;   display:flex;   align-content:center;   justify-content:center;   position:relative; } .blog-hd-content {   display:flex;   justify-content:center;   align-items:center;   flex-wrap:nowrap;   flex-direction:column;   z-index:1; } .blog-sub-hd {   display:inline-block;   padding-top:40px; } .blog-sub-hd > span {   font-size:26px; } .blog-mainpage-main-heading h1 {   font-size:85px;   color:#1058cc; } section.blog_main_banner:before {   content:'';   background-image:url(/wp-content/uploads/w3-webp/uploads/2025/07/dots-bg.png.webp);   position:absolute;   width:100%;   height:100%;   opacity:0.6;   left:0;   top:0;   z-index:0; } .Blog-main-page-search-form {   position:relative;   width:100%;   max-width:650px;   margin:0 auto;   display:flex;   align-items:center;   background:#ffffff;   border:1px solid #e0e0e0;   border-radius:8px;   padding:0;   transition:all 0.2s ease;   overflow:visible;   width:650px; } .Blog-main-page-search-form:hover {   border-color:#c0c0c0; } .Blog-main-page-search-form:focus-within {   border-color:#007bff;   box-shadow:0 0 0 3px rgba(0, 123, 255, 0.1);   transform:scale(1.01); } .icon-search {   position:absolute;   left:12px;   top:50%;   transform:translateY(-50%);   z-index:2;   pointer-events:none;   display:flex;   align-items:center;   justify-content:center; } .icon-search i.fa-magnifying-glass {   width:16px;   height:16px;   color:#888;   transition:color 0.2s ease; } .Blog-main-page-search-form:focus-within .icon-search i.fa-magnifying-glass {   color:#007bff; } .user_input {   flex:1;   width:100%;   padding:12px 80px 12px 40px;   border:none;   background:transparent;   color:#333;   font-size:14px;   font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;   outline:none;   transition:all 0.2s ease; } .user_input::placeholder {   color:#888;   font-weight:400; } .user_input:focus::placeholder {   color:#bbb; } .user_submit {   position:absolute;   right:8px;   top:50%;   transform:translateY(-50%);   color:#000000;   padding:8px 16px;   font-size:12px;   font-weight:500;   cursor:pointer;   transition:all 0.2s ease;   text-transform:uppercase;   letter-spacing:0.5px;   border-radius:6px;   background-color:rgb(236 241 253);   border:1px solid rgb(0 0 0 / 10%);   -webkit-backdrop-filter:blur(30px);   backdrop-filter:blur(30px); } .user_submit:hover {   background:#1058CC;   color:#fff; } .user_submit:active {   background:#004085; } .user_submit.hidden {   display:none; } .Blog-main-page-search-form.no-button .user_input {   padding-right:16px; } .user_submit.icon-style {   background:transparent;   color:#888;   padding:8px;   border-radius:4px;   font-size:0;   width:32px;   height:32px;   display:flex;   align-items:center;   justify-content:center; } .user_submit.icon-style::before {   content:"↵";   font-size:14px;   font-weight:bold; } .user_submit.icon-style:hover {   background:#f0f0f0;   color:#007bff; } @media (max-width:768px) {   .Blog-main-page-search-form {  max-width:90vw;  margin:0;   }   .user_input {  padding:12px 70px 12px 35px;  font-size:16px;   }   .user_submit {  padding:6px 12px;  font-size:11px;   }   .icon-search {  left:10px;   } } @media (max-width:480px) {   .user_input {  padding:10px 60px 10px 32px;   }   .user_submit {  padding:5px 10px;  font-size:10px;  right:6px;   }   .main-blog-page-search-icon {  width:14px;  height:14px;   }   .icon-search {  left:8px;   } } div#blog_page_main_searchbar {   margin-top:25px; } .main_blog_slider {   max-width:1100px;   width:100%;   position:relative;   background:#ffffff;   border-radius:24px;   box-shadow:0 10px 40px rgba(0, 0, 0, 0.08);   margin:0 auto;   font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif; } .main_blog_slider * {   box-sizing:border-box; } .slider-wrapper {   position:relative;   height:320px;   overflow:hidden; } .slide {   position:absolute;   top:0;   left:0;   width:100%;   height:100%;   display:flex;   align-items:stretch;   opacity:0;   transform:translateX(100%);   transition:all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .slide.active {   opacity:1;   transform:translateX(0);   z-index:0; } .slide.prev {   transform:translateX(-100%);   z-index:1; } .slide-image {   flex:0 0 50%;   position:relative;   overflow:hidden;   background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);   border-radius:16px; } .slide-image img {   width:100%;   height:100%;   transition:transform 0.7s ease;   object-fit:cover;   border-radius:16px; } .image-overlay {   position:absolute;   inset:0;   background:linear-gradient(135deg, rgba(16, 88, 204, 0.1), rgba(102, 126, 234, 0.1));   pointer-events:none; } .slide-content {   flex:1;   padding:48px;   display:flex;   flex-direction:column;   justify-content:center;   background:#ffffff; } .content-header {   display:flex;   align-items:center;   gap:16px;   margin-bottom:20px; } .category-tag {   display:inline-flex;   align-items:center;   background:#fff;   color:#1058CC;   padding:4px 10px;   border-radius:5px;   font-size:0.75rem;   font-weight:600;   text-transform:uppercase;   letter-spacing:0.5px;   border:1px solid #1058CC; } .reading-time {   color:#64748B;   font-size:0.875rem;   font-weight:500; } .slide-title {   font-size:30px;   font-weight:700;   margin-bottom:16px;   line-height:1.2;   color:#1058CC;   letter-spacing:-0.025em;   text-overflow:ellipsis;   display:-webkit-box;   -webkit-line-clamp:2;   -webkit-box-orient:vertical;   height:auto;   width:100%;   overflow:hidden;   min-height:70px; } .slide-description {   font-size:1rem;   color:#64748B;   margin-bottom:24px;   line-height:1.6;   font-weight:400; } .slide-meta {   display:flex;   align-items:center;   justify-content:space-between;   margin-bottom:10px;   padding-bottom:16px;   border-bottom:1px solid #E2E8F0; } .author-info {   display:flex;   align-items:center;   gap:12px; } .author-avatar {   width:32px;   height:32px;   border-radius:50%;   object-fit:cover; } .author-name {   font-size:0.875rem;   font-weight:600;   color:#374151; } .post-date {   font-size:0.875rem;   color:#64748B;   font-weight:500; } .read-more-btn {   display:inline-flex;   align-items:center;   text-decoration:none;   background:#1058CC;   color:#ffffff;   padding:12px 28px;   border-radius:7px;   font-weight:600;   font-size:0.875rem;   transition:all 0.3s ease;   align-self:flex-start; } .read-more-btn:hover {   background:#0d47a1;   transform:translateY(-2px);   box-shadow:0 8px 25px rgba(16, 88, 204, 0.3); } .navigation-controls {   position:absolute;   top:50%;   left:-50px;   right:-50px;   transform:translateY(-50%);   display:flex;   justify-content:space-between;   padding:0 20px;   pointer-events:none;   z-index:10; } .nav-arrow {   width:48px;   height:48px;   border:none;   background:rgba(255, 255, 255, 0.95);   border-radius:50%;   cursor:pointer;   display:flex;   align-items:center;   justify-content:center;   color:#374151;   transition:all 0.3s ease;   pointer-events:auto;   backdrop-filter:blur(10px);   box-shadow:0 4px 20px rgba(0, 0, 0, 0.1); } .nav-arrow:hover {   background:#1058CC;   color:#ffffff;   transform:scale(1.05); } .slide-indicators {   position:absolute;   bottom:-30px;   left:50%;   transform:translateX(-50%);   display:flex;   gap:12px;   z-index:10; } .indicator {   width:8px;   height:8px;   border-radius:50%;   border:none;   background:rgb(150 150 150 / 50%);   cursor:pointer;   transition:all 0.3s ease;   box-shadow:rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; } .indicator.active {   background:#1058CC;   transform:scale(1.25); } @media (max-width:768px) {   .main_blog_slider {  border-radius:16px;  margin:0 0px;   }   .slider-wrapper {  height:auto;  min-height:600px;   }   .slide {  flex-direction:column;  height:auto;  position:relative;  transform:none;  opacity:1;  display:none;   }   .slide.active {  display:flex;  transform:none;   }   .slide-image {  flex:0 0 250px;  width:100%;   }   .slide-content {  padding:32px 0px;   }   .slide-title {  font-size:1.75rem;   }   .navigation-controls {  display:none;   }   .slide-indicators {  bottom:16px;   }   .content-header {  flex-wrap:wrap;  gap:12px;   }   .slide-meta {  flex-direction:column;  align-items:flex-start;  gap:12px;   } } @media (max-width:480px) {   .slide-content {  padding:24px 0px;   }   .slide-title {  font-size:1.5rem;  min-height:90px;   }   .category-tag {  font-size:0.7rem;  padding:4px 12px;   } } .my-post-carousel-wrap {   margin-top:-180px;   margin-bottom:100px; } .main_blog_slider {   border:1px solid #e0e0db;   padding:20px; } .indicator.active {   width:20px;   border-radius:5px; } .blog-hd-content.main-container {   margin-top:-140px; } .articles.grid-posts.columns-4 {   display:grid;   grid-template-columns:repeat(4, 1fr);   gap:28px; } .articles.grid-posts img.fullimage.cover {   width:100%; } .articles.grid-posts.columns-4 article {   border:1px solid #e0e0db;   padding:15px;   border-radius:10px;   box-shadow:rgba(0, 0, 0, 0.16) 0px 1px 4px; } .articles.grid-posts .clear.hide-on-tablet {   display:none; } .articles.grid-posts .clear.hide-on-desktop.hide-on-mobile {   display:none; } .articles.grid-posts a.thumb.epcl-loader img {   border-radius:10px;   box-shadow:rgba(0, 0, 0, 0.16) 0px 1px 4px;   transition:0.3s;   max-height:172px;   height:172px; } .articles.grid-posts .featured-image.mask-effect {   border-radius:10px; } .articles.grid-posts h4.post-title-main-blog {   color:#1058cc;   margin-top:15px;   margin-bottom:10px;   font-size:22px;   text-transform:capitalize;   overflow:hidden;   text-overflow:ellipsis;   display:-webkit-box;   -webkit-line-clamp:2;   -webkit-box-orient:vertical;   padding-bottom:0px;   letter-spacing:0px;   min-height:53px; } .articles.grid-posts a.category-main-blogpg {   padding:3px 10px;   border:1px solid #1058cc;   color:#1058cc;   border-radius:5px;   font-size:14px;   line-height:15px;   transition:0.5s; } .articles.grid-posts .tags-cate {   margin-top:10px;   display:flex;   justify-content:space-between;   align-content:center;   align-items:center; } .articles.grid-posts .blog-date time {   font-size:14px;   font-weight:400;   color:#5f5f69; } .articles.grid-posts .blog-date {   margin-top:15px; } .articles.grid-posts a.category-main-blogpg:hover {   background:#1058cc;   color:#fff; } .articles.grid-posts.columns-4 article:hover h4 {   color:#000; } .articles.grid-posts.columns-4:hover {   background:#ffffff; } .articles.grid-posts span.read-time {   font-weight:400;   color:#5f5f69; } .articles.grid-posts.columns-4 article:hover span.read-time {   color:#000; } .articles.grid-posts.columns-4 article:hover a.thumb.epcl-loader img {   box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,  rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;   transform:translateY(-5px); } .pagination {   list-style:none;   display:flex;   align-items:center;   gap:8px;   margin:0;   padding:0;   padding:12px;   border-radius:12px;   justify-content:center; } .pagination .page-item {   list-style:none;   box-shadow:rgba(0, 0, 0, 0.16) 0px 1px 4px;   border-radius:8px; } .pagination .page-link {   display:flex;   align-items:center;   justify-content:center;   width:40px;   height:40px;   border-radius:8px;   text-decoration:none;   font-size:14px;   font-weight:500;   transition:all 0.2s ease;   border:1px solid transparent;   color:#6b7280;   background:white; } .pagination .page-link:hover {   background-color:#f3f4f6;   color:#374151; } .pagination .page-item.active .page-link {   background-color:#1159cf;   color:white;   border-color:#1159cf;   box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05); } .pagination .page-item.active .page-link:hover {   background-color:#2563eb; } .pagination .page-link.prev, .pagination .page-link.next {   font-size:16px;   font-weight:600; } .pagination .page-link.prev:hover, .pagination .page-link.next:hover {   background-color:#f3f4f6;   color:#374151; } .pagination .page-link.dots {   cursor:default;   color:#9ca3af;   pointer-events:none; } .pagination .page-link.dots:hover {   background:white;   color:#9ca3af; } @media (max-width:640px) {   .pagination {  gap:4px;  padding:8px;   }   .pagination .page-link {  width:36px;  height:36px;  font-size:13px;   } } @media (max-width:1299px) {   #wrapper-navbar:not(.shrink) .navbar-fixed-top img {  filter:unset;   }   .navbar-toggler-icon,.navbar-toggler-icon::before, .navbar-toggler-icon::after{  color:#000;  background:#1ca6ba;   } } @media(max-width:586px){   .articles.grid-posts.columns-4 {  grid-template-columns:repeat(1, 1fr);   } } @media(min-width:587px) and (max-width:850px){   .articles.grid-posts.columns-4 {  grid-template-columns:repeat(2, 1fr);   } } @media(min-width:851px) and (max-width:1024px){   .articles.grid-posts.columns-4 {  grid-template-columns:repeat(3, 1fr);   } } @media(min-width:768px) and (max-width:1199px){   .navigation-controls {  display:none;   } } a.btn.btn-secondary.understrap-read-more-link {   display:none; } .post-excerpt {   text-transform:capitalize;   overflow:hidden;   text-overflow:ellipsis;   display:-webkit-box;   -webkit-line-clamp:2;   -webkit-box-orient:vertical;   padding-bottom:0px;   letter-spacing:0px;   min-height:52px; } .blog-search-results.articles.grid-posts {   padding-bottom:100px; } body.search header.page-header {   background-image:url(/wp-content/uploads/w3-webp/themes/understrap/images/main-banner.jpg.webp);   background-size:cover;   background-repeat:no-repeat;   overflow:hidden;   background-position:center;   display:flex;   align-content:center;   justify-content:center;   position:relative;   padding:150px 0 100px; } body.search h1.page-title {   font-size:35px;   font-weight:400;   color:#d9d9d9;   display:flex;   flex-direction:column;   align-items:center; } body.search h1.page-title span {   font-size:75px;   font-weight:700;   color:#ffffff;   text-transform:capitalize } body.search div#blogs {   padding:50px 0; } div#search-results:empty {   display:none; } div#search-results {   position:absolute;   top:45px;   background:#fff;   width:100%;   padding:15px;   border:3px solid #1058cc;   border-radius:4px;   max-height:368px;   overflow-y:scroll; } div#search-results .live-search-wrapper a.live-search-item {   display:flex;   flex-direction:row;   align-items:center;   gap:16px;   margin-bottom:10px;   border-radius:4px;   padding:6px;   box-shadow:1px 1px 8px 3px #00000063; } div#search-results .live-search-wrapper a.live-search-item .search-img {   border:1px solid #e3e3e3;   border-radius:4px; } div#search-results .live-search-wrapper a.live-search-item .search-img img {   min-width:100px;   max-width:100px;   height:60px;   object-fit:cover;   border-radius:4px; } div#search-results .live-search-wrapper a.live-search-item .search-content p.title {   font-size:16px;   font-weight:600;   color:#1058cc;   line-height:20px; } div#search-results .live-search-wrapper a.live-search-item .search-content span.category {   color:#4c4c4c;   font-size:14px; }