@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body *, body *:active, body *:focus {
    outline: none !important;
}
html{
    margin: 0;
}
html body {
    font-size: 16px;
    line-height: 1.2;
    color: #000000;
    background: #F5F5F5;
    font-family: "Fira Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}
body a:hover, body a:active, body a:focus {
    opacity: 1;
    text-decoration: none;
    color: inherit;
}
body a{
    color: inherit;
    text-decoration: none;
    outline: none !important;
    box-shadow: none !important;
}

ul{
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
}
ul li{
    list-style: none;
}
img{
    max-width: 100%;
    height: auto;
}
b, strong {
    font-weight: 700;
}
body h1, body .h1, body h2, body .h2, body h3, body .h3, body h4, body .h4, body h5, body .h5, body h6, body .h6{
  margin: 0;
}
body h1, body .h1{
    font-size: 66px;
    line-height: 70px;
    font-weight: 700;
}
body h2, body .h2{
    font-size: 47px;
    line-height: 1;
    font-weight: 700;
}
body h3, body .h3{
    font-size: 36px;
    line-height: 1.5;
    font-weight: 700;
}
body h4, body .h4{
    font-size: 30px;
    line-height: 1;
    font-weight: 700;

}
body h5, body .h5{
    font-size: 27px;
    line-height: 1;
    font-weight: 700;

}
body h6, body .h6{
    font-size: 19px;
    line-height: 1;
    font-weight: 700;

}
.pLead, .pLead p{
    font-size: 36px;
    line-height: 1;
    font-weight: 300;
}
.p1, .p1 p{
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
}
.p2, .p2 p{
    font-size: 19px;
    line-height: 1;
    font-weight: 400;
}
.padding_md{
 padding-top: 50px;
 padding-bottom: 50px;
}
.pt60{
    padding-top: 50px;
}
.pb60{
    padding-bottom: 50px;
}

.bgGreen{
    background: #4CAF50;
}
.GreenText{
    color: #4CAF50;
}
.blackText{
    color: #000000;
}
.whiteText{
    color: #fff;
}

.btn {
    font-size: 13px;
    padding: 10px 20px;
    font-weight: 600;
    line-height: 1;
    border: 1.73px solid #4CAF50;
    color:#4CAF50;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.4s ease;
}

/*---------- Container size -----------*/
.container{
    max-width: 1400px;
}
@media(min-width:1600px){
    .container {
        max-width: 1440px;
    }
}
@media(min-width:1900px){
    .container {
        max-width: 1600px;
    }
}
.container .container{
    max-width: 100%;
    width: 100%;
    padding: 0;
}
/*-----------------------------------*/

.article_section .page_title h1.h2 {
    font-weight: 400;
}
.article_section .page_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    padding: 70px 0 40px 0;
}
.article_content img {
    width: 100%;
    max-width: 100%;
}

.article_content {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.article_content .read_btn a {
    color: #0077FF;
    text-decoration: underline;
}

.article_content .page_link a {
    color: #888888;
    text-decoration: underline;
    margin-top: 12px;
    display: block;
    position: relative;
}
.article_content .page_link a:after {
    position: absolute;
    content: "/";
}

.article_content .page_link a:last-child:after {
    display: none;
}
.article_content p {
    margin-bottom: 0;
    margin-top: 12px;
}
.article_side_bar {
    display: flex;
    flex-direction: column;
    gap: 52px;
}
.article_content .page_link {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.headingWithContent {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.hero_img {
    margin-bottom: 40px;
}
.headingWithContent .hero_img img {
    width: 100%;
    height: auto;
}
.premiry_btn {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
}
.headingWithContent .boxContent {
    background: #F2F2F2;
    padding: 22px 35px;
    color: #0077FF;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

 .headingWithContent .boxContent a {
    text-decoration: underline;
}
.contentWithImage {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.contentWithImage img {
    width: 650px;
    max-width: 100%;
    height: 430px;
    max-height: 100%;
}
.contentWithImage a {
    color: #0077FF;
    text-decoration: underline;
    margin-bottom: 30px;
}
.listingWithContent {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.listingWithContent ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.super_Stock_content {
    padding: 105px 140px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
}
.super_Stock_div {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.super_Stock_div ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.super_Stock_content:after {
    position: absolute;
    content: "";
    background-image:url(/static/assets/images/svg2.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 190px;
    height: 153px;
    bottom: 40px;
    right: 40px;
}
.super_Stock_content:before {
    position: absolute;
    content: "";
    background-image:url(/static/assets/images/svg1.svg);
    background-size: cover;
    background-repeat: no-repeat;
   width: 190px;
    height: 153px;
    top: 40px;
    left: 40px;
}

.blog_content_div .view_btn a {
    color: #fff !important;
    padding: 10px 40px;
}
.blog_content_div {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.social_icon {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    opacity: .5 !important;
}
.social_icon i {
    font-size: 20px;
    border: 1px solid #afafaf;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    height: 40px;
}
.social_icon_div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.social_icon_div span {
    height: 150px;
    width: 2px;
    background: #646464;
}
.social_icon_div p {
    margin-bottom: 0;
}
/*************carousel_slider************/
.carousel_slider {
    margin: 60px 0;
}
.carousel-indicators{
    display: none;
}
/* button.carousel-control-prev, button.carousel-control-next {
    background: transparent;
    border: 0;
} */
.carousel-control-prev-icon{
    background-image: url(/static/assets/images/next-icon.png);
    width: 39px;
    height: 78px;
}
.carousel-control-next-icon{
    background-image: url(/static/assets/images/prev-icon.png);
    width: 39px;
    height: 78px;
    
}
.carousel-item {padding-top: 615px;}

.carousel-item img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
}

.carousel-control-next, .carousel-control-prev {
    width: 278px;
    backdrop-filter: blur(20.7px);
    border: 0;
}
.carousel-control-next, .carousel-control-prev{
    backdrop-filter: blur(20.7px) !important;
}
/* .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    opacity: unset;
    background: transparent;
} */