
body{
    background-color: #f5f5f5;
}
.preloader-section {
background: #fff;   
flex-direction: column; 
z-index: 99999999999999 !important;
color: #151747; 
position: fixed;
width: 100%;
height: 100%;
background-color: #fff;
top: 0;
left: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
}

.loading-pre {
font-family: Oswald, sans-serif;
font-size: 82px;
letter-spacing: 3px;
text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.9);
display: flex;
align-items: baseline;
}


.loading-pre .char {
animation: jump 2.8s linear infinite;
animation-delay: calc( 0s + (var(--char-index) + 0 ) * .3s  );
animation-timing-function: ease;
transform-origin:50% 100%;
}
.logo-e{
margin-right: -45px;
}
.logo-e img{
width: 150px;
}

@keyframes jump {
5% {
   transform: scale(1.2,0.8);
}
12%, 13% {
   transform: translateY(-1em) scale(1,1.001);
}
17% {
   transform: translateY(0) scale(1,0.999);
}
22% {
   transform: translateY(0) scale(1.2,0.9);
}
23% {
   transform: translateY(-1px) scale(1.1,1);
}
25% {
   transform: translateY(0) scale(1,1);
}
}

.dwf {
position:absolute;
bottom:4px;
right:10px;
}
@media (max-width : 425px){
.loading-pre{
   font-size: 62px !important;
}
.logo-e img{
     width: 100px;
   }
   .logo-e{
margin-right: -30px;
}
}
.upi-coll-cont{
margin-top: 50px;
box-shadow: rgba(99, 99, 99, 0.5) 0px 2px 8px 0px;
padding: 20px;
border-radius: 20px;
}
.upi-coll-cont h6{
font-size: 24px;
margin-bottom: 20px;
text-decoration: underline;
text-align: center;
}
.upi-coll-cont li{
font-size: 17px;
font-weight: 500;
margin-bottom: 10px;
margin-left: 1%;
list-style: dist;
/*color: #544747;*/
}
.upi-coll-cont li span{
font-weight: bold;
}
.upi-collection-img img{
width: 100%;
}

#indexsuccessmsg1, #indexerrormsg1{
display: none;
}
#indexsuccessmsg1, #indexsuccessmsg1{
display: none;
}

#indexsuccessmsg2, #indexerrormsg2{
display: none;
}
#indexsuccessmsg2, #indexsuccessmsg2{
display: none;
}
#fnameerror, #lnameerror, #phoneerror ,#emailerror, #msgerror ,#posterror , #fileerror{
display: none;
}


#nameerror, #emailerror, #phoneerror ,#suberror, #msgerror{
display: none;
}
   .side-content__download{
       width: 95%!important;
   }

   .term-c {
       padding: 18px 15px;
       border: 1px solid #cbc3c3;
       margin: 10px 15px;
   }
   .term-c div{
       margin-bottom: 30px;
   }

   .term-c h4 {
       font-size: 25px;
       font-weight: 800;
       background-color: #151747;
       color: #fff;
       padding: 10px;
       display: inline-block;
       justify-content: center;
       align-items: center;
       display: flex;
   }

   .term-c h6 {
       font-size: 23px;
       font-weight: 800;
       color: #F72F20;
       display: inline-block;
       margin-top: 10px;
       margin-top: 5px;
       margin-bottom: 5px;
   }

   .term-c p i {
       font-size: 8px;
   }

   .term-c p {
       color: #151747;
       margin-top: 4px;
       margin-bottom: 0px;
       font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
   }

   .mini-heading{
       font-size: 18px;
       font-weight: 700;
       margin-top: 30px !important;

   }
/* banner start */
.banner {
margin-top: 40px;
}

.banner_slider_item {
position: relative;
margin: 0 12px;
}

.banner_slider_img {
height: 650px;
transition: all linear 0.3s;
-webkit-transition: all linear 0.3s;
-moz-transition: all linear 0.3s;
-ms-transition: all linear 0.3s;
-o-transition: all linear 0.3s;
}

.banner_slider_text {
background: linear-gradient(
0deg,
rgba(22, 43, 73, 0.639093137254902) 34%,
rgba(22, 43, 73, 0) 100%
);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: end;
align-items: start;
padding: 30px;
}

.banner_slider_text .category {
position: relative;
background: #f72f20;
display: inline-block;
color: #fff;
font-size: 15px;
padding: 5px 20px;
}

.banner_slider_text .category::after {
position: absolute;
content: "";
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 12px solid #f72f20;
transform: rotate(180deg);
bottom: -12px;
left: 15px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}

.banner_slider_text a {
display: block;
font-size: 28px;
font-weight: 500;
line-height: 40px;
color: #fff;
margin-top: 15px;
margin-bottom: 10px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
transition: all linear 0.3s;
-webkit-transition: all linear 0.3s;
-moz-transition: all linear 0.3s;
-ms-transition: all linear 0.3s;
-o-transition: all linear 0.3s;
}

.banner_slider_text a:hover {
color: #f72f20;
}

.banner_slider_text p {
color: #fff;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 0;
transition: all linear 0.3s;
-webkit-transition: all linear 0.3s;
-moz-transition: all linear 0.3s;
-ms-transition: all linear 0.3s;
-o-transition: all linear 0.3s;
}

.banner_slider_text ul {
margin-top: 10px;
width: 100%;
transition: all linear 0.3s;
-webkit-transition: all linear 0.3s;
-moz-transition: all linear 0.3s;
-ms-transition: all linear 0.3s;
-o-transition: all linear 0.3s;
}

.banner_slider_text ul li {
color: #fff;
font-size: 16px;
font-weight: 400;
margin-right: 40px;
}

.banner_slider_text ul li i {
margin-right: 5px;
color: #f72f20;
}

.banner_slider .slick-list {
padding: 0 !important;
}

.banner_slider .nextArrow,
.banner_slider .prevArrow {
width: 85px;
height: 85px;
line-height: 85px;
border-radius: 50%;
font-size: 40px;
text-align: center;
background: #f3974580;
color: #fff;
position: absolute;
top: 50%;
cursor: pointer;
right: 180px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transition: all linear 0.3s;
-webkit-transition: all linear 0.3s;
-moz-transition: all linear 0.3s;
-ms-transition: all linear 0.3s;
-o-transition: all linear 0.3s;
z-index: 1;
}

.banner_slider .prevArrow {
right: auto;
left: 180px;
}

.banner_slider .nextArrow {
background: #fff;
color: #f72f20;
}

.banner_slider .nextArrow:hover,
.banner_slider .prevArrow:hover {
background: #fff;
color: #f72f20;
}

.banner_slider_item:hover .banner_slider_text p,
.banner_slider .slick-current .banner_slider_text p {
height: 48px;
}

.banner_slider_item:hover .banner_slider_text a,
.banner_slider .slick-current .banner_slider_text a {
margin-bottom: 10px;
}

.banner_slider_item:hover .banner_slider_text ul,
.banner_slider .slick-current .banner_slider_text ul {
margin-top: 25px;
}

.banner .slick-slide img{
height: 100%;
}
/* banner end */


/* trendy news start */
.trendy_news h2 {
font-size: 24px;
font-weight: 500;
position: relative;
display: inline-block;
margin-bottom: 25px;
}

.trendy_news h2::after {
position: absolute;
content: "";
background: url(../images/shapes_1.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100px;
height: 60px;
top: -63px;
left: 50%;
margin-left: 30px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}

.trendy_news_item {
position: relative;
margin: 0px 12px;
transition: 0.3s all ease-in-out;
}

.trendy_news_item:hover{
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
transform: translate(0 , -5px);
}
.trendy_news_img {
height: 400px;
position: relative;
}

.trendy_news_text {
background: linear-gradient(
0deg,
rgba(22, 43, 73, 0.7) 20%,
rgba(22, 43, 73, 0.1) 100%
);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: end;
align-items: start;
padding: 20px;
z-index: 9;
}

.trendy_news_text span {
font-size: 12px;
color: #fff;
}

.trendy_news_text p {
font-size: 15px;
font-weight: 300;
color: #fff;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-top: 10px;
margin-bottom: 10px;
transition: all linear 0.3s;
height: 0;
-webkit-transition: all linear 0.3s;
-moz-transition: all linear 0.3s;
-ms-transition: all linear 0.3s;
-o-transition: all linear 0.3s;
}

.trendy_news_text .time {
display: block;
font-size: 12px;
font-weight: 500;
color: #fff;
}

.trendy_news_text .time i {
margin-right: 3px;
}

.trendy_news_item:hover .trendy_news_text p {
margin-bottom: 20px;
height: 50px;
}

.trendy_slider .nextArrow,
.trendy_slider .prevArrow {
width: 55px;
height: 55px;
line-height: 55px;
border-radius: 50%;
font-size: 25px;
text-align: center;
background: #fdede0;
color: #f72f20;
position: absolute;
top: 50%;
cursor: pointer;
right: -100px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transition: all linear 0.3s;
-webkit-transition: all linear 0.3s;
-moz-transition: all linear 0.3s;
-ms-transition: all linear 0.3s;
-o-transition: all linear 0.3s;
z-index: 1;
}

.trendy_slider .prevArrow {
right: auto;
left: -100px;
}

.trendy_slider .nextArrow,
.trendy_slider .nextArrow:hover,
.trendy_slider .prevArrow:hover {
background: #f72f20;
color: #fff;
}

/* trendy news end */


/* video start */
.video .heading {
font-size: 24px;
font-weight: 500;
line-height: 25px;
}

.video .trendy_news_img {
height: 500px;
}

.video .trendy_news_text {
padding: 30px;
}

.video .play_btn {
position: absolute;
width: 60px;
height: 60px;
line-height: 60px;
font-size: 20px;
text-align: center;
color: #fff;
border: 2px solid #fff;
border-radius: 50%;
top: 50px;
right: 50px;
z-index: 99;
}

.video .common_btn {
margin-top: 50px;
}

/* video end */


.title {
display: block;
font-size: 22px;
font-weight: 600;
color: #fff;
margin-top: 10px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
transition: all linear 0.3s;
-webkit-transition: all linear 0.3s;
-moz-transition: all linear 0.3s;
-ms-transition: all linear 0.3s;
-o-transition: all linear 0.3s;
text-shadow: 1px 2px 6px rgba(255,255,255,0.6);
}

.title:hover {
color: #f72f20;
text-shadow: 1px 2px 6px rgba(0,0,0,0.6);
}

.trendy_news_img img{
height: 100%;
}

/*new blogs*/
.blog-section .blog-box {
padding-bottom: 1px;
border-radius: 10px;
border: 1px solid #ececec;
background: #fff;
overflow: hidden;
position: relative;
}
.blog-section .blog-box .blog-image {
position: relative;
overflow: hidden;
margin-bottom: 15px;
border-radius: 0;
}
.blog-section .blog-box .blog-image a {
-webkit-transition: all .3s ease-in-out;
}
.ratio_65 .bg-size:before {
content: "";
padding-top: 55%;
display: block;
}
.blog-section .blog-box .blog-contain {
padding: 0 20px 20px;
}
.blog-section .blog-box .blog-contain .blog-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-section .blog-box .blog-contain .blog-label .time, .blog-section .blog-box .blog-contain .blog-label .super {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #4a5568;
text-transform: uppercase;
font-size: 13px;
}
.blog-section .blog-box .blog-contain a {
color: #222;
}
.blog-section .blog-box .blog-contain a h3 {
margin: 10px 0 6px;
font-weight: 600;
line-height: 1.5;
text-transform: capitalize;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
 white-space: nowrap; 
 text-overflow: ellipsis; 
font-size: calc(16px + 2*(100vw - 320px)/1600);
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.blog-section .blog-box .blog-contain .blog-button {
border: none;
background-color: rgba(13, 164, 135, 0.1);
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 0;
overflow: hidden;
border-radius: 5px;
padding: 10px 22px;
color: #0da487;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
/*margin-top: calc(8px + 14*(100vw - 320px) / 1600);*/
font-size: 14px;
width:60%;
}
.blog-section .blog-box .blog-contain .blog-button i {
margin-left: 10px;
margin-top: 1px;
}
/*.blog-section .blog-box:hover .blog-image a {*/
/*-webkit-transform: scale(1.05) rotate(2deg);*/
/*transform: scale(1.05) rotate(2deg);*/
/*}*/
.blog-section .left-sidebar-box .left-search-box .search-box {
position: relative;
}
.blog-section .left-sidebar-box .left-search-box .search-box::before {
content: "";
position: absolute;
font-family: "Font Awesome 6 Free";
font-weight: 900;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 20px;
color: #4a5568;
}
.blog-section .left-sidebar-box .left-search-box .search-box input {
padding: 8px 68px 8px 20px;
background-color: #fff;
border: none;
height: 53px;
border-radius: 7px;
}

.blog-section .left-sidebar-box .left-search-box .search-box::after {
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
height: 60%;
right: 51px;
opacity: .3;
background-color: #4a5568;
}
.collapse {
visibility: visible !important; /* Override the visibility property */
}

.blog-section .left-sidebar-box {
position: sticky;
top: 20px;
}
.blog-section .left-sidebar-box .left-accordion-box {
margin-top: 20px;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item {
border: none;
padding: calc(18px + 7*(100vw - 320px) / 1600);
background-color: #fff;
margin-top: 25px;
}
.accordion-header {
margin-bottom: 0;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-header .accordion-button {
background-color: #fff;
color: #222;
font-weight: 700;
padding: 0;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-header .accordion-button:not(.collapsed) {
-webkit-box-shadow: none;
box-shadow: none;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-header .accordion-button:focus {
border-color: rgba(0, 0, 0, 0);
-webkit-box-shadow: none;
box-shadow: none;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body {
padding: 0;
margin-top: 20px;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-image {
width: 110px;
border-radius: 5px;
overflow: hidden;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-image img {
width: 100%;
height: 100%;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail {
padding-left: 15px;
width: calc(100% - 110px);
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail a {
color: #222;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail a h5 {
font-weight: 600;
line-height: 1.45;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail h6 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 8px;
color: #4a5568;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box+.recent-box {
margin-top: 20px;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li:first-child {
padding-top: 0;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li {
display: block;
position: relative;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
z-index: 0;
overflow: hidden;
width: 100%;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a {
display: block;
font-size: calc(14px + 2*(100vw - 320px)/1600);
color: #222;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a .category-name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a .category-name span {
width: 22px;
height: 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 13px;
color: #fff;
background-color: #0da487;
padding: 4px 5px 3px;
border-radius: 100%;
}
.blog-section .blog-detail-image {
position: relative;
}
.ratio_50 .bg-size:before {
content: "";
padding-top: 50%;
display: block;
}
.blog-section .blog-detail-image .blog-image-contain {
position: absolute;
bottom: 0;
width: 100%;
padding: 55px 15px 40px;
text-align: center;
background: #fff;
background: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(246, 246, 246, 0)));
background: linear-gradient(0deg, white 0%, rgba(246, 246, 246, 0) 100%);
color: #222;
}
.blog-section .blog-detail-image .blog-image-contain h2 {
margin: calc(10px + 4*(100vw - 320px) / 1600) 0;
font-weight: 700;
font-size: calc(22px + 12*(100vw - 320px)/1600);
}
.blog-section .blog-detail-image .blog-image-contain .contain-comment-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: calc(10px + 13*(100vw - 320px) / 1600);
color: #777;
}
.blog-section .blog-detail-image .blog-image-contain .contain-comment-list li .user-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-section .blog-detail-image .blog-image-contain .contain-comment-list li .user-list .feather {
width: 18px;
height: 18px;
margin-right: 3px;
}

.blog-section .leave-box {
padding: calc(18px + 12*(100vw - 320px) / 1600);
background-color: #fff;
border-radius: 6px;
}
.blog-section .leave-title {
margin: 40px 0 9px;
}
.blog-section .leave-title h3 {
position: relative;
font-weight: 700;
z-index: 0;
color: #4a5568;
font-size: 22px;
}
.blog-section .leave-box .leave-comment .comment-notes p {
line-height: 1.6;
}
.text-content {
color: #4a5568;
}
.blog-section .leave-box .leave-comment .blog-input .form-control {
border: none;
background-color: #f5f5f5;
}
.form-control {
background-color: #fff;
}
.form-control {
font-size: 14px;
padding: calc(8px + 6*(100vw - 320px) / 1600) calc(12px + 3*(100vw - 320px) / 1600);
}
.checkbox_animated {
cursor: pointer;
position: relative;
margin-right: 16px;
height: 100%;
}
.btn-md {
padding: calc(8px + 3*(100vw - 320px) / 1600) calc(16px + 8*(100vw - 320px) / 1600);
font-size: calc(14px + 2*(100vw - 320px)/1600);
font-weight: 500;
}
.btn-animation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
color: #fff;
border-radius: 5px;
font-weight: 600;
background: rgba(0, 0, 0, 0);
-webkit-transition: all .3s ease;
transition: all .3s ease;
position: relative;
background: #ff6b6b;
background: -webkit-gradient(linear, left top, right top, from(#ff6b6b), to(#ff4f4f));
background: linear-gradient(90deg, #ff6b6b 0%, #ff4f4f 100%);
border: none;
z-index: 0;
}
.btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
/*color: #222;*/
padding: calc(7px + 7*(100vw - 320px) / 1600) calc(14px + 18*(100vw - 320px) / 1600);
font-weight: 500;
/*background: rgba(0, 0, 0, 0);*/
-webkit-transition: all .3s ease;
transition: all .3s ease;
position: relative;
border: none;
font-size: calc(14px + 4*(100vw - 320px)/1600);
z-index: 0;
white-space: nowrap;
}
.btn-animation:hover {
color: #fff;
}
.btn-animation::after {
content: "";
position: absolute;
width: 100%;
height: 0;
bottom: 0;
left: 0;
z-index: -1;
border-radius: 5px;
background: #ff4f4f;
background: -webkit-gradient(linear, left top, right top, from(#ff4f4f), to(#ff6b6b));
background: linear-gradient(90deg, #ff4f4f 0%, #ff6b6b 100%);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.btn-animation:hover::after {
top: 0;
height: 100%;
}
.blog-section .leave-box .leave-comment .blog-input .form-control:focus {
background-color: #fff;
outline: none;
}
.discription_blog{
background: #fff;
padding: 20px 15px;
}
.blog-detail-contain ul{
padding-left: 20px;
}
.custom-pagination {
margin-top: calc(22px + 13*(100vw - 320px) / 1600);
}
.custom-pagination .pagination {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: calc(6px + 7*(100vw - 320px) / 1600);
}
.custom-pagination .pagination .page-item {
border-radius: 5px;
overflow: hidden;
}
.custom-pagination .pagination .page-item .page-link {
color: #4a5568;
border: 1px solid rgba(0, 0, 0, 0);
}
.custom-pagination .pagination .page-item.active .page-link {
background-color: #0da487;
border-color: #0da487;
color: #fff;
}
.custom-pagination .pagination .page-item:not(:first-child) .page-link {
margin: 0;
}
.breadcrumb-section {
background-color: #fff;
position: relative;
overflow: hidden;
}
.breadcrumb-section .breadcrumb-contain {
padding: calc(26px + 14*(100vw - 320px) / 1600) 0;
text-align: center;
color: #222;
font-family: "Public Sans", sans-serif;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.breadcrumb-section .breadcrumb-contain h2 {
font-weight: 700;
font-size: calc(16px + 6*(100vw - 320px)/1600);
margin-bottom: 0;
}
.breadcrumb-section .breadcrumb-contain nav {
margin-left: auto;
}
.breadcrumb-section .breadcrumb-contain nav .breadcrumb {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item {
font-weight: 500;
}
.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item.active {
color: #000;
margin-top: 2px;
}


.blog-detail-contain h1, .blog-detail-contain h2, .blog-detail-contain h3, .blog-detail-contain h4, .blog-detail-contain h5, .blog-detail-contain h6 {
margin-top: 20px;
margin-bottom: 10px;
}

.blog-detail-contain h1 {
font-size: 2.5em;
font-weight: bold;
}

.blog-detail-contain h2 {
font-size: 2em;
font-weight: bold;
}

.blog-detail-contain h3 {
font-size: 1.75em;
font-weight: bold;
}

.blog-detail-contain h4 {
font-size: 1.5em;
font-weight: bold;
}

.blog-detail-contain h5 {
font-size: 1.25em;
font-weight: bold;
}

.blog-detail-contain h6 {
font-size: 1em;
font-weight: bold;
}

.blog-detail-contain p {
font-size: 1em;
line-height: 1.5;
margin: 15px 0;
color: #333;
}

.blog-detail-contain a {
color: #007bff;
text-decoration: none;
}

.blog-detail-contain a:hover {
text-decoration: underline;
}

.blog-detail-contain ul, .blog-detail-contain ol {
margin: 1em 0;
padding-left: 40px;
}

.blog-detail-contain ul li, .blog-detail-contain ol li {
margin-bottom: 0.5em;
}

.blog-detail-contain blockquote {
margin: 1em 0;
padding: 0.5em 1em;
background-color: #f9f9f9;
border-left: 5px solid #ccc;
}

.blog-detail-contain img {
max-width: 100%;
height: auto;
display: block;
margin: 1em 0;
}

.blog-detail-contain table {
width: 100%;
border-collapse: collapse;
margin: 1em 0;
}

.blog-detail-contain table th, .blog-detail-contain table td {
border: 1px solid #ccc;
padding: 8px;
text-align: left;
}

.blog-detail-contain table th {
background-color: #f4f4f4;
}
.blog-detail-contain br{
display: none;
}
@media(max-width : 970px){
.topbar-one__right{
   display: none !important;
}
}
@media(max-width : 769px){
.popup{
   height: 85vh;
}
.popup-slider .item img {
   height: 100%;
   width: 93%;
}
.popup-slider .item{
   height: 100%;
   display: flex;
   justify-content: center;
}
.popup-slider .item img{
  height: 100%;
  width: 48%;
}
.head_slider{
   margin-bottom: 20px;
}
.banner_slider_img{
   height: 360px;
}
.banner_slider .nextArrow{
   right: 30px;
}
.banner_slider .prevArrow{
   left: 30px;
}
}

@media(max-width : 991px){
.banner_slider .nextArrow, .banner_slider .prevArrow{
   width: 60px !important;
   height: 60px !important;
   line-height: 55px !important;
}
.fa-chevron-left:before, .fa-chevron-right:before{
   font-size: 28px;
}
}
