@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
*,
body {
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;

}

.btn-2,
.btn-3 {
    letter-spacing: 1px
}
.read-more{
    padding:10px 20px;
    border-radius:10px;
     color: #fff !important;
    text-decoration: none !important;
    font-size:25px;
   
    text-decoration:none;
    
    background-color:#333b94;
}
.btn-2::before,
.btn-3::before,
.overlay {
    left: 0
}

:root {
    --bg-black-900: #29333e;
    --bg-black-50: #707070;
    --bg-header-200: #f2f2f2;
    --bg-footer-100: #373435;
    --bg-text-100: #373435;
    --text-black-900: #273c8d;
    --text-black-700: #504e70;
    --bg-text-150: #534f51;
    --primary-design-color: #db353a;
    --secondary-design-color: #4b4b4d;
    --tertiary-design-color: #b8ab82;
    --overlay-color: rgba(0, 0, 0, 0.45);
    --primary-bg-color: #fff;
    --secondary-bg-color: #f2f2f2;
    --primary-text-color: #303030;
    --secondary-text-color: #fff;
    --primary-font: "Nunito Sans", sans-serif;
    --sec-heading-front: 35px;
    --sec-heading-back: 65px;
    --sec-heading-front-sm: 30px;
    --sec-heading-back-sm: 50px;
    --page-heading: 36px;
    --inner-sec-heading: 26px;
    --block-heading: 18px;
    --font-size-xs: 12px;
    --font-size-sm: 13px;
    --font-size-md: 14px;
    --font-size-lg: 15px;
    --font-size-xl: 16px;
    --font-size-xxl: 18px;
    --font-size-xxxl: 22px
}

body {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.btn-2 {
    margin: 10px !important;
    height: 30px;
    width: 100px;
    background: var(--bg-black-900);
    color: #fff !important;
    font-size: 13px !important;
    border: none;
    border-radius: 5px;
    transition: .3s ease-out;
    position: relative;
    z-index: 1;
    background: var(--bg-header-200)
}

.btn-2:hover,
.offcan {
    color: var(--bg-black-900) !important
}

.btn-2::after,
.btn-2::before {
    width: 100px;
    background: var(--bg-black-900);
    border-radius: 5px;
    z-index: -1;
    transition: .3s ease-out;
    content: " ";
    top: 0;
    position: absolute;
    height: 30px
}

#myBtn,
.overlay,
.sticky,
header {
    position: fixed
}

.btn-2::after {
    right: 0
}

.news .container,
.offcanvas {
    background-image: url(image/backphon.png)
}

.btn-2:hover:after,
.btn-2:hover:before,
.btn-3:hover:after,
.btn-3:hover:before {
    width: 0
}

.btn-2:hover {
    cursor: pointer;
    border-radius: 5px !important
}

header {
    width: 100%;
    height: 135px;
    font-size: 15px !important;
    z-index: 5
}


/*new carousel*/

.main_carousel {
    position: relative;
}
.owl-carousel .owl-item img{
    height:700px !important;
}
.item_main {
    width: 100%;
height:700px;
    position: relative;
    
}

.item_main img {
    width: 100%;
    height: 100%;
   
}

.item_main h1 {
    font-size: 55px;
    width: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: absolute;
    z-index: 2;
    top: 30%;
    z-index: 99999;
    text-align: center;
}
.item_main a {
       position: fixed;
    width: 100%;
    z-index: 99;
    top: 0;
    left: 0;
    height: 100%;
}

.item_main h2 {
    font-size: 30px;
    width: 100%;
    color: #fff;
    position: absolute;
    z-index: 2;
    top: 45%;
    text-align: center;
}

.opasity-img-main {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    opacity: 0.5;
    position: absolute;
    top: 0;
    z-index: 1;
}
.item_main img {
    width: 100%;
    height: 100%;
   
}

.owl-theme-mn {
    position: absolute;
    z-index: 22;
    width: 100%;
}

.owl-theme-mn .owl-nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 60px 0 60px;
}

.owl-theme-mn .owl-nav .owl-prev {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-color: #333b94;
    border: none;
    color: #fff;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.owl-theme-mn .owl-nav .owl-next {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-color: #333b94;
    border: none;
    color: #fff;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width:992px) {
    .item_main h1 {
        font-size: 30px;
        top:25%;
    }
}
@media (max-width:576px) {
    .owl-theme-mn .owl-nav .owl-prev,.owl-theme-mn .owl-nav .owl-next{
        display:none !important;
    }

   .owl-carousel .owl-item img {
        height
        :auto !important;
    }
.read-more{
        padding: 5px 15px;
    border-radius: 10px;
    color:#fff !important;
    text-decoration:none !important;
   
    font-size: 12px;
 
    background-color: #333b94;
}
    .item_main h1 {
        font-size: 16px;
        top:45%;
    }

    .item_main h2 {
        font-size: 15px;
    }

    .opasity-img-main {
        height: 300px;
    }


    .owl-theme-mn .owl-nav {
        padding: 0 15px 0 15px;
    }

    .owl-theme-mn .owl-nav .owl-prev {
        width: 3.5rem !important;
        height: 3.5rem !important;
        font-size: 15px !important;
    }

    .owl-theme-mn .owl-nav .owl-next {
        width: 3.5rem !important;
        height: 3.5rem !important;
        font-size: 15px !important;
    }

}

.sticky {
    background-color: #3e6b8eef;
    z-index: 240;
    transition: .5s;
    width: 100%;
    height: 110px
}

.dropdown-menu,
.sticky #logo1,
.sticky .container .other-section .other-section-1 {
    display: none !important
}

.sticky #logo2 {
    width: 95% !important;
    object-fit: cover;
    display: block !important
}

.sticky .other-section .other-section-2 {
    width: 100%;
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 50px;
    transition: .5s
}

.sticky .container .other-section .other-section-2 ul li a,
footer .write-section a {
    color: var(--bg-header-200);
    text-decoration: none;
    position: relative;
    transition: .5s
}

.sticky .container .other-section .other-section-2 ul li a:hover,
.sticky .fa-solid,
footer .col-md-6 a:hover,
footer .container .write-section a {
    color: var(--bg-header-200) !important
}

.sticky .container .other-section .other-section-2 ul li a:after,
footer .col-md-6 a:after {
    position: absolute;
    content: " ";
    z-index: 5;
    top: 120%;
    left: 50%;
    width: 0%;
    height: 1px;
    transition: 1s;
    transform: translateX(-50%);
    background-color: var(--bg-header-200)
}

.sticky .container .other-section .other-section-2 ul li a:hover:after,
footer .col-md-6 a:hover:after {
    position: absolute;
    content: "";
    z-index: 5;
    top: 120%;
    left: 50%;
    width: 100%;
    height: 1px;
    border-radius: 2px;
    transition: 1s;
    transform: translateX(-50%);
    background-color: var(--bg-header-200)
}

.sticky .container .other-section .other-section-2 ul {
    width: 100%;
    display: flex;
    align-items: center;
    list-style: none;
    justify-content: space-between !important
}

.sticky .offcan {
    border: none !important
}

.container {
    display: flex;
    width: 100%;
    height: 100%
}

header .container .logo-section {
    width: 20%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

header .container .logo-section #logo1 {
    width: 95% !important;
    object-fit: contain;
    display: block
}

header .container .logo-section #logo2 {
    width: 95% !important;
    object-fit: contain;
    display: none
}

header .container .other-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%
}

header .container .other-section .other-section-1{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 60%
}
.search-other{
        width: 250px;
    display: flex;
    padding:0 5px;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 20px;
    
}
.owl-dots{
    margin-top:20px;
}
.search-other input{
      height: 30px;
    outline: none;
    border: none;
    background: transparent;
    width: 100%;
    padding-left:7px;
    padding-right:5px;
}

.search-other button{
    height:30px;
    outline:none;
    border:none;
    background:transparent;
}

select {
    margin-right: 20px !important;
    height: 30px !important;
    border: none;
    padding: 0;
    background: 0 0
}

header .container .other-section .other-section-1 .btn {
    width: 100px
}

header .container .other-section .other-section-2 {
    width: 100%;
    height: 40%
}

.offcanvas-body ul li a,
header .container .other-section .other-section-2 ul li a {
    color: var(--bg-text-100);
    text-decoration: none;
    position: relative
}

.offcanvas-body a:hover,
.offcanvas-footer .sosial i:hover,
.parents2in .container .section1 .writes h2,
header .container .other-section .other-section-2 ul li a:hover {
    color: var(--text-black-900)
}

.offcanvas-body a:after,
header .container .other-section .other-section-2 ul li a:after {
    position: absolute;
    content: " ";
    z-index: 5;
    top: 120%;
    left: 50%;
    width: 0%;
    height: 1px;
    transition: 1s;
    transform: translateX(-50%);
    background-color: var(--bg-text-100)
}

.active a:after,
.sticky .active a:after {
    position: absolute !important;
    content: "" !important;
    z-index: 5 !important;
    top: 120% !important;
    left: 50% !important;
    width: 100% !important;
    height: 1px !important;
    border-radius: 2px !important;
    transition: 1s !important;
    transform: translateX(-50%) !important
}

.sticky .active a:after {
    background-color: var(--bg-header-200) !important
}

.active a:after {
    background-color: var(--text-black-900) !important
}

.offcanvas-body ul li a:hover:after,
header .container .other-section .other-section-2 ul li a:hover:after {
    position: absolute;
    content: "";
    z-index: 5;
    top: 120%;
    left: 50%;
    width: 100%;
    height: 1px;
    border-radius: 2px;
    transition: 1s;
    transform: translateX(-50%);
    background-color: var(--text-black-900)
}

header .container .other-section .other-section-2 ul {
    margin-top: 16px;
    padding: 0;
    display: flex;
    list-style: none;
    justify-content: space-between
}

.offcanvas-footer .sosial,
footer .container .write-section .logo-section .sosial {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 0
}

.offcanvas-footer .sosial i {
    font-size: 20px;
    color: var(--bg-footer-100);
    padding: 11px;
    transition: .5s
}

.offcan {
    display: none !important
}

.offcanvas-header .btn-close {
    font-size: 20px !important
}

.offcanvas-body div {
    width: 100%;
    display: flex;
    justify-content: center
}

.offcanvas {
    background-size: cover;
    background-position: center
}

.offcanvas-body select {
    margin-top: 10px;
    font-size: 15px;
    margin-left: 15px
}

.overlay button,
.overlay input[type=text] {
    float: left;
    padding: 15px;
    font-size: 17px;
    border: none
}

.openBtn {
    border: none;
    background: 0 0;
    font-size: 20px;
    cursor: pointer
}

.overlay {
    height: 100%;
    width: 100%;
    display: none;
    z-index: 10;
    top: 0;
    background-color: rgba(0, 0, 0, .846)
}

.overlay-content {
    position: relative;
    top: 46%;
    width: 80%;
    text-align: center;
    margin: auto
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: #fff
}

.overlay .closebtn:hover {
    color: #ccc
}

.overlay input[type=text] {
    width: 80%;
    background: #fff
}

.overlay input[type=text]:hover {
    background: #f1f1f1
}

.overlay button {
    width: 20%;
    background: #ddd;
    cursor: pointer
}

.overlay button:hover {
    background: #bbb
}

.carousel {
    transition: 1s;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.carousel-1 {
    transition: 1s;
    width: 100%
}

.carousel-1 .item .shadow {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .396);
    position: absolute;
    z-index: 10;
    display: flex;
    padding-top: 100px;
    padding-left: 100px;
    flex-direction: column
}

.btn-3,
.carousel-1 .item .carousel-image1 {
    position: relative
}

.carousel-1 .item .shadow h1 {
    font-size: 29px
}

.carousel-1 .item .shadow h1, h2,strong,
a,
p {
    color: #fff;
}

.carousel-1 .item .shadow p {
    font-size: 20px
}

.carousel-1 .item .shadow a {
    margin-top: 55px;
    font-size: 22px;
    color: #fff !important
}

.carousel-indicators {
    margin: auto !important;
    padding-bottom: 15px !important
}

.carousel-indicators li {
    margin-left: 5px !important;
    padding: 8px !important
}

#between {
    width: 100%;
    height: 135px
}

.carousel-2 {
    transition: 1s;
    width: 30%
}

.carousel-2 .item .backphon {
    width: 100%;
    height: 500px;
    background-color: var(--bg-text-150)
}

.carousel-2 .item .backphon .backhphon2 {
    width: 100%;
    height: 100%;
    background-image: url(image/bacphon-carousel.png);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center
}

.carousel-2 .item .backphon .backhphon2 p {
    color: #fff;
    font-size: 22px;
    text-align: center
}

.carousel-2 .item .backphon .backhphon2 p span,
.carousel-2 .item .backphon .backhphon2 p span i {
    padding-right: 10px
}

.konfrans {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 60px 0
}

.doctors #old,
.konfrans h2,
.news h2,
.parents2 #old,
.teams #old {
    color: var(--text-black-900);
    font-size: 25px;
    font-weight: 700;
    padding: 15px 0
}

.doctors .line,
.konfrans .line,
.news .line,
.parents2 .line,
.teams .line {
    width: 70px;
    height: 1px;
    border: 1px solid var(--text-black-900)
}

.konfrans .container {
    width: 100%;
    height: auto;
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

/*new version*/
.konfrans-item{
    width: 100%;
    max-width: 540px
    min-height: 200px;
    transition: 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
    padding: 0 10px;
}
.konfrans-item a{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #000;
}
.konfrans-item a:hover{
    color: #000;
    text-decoration: none;
}
.konfrans-item .video-item{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    transition: 0.5s;
    margin-bottom: 20px;
}
.konfrans-item .video-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
/*.konfrans-item .video-item:hover img,*/
/*.photos .container .row .col-lg-3:hover img {*/
/*    transform: scale(1.2) !important*/
/*}*/
/*.konfrans-item .video-item:hover {*/
/*    box-shadow: 0 0 5px 0 rgba(128, 124, 124, .9)*/
/*}*/
.konfrans-item .video-item .shadow{
    display: none;
}
/*.konfrans-item .video-item .shadow {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    z-index: 6;*/
/*    background-color: rgba(0, 0, 0, .372);*/
/*    cursor: pointer;*/
/*    transition: .5s*/
/*}*/
/*.konfrans-item .video-item .shadow:hover {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    z-index: 6;*/
/*    background: 0 0;*/
/*    background-color: rgba(0, 0, 0, .152) !important*/
/*}*/
.konfrans-item .video-item span i,
.photos .container .row2 #shadow span i {
    font-size: 30px;
    color: #fff
}
.konfrans-item .video-item span {
    padding: 20px 25px;
    background-color: rgba(0, 0, 0, .498);
    border-radius: 50%;
    position: absolute;
    z-index: 10;
    color: var(--bg-black-900);
    font-size: 13px;
    transition: .5s
}
.write-item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #000;
}
.write-item h3{
    color: #000;
    text-align: center;
}
.write-item div{
    color: #000;
    font-size: 14px;
    text-align: center;
}
.write-item span{
    color: #000;
    align-self: flex-end;
    margin-top: 15px;
    font-size: 14px !important;
}
.konfrans-item .video-item span i,
.photos .container .row2 #shadow span i {
    font-size: 30px;
    color: #fff
}
/*old version*/
/*.konfrans-item .video-item .shadow:hover {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    z-index: 6;*/
/*    background: 0 0;*/
/*    background-color: rgba(0, 0, 0, .152) !important*/
/*}*/
/*.konfrans-item {*/
/*    width: 540px;*/
/*    height: 201px;*/
/*    transition: .5s;*/
/*    margin: 20px 10px;*/
/*    display: flex*/
/*}*/

/*.konfrans-item a {*/
/*    width: auto;*/
/*    text-decoration: none !important;*/
/*    display: flex*/
/*}*/

/*.konfrans-item .video-item {*/
/*    width: 50%;*/
/*    height: 100%;*/
/*    position: relative;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    border-radius: 5px;*/
/*    transition: .5s;*/
/*    overflow: hidden*/
/*}*/

/*.konfrans-item .video-item img {*/
/*    transform: scale(1) !important;*/
/*    transition: .5s;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    object-fit: cover;*/
/*    z-index: 5*/
/*}*/

/*.konfrans-item .video-item:hover img,*/
/*.photos .container .row .col-lg-3:hover img {*/
/*    transform: scale(1.2) !important*/
/*}*/

/*.konfrans-item .video-item:hover {*/
/*    box-shadow: 0 0 5px 0 rgba(128, 124, 124, .9)*/
/*}*/

/*.konfrans-item .video-item .shadow {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    z-index: 6;*/
/*    background-color: rgba(0, 0, 0, .372);*/
/*    cursor: pointer;*/
/*    transition: .5s*/
/*}*/

/*.konfrans-item .video-item .shadow:hover {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    z-index: 6;*/
/*    background: 0 0;*/
/*    background-color: rgba(0, 0, 0, .152) !important*/
/*}*/

/*.konfrans-item .video-item span i,*/
/*.photos .container .row2 #shadow span i {*/
/*    font-size: 30px;*/
/*    color: #fff*/
/*}*/

/*.konfrans-item .video-item span {*/
/*    padding: 20px 25px;*/
/*    background-color: rgba(0, 0, 0, .498);*/
/*    border-radius: 50%;*/
/*    position: absolute;*/
/*    z-index: 10;*/
/*    color: var(--bg-black-900);*/
/*    font-size: 13px;*/
/*    transition: .5s*/
/*}*/

/*.write-item {*/
/*    width: 50%;*/
/*    height: 100%;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: space-around;*/
/*    padding-top: 4px;*/
/*    padding-left: 10px;*/
/*    align-items: flex-start*/
/*    color: #000;*/
/*}*/
/*.write-item div{*/
/*    color: #000;*/
/*}*/
.carousel-section,
.news,
.owl-item {
    justify-content: center;
    display: flex
}

.write-item h3 {
    color: var(--text-black-900) !important;
    font-size: 20px
}

.write-item a,
.write-item p {
    color: var(--bg-black-900);
    font-size: 13px
}

.carousel-section,
.news {
    padding: 60px 0;
    align-items: center;
    flex-direction: column
}

.doctors a,
.news a {
    width: auto;
    text-decoration: none !important
}

.carousel-section .owl-carousel .owl-dots,
.doctors .container,
.doctors .owl-carousel .owl-dots,
.news .owl-carousel .owl-dots,
.parents2in .owl-carousel .owl-dots,
.teams .container,
footer .col-md-6 {
    display: flex;
    align-items: center;
    justify-content: center
}

.carousel-detail .owl-carousel .owl-dots .owl-dot span,
.carousel-section .owl-carousel .owl-dots .owl-dot span,
.doctors .owl-carousel .owl-dots .owl-dot span,
.news .owl-carousel .owl-dots .owl-dot span,
.parents2in .owl-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    backface-visibility: visible;
    transition: opacity .2s;
    border-radius: 30px
}

.carousel-detail .owl-carousel .owl-dots .active1 span,
.carousel-section .owl-carousel .owl-dots .active1 span,
.doctors .owl-carousel .owl-dots .active1 span,
.news .owl-carousel .owl-dots .active1 span,
.parents2in .owl-carousel .owl-dots .active1 span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #00f !important;
    display: block;
    backface-visibility: visible;
    transition: opacity .2s;
    border-radius: 30px
}

.news .container {
    background-repeat: no-repeat;
    background-position: 95%
}

.line {
    margin-bottom: 30px
}

.owl-item {
    align-items: center
}

.news .container,
.row {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.news .container .news-item {
    width: 270px;
    height: 400px;
    transition: .5s;
    margin: 15px 5px;
    padding: 0;
    border-radius: 10px
}

.news .container .news-item a {
    width: auto;
    height: auto;
    text-decoration: none;
    color: var(--bg-footer-100) !important
}

.news .container .news-item .image-section {
    width: 100%;
    height: 65%;
    overflow: hidden;
    border-radius: 10px
}

.news .container .news-item .image-section img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    transform: scale(1);
    transition: 1s
}

.news .container .news-item .image-section img:hover {
    object-fit: cover;
    transform: scale(1.3) !important
}

.news .container .news-item .write-section {
       width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 5px;
}

.news .container .news-item .write-section p {
    font-size: 15.5px;
    color: var(--bg-footer-100);
    text-transform: capitalize
}

.news .container .news-item .write-section span {
    font-size: 15px;
    background: #273c8d;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    
}
.news .container .news-item .write-section span i{
    margin-right:7px;
    
}

.portnyor .container .item .imgblock {
    width: 230px;
    height: 60px
}

.account .container .mysettings .imgblock img,
.navimg img,
.photos .container .imgblock img,
.portnyor .container .item .imgblock img,
.portnyor .container .item img {
    width: 100%;
    height: 100%
}

.portnyor .container .item {
    width: 230px;
    height: 150px
}

.mysettings .news-item .overlay a::after,
.mysettings.documents-container a::after,
.mysettings.events-container .measure-item a::after,
.owl-next,
.owl-prev,
.portnyor .container .owl-dots {
    display: none
}

.account .container .mysettings .accountbody2 .row form,
.carousel-detail,
.carousel-section .container .row,
.parents,
.portnyor,
.singup {
    width: 100%
}

.doctors .container .row,
.parents2 .container .row,
.parents2in .container,
.portnyor .container,
.teams .container .row {
    padding: 50px 0
}

/*new css pasha*/
.section.portnyor .owl-carousel .item{
    width : 100% !important;
    min-height: 150px !important;
}
.section.portnyor .owl-carousel .item img{
    width: 100% !important;
    min-height: 150px !important;
    height: 150px !important;
    object-fit: contain !important;
}
.footer {
    margin-top: 60px
}

footer {
    width: 100%;
    background-color: var(--bg-footer-100);
    flex-direction: column
}

.parents .container .row,
.photos .container .butons,
footer .container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.copyright-section a {
    text-decoration: none;
    color: orange !important
}

footer .container .write-section {
    width: 100%;
    padding: 30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-transform: capitalize
}

footer .container .write-section ul {
    list-style: none;
    color: var(--bg-header-200);
    justify-content: center;
    align-items: center;
    font-size: 15px
}

footer .container .write-section ul li {
    margin-bottom: 15px;
    text-transform: capitalize
}

footer .container .write-section p {
    font-size: 15px
}

footer .copyright-section .container p span {
    color: orange
}

footer .copyright-section {
    width: 100%;
    background-color: #1e1c1c
}

footer .copyright-section .container {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

footer .copyright-section p {
    color: #fff;
    font-size: 15px;
    padding: 0 !important;
    margin: 0 !important
}

.offcanvas-body,
footer .container .write-section .logo-section {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

footer .container .write-section .logo-section .sosial i {
    font-size: 20px;
    color: #fff;
    padding: 11px;
    transition: .5s
}

footer .container .write-section .logo-section .sosial i:hover {
    font-size: 20px;
    color: var(--text-black-900);
    padding: 11px;
    cursor: pointer
}

footer .container .write-section .logo-section img {
    object-fit: contain
}

#write,
.doctors1 {
    margin-top: 135px
}

#write .container .page {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: start;
    align-items: center
}

#write .container .page a,
#write .container .page i {
    color: var(--bg-text-150) !important;
    text-decoration: none;
    font-size: 13px;
    margin-left: 5px
}

#write .container,
#write2 .container {
    padding: 10px 0;
    border-bottom: 1px solid var(--text-black-900);
    display: flex;
    flex-direction: column
}

#write .container h1 {
    margin: 15px 5px;
    color: var(--text-black-900)
}

#write2 .container .page {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#write2 {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

#write2 .container p,
#write2 p {
    display: inline-block !important
}

.measure {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.measure .container {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    padding: 0
}

.measure .container .measure-item,
.mysettings.events-container .measure-item {
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0
}

.mysettings.events-container .measure-item .image-place {
    width: 30%;
    height: 300px
}

.measure .container .measure-item .image-place {
    width: 20%;
    height: 300px
}

.about .banner-img .container .imgblock img,
.carousel-image img,
.measure .container .measure-item .image-place img,
.mysettings.events-container .measure-item .image-place img,
.parents2in .container .owl-carousel .imgblock img,
.parents2in .container .section1 .image .imgblock img,
.partnyor .container #imgblock img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.mysettings.events-container .measure-item .write-place {
    width: 70%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-direction: column;
    justify-content: space-around;
    padding-left: 20px;
    text-transform: capitalize;
    margin-top: 25px
}

.E-social{
    width:100%;
    display: flex;
    justify-content: start;
    /*column-gap:15px;*/
    align-items:center;
}

.social-event{
    /*width:30px;*/
    /*height:30px;*/
      display: flex;
      justify-content: center;
      align-items:center;
      font-size:22px;
      text-decoration:none;
      cursor:pointer;
      margin-right: 10px;
}
.social-event i{
    font-size: 26px;
}
.social-event:hover{
    transition: all 0.5s;
    color:#4a7495;
    text-decoration:none;
}

.measure .container .measure-item .write-place {
    width: 80%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start !important;
    align-items: start !important;
    padding-left: 20px;
    text-transform: capitalize;
    margin-top: 25px
}
.measure .container .measure-item .write-place h1, p, .E-social{
    margin-bottom: 15px !important;
}
.measure .container .measure-item .write-place p span{
    margin-right: 5px;
}
.detail-link{
    background: #273c8d;
    color: #fff;
    padding: 10px;
    margin-top: 10px;
    display: block;
    border-radius: 5px;
    text-decoration: none;
    transition:all 0.4s ease;
}
.detail-link:hover{
    background:#3e6b8eef;
    text-decoration:none !important;
    color:#fff;
}
.detail .container .row .col-md-12 h1,
.detail .container .row .col-md-9 h1,
.measure .container .measure-item .write-place h1,
.mysettings.events-container .measure-item .write-place h1 {
    color: var(--bg-text-150);
    text-transform:capitalize;
}

.detail .container .row .col-sm-12 p,
.measure .container .measure-item .write-place p,
.mysettings.events-container .measure-item .write-place p {
    font-size: 15px;
    color: var(--bg-text-150) !important
}

.measure .container .measure-item .write-place p span,
.mysettings.events-container .measure-item .write-place p span {
    color: var(--bg-text-150)
}

.detail .container .row .col-md-12 p span i,
.measure .container .measure-item .write-place p span i,
.mysettings.events-container .measure-item .write-place p span i {
    margin-right: 5px;
    font-size: 15px;
    color: var(--bg-text-150)
}

.measure .container .measure-item .write-place a,
.mysettings.events-container .measure-item .write-place a {
    font-size: 15px;
    color: var(--bg-text-150)
}

.history {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 25px
}

.history a button {
  width: 75px;
   height: 40px;
   font-size: 14px;
  
}

.history a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none !important
}

.btn-3 {
    margin: 10px !important;
    height: 30px;
    width: 50px;
    background: var(--bg-text-100);
    color: #fff !important;
    font-size: 13px !important;
    border: none;
    border-radius: 5px;
    transition: .3s ease-out;
    z-index: 1;
    background: var(--bg-header-200)
}

.btn-3::after,
.btn-3::before {
    content: " ";
    height: 30px;
    width: 50px;
    top: 0;
    background: var(--bg-text-100);
    border-radius: 5px;
    z-index: -1;
    transition: .3s ease-out;
    position: absolute
}

.btn-3::after {
    right: 0
}

.btn-3:hover {
    cursor: pointer;
    color: var(--bg-text-100) !important;
    border-radius: 5px !important
}

.history .active2 {
    color: #fff !important;
    background-color: var(--bg-black-900) !important;
    border: 1px solid var(--bg-text-100) !important
}

.offcanvas-body ul li {
    margin-bottom: 15px;
    font-size: 15px
}

.offcanvas-body ul {
    margin-top: 16px;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
    flex-direction: column;
    justify-content: space-between
}

.detail .container {
    padding: 0;
    display: flex;
    flex-direction: column
}

.detail {
    padding: 0 15px
}

.detail .container .row .col-md-3 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover
}

.detail .container .row div {
    margin-top: 10px
}

.account .container .mysettings.active,
.detail .container .row .col-md-12 {
    display: flex
}

.detail .container .row .item {
    display: flex;
    width: 50%;
    height: auto
}

.detail .container .row .col-md-12 .image-place {
    width: 50% !important
}

.detail .container .row .col-md-12 .write-place {
    width: 50%;
    padding: 0 17px;
    display: flex;
    flex-direction: column
}

.detail .container .row .col-md-12 .write-place a {
    margin-top: 30px;
    font-size: 14px
}

.detail .container .row .col-md-12 p span,
.detail .container .row .col-md-9 p span {
    color: var(--bg-text-150)
}

.detail .container .row .col-md-12 p {
    text-transform: capitalize;
    color: var(--bg-text-150) !important;
    font-size: 15px;
    color: var(--bg-text-150) !important
}

.detail .line {
    width: 70px;
    height: 1px;
    border: 1px solid var(--text-black-900);
    margin-top: 5px
}

.sosial-media {
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 35px 0
}

.sosial-media a img {
    object-fit: contain;
    border-radius: 10px
}

.detail .raw {
    margin-bottom: 95px
}

.sosial-media a:nth-child(2) {
    margin-left: 15px
}

.carousel-detail .container .owl-carousel .item-carousel {
    display: flex;
    width: 100%;
    height: 300px
}

.carousel-detail .container .owl-carousel .item-carousel .image-section img,
.doctors1 .container .row .section1 .image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.carousel-detail .container .owl-carousel .item-carousel .image-section {
    width: 50%;
    height: 100%
}

.carousel-detail .container .owl-carousel .item-carousel .write-section p {
    color: var(--bg-footer-100);
    font-size: 15px;
    font-weight: 600
}

.carousel-detail .container .owl-carousel .item-carousel .write-section p span {
    margin-left: 10px;
    color: var(--bg-footer-100)
}

.carousel-detail .container .owl-carousel .item-carousel .write-section p span i {
    margin: 10px
}

.carousel-detail .container .owl-carousel .item-carousel .write-section {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.carousel-detail .owl-carousel .owl-dots {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.doctors,
.parents2,
.teams {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.doctors .container .row .col-lg-4,
.teams .container .row .col-lg-4 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 15px
}

.doctors .container .col-lg-4 div:hover,
.doctors .container .row .col-lg-4 div:hover,
.parents2 .container .row .col-lg-4 div:hover,
.parents2in .container .col-lg-4 div:hover,
.teams .container .row .col-lg-4 div:hover {
    overflow: hidden;
    box-shadow: 0 0 5px 0 rgba(128, 124, 124, .9)
}

.actionplan a,
.doctors .container .row .col-lg-4 a {
    width: auto
}

.doctors .container .row .col-lg-4 div {
    width: 270px;
    height: 270px;
    border-radius: 15px;
    overflow: hidden;
    transition: .5s
}

.doctors .container .owl-carousel div h2,
.doctors .container .row div h2,
.parents2 .container .row div h2,
.parents2in .container .owl-carousel div h2,
.teams .container .row div h2 {
    color: var(--text-black-900);
    padding-top: 15px
}

.doctors .container .owl-carousel div p,
.doctors .container .row div p,
.parents2in .container .owl-carousel div p,
.teams .container .row div p {
    color: var(--bg-text-100);
    font-size: 15px;
    font-weight: 600
}

.doctors .container .row div img {
    width: 100%;
    height: 100%;
    transition: 1s;
    transform: scale(1)
}

.doctors .container .col-lg-4 div:hover img,
.doctors .container .row div:hover img,
.parents2 .container .row div:hover img,
.teams .container .row div:hover img {
    transition: 1s;
    transform: scale(1.1)
}

.doctors .container .owl-carousel .col-lg-4 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 15px;
    width: 200px;
    text-align: center
}

.login .container form,
.singup .container form {
    flex-direction: column;
    margin-bottom: 30px;
    margin-top: 15px;
    display: flex
}

.doctors .container .owl-carousel .col-lg-4 div {
    border-radius: 15px;
    overflow: hidden;
    transition: .5s;
    width: 170px;
    height: 170px
}

.doctors .container .owl-carousel,
.parents2in .container .owl-carousel {
    margin-top: 25px;
    margin-bottom: 60px
}

.doctors .container .owl-carousel div img {
    transition: 1s;
    transform: scale(1);
    width: 100%;
    height: 100%
}

.login .container form {
    width: 100%
}

.login .container form label,
.singup .container form label {
    padding: 15px 0;
    font-size: 13px;
    color: var(--bg-text-100)
}

.login .container form input[type=email],
.login .container form input[type=password],
.singup .container form input[type=email],
.singup .container form input[type=name],
.singup .container form input[type=password],
.singup .container form input[type=tel],
.singup .container form input[type=text] {
    width: 50%;
    height: 45px
}

.login .container form input[type=submit],
.singup .container form input[type=submit] {
    width: 20%;
    height: 40px;
    margin: 25px 0;
    background-color: var(--bg-text-100);
    border: none;
    font-size: 15px;
    border-radius: 5px;
    color: #fff
}

.singup textarea {
    margin-top: 20px;
    width: 50%;
    height: 75px
}

.singup .container form input.form-control,
.singup .container form select,
.singup .container form textarea.form-control {
    font-size: 14px !important
}

.singup .container form {
    width: 100%;
    justify-content: start
}

::-webkit-input-placeholder {
    font-size: 13px
}

.singup .container form select {
    width: 50%;
    height: 45px !important
}

.singup .container form input[type=file] {
    line-height: 2.5;
    width: 50%;
    height: 45px
}

.about .banner-img .container .imgblock .shadow {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    background-color: #504e708c
}

.about .banner-img .container .imgblock {
    width: 100%;
    height: 450px;
    overflow: hidden;
    border-radius: 10px;
    position: relative
}

.about .container,
.parents2in {
    width: 100%;
    display: flex;
    flex-direction: column
}

.about .container #line {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

.about .container #line .slim {
    width: 100px;
    height: 1px;
    border: 1px solid var(--text-black-900)
}

.about .container #line span {
    font-size: 20px;
    margin: 0 20px;
    color: var(--text-black-900);
    font-weight: 700
}

#about-nav {
    width: 100%;
    display: flex;
    margin: 40px 0;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

#about-nav a {
    margin: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 200px;
    width: 200px;
    align-items: center;
    justify-content: center;
    background: var(--bg-header-200);
    color: var(--text-black-900);
    font-size: var(--font-size-xxl);
    text-transform: uppercase;
    font-weight: 600;
    padding: 20px;
    text-decoration: none
}

#about-nav a:hover {
    border-top: 2px solid var(--text-black-900);
    color: var(--primary-design-color);
    background: var(--primary-bg-color);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .1)
}

#about-nav a img {
    margin-bottom: 6px
}

#about-nav a img path {
    fill: var(--primary-text-color);
    fill: var(--text-black-900)
}

#about-nav a:hover img path {
    fill: var(--text-black-900)
}

#about-nav span {
    margin-top: 15px;
    font-size: 12px
}

#about-nav a:hover:after {
    opacity: 1;
    visibility: visible
}

.about .container #whyus,
.doctors1 .container .row .section1 .contact {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.about .container #whyus .row {
    padding: 30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 1s;
    height: auto
}

.about .container #whyus .row .col-md-6 {
    height: auto;
    display: flex;
    margin: 30px 0;
    padding: 10px;
    border-bottom: 2px solid #fff
}

.about .container #whyus .row .col-md-6:hover {
    border-bottom: 2px solid var(--text-black-900)
}

.about .container #whyus .row .col-md-6 .image-section img {
    filter: grayscale(100%)
}

.about .container #whyus .row .col-md-6:hover .image-section img {
    filter: grayscale(0%)
}

.about .container #whyus .row .col-md-6 .image-section {
    width: 30%;
    height: 100%
}

.about .container #whyus .row .col-md-6 .write-section p {
    color: var(--bg-black-50);
    font-size: 15px
}

.about .container #whyus .row .col-md-6 .write-section {
    width: 70%;
    height: 100%;
    display: flex;
    flex-direction: column
}

#inner-text,
.doctors1 .container,
.partnyor .container {
    padding: 60px 0
}

#inner-text .container {
    padding: 50px 15px;
    border-left: 1px solid var(--text-black-900);
    border-right: 1px solid var(--text-black-900);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

#inner-text .container h1,
.carousel-section h1 {
    color: var(--text-black-900);
    margin: 20px 0
}

#inner-text .container p {
    color: var(--bg-black-900);
    font-size: 16px;
    line-height: 30px
}

.active3 {
    background-color: #fff !important;
    border-top: 2px solid var(--text-black-900) !important
}

.actionplan .container {
    display: flex;
    flex-direction: column;
    padding: 60px 0
}

#more2,
#more3,
#more4,
.actionplan .container .actionplan-item #more1 {
    width: 100%;
    height: auto;
    display: none;
    padding: 30px;
    text-align: center
}

.actionplan .container .actionplan-item #write {
    padding: 20px 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.actionplan .container .actionplan-item .col-lg-12 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
    border-bottom: 1px solid var(--bg-text-100)
}

.actionplan .container div p {
    color: var(--bg-text-100);
    font-size: 15px;
    margin: 0
}

.photos .container .imgblock {
    width: 250px;
    height: 200px
}

.photos .container .butons button {
    margin: 15px 25px
}

.photos .container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0
}

.photos .container .row {
    width: 100%;
    padding: 30px 0
}

.photos .container .row .col-lg-3 {
    padding: 0;
    position: relative;
    width: 250px;
    margin: 10px;
    height: 200px;
    border-radius: 5px;
    overflow: hidden
}

.photos .container .row .col-lg-3 img {
    position: absolute;
    object-fit: cover;
    transform: scale(1);
    transition: .5s
}

.photos .container .row1 #shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .346);
    z-index: 10;
    transition: 1s
}

.photos .container .row1 #shadow:hover,
.photos .container .row2 #shadow:hover {
    width: 100%;
    height: 100%;
    position: absolute;
    background: 0 0;
    z-index: 10
}

.photos .container .row2 #shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .346);
    z-index: 10;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    transition: 1s
}

.photos .container .row2 #shadow span {
    padding: 25px;
    background-color: rgba(0, 0, 0, .498);
    border-radius: 50%
}

.partnyor .container a {
    width: auto;
    height: auto
}

.partnyor .container #imgblock {
    width: 250px;
    height: 72px
}

.partnyor .container .row .col-lg-3 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 60px 0
}

::-webkit-scrollbar {
    width: 7px
}

::-webkit-scrollbar-track {
    background: #f1f1f1
}

::-webkit-scrollbar-thumb {
    background: var(--text-black-900);
    border-radius: 15px
}

::selection {
    color: #fff;
    background: var(--text-black-900)
}

#myBtn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--text-black-900);
    bottom: 90px;
    right: 22px;
    border: none;
    z-index: 9999;
    cursor: pointer
}

#myBtn i {
    font-size: 25px;
    color: #fff
}

.doctors1 .container .row {
    padding: 0 !important;
    margin: 0;
    width: 100%
}

.doctors1 .container .row .section1 {
    border: 2px solid var(--text-black-900);
    border-radius: 10px;
    padding: 0;
    width: 25%;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.doctors1 .container .row .section1 .image {
    overflow: hidden;
    width: 100%;
    height: 75%
}

.doctors1 .container .row .section1 .contact .contactin {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height: 15px
}

.doctors1 .container .row .section1 .contact .contactin span a {
    text-decoration: none;
    color: var(--text-black-900) !important;
    font-size: 13px;
    font-weight: 700
}

.doctors1 .container .row .section1 .contact .contactin b {
    color: var(--text-black-900) !important;
    font-size: 13px;
    font-weight: 700
}

.doctors1 .container .row .section1 .add .fa-brands {
    margin: 0 15px;
    font-size: 20px
}

.doctors1 .container .row .section1 .add .fa-solid,
.doctors1 .container .row .section1 .contact .contactin lord-icon,
b {
    margin: 0 15px
}

.doctors1 .container .row .section1 a {
    color: var(--text-black-900) !important;
    width: auto
}

.doctors1 .container .row .section1 .add a {
    text-decoration: none;
    font-size: 12px
}

.doctors1 .container .row .section1 .add {
    padding: 5px;
    width: 100%;
    height: 15%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    line-height: 10px
}

.doctors1 .container .row .section2 {
    padding: 5px 25px;
    width: 70%;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: start
}

.doctors1 .container .row .section2 p {
    color: #000;
    font-size: 15px
}

.doctors1 .container .row .section2 div {
    width: 60px;
    height: 1px;
    border: 1px solid red
}

.doctors1 .container .row .section2 ul {
    padding: 0;
    list-style: none
}

.doctors1 .container .row .section2 ul li {
    margin-top: 4px;
    font-size: 12px
}

.carousel-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.carousel-section .container .news-item img,
.mysettings .news-item img {
    object-fit: contain;
    width: 100%;
    height: 100%
}

.parents .container .row a,
.parents2 a {
    width: auto;
    text-decoration: none
}

.mysettings.documents-container .news-item {
    flex-direction: column
}

.mysettings.documents-container .news-item p {
    font-size: 14px;
    color: #000;
    text-decoration: none
}

.mysettings.documents-container .news-item i {
    font-size: 50px;
    color: #273c8d
}

.mysettings .news-item .overlay {
    background: rgba(0, 0, 0, .6);
    width: 100%;
    height: 0;
    position: absolute;
    display: block;
    transition: .6s;
    bottom: 0;
    left: 0;
    visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

.carousel-section .container .news-item,
.mysettings .news-item {
    border: 2px solid var(--text-black-900);
    overflow: photos;
    margin: 20px 25px;
    justify-content: center;
    padding: 0;
    display: flex
}

.mysettings .news-item .overlay a:hover {
    color: red
}

.mysettings .news-item:hover .overlay a {
    visibility: visible;
    transition: 1.2s
}

.mysettings .news-item:hover .overlay {
    transition: .6s;
    height: 100%;
    visibility: visible
}

.mysettings .news-item .overlay a {
    transition: .1s;
    display: block;
    font-size: 30px;
    color: red;
    text-decoration: none;
    visibility: hidden;
    cursor: pointer
}

.mysettings .news-item {
    position: relative;
    width: 150px;
    height: 150px;
    transition: .5s;
    border-radius: 10px;
    align-items: center
}

.carousel-section .container .news-item {
    width: 270px;
    height: 250px;
    transition: .5s;
    border-radius: 10px;
    align-items: center
}

.parents .container .row a {
    margin: 0 !important
}

.parents .container .row .col-lg-4 h2 {
    color: var(--text-black-900);
    transform: scale(1);
    transition: .5s
}

.parents .container .row .col-lg-4:hover h2 {
    transform: scale(1.1)
}

.parents .container .row .col-lg-4 {
    width: 280px;
    height: 100px;
    border: 2px solid var(--text-black-900);
    border-radius: 15px;
    margin: 30px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .4s
}

.parents .container .row .col-lg-4:hover {
    box-shadow: 0 -1px 34px 1px #273b8d99
}

.parents2 .container .row .col-lg-4 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 15px;
}

.parents2 .container .row .col-lg-4 div {
    width: 100%;
    height: 250px;
    border-radius: 15px;
    overflow: hidden;
    transition: .5s
}

.parents2 .container .row div p {
    color: var(--text-black-700);
    font-size: 15px;
    font-weight: 600;
    text-align: center
}

.parents2 .container .row div img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: 1s;
    border-radius:5px;
    transform: scale(1)
}

.parents2in .container .section1 .image .imgblock {
    width: 300px;
    height: 300px;
    overflow: hidden;
    border-radius: 10px
}

.parents2in .container .owl-carousel .imgblock {
    width: 200px;
    height: 200px
}

.parents2in .container .section1 {
    width: 100%;
    display: flex
}

.parents2in .container .section1 .writes p {
    color: var(--text-black-900);
    font-size: 15px
}

.parents2in .container .section1 .image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    height: 100%
}

.parents2in .container .section1 .image img {
    border-radius: 15px
}

.parents2in .container .section1 .writes {
    height: auto;
    padding: 20px;
    display: flex;
    text-align: center;
    flex-direction: column;
    width: 100%
}

.parents2in .container .owl-carousel #imgblock {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.parents2in .container .owl-carousel .col-lg-4 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 200px;
    height: 200px;
    /*border: 1px solid var(--text-black-900);*/
    border-radius: 15px;
    margin: 25px 0
}

.parents2in .container .owl-carousel .col-lg-4 div {
    border-radius: 15px;
    overflow: hidden;
    transition: .5s;
    width: 100%
}

.port {
    width: 100%;
    height: 400px
}

.teams .container .row .col-lg-4 div {
    border-radius: 15px;
    width: 270px;
    height: 270px;
    overflow: hidden;
    transition: .5s
}

.teams .container .row div img {
    transition: 1s;
    transform: scale(1);
    width: 100%;
    object-fit: contain;
    height: 100%
}

.buton1,
.buton2,
.buton3,
.buton4,
.buton5 {
    background: 0 0;
    border: 1px solid var(--bg-footer-100) !important;
    width: 50px;
    height: 30px;
    border-radius: 5px;
    color: var(--bg-footer-100)
}

.active5 {
    background-color: var(--bg-footer-100) !important;
    color: #fff !important
}

.carousel-image1 {
    width: 100%;
    height: 500px
}

.carousel-image {
    width: 220px;
    height: 307px
}

.navimg {
    width: 60px;
    height: 60px
}

.account .container {
    width: 100%;
    height: auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: row
}

.account .container .myaccount {
    width: 28%;
    margin-top: 20px;
    height: max-content;
    display: flex;
    padding: 25px;
    box-shadow: 0 0 8px -3px rgba(0, 0, 0, .75);
    -webkit-box-shadow: 0 0 8px -3px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 8px -3px rgba(0, 0, 0, .75);
    overflow: hidden;
    flex-direction: column
}

.account .container .myaccount .outsettings a {
    font-size: 15px;
    color: var(--text-black-900);
    text-decoration: none;
    font-weight: 600;
    box-shadow: 0 0 8px -3px rgba(0, 0, 0, .75);
    -webkit-box-shadow: 0 0 8px -3px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 8px -3px rgba(0, 0, 0, .75);
    border-top: none;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 0 15px
}

.account .container .myaccount .outsettings {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column
}

.account .container .myaccount .settings i {
    transition: .5s;
    font-size: 15px;
    color: #fff
}

.account .container .myaccount .settings p {
    font-size: 15px;
    color: #fff;
    padding: 0;
    margin: 0
}

.account .container .myaccount .settings {
    cursor: pointer;
    padding: 0 20px;
    width: 100%;
    height: 50px;
    background-color: var(--text-black-900);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.account .container .mysettings input[type=submit] {
    width: auto;
    height: 40px;
    font-size: 15px;
    background-color: var(--text-black-900);
    color: #fff;
    border: none;
    margin-top: 20px;
    padding: 0 15px
}

.account .container .mysettings {
    margin-top: 20px;
    height: auto;
    width: 100%;
    display: none;
    padding: 25px;
    box-shadow: 0 0 8px -3px rgba(0, 0, 0, .75);
    -webkit-box-shadow: 0 0 8px -3px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 8px -3px rgba(0, 0, 0, .75);
    overflow: hidden;
    flex-direction: column
}

.account .container .mysettings .accountdetail,
.account .container .mysettings .accountdetail2 {
    width: 100%;
    height: 60px;
    background-color: var(--text-black-900);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    cursor: pointer
}

.account .container .mysettings .accountdetail,
.account .container .mysettings .accountdetail p,
.account .container .mysettings .accountdetail2,
.account .container .mysettings .accountdetail2 p {
    font-size: 13px;
    font-weight: 700;
    color: #fff
}

.account .container .mysettings .accountbody {
    width: 100%;
    padding: 0;
    margin: 0
}

.account .container .mysettings .col-lg-12 .form-floating,
.account .container .mysettings .col-lg-6 .custom-input,
.account .container .mysettings .form-floating {
    margin-top: 10px;
    border-bottom: 1px solid var(--text-black-900) !important;
    width: 100%;
    display: flex
}

.account .container .mysettings .form-floating {
    flex-direction: column;
    height: 60px;
    justify-content: start
}

.account .container .mysettings .col-lg-12 .form-floating textarea {
    min-height: 200px;
    font-size: 14px;
    padding-top: 21px
}

.account .container .mysettings .imgblock {
    width: 150px;
    height: 150px;
    margin-top: 1em
}

.account #cke_editor1 a:after {
    background-color: unset !important
}

.account .container .mysettings .col-lg-12 .custom-input label {
    font-size: 15px;
    font-weight: 600;
    margin-top: 1em
}

.account .container .mysettings .col-lg-6 .custom-input label {
    font-size: 15px;
    font-weight: 600
}

.account .container .mysettings .col-lg-6 .custom-input {
    flex-direction: column;
    height: auto;
    justify-content: start;
    padding-bottom: 13px
}

.account .container .mysettings .col-lg-12 .form-floating {
    flex-direction: column;
    height: auto;
    justify-content: start
}

.account .container .mysettings .form-floating label {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-black-900)
}

.account .container .mysettings .accountbody .row .col-lg-6 .form-floating input,
.account .container .mysettings .accountbody2 .row .col-lg-12 .form-floating input,
.account .container .mysettings .accountbody2 .row .col-lg-6 .form-floating input,
.account .container .mysettings .accountbody2 .row .col-lg-6 input {
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    height: 100%;
    box-shadow: none !important;
    border: none;
    outline: 0
}

.account .container .mysettings .accountbody .row .col-lg-12 {
    height: auto
}

.account .container .mysettings .accountbody .row .col-lg-6 .chek {
    align-items: center;
    justify-content: center;
    display: flex !important;
    flex-direction: row !important
}

.account .container .mysettings .accountbody .row .col-lg-6 .chek label {
    display: flex !important;
    flex-direction: row !important
}

.account .container .mysettings .accountbody .row .col-lg-6 .chek label input {
    margin: 0 10px;
    width: 22px;
    height: 22px !important;
    font-size: 15px;
    font-weight: 600;
    box-shadow: none !important;
    border: none;
    outline: 0
}

.account .container .mysettings .accountbody .row,
.account .container .mysettings .accountbody2 .row {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
    align-items: center
}

.account .container .mysettings .accountdetail,
.accountdetail2 {
    margin: 25px 0
}

.account .container .mysettings h2 {
    font-weight: 700
}

.down {
    transform: rotate(180deg)
}

.mysettings .accountdetail i,
.mysettings .accountdetail2 i {
    transition: .5s
}

.dropdown {
    width: auto !important
}

.dropdown button {
    background: 0 0;
    border: none;
    font-size: 15px
}
.parents2 .img{
    border-radius:5px;
    overflow:hidden;
}
.doctors .container .owl-carousel div img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    
}