:root {
    --ATG_Main: #000033;
    --ATG_Main_Trans50: #00003370;
    --ATG_Second: #8b9fc8;
    --ATG_Second_Trans50: #8b9fc881;
    --ATG_Thirdth: #faf4ef;
    --ATG_Thirdth_Trans50: #faf4ef8f;
    --ATG_Fourth: #eef2f9;
    --ATG_Gray: #333333;
    --ATG_Gray_2M: #f1f1f1;
    --ATG_Gray_M: #e8e8e8;
    --ATG_Gray_S: #e5e5e5;
    --ATG_Gray_D: #999;
    --ATG_Watsapp: #20b43b;
    --ATG_Mail: #dc2e43;
    --ATG_Telegram: #20a6ff;
}

html,
body {
    color: var(--ATG_Main);
}

.ATG_Footer_bg {
    background-color: var(--ATG_Main);
    padding: 45px 0 20px 0;
}

.goup a img {
    border-radius: 50%;
    border: 2px solid var(--ATG_Second);
}


/* Tooltip container */

.tooltipCustome {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    /* If you want dots under the hoverable text */
}


/* Tooltip text */

.tooltipCustome .tooltiptext {
    visibility: hidden;
    width: 190px;
    background-color: var(--ATG_Main);
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 0px;
    position: absolute;
    z-index: 1;
    font-family: 'Iranian Sans';
    font-size: 12px;
    top: 30px;
    left: -90px;
}

.tooltipCustome .tooltiptext::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--ATG_Main);
    top: -7px;
    left: 90px;
}


/* Show the tooltip text when you mouse over the tooltip container */

.tooltipCustome:hover .tooltiptext {
    visibility: visible;
}

#dnn_FullContent {
    background-image: url(https://region13.tehran.ir/Portals/0/ATG_Skin_1401/Img/InnerBreadcrumb.jpg);
    padding: 40px 0 0px 0;
    background-size: cover;
    background-position: center;
    text-align: center;
    animation: zoom-in-zoom-outFisrt 35s ease-out infinite;
    margin-top: 40px;
    margin-bottom: 40px;
}

@keyframes zoom-in-zoom-outFisrt {
    0% {
        background-size: 100%;
        background-position: center;
    }
    50% {
        background-size: 130%;
        background-position: left;
    }
    100% {
        background-size: 100%;
        background-position: center;
    }
}

.parallax-bg-Fixed {
    background-image: url(https://region13.tehran.ir/Portals/0/ATG_Skin_1401/Img/MiddleBG.jpg);
    height: 250PX;
    background-size: 100%;
    opacity: 0.5;
    z-index: -1;
    position: relative;
    margin-top: -460px;
}

@media handheld,
only screen and (max-width: 767px) {
    #dnn_FullContent {
        background-image: url(https://region13.tehran.ir/Portals/0/ATG_Skin_1401/Img/InnerBreadcrumb.jpg);
        padding: 40px 0 0px 0;
        background-size: cover;
        background-position: center;
        text-align: center;
        animation: zoom-in-zoom-outFisrt_Res 35s ease-out infinite;
        margin-top: 40px;
    }
    @keyframes zoom-in-zoom-outFisrt_Res {
        0% {
            background-size: cover;
            background-position: center;
        }
        50% {
            background-size: cover;
            background-position: left;
        }
        100% {
            background-size: cover;
            background-position: center;
        }
    }
    .parallax-bg-Fixed {
        background-image: url();
        height: 0PX;
        background-size: 100%;
        opacity: 0.5;
        z-index: -1;
        position: relative;
        margin-top: 0px;
    }
}

.ATG_Margin_bottom15 {
    margin-bottom: 15px;
    ;
}

.ATG_Margin_bottom30 {
    margin-bottom: 30px;
    ;
}

.ATG_Margin_bottom45 {
    margin-bottom: 45px;
    ;
}

.icon-search-2 img {
    display: none;
}

.Gap {
    margin: 40px 0;
    display: inline-block;
    width: 100%;
    position: relative;
}

.Gap_Middle {
    margin: 20px 0;
    display: inline-block;
    width: 100%;
    position: relative;
}

.Gap_Big {
    margin: 80px 0;
    display: inline-block;
    width: 100%;
    position: relative;
}

.Gap_News {
    min-height: 00px;
}

.MultiColor-bg {
    background-color: #faf4ef;
    margin-top: -400px;
}

.modal-backdrop {
    background-color: #00000069;
}

.show {
    opacity: 1 !important;
}

.modal-open .modal {
    padding-top: 80px;
}

.Atg_logo {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.Atg_logo img {
    padding: 5px;
    max-width: 100%;
    max-height: 100%;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.Atg_logo a {
    position: absolute;
}

.ATGR_clndr {
    color: var(--ATG_Main);
    top: 0px;
    display: none;
}

.ATGR_clndr_txt {
    display: none;
}

#dnn_date_lblDate {
    display: block !important;
    margin-right: 40px;
    top: 0px;
}

#dnn_date_lblDate::before {
    content: 'امروز : ';
    font-size: 14PX !important;
    position: relative;
    color: var(--ATG_Main);
}

@media handheld,
only screen and (max-width: 767px) {
    .Atg_logo img {
        padding: 0px;
        max-height: 100%;
        max-width: 150px;
    }
    .ATGR_clndr {
        color: var(--ATG_Second);
        top: 0px;
        margin-right: 0px;
    }
    .Atg_logo {
        text-align: right;
        margin-right: 20px;
        padding: 0 !important;
    }
    .ATG_Header_Mnu_Row {
        min-height: 70px;
    }
    .Gap {
        margin: 10px 0;
        display: inline-block;
    }
}

.menu_hidden,
.top-bar {
    position: relative;
}

.top-bar {
    background-color: var(--ATG_Fourth);
}


/* .top-bar .ATGR_clndr_txt:nth-of-type(1):before {
    content: "\f111";
    font-family: 'FontAwesome';
    font-weight: 900;
    font-size: 10PX !important;
    margin: auto 0px 0 14px;
    top: 8px;
} */

.breadcrumb-header {
    background-image: url(https://region13.tehran.ir/Portals/0/ATG_Skin_1401/Img/InnerBreadcrumb.jpg);
    padding: 80px 0 40px;
    margin: -35px 0 0 0;
    background-size: cover;
    background-position: center;
    text-align: center;
    animation: zoom-in-zoom-out 35s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        background-size: 100%;
        background-position: center;
    }
    50% {
        background-size: 130%;
        background-position: left;
    }
    100% {
        background-size: 100%;
        background-position: center;
    }
}

.fa-Search:before {
    content: "\f002";
}


/* .fa-sign-out:before {
    content: "\f2f5";
} */

.ATGR_clndr_txt {
    font-size: 14PX !important;
    position: relative;
    color: var(--ATG_Main);
}

.ATGR_NavMenu_Search {
    color: var(--ATG_Main) !important;
    font-size: 20px !important;
    display: inline-block !important;
    padding: 0;
    width: 30px;
    height: 30px;
    margin: 10px 0 2px 15px;
    cursor: pointer;
    text-align: center;
    top: 0px;
    position: relative;
    display: none !important;
}

.ATGR_NavMenu_Login {
    color: var(--ATG_Second) !important;
    font-size: 20px !important;
    display: inline-block !important;
    padding: 0px;
    width: 30px;
    height: 30px;
    margin: 0px 2px;
    cursor: pointer;
    margin-right: 10px;
    background-color: transparent !important;
}

@media handheld,
only screen and (max-width: 767px) {
    .ATGR_NavMenu_Login {
        margin-right: 0;
    }
    .top-bar .ATGR_clndr_txt:nth-of-type(1):before {
        margin-right: 0;
    }
    .top-bar .col-xs-3,
    .top-bar .col-sm-3 {
        width: 45%;
    }
    .top-bar .col-xs-9,
    .top-bar .col-sm-9 {
        width: 55%;
    }
    .top-bar {
        min-height: auto;
    }
}

.ATGR_NavMenu_Register_Name {
    color: var(--ATG_Second) !important;
    display: inline-block!important;
}

.bgmain {
    background: url(https://region13.tehran.ir/Portals/0/ATG_Skin_1401/Img/FooterBG.png) no-repeat bottom center;
    background-position-x: center;
    background-position-y: bottom, top, top;
    background-size: 100%;
}

.parallax-bg {
    background-image: none !important;
}

.MultiColor-bg {
    padding: 0!important;
}

.ATG_Footerbtm_bg .col-sm-6 {
    width: 50%;
}

.copycssAlign {
    text-align: left;
    padding: 15px;
    padding: 24px 0px 10px 0;
    text-transform: uppercase;
    color: var(--ATG_Second);
    font-weight: 400;
    font-size: 14px;
}


/* --------------------------------------------Container */

.Container001 .dnntitle {
    /* margin-bottom: 20px; */
}

.Container001 .title1 {
    padding: 0 10px;
    font-size: 20px !important;
    color: var(--ATG_Main);
    border-radius: 25px;
    z-index: 0000;
    position: relative;
    width: 100%;
    text-align: center;
    right: 0;
    top: -3px;
    font-weight: bold;
}

.Container001 .Box {
    width: 70px;
    height: 2px;
    border: 0;
    position: relative;
    right: 0px;
    display: inline-block;
    left: auto;
    background-color: var(--ATG_Second);
    top: -4px;
}

.Container001 .line {
    width: 12px !important;
    height: 12px;
    border-radius: 50%;
    position: relative;
    right: 0;
    display: inline-block;
    left: auto;
    background: var(--ATG_Second);
}

.Container002 .dnntitle {
    /* margin-bottom: 20px; */
    min-height: auto !important;
}

.Container002 .title1 {
    padding: 0 10px;
    font-size: 20px !important;
    color: white;
    border-radius: 25px;
    z-index: 0000;
    position: relative;
    width: 100%;
    text-align: center;
    right: 0;
    top: -3px;
    font-weight: bold;
}

.Container002 .Box {
    width: 70px;
    height: 2px;
    border: 0;
    position: relative;
    right: 0px;
    display: inline-block;
    left: auto;
    background-color: white;
    top: -4px;
}

.Container002 .line {
    width: 12px !important;
    height: 12px;
    border-radius: 50%;
    position: relative;
    right: 0;
    display: inline-block;
    left: auto;
    background: white;
}


/* ------------------------------------------Login */

.loginContent {}

.loginContent .LoginPanel {
    width: 100% !important;
    padding: 10px;
}

.loginContent .LoginPanel .dnnLabel {
    display: inline-block;
    float: right;
    position: relative;
    width: 100%;
    padding-left: 0px;
    padding-right: 0;
    margin-left: 0px !important;
    ;
    margin-right: 0px !important;
    overflow: visible;
    text-align: center !important;
}

.dnnLoginService input[type="text"],
.dnnLoginService input[type="password"] {
    width: 100%;
    min-width: 200px;
    margin-bottom: 5px;
    margin-top: 5px;
    border-radius: 25px;
    outline: 0;
}

.loginContent .LoginPanel .dnnPrimaryAction {
    width: 100% !important;
    display: block !important;
    border-radius: 25px;
    color: white !important;
}

.loginContent .LoginPanel .dnnSecondaryAction {
    width: 100% !important;
    display: block !important;
    border-radius: 25px;
    color: black !important;
}

.loginContent .LoginPanel .dnnLoginActions,
.loginContent .LoginPanel .dnnLoginActions ul {
    width: 100%;
}

.loginContent .LoginPanel .dnnLoginActions ul li:first-child {
    width: 100%;
}

.loginContent .LoginPanel .dnnLoginActions ul li:nth-child(2) {
    width: 100%;
}

div.dnnCaptcha {
    width: 100% !important;
    margin-left: 0%;
    padding-left: 0px;
    text-align: center !important;
}

.dnnRegistrationForm {
    width: 100% !important;
    min-width: 100% !important;
}

.dnnRegistrationForm .dnnLabel {
    display: inline-block;
    float: right;
    position: relative;
    width: 100%;
    padding-left: 0px;
    margin-left: 0px;
    overflow: visible;
    text-align: center !important;
}

.dnnRegistrationForm input[type="text"]:active,
.dnnRegistrationForm input[type="text"]:focus,
.dnnRegistrationForm input[type="password"]:focus,
.dnnRegistrationForm input[type="password"]:active,
.dnnRegistrationForm input[type="email"]:active,
.dnnRegistrationForm input[type="email"]:focus,
.dnnRegistrationForm select:active,
.dnnRegistrationForm select:focus,
.dnnRegistrationForm textarea:active,
.dnnRegistrationForm textarea:focus,
.dnnRegistrationForm input[type="search"]:active,
.dnnRegistrationForm input[type="search"]:focus {
    width: 100%;
    min-width: 200px;
    margin-bottom: 5px;
    margin-top: 5px;
    border-radius: 25px;
    outline: 0;
}

.dnnRegistrationForm input[type="text"],
.dnnRegistrationForm input[type="text"],
.dnnRegistrationForm input[type="password"],
.dnnRegistrationForm input[type="password"],
.dnnRegistrationForm input[type="email"],
.dnnRegistrationForm input[type="email"],
.dnnRegistrationForm select,
.dnnRegistrationForm select:focus,
.dnnRegistrationForm textarea,
.dnnRegistrationForm textarea,
.dnnRegistrationForm input[type="search"],
.dnnRegistrationForm input[type="search"] {
    width: 100%;
    min-width: 200px;
    margin-bottom: 5px;
    margin-top: 5px;
    border-radius: 25px;
    outline: 0;
}

.dnnRegistrationForm .dnnPrimaryAction {
    width: 100% !important;
    display: block !important;
    border-radius: 25px;
    color: white !important;
}

.dnnRegistrationForm .dnnSecondaryAction {
    width: 100% !important;
    display: block !important;
    border-radius: 25px;
    color: black !important;
}

div.dnnRegistrationForm .dnnForm {
    float: right;
    min-width: 50px;
    width: 100% !important;
}

.password-strength-container {
    width: 100% !important;
    max-width: 100% !important;
    display: inline-block;
    position: relative;
}

.dnnRegistrationForm ul.dnnActions li {
    width: 100% !important;
}

.dnnRegistrationForm ul.dnnActions {
    width: 100% !important;
}

.dnnFormItem>label.dnnFormLabel,
.dnnFormItem>span.dnnFormLabel {
    display: inline-block;
    margin: 6px 18px 0 0;
    width: 100%;
    text-align: center;
}

.dnnLoginService .dnnLeft img {
    border-radius: 25px;
    width: 180PX;
}

.dnnLoginService .dnnLeft {
    width: 100% !important;
}

.jqx-widget-content {
    display: grid;
    direction: rtl;
}

.iframe {
    width: 100%;
}

.dnnLabel {
    /* display: inline-block; */
    float: right;
    position: relative;
    width: 32.075%;
    padding-right: 20px;
    margin-right: 18px;
    overflow: visible;
    text-align: right;
}

.dnnForm h2.dnnFormSectionHead a,
.dnnForm h2.dnnFormSectionHead a:visited {
    color: #ccc;
    PADDING-RIGHT: 25PX;
}

h2.dnnFormSectionHead {
    MARGIN-RIGHT: 25PX;
    /* PADDING-RIGHT: 25PX; */
}


/* -----------------------------------------------------topbar */

.ATG_Header_Mnu_Row .col-lg-1 {
    text-align: left;
    position: absolute;
    top: -35px;
    right: 15px;
    z-index: 999;
    width: auto !important;
}

.ATG_Header_Mnu_Row .col-lg-1 .ATGR_NavMenu_Search {
    color: var(--ATG_Main) !important;
    font-size: 16px !important;
    display: inline-block !important;
    background-color: transparent;
}

.ATG_Header_Mnu_Row .col-lg-1 .ATGR_NavMenu_Search::after {
    content: "|";
    font-size: 24px;
    position: relative;
    color: var(--ATG_Main);
    right: 5px;
    top: 2px;
}

@media handheld,
only screen and (max-width: 767px) {
    .ATG_Header_Mnu_Row .col-lg-1 {
        display: block !important;
    }
}


/* -----------------------------------------------------Menu */

.stickup,
.skinwidth,
.NavBar {
    background: var(--ATG_Main);
}

.stickup {
    top: -1px !important;
    /* height: 70px; */
}

.ATG_Header_Mnu_Row,
.NavBar,
.NavMenu {
    height: 100%;
}

.navbar {
    border: none;
}

.MobileMenu .treeview li li a.selected {
    color: var(--ATG_Second);
}

.dnnMenu .subLevel {
    background-color: var(--ATG_Main_Trans50) !important;
    border-top: 2px solid var(--ATG_Main);
    min-width: 270px !important;
}

.dnnMenu .subLevel li a span {
    border-bottom: 0 !important;
}

.dnnMenu ul.topLevel li:before {
    content: "" !important;
    color: var(--ATG_Fourth);
}

.dnnMenu .subLevel li:before {
    content: "" !important;
}

.dnnMenu .subLevelRight {
    display: none;
    position: absolute;
    left: auto;
    right: 270px;
    width: auto;
    top: 0;
    padding: 0;
    box-shadow: 0 0 1px #ccc;
    background-color: transparent !important;
    border-top: 2px solid var(--ATG_Main);
    min-width: 270px !important;
}

.dnnMenu .subLevel li.item a {
    background-color: var(--ATG_Main_Trans50) !important;
}

.dnnMenu .subLevel li.item a:hover {
    background-color: var(--ATG_Main) !important;
}

.dnnMenu .subLevel li.selected a div {
    color: var(--ATG_Main);
}

.dnnMenu li.lampback {
    border-top: 3px solid var(--ATG_Main);
}

.dnnMenu .topLevel li a {
    padding: 12px 15px !important;
}

.dnnMenu .subLevel li a {
    padding: 8px 15px !important;
}

.dnnMenu .topLevel li a:hover {
    background: var(--ATG_Fourth);
}

.dnnMenu .topLevel li.hover {
    background: var(--ATG_Fourth) !important;
}

.dnnMenu .topLevel li.Current a {
    background: var(--ATG_Fourth);
}

.dnnMenu .topLevel li.hover::before {
    content: '|' !important;
    color: var(--ATG_Main);
    font-size: 20px;
    position: absolute;
    bottom: 0px!important;
    right: 48% !important;
    top: auto !important;
}

.dnnMenu .topLevel li.Current::before {
    content: '|' !important;
    color: var(--ATG_Main);
    font-size: 20px;
    position: absolute;
    bottom: 0px !important;
    right: 48% !important;
    top: auto !important;
}

.dnnMenu .subLevel li.hover {
    background: var(--ATG_Main) !important;
}

.dnnMenu .subLevel li.item a:hover {
    background-color: var(--ATG_Main);
}

.dnnMenu .subLevel li.selected a div {
    color: var(--ATG_Main);
}

.dnnMenu li.lampback {
    border-top: 3px solid var(--ATG_Main);
}

.dnnMenu .topLevel li.haschild li.haschild a span:after {
    display: inline-block !important;
    right: calc(100% - 15px) !important;
}

.dnnMenu .subLevel li.item a div span {
    padding: 3px 7px;
    position: relative;
    width: 100% !important;
    ;
    display: inline-block !important;
    color: var(--ATG_Fourth) !important;
    border-bottom: 0 !important;
}

.dnnMenu .subLevel li.item a div span:before {
    font-family: "FontAwesome";
    content: "\f100";
    padding-left: 10px;
    font-size: 16px;
    color: var(--ATG_Fourth);
    ;
}

.dnnMenu .subLevel li.item a div span:hover {
    border-bottom: 0 !important;
}

.dnnMenu .topLevel li a span {
    border-bottom: none !important;
    position: relative;
}

.dnnMenu .topLevel li.haschild a span:after {
    /* position: absolute !important;
    right: 100% !important; */
}

.dnnMenu .topLevel li a span:hover {
    background-color: transparent;
    border-bottom: none !important;
    padding-bottom: 8px;
}

.dnnMenu .topLevel li a:hover::before {
    content: '|';
    color: var(--ATG_Main);
    font-size: 20px;
    position: absolute;
    bottom: -14px;
    right: 48%;
}

.dnnMenu .topLevel li:hover a span {
    color: var(--ATG_Main) !important;
}

.dnnMenu .topLevel li.Current a span {
    color: var(--ATG_Main) !important;
}

.MobileMenu .treeview li.collapsable>a {
    background: var(--ATG_Main_Trans50) !important;
}

.MobileMenu {
    margin-top: 0 !important;
}


/* .BannerPane::after
  {
    content: '';
    width: 100%;
    height: 160px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(https://invest.tehran.ir/Portals/0/ATG_Skin_1401/img/BottomBg.png);
    background-position: bottom;
    background-repeat: no-repeat;
    z-index: 1;
    background-size: 100% 100%;

  } */

@media handheld,
only screen and (max-width: 767px) {
    /* .BannerPane::after
    {
      content: '';
      width: 100%;
      height: 50px;
      position: absolute;
      bottom: 0;
      left: 0;
      background-image: url(https://invest.tehran.ir/Portals/0/ATG_Skin_1401/img/BottomBg.png);
      background-position: bottom;
      background-repeat: no-repeat;
      z-index: 1;
      background-size: 100% 100%;
  
    } */
    .menu_box,
    .menu_box:link,
    .menu_box:active,
    .menu_box:visited {
        display: inline-block;
        float: left;
        margin: 0;
        font-size: 20px;
        text-align: center;
        position: absolute;
        left: 15px;
        top: 20px;
        color: var(--ATG_Main);
        background: white;
        border-radius: 3px;
        padding: 8px 10px;
        vertical-align: middle;
        transition: none;
        z-index: 1000;
    }
}


/* ------------------------------------Footer */

.ATG_Footerbtm_bg {
    background-color: white;
}

.copycss,
.ATGR_NavMenu_Login,
.ATGR_NavMenu_Register_Name {
    color: var(--ATG_Main) !important;
}

.footer-bar {
    bottom: 0;
}


/* ------------------------------------Shoarsal */

.ATG_Shoarsal {
    width: 120px;
    position: absolute;
    left: 0;
    top: -5px;
    z-index: 909;
    display: block;
}

@media handheld,
only screen and (max-width: 767px) {
    .ATG_Shoarsal {
        display: none;
    }
}


/* -----------------------------------------------------------------Slider */

.Slider_1 .owl-item.center img {
    transform: scale(1);
    animation: zoom-in-zoom-out2 20s ease-out infinite;
}

@keyframes zoom-in-zoom-out2 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1.2);
    }
}

.Slider_1 .owl-dots {
    position: absolute;
    width: auto;
    bottom: auto;
    right: 3%;
}

.Slider_1 .owl-dots .owl-dot {
    display: block !important;
}

.Slider_1 .owl-dots .owl-dot span {
    background-color: white !important;
    border: 5px solid white;
}

.Slider_1 .owl-dots .owl-dot.active span {
    background-color: var(--ATG_Main) !important;
    border: 5px solid white;
}

.Slider_1 .owl-dots .owl-dot span {
    width: 15px !important;
    height: 15px !important;
    background-color: white !important;
}

@media only screen and (max-width:768px) {
    .Slider_1 .owl-dots .owl-dot span {
        width: 10px !important;
        height: 10px !important;
        background-color: white !important;
    }
    /* .Slider_1 .owl-nav.disabled+.owl-dots {
        position: absolute;
        left: 10%;
        bottom: 5px;
        text-align: center;
        display: inline-block;
    } */
    .Slider_1 .owl-dots .owl-dot.active span {
        background-color: var(--ATG_Main) !important;
    }
}

@media only screen and (max-width:420px) {
    .Slider_1 .owl-dots {
        top: auto !important;
        bottom: 10px;
    }
    .Slider_1 .owl-dots .owl-dot span {
        width: 8px !important;
        height: 8px !important;
        background-color: white !important;
    }
    .Slider_1 .owl-dots .owl-dot.active span {
        background-color: var(--ATG_Main) !important;
        border: 5px solid var(--ATG_Main);
    }
}


/* -------------------------Servies */

.ATG_Services {
    margin-bottom: 15px;
}

.ATG_Services img {
    margin-bottom: 10px !important;
    width: 100px;
    margin: 0 auto;
    position: relative;
    display: block;
}

.ATG_Services .img_Background {
    width: 100px;
    height: 100px;
    background-color: var(--ATG_Fourth);
    position: absolute;
    top: -10px;
    left: Calc(50% - 20px);
    z-index: -1;
}

.ATG_Services h2 {
    font-size: 16px;
    text-align: center;
    color: var(--ATG_Main);
    margin-bottom: 5px;
    font-weight: 800;
}

.ATG_Services h4 {
    font-size: 14px;
    text-align: center;
    color: var(--ATG_Second);
    line-height: 1.6em;
}

@media handheld,
only screen and (max-width: 767px) {
    .ATG_Services img {
        width: 80px;
    }
    .ATG_Services h4 {
        display: none;
    }
    .ATG_Services h2 {
        font-size: 14px;
    }
    .ATG_Services .img_Background {
        display: none;
    }
}


/* -------------------------------------------News */

.ATG_BOX_News_Slider_mrg-bt10 {
    margin: 10px 0;
}

.ATG_BOX_News_Slider_temp {
    min-height: 150px;
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-position: 95% 10px;
    background-size: 80px;
    background-repeat: no-repeat;
}

.ATG_BOX_News_Slider_Padno {
    padding: 0;
}

.ATG_BOX_News_Slider_Pad5px {
    padding: 5px;
}

.ATG_Slider .item {
    background-color: #e8e8e8;
    display: inline-block;
}

.ATG_BOX_News_Slider_ImgDiv {
    width: 100%;
    height: 180px;
    position: relative;
    background: #eee center no-repeat;
    border-radius: 0px;
    background-size: cover;
    overflow: hidden;
    padding: 0;
    filter: contrast(140%);
}

.ATG_BOX_News_Slider_img {
    display: block;
    width: 100% !important;
    height: 180px;
    object-fit: cover;
}

.ATG_BOX_News_Slider_h2 {
    color: var(--ATG_Main);
    font-size: 16px !important;
    font-weight: bold;
    text-align: justify;
    padding: 0;
    line-height: 1.5em;
    /* min-height: 70px; */
    display: inline-block;
}

.ATG_BOX_News_Slider_p {
    color: var(--ATG_Main);
    font-size: 14px !important;
    text-align: justify;
    line-height: 1.4em;
    padding: 0;
    text-align: justify;
    margin-top: 10px;
}

.ATG_BOX_News_Slider_Date {
    text-align: right;
    font-size: 14px;
    color: var(--ATG_Second);
    padding: 0;
    display: block;
    margin: 5px auto;
}

.ATG_BOX_News_Slider_Category {
    float: left;
}

.ATG_BOX_News_Slider_a {
    display: block;
    position: absolute;
    bottom: 10px;
    width: calc(100% - 30px);
    background-color: var(--ATG_Main);
    color: #fff !important;
    padding: 5px 10px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    right: 15px;
    bottom: 10%;
}

.ATG_BOX_News_Slider_White {
    background-color: white;
    min-height: 200px;
    margin-top: 10px;
}

.ATG_BOX_News_Slider {
    padding: 10px;
}

a.ATG_BOX_News_alink_Disable {
    padding: 7px 30px;
    border-radius: 25px;
    background-color: #bcbcbc;
    color: #707070;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

a.ATG_BOX_News_alink_Disable:hover {
    padding: 7px 30px;
    border-radius: 25px;
    background-color: #707070;
    color: white;
}

@media only screen and (max-width:767px) {
    .ATG_BOX_News_Slider_White {
        background-color: white;
        min-height: 170px;
    }
    .ATG_BOX_News_Slider_p {
        display: none;
    }
    .ATG_BOX_News_Slider_h2 {
        font-size: 14px !important;
    }
    .ATG_BOX_News_Slider_img {
        display: block;
        width: 100% !important;
        height: 120px;
        object-fit: cover;
    }
    .ATG_BOX_News_Slider_ImgDiv {
        width: 100%;
        height: 120px;
    }
}


/* -----------------------------------------Slider_3 */

.Slider_3 .owl-dots {
    position: absolute;
    width: auto;
    bottom: -35px;
    right: 0;
}

.Slider_3 .owl-dots .owl-dot {
    display: inline-block !important;
}

.Slider_3 .owl-dots .owl-dot span {
    background-color: var(--ATG_Main) !important;
    border: 2px solid var(--ATG_Main);
    width: 15px !important;
    height: 15px !important;
    margin: 5px 5px !important;
}

.Slider_3 .owl-dots .owl-dot.active span {
    background-color: white !important;
    border: 2px solid var(--ATG_Second);
}

ul.ATG_News_link {
    margin-top: 10px;
    display: inline-block;
    text-align: left;
    float: left;
    margin-left: 5px;
}

ul.ATG_News_link li {
    display: inline-block;
    padding: 0 15px;
}

ul.ATG_News_link li a {
    font-size: 16px;
    border-bottom: 2px solid var(--ATG_Main);
    padding: 0px 10px 5px 10px;
    color: var(--ATG_Main);
}

@media only screen and (max-width:767px) {
    ul.ATG_News_link {
        margin-top: 10px;
        display: inline-block;
        text-align: left;
        float: left;
        margin-left: 2px;
    }
    ul.ATG_News_link li {
        display: inline-block;
        padding: 0 3px;
    }
    ul.ATG_News_link li a {
        font-size: 12px;
        border-bottom: 2px solid var(--ATG_Main);
        padding: 0px 2px 5px 2px;
        color: var(--ATG_Main);
    }
}


/* ----------------------------------------Tablighat */

.Slider_4 .owl-dots {
    position: absolute;
    width: auto;
    bottom: -35px;
    right: 0;
}

.Slider_4 .owl-dots .owl-dot {
    display: inline-block !important;
}

.Slider_4 .owl-dots .owl-dot span {
    background-color: var(--ATG_Main) !important;
    border: 2px solid var(--ATG_Main);
    width: 15px !important;
    height: 15px !important;
    margin: 5px 5px !important;
}

.Slider_4 .owl-dots .owl-dot.active span {
    background-color: white !important;
    border: 2px solid var(--ATG_Second);
}

.Slider_4 .item {
    width: 100% !important;
}

.Slider_4 img {
    height: 300px;
    object-fit: cover;
    width: 100%;
}


/* ----------------------------------------Video */

.ATG_Video video {
    width: 100%;
    height: 225px;
    object-fit: cover;
}

.ATG_Video_Footer {
    background-color: var(--ATG_Main);
    padding: 10px 12px;
}

.ATG_Video_Footer h2 {
    font-size: 14px;
    line-height: 1.6em;
    color: white;
    margin-bottom: 10px;
    display: block;
}

.ATG_Video_Footer span {
    font-size: 14px;
    line-height: 1.6em;
    color: white;
}


/* -----------------------------------------Voice */

.ATG_Voice_Footer {
    background-color: var(--ATG_Main);
    padding: 10px 12px;
    display: inline-block;
    width: 100%;
}

.ATG_Voice_Title {
    background-color: var(--ATG_Main);
    padding: 20px 5px;
    border-radius: 0 0 15px 15px;
}

.ATG_Voice_Title h2 {
    font-size: 14px;
    line-height: 1.6em;
    color: white;
    margin-bottom: 10px;
    display: block;
    margin-top: -16px;
}

.ATG_Voice_Title span {
    font-size: 14px;
    line-height: 1.6em;
    color: white;
}

.ATG_BOX_Voice_ImgDiv {
    width: 100%;
    position: relative;
    background: #ebebeb;
    background-size: cover;
}

.ATG_BOX_Voice_ImgDiv img {
    width: 100%;
    height: 225px;
    object-fit: cover;
}

.ATG_Voiceo_img {
    border: 10px solid var(--ATG_Main);
    box-shadow: 0px 0px 0px 12px var(--ATG_Main);
    width: 100%;
    margin-top: 20;
}

#EQ_lines {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.EQ_line {
    width: 100%;
    height: 5px;
    margin: 2px;
    background-color: rgb(255, 237, 202);
}

#EQ_equalizer {
    position: absolute;
    width: 100%;
    height: 30px;
    display: inline-block;
    justify-content: center;
    align-items: center;
    max-width: 130px;
    margin-right: 50px;
    right: 80px;
    bottom: -5px;
}

#EQ_horizontal {
    width: 100%;
    border-top: 2px solid white;
    max-width: 125px;
    position: absolute;
    top: 15px;
    right: 0;
}

#EQ_vertical-lines {
    position: absolute;
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    max-width: 130px;
}

.EQ_vertical {
    width: 100%;
    /* height: 100px; */
    border-radius: 5px;
    background-color: white;
    background-color: white;
    animation-direction: alternate-reverse;
    margin: 1px;
}

@keyframes EQ_equalizer {
    from {
        height: 80%;
    }
    to {
        height: 5px;
    }
}


/* --------------------------------------Amar */

.Box_Number p {
    color: white;
    font-size: 17px;
    display: block;
    position: absolute;
    top: 71px;
    left: 40px;
    right: auto;
    line-height: 1.3em;
    width: 100%;
}

.Box_Number strong {
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 28px;
    position: relative;
    top: -100px;
    left: 40px;
}

.Box_Number strong::before {
    content: "+";
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 28px;
    position: relative;
    top: -15px;
    left: 0px;
}

.Box_Number h2 {
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 24px;
    margin-bottom: 35px;
    display: block;
    margin-top: 0px;
}

.Box_Number_Box {
    border-top: 4px solid white;
    border-left: 4px solid white;
    border-bottom: 4px solid white;
    padding: 0px;
    width: 80px;
    height: 150px;
    border-radius: 0;
    display: block;
    margin: 0 auto;
    position: relative;
}

.Box_Number_Box::before {
    content: "";
    width: 4px;
    height: 30px;
    display: block;
    margin: 0 auto;
    position: relative;
    position: absolute;
    background-color: white;
    bottom: 0;
    right: 0;
}

.Box_Number_Box::after {
    content: "";
    width: 4px;
    height: 30px;
    display: block;
    margin: 0 auto;
    position: relative;
    position: absolute;
    background-color: white;
    top: 0;
    right: 0;
}


/* --------------------------------------Shahrdar */

.ATG_Shahrdar img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    object-position: top;
    padding: 10PX 10PX 0 10PX;
    border-top: 2PX solid var(--ATG_Second);
    border-right: 2PX solid var(--ATG_Second);
    border-left: 2PX solid var(--ATG_Second);
}

.ATG_Shahrdar h2 {
    width: 100%;
    display: block;
    background-color: var(--ATG_Main);
    color: white;
    font-size: 16px;
    text-align: center;
    padding: 10px 5px 2PX 5PX;
    font-weight: bold;
}

.ATG_Shahrdar h4 {
    width: 100%;
    display: block;
    background-color: var(--ATG_Main);
    color: white;
    font-size: 14px;
    text-align: center;
    padding: 2px 5px 10PX 5PX;
}

.ATG_Shahrdar ul {
    width: 100%;
    background-color: var(--ATG_Main);
    color: white;
    margin-left: 0;
    height: 40PX;
    display: table;
}

.ATG_Shahrdar ul li {
    display: table-cell;
    background-color: var(--ATG_Second);
    color: white;
    font-size: 14px;
    text-align: center;
    padding: 10px 5px;
    height: 40px;
}

.ATG_Shahrdar ul li span {
    color: white !important;
}

.ATG_Shahrdar ul li .fa {
    font-size: 20px;
    color: white;
}

.ATG_Shahrdar ul li:first-child {
    width: 25%;
}

.ATG_Shahrdar ul li:nth-child(2) {
    width: 50%;
    border-right: 2px solid var(--ATG_Main);
    border-left: 2px solid var(--ATG_Main);
    ;
}

.ATG_Shahrdar ul li:nth-child(3) {
    width: 25%;
}

@media only screen and (max-width:767px) {
    .ATG_Shahrdar img {
        width: 100%;
        height: 380px;
        object-fit: cover;
        object-position: top;
        padding: 10PX 10PX 0 10PX;
        border-top: 2PX solid var(--ATG_Second);
        border-right: 2PX solid var(--ATG_Second);
        border-left: 2PX solid var(--ATG_Second);
    }
    .ATG_Shahrdar ul {
        overflow: hidden;
    }
}


/* ------------------------------Aboutus */

.ATG_Box_Abouus_P {
    text-align: justify;
    line-height: 1.9em;
    font-size: 16PX;
    color: var(--ATG_Main);
}


/* -----------------------------Footer */

.ATG_Footer_P p {
    font-size: 14px;
    text-align: justify;
    color: white;
    line-height: 1.9em;
}

.ATG_Footer_P a.ButtonCu {
    display: block;
    width: 100%;
    text-align: center;
    padding: 7px 10px;
    color: var(--ATG_Main);
    background-color: white;
    margin: 15px 0;
    FONT-SIZE: 16PX;
}

.ATG_Footer_Link_ul {
    margin-bottom: 15px;
}

.ATG_Footer_Link_ul li {
    color: white !important;
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}

.ATG_Footer_Link_ul li:last-child {
    color: white !important;
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 0px solid rgba(255, 255, 255, 0.5);
}

.ATG_Footer_Link_ul li:before {
    content: "";
}

.ATG_Footer_Link_ul li a,
.ATG_Footer_Link_ul li A:link,
.ATG_Footer_Link_ul li A:active,
.ATG_Footer_Link_ul li A:visited {
    color: white !important;
    font-size: 14px;
}

.ATG_Footer_Link_Fdot {
    font-size: 14px;
    color: white !important;
    padding-left: 10px;
}

.ATG_Footer_Address p {
    margin-bottom: 5px;
    FONT-SIZE: 14PX;
    TEXT-ALIGN: JUSTIFY;
    LINE-HEIGHT: 1.9em;
}

.ATG_Footer_Address span.fa {
    font-size: 18px;
    padding-left: 15px;
    color: WHITE;
}

.ATG_Footer_Address span {
    font-size: 14px;
    color: white;
}

.ATG_Footer_Address a.ButtonCu {
    display: block;
    width: 100%;
    text-align: center;
    padding: 7px 10px;
    color: var(--ATG_Main);
    background-color: white;
    margin: 15px 0;
    FONT-SIZE: 16PX;
}

.ATG_Footer_Address a {
    color: white
}