/*
 * CSS For DNN Container
 * Copyright 2024 By iMagnet.io 
 * Author : soheil kheiri
 * Author : www.istaweb.ir
 */
/*-------- for all containers --------*/
.Magnet_Title_h, .Magnet_Title_Footer { display: block; position: relative; width: 100%; margin-bottom: 10px; }

.Magnet_Conatiner_inner .Normal { font-size: .13rem; color: #fff; }
.Magnet_Conatiner_inner * { font-size: .12rem; line-height: .23rem; }

/*.Magnet_Conatiner_inner ol,
.Magnet_Conatiner_inner ul { margin-right: 18px !important; font-weight: bold !important; margin-left: auto !important; }*/

.Magnet_Conatiner_inner table * { line-height: 1.9 !important; }

.Magnet_Conatiner_inner { display: block; width: 100%; padding: .15rem; margin: 0 auto; color: #fff; }
.Magnet_Conatiner_inner_Center { display: block; width: 100%; overflow: hidden; padding: .15rem; }


.Magnet_Center,
.Magnet_Center_Border,
.Magnet_Title_h { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); min-height: 0.1rem; background: radial-gradient(220.32% 112% at 96.55% 147.14%, rgba(56, 148, 169, 0.07) 0%, rgba(171, 241, 251, 0.06) 46.44%, rgba(31, 210, 200, 0) 100%); box-shadow: 0 0.05rem .15rem -.08rem rgba(31, 210, 200, 0.05); }

.Magnet_Center_Border_NoCover { background: transparent !important; box-shadow: none !important }

.OBJ-3D h2,
.OBJ-3D h3,
.OBJ-3D h4 { line-height: 0.2rem; padding-top: 0.15rem; }


.Box3D { background: #fff; border-radius: 3px; display: block; float: right; height: 14px; margin: 0.23rem 0.15rem 0.1rem; width: 14px; }

    .Box3D::after { background: #00c0db; border-radius: 3px; content: ""; display: block; height: 14px; left: -5px; position: relative; top: -5px; width: 14px; }

.Magnet_Title_h .TitleH { color: #fff; font-size: .15rem; font-weight: bold; }

.OBJ-footer h6 .TitleH { color: #fff; font-family: inherit; font-size: 18px; font-weight: bold; padding: 0; }

.Magnet_Conatiner_inner_Footer { padding: 0 15px 0 0; }

.OBJ-footer h6 { margin: 4px 0 20px; }

.Magnet_Center { position: relative; display: inline-block; width: 100%; margin: 0 auto .2rem; }

    .Magnet_Center .OBJ-Center { position: relative; text-align: center; }

        .Magnet_Center .OBJ-Center h4 { display: block; padding: 0; position: relative; }
            .Magnet_Center .OBJ-Center h4::before { content: ""; width: 100%; height: 3px; background: #fff; position: absolute; top: 0.44rem; left: 0; right: 0; border-radius: 15px; }

        .Magnet_Center .OBJ-Center span { font-size: .17rem; font-weight: bold; padding: 0 .32rem; position: relative; }

            .Magnet_Center .OBJ-Center span::before { content: ""; width: 100%; height: .08rem; position: absolute; top: .31rem; left: 0; right: 0; background: #fff; border-radius: 15px; }


.Magnet_Title_h .Magnet_Conatiner_inner img { border-radius: 0; }


.Magnet_Center_Border .OBJ-Center span::before { border-radius: 0; top: 0.45rem; height: 5px !important; width: 100%; background: linear-gradient(151deg, #1689B8 0%, #00A3FC 13.29%, #50C2F1 18.67%, #00CECB 32.59%, #00A3FC 55.9%, #4098C2 68.27%, #7ED0F6 100%); }

.Magnet_Center_Border .OBJ-Center span { width: 100% !important; display: block; padding: 0; }

@media (max-width: 992px) {
    .OBJ-footer h6 { text-align: center; }
}


@media (max-width: 768px) {
    .Magnet_Center .OBJ-Center h4 { width: 85%; }
    .Magnet_Center .OBJ-Center span { padding: 0 10px; font-size: .13rem; }
}