/*
 Theme Name:   Falar Child
 Theme URI:    https://themes.envytheme.com/falar/
 Description:  Falar Child Theme
 Author:       EnvyTheme.com
 Author URI:   https://envytheme.com/
 Template:     falar
 Version:      1.7
 Text Domain:  falar-child
*/

:root {
    --primaryColorun: #d5ddc1;
    --secondaryColorun: #254a4a;
  }

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css');

img.logo {
    height: 114px;
}

select {
    background-image: url(data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>);
    background-position: calc(100% - -1px) 50%!important;
}

.top-header-link-details .header-link::before {
    content: "";
    position: absolute;
    top: 10px!important;
    right: 0;
    bottom: 0;
    height: 14px;
    width: 1px;
    background:#666!important;
}

.dauinfo {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
}

.college-program h2 { font-weight:400!important; color:#4BA7A8; font-size:36px; }

.ptb-50{
    padding-top: 50px;
    padding-bottom: 50px;
}

.small, small {
    font-size: .875em!important;
}

.college-program-table h3 {font-weight:400!important; color:#0E0E0E; font-size:20px; }

.college-program-table h4 {font-weight:400!important; color:#0E0E0E; font-size:16px; padding-left: 15px;
    border-left: 1px solid #0E0E0E;}

/*Table*/

.tablerounededCorner {
    border: 1px solid #E2E2E4;
    background-color: #EFEFE4;
    border-radius: 1.2em;
    margin-left:15px;

}

.tablerounededCorner p {padding:14px 16px; margin-bottom:0px; color:#0E0E0E!important;font-size:14px;}


.tablerounededCorner .table-striped>tbody>tr:nth-of-type(odd)>* {
    
     --bs-table-bg-type:none; 
}


.tablerounededCorner td {
    text-align: center;
}


h3.panel-title {
    margin: 0px;
}
.table th {
    background: #ebebea !important;
}

.top-header-link-details ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.back-flip-links ul li {
  margin: 8px 0;
  text-align: left;
}


.chw-widget{
border-left: 1px solid;
}

.tablerounededCorner table {--bs-table-striped-bg:#fff;}   


.tablerounededCorner .roundedTable {
    border-collapse: collapse;
    border-radius: 1.1em;
    overflow: hidden;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border: 1px solid #e2e2e4;
    width: 100%;
    margin: 0;
}

.tablerounededCorner .roundedTable th {
    padding:.6em;
    background: #EFEFE4;
    border-top: 1px solid #efefe4;
    border-left: 1px solid #efefe4;
    border-right: 1px solid #efefe4;
}

.tablerounededCorner .roundedTable td {
    padding: .6em;
    background: #fff;
    color:#525866 !important;
    border-bottom: 1px solid #E2E2E4;
    white-space: nowrap;
}


.tablerounededCorner .roundedTable th {
    border-radius: 1.1em;
    text-align: center;
    color: #0E0E0E !important;
    font-size: 14px;
    font-weight: 400;
}

.tablerounededCorner .roundedTable tr:last-child td {
    border-bottom: none;

}

.college-program-menu ul { list-style-type: none; font-weight:400!important; color:#0E0E0E; padding-left: 15px;
    border-left: 1px solid #0E0E0E; margin:0 auto; }
.college-program-menu ul li { list-style-type: none; }

.college-program-menu ul li a{ list-style-type: none; color:#0E0E0E; font-size:15px; border:none; }
.college-program-menu ul li a:focus, a:hover { list-style-type: none; color:#0E0E0E; font-size:15px; border:none; box-shadow:none; }

.college-program-table a {font-size:13px; color: #525866 !important; text-decoration:underline!important;}
.college-program-table a:hover {font-size:13px; color: #000 !important;text-decoration:underline!important; box-shadow:none; }



/*Nav Menu*/

.border-start {border-left:1px solid #ccc!important}

  .nav .nav-item button.active {
  background-color: transparent;
  color:#0E0E0E!important;
}
.nav .nav-item button.active::after {
  content: "";
  border-right: 2px solid #161616;
  height: 100%;
  position: absolute;
  left: -1px;
  top: 12px;
  border-radius:1px;
  color:#525866!important;
}


.nav-pills .nav-link {
    color:#525866!important;
    font-size:14px;
    font-weight:400!important;
    text-align:left;
    width: 175px;
    height: 20px;
}

/*Under-Graduate-Menu*/
.under-graduate-menu ul {width:230px;}

.under-graduate-menu .btn-green {color:#185D65;font-size: 14px;font-weight:500;}

.under-graduate-menu .dropdown-menu {font-size:13px; border:none!important; background:#4BA7A8!important; color:#fff; border-radius:0!important;}
.under-graduate-menu .dropdown-menu a {font-size:13px; color:#fff; text-wrap:auto;}
.under-graduate-menu .dropdown-menu a:hover, a:active {font-size:13px; color:#fff; background:#1e6e6d!important;}




/*Accreditation*/

.tablerounededCorner2 {
    border: 1px solid #E2E2E4;
    background-color: #fff;
    border-radius: 1.2em;
    margin-left: 15px;
}

.tablerounededCorner2 td:last-child {
    text-align: center;
}


.tablerounededCorner2 p {
    padding: 14px 16px;
    margin-bottom: 0px;
    color: #0E0E0E !important;
    font-size: 14px;
}



.tablerounededCorner2 .roundedTable {
    border-collapse: collapse;
    border-radius: 1.1em;
    overflow: hidden;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border: 1px solid #e2e2e4;
    width: 100%;
    margin: 0;
}

.tablerounededCorner2 .roundedTable th {
    padding:.6em;
    background: #EFEFE4;
    border-top: 1px solid #efefe4;
    border-left: 1px solid #efefe4;
    border-right: 1px solid #efefe4;
}

.tablerounededCorner2 .roundedTable td {
    padding: .6em;
    background: #fff;
    color:#525866 !important;
    border-bottom: 1px solid #E2E2E4;
    white-space: nowrap;
}


.tablerounededCorner2 .roundedTable th {
  border-radius: 1.1em;
    text-align: center;
    color: #0E0E0E !important;
    font-size: 14px;
    font-weight: 400;
}

.tablerounededCorner2 .roundedTable tr:last-child td {
    border-bottom: none;

}

/*Header Banner*/
.top-header-link-details .header-link li {
    padding-right: 12px!important;
}

.dcf-logo-lockup img {width:123px!important;}

:focus {
    outline:none!important;
    background:none!important;
}

/* Medhat Deleted*/

.unl h1, .unl h2, .unl h3, .unl h4, .unl h5, .unl h6 {
    font-weight:800!important;
    letter-spacing: -.0133634611em;
    margin-left: -.0133634611em;
    font-family: 'Roboto'!important;
    color: #0e4f53;
}

/*For removing background color on focus*/
.top-header-link-details .header-link li a:focus {background:none!important; outline:none!important;}

.elementor-290 .elementor-element.elementor-element-30fd93c .hero-style2-warp::before {
    background-image: url(../home_files/hero.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-style2-content {max-width:656px!important;}

.hero-style2-content h2{color:#fff!important; font-weight:500; font-size:60px!important;}

.hero-style2-content  p {color: #fff !important; font-size:20px; font-weight: 500;}


.btn-green {  border-radius:8px; border:1px solid #185b62; color:#fff!important; padding:10px 12px; font-weight: 400; font-size:13px; background:#185b62;display:inline-block; }

.btn-green:hover, .btn-green:focus {  border-radius:8px; border:1px solid #185b62; color:#fff!important;  font-size:13px; background:#185b62; display:inline-block; }

.btn-borderline{ border-radius:8px; border:1px solid #fff; color:#fff!important; padding:10px 12px; font-weight: 400; font-size:13px; display:inline-block;  }

.btn-borderline:hover, .btn-borderline:focus{ border-radius:8px; border:1px solid #fff; color:#666!important;  font-size:13px; background:#fff; display:inline-block;  }


.hero-style2-warp .hero-item-box {
    max-width: 425px;
    display: flex;
    align-items: center;
    padding: 20px 30px 20px 20px;
    position: absolute;
    right:19px!important;
    bottom:380px!important;
    background-color:#E2F1ED!important;
    border-radius:12px;
    font-weight: 500;
  }


.hero-style2-warp .hero-item-box .content .title {
    line-height: 1;
    color: var(--secondaryColor);
    font-size: 12px;
    font-weight:500!important;
    padding: 5px 0px;
    display:inline-flex;
    margin-bottom: 8px;
}

.places-widget .content .icon {
    width: 40px;
    height: 40px;
    font-size: 24px;
    line-height: 45px;
    text-align: center;
    border-radius: 2px;
    transition: 0.6s;
    color:rgb(30 110 109);
}


.admission-content .admission-list li a {
    color: #1e6e6d;
    font-family: var(--heading-fontFamily);
    font-size: var(--fontSize);
    font-weight: 600;
}




@media only screen and (max-width: 991px) {
    .hero-style2-warp::before {
      opacity: 100%; 
    }

.hero-style2-warp {
        padding-bottom: 250px;
        padding-top: 100px;
    }

.hero-style2-warp .hero-item-box {
    max-width: 290px;
    display: flex;
    align-items: center;
    padding: 20px 30px 20px 20px;
    position: absolute;
    right: 24px;
    bottom: 107px;
    background-color: #E2F1ED;
    border-radius: 12px;
    font-weight: 500;
}


.hero-style2-content h2 {
    color: #fff !important;
    font-weight: 500;
    font-size: 34px;
}

.hero-style2-warp {
    background:#fff!important;
}

.our-colleges h2 {
    font-size: 40px;
}

.our-colleges h4 {
    font-size: 20px;
  }

.our-colleges .w-50 {
    width: 100% !important;
}


.four-popular-widget {
    position: relative;
    padding: 0 22px;
}

}


@media only screen and (min-width:1400px) and (max-width: 1899px) {

       .hero-style2-warp {
        padding-bottom:546px!important;
        padding-top: 263px!important;
        padding-left: 90px;
    }
}




/* Banner Bottom Icons */ 

.eael-infobox {
    border-radius: 15px;
    border: 1px solid #ccc;
    width: 224px;
    height:198px;
    background:#fff; 
    padding-top:50px;
    transition: 0.9s;
    margin: 0 auto;

}

.eael-infobox:hover {
    border-radius: 15px;
    border: 1px solid #ccc;
    background:#f9f9f9; 

}
.eael-infobox img {
    margin:-12px 8px -6px 9px!important;
}

.e-con-boxed.e-grid { margin:50px 0; }


/**/

.our-colleges h2  {text-align:center; font-weight: 800; font-family:'Roboto'; color: #0e4f53; font-size:50px; margin-bottom:10px;}

.our-colleges h4  {text-align:center; margin-top: 0px; font-size:27px; font-weight:300; color:#666; margin-bottom: 7px;}

.our-colleges p  {text-align:center;  font-size:13px; margin-bottom:2.5rem!important;}

.four-popular-widget img {border-radius:18px !important;}



.four-popular-widget .image {position:relative; width:306px; margin:0 auto;}


.four-popular-widget .college-icon img 
    {width:60px; position: absolute; top: 20px; left: 20px; border-radius:8px; z-index:9;} 


.four-popular-widget span.cover-yellow 
{ position:absolute; bottom:0;   width:100%;    height:166px; background-image: url(images/curve-mask-yellow.svg);
 background-position:top center;  border-bottom-left-radius: 18px; border-bottom-right-radius:18px; z-index:9;}

.four-popular-widget span.cover-green 
{ position:absolute; bottom:0; width:100%;  height:166px; background-image: url(images/curve-mask-green.svg);
 background-position:top center;  border-bottom-left-radius: 18px; border-bottom-right-radius:18px; z-index:9;}

.four-popular-widget span.cover-orange 
{ position:absolute; bottom:0; width:100%;  height:166px; background-image: url(images/curve-mask-orange.svg);
 background-position:top center;  border-bottom-left-radius: 18px; border-bottom-right-radius:18px; z-index:9;}

.four-popular-widget span.cover-purple 
{ position:absolute; bottom:0; width:100%;  height:166px; background-image: url(images/curve-mask-purple.svg);
 background-position:top center;  border-bottom-left-radius: 18px; border-bottom-right-radius:18px; z-index:9;}


.four-popular-widget span.cover-light-green 
{ position:absolute; bottom:0; width:100%;  height:166px; background-image: url(images/curve-mask-light-green.svg);
 background-position:top center;  border-bottom-left-radius: 18px; border-bottom-right-radius:18px; z-index:9;}

.four-popular-widget span.cover-gray
{ position:absolute; bottom:0; width:100%;  height:166px; background-image: url(images/curve-mask-gray.svg);
 background-position:top center;  border-bottom-left-radius: 18px; border-bottom-right-radius:18px; z-index:9;}

.four-popular-widget span.cover-blue
{ position:absolute; bottom:0; width:100%;  height:166px; background-image: url(images/curve-mask-blue.svg);
 background-position:top center;  border-bottom-left-radius: 18px; border-bottom-right-radius:18px; z-index:9;}


.four-popular-widget span p {
    padding: 90px 20px 10px 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
  }

.four-popular-widget {margin-top:25px; margin-bottom:25px;}

.places-widget .content h3 a {
    font-size: 22px;
    margin-bottom:0;
    color:#0e4f53!important;
}

.places-warp .swiper-slide-active .places-widget .content h3 a {
    color:var(--whiteColor)!important;
}

.places-widget .content h3 a:hover, a:focus {
    font-size:22px;
    margin-bottom: 0;
    color:#fc6441!important;
}

.places-widget .ti-arrow-narrow-right {color:#0e4f53!important;}


.question-content .question-tab .nav-item .nav-link {
    font-size:11px!important; letter-spacing:0px!important; color: #7B7B93; line-height: 1;font-weight: 600; padding: 12px 15px 20px 15px!important;
    font-family: var(--heading-fontFamily);  background: var(--whiteColor); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
}



/*Footer Starts*/
.footer-section {
            background-color:#0C2E31;
            color: white;
            padding: 40px 0;
        }
        .footer-logo {
            max-width: 180px;
            margin-bottom: 40px;
        }
        .footer-menu h5 {
            font-size: 13px;
            margin-bottom: 10px;
            font-weight: 600;
            color:#fff;
        }
        .footer-menu ul {
            list-style: none;
            padding-left: 0;
            padding-right:65px;
        }
        .footer-menu ul li {
            margin-bottom: 18px;
            line-height: 18px;
        }
        .footer-menu ul li a {
            color: #B6C0C1;
            text-decoration: none;
            font-size: 13px;
            transition: color 0.3s;
        }
        .footer-menu ul li a:hover {
            color: #fff;
        }



    .aline-item-between {
          display: flex;
         justify-content: space-between; 
     }


        .social-links {
            margin-top: 30px;
        }
        .social-links a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-right: 10px;
            color: #0c3333;
            text-decoration: none;
            font-size: 18px;
        }

 .footer-widget h3, .footer-widget h2, .footer-widget h4 
     {font-size:14px!important; margin-bottom:0px!important;  color: #fff !important;  font-weight: 500!important;}                 


.footer-widget.widget_nav_menu ul li a {
    color: #C5C5CF;
    font-size: 13px!important;
}

/*.footer-widget.widget_nav_menu ul li a:focus {
    background:none!important;
    outline:none!important;
}*/

.footer-widget a:hover, a:active, a:focus {
    font-size: 13px;
    color: #fc6441!important;
    background:transparent!important;
    border:none!important;
    outline:none!important;
}



.footer-section .newsletter-section h5 {
     margin-bottom: 10px;
    font-size: 0.7rem!important;
    font-weight: 500!important;
    color: #fff!important;
}

.contact-info h5 {
    margin-bottom: 20px;
    font-size: 0.7rem!important;
    font-weight: 500!important;
    color: #fff!important;
}



/* Footer Right Side Section*/

    .footer-right-box {background:#0F383B; color:#fff; border-radius:16px; padding:10px 10px;}

        .newsletter-section {
            padding: 30px;
            border-radius: 5px;
        }
        .newsletter-section h5 {
            margin-bottom: 10px;
            font-size: 0.7rem;
           font-weight: 500;
          color: #fff;
        }
        .newsletter-form {
            display: flex;
            background-color:#264B4B;
            padding:5px;
            border-radius:8px;
        }
        .newsletter-form input {
            flex-grow: 1;
            padding: 14px 15px;
            border: none;
            background-color:#264B4B;
            color: white;
            border-radius: 4px 0 0 4px;
            font-size: 13px;
        }
         .newsletter-form input:focus {
      
          outline:none;
        }

        .newsletter-form input::placeholder {
            color: rgba(255, 255, 255, 0.6);
        }
        .newsletter-form button {
            padding: 10px 20px;
            background-color: #e6efe6;
            color: #0c3333;
            border: none;
            border-radius: 0 4px 4px 0;
            cursor: pointer;
            font-weight: 600;
        }
        .contact-info {
            padding-left: 32px;
            margin-top: 30px;
            font-size: 0.9rem;
        }
        .contact-info h5 {
            margin-bottom: 20px;
           font-size: 0.7rem;
           font-weight: 500;
           color: #fff;
        }
        .contact-info p {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
            font-size: 14px;
        }
        .contact-info p i {
            text-align: center;
            margin-right: 10px;
            font-size: 18px;
            width: 40px;
            background: #274c4f;
            padding: 10px 10px;
            border-radius: 8px;
        }
        .map-container {
           width: 94%;
          height: 150px;
          border-radius: 9px;
          overflow: hidden;
          margin-top:30px;
          margin-bottom:30px;
          opacity: 0.5;
        }
        .map-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .copyright {
            padding: 20px 30px;
            margin-top: 20px;
            font-size: 12px;
            display: flex;
            justify-content: space-between;
        }


        .copyright a, .copyright a ul, .copyright a:hover { color: white!important; text-decoration:none; font-size:12px!important;}

       .copyright .powered {color:#86f7ff!important; font-size:12px!important;}


        @media (max-width: 768px) {
            .footer-menu {
                margin-bottom: 30px;
            }
       .map-container {
        width: 94%;
        height: 150px;
       }


        }

 /*Footer Ends*/





 /* About Us*/
 
 .common-inner-header {
    position: relative;
    background-size: cover;
    background-position: center;
    padding: 100px 0;
    color: white;
    overflow: hidden;
}

.common-inner-header .overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* درجة التعتيم */
    z-index: 1;
}

.common-inner-header .content-wrapper {
    position: relative;
    z-index: 2;
    /*text-align: center;*/
}

.home-four-hero-area {
    position: relative;
    padding-top: 95px;
    padding-left: 90px;
    padding-bottom:95px;
    background: #001313;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.container-fluid.content-wrapper a{
    color:#FFF !important;
}
.container-fluid.content-wrapper li .separator{
    color:#FFF !important;
}
.container-fluid.content-wrapper ol {
    padding:0px;
}
 /* Common-inner header*/
.common-inner-header {
    position: relative;
    padding-top: 20vh;
    /*padding-left:90px;*/
    padding-bottom: 33px;
    background: #2a4e4db8;
    background-position:30%;
    background-repeat:no-repeat;
    background-size:cover;
}

.common-inner-header h1 {
    color: #fff !important;
    font-weight:800;
    letter-spacing: 0;
    margin-bottom: 0px;
}


.common-inner-header a {
    color: #fff;
    max-width: 640px;
    font-size: 16px;
    font-weight: 500;

}

.common-inner-header span a{
    color: #08bfbd;
    font-weight: 500;
    font-size: 16px;

}

.common-inner-header i {font-size:12px; color:#fff; padding:0 5px;}






.home-four-content h1 {color:#fff!important; font-weight:800; letter-spacing:0;}

.home-four-content p {color:#fff!important;}


.aboutus h1 .common-inner-content h1 {font-size:50px; font-weight:800;color:#1e6e6d;}

.common-inner-content  { padding:50px 0; }


.aboutus .intro { padding:10px 20px; font-size:20px; }




.dean-message h3 { font-size:25px; font-weight:800; color:#1e6e6d; }
.dean-message h4 {font-size:18px;  font-weight:600; color:#666;  margin:5px 0px; }

.useful-linkbox {background:#006666; color:#fff; padding:20px 30px; border-radius:6px; margin:0px 20px 0px 20px;}


.useful-linkbox h4 {color:#fff; padding:10px 0px; color:#fff; font-size:18px; font-weight:400;}
.useful-linkbox ul { margin:0 auto; list-style-type:none; padding:0px;  }
.useful-linkbox ul li {padding:0px 0; line-height:16px;}
.useful-linkbox ul li a {color:#fff; text-decoration:underline; font-size:13px;}




@media only screen and (max-width: 991px) {

.top-header-link-details .header-link::after {
    content: "";
    position: absolute!important;
    top: 6px !important;
    right: -29px;
    bottom: 0;
    height: 14px;
    width: 1px;
    background:#666!important;
}

#dcf-institution-title {
    font-size:1em!important;
}
.dcf-wrapper {
  padding-left:0vw !important; 
  padding-right:0vw !important; 
}


.aboutus h1 {
    font-size:24px;
    font-weight: 800;
    color: #1e6e6d;
}

.aboutus img {
   margin-top: -32px;
   margin-bottom: 15px;
}



.aboutus .intro {
    padding: 10px 12px;
    font-size: 14px;
}



/* Inner header banner */
.home-four-hero-area::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        opacity: 80%;
        z-index: -1;
        background-color: #00000040;
}




.home-four-hero-area {
    position: relative;
    padding-top: 25px;
    padding-left: 9px;
    padding-bottom: 5px;
    background:#001313;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


.common-inner-header {
    padding-left: 20px;
}


/**/
.common-inner-content {
    padding: 20px 12px;
}



.useful-linkbox {
    margin:43px 0px -43px 0px;
}


.hero-style2-warp::before {
        opacity:1!important;
}


.hero-style2-warp .hero-item-box {
    max-width: 425px;  max-width: 290px !important;   display: flex;  align-items: center;  padding: 20px !important;  
    position: relative !important;  right: -10px !important; bottom: -20px !important; left: 20px; background-color: #E2F1ED !important; 
    border-radius: 12px;  font-weight: 500;
}

.eael-infobox {
    border-radius: 15px; border: 1px solid #ccc;width: 176px; height: 148px; background: #fff;  padding-top: 24px; 
    font-size: -1px!important; transition: 0.9s; margin: 0 auto;
}

.eael-infobox .infobox-content .title {
    color: #0e4f53 !important;
    font-size: 12px!important;;
}

.eael-infobox img {
    margin: 0px 8px -6px 9px !important;
    width: 44% !important;
}

.about-warp .col-lg-6 { flex: 0 0 auto; width:50%!important;}


.four-popular-widget {position: relative; padding: 0 0px; }

.four-popular-widget {
    margin-top:0px;
    margin-bottom:20px;
}

.four-popular-widget .image {
    position: relative; width: 210px!important; margin: 0 auto; padding: 0px !important;
}

.four-popular-widget span p {
    padding: 90px 20px 10px 20px; color: #fff; font-size: 13px; font-weight: 500; line-height: 22px;}


.four-popular-widget img {
    border-radius: 12px !important;
}

.four-popular-widget .college-icon img {
    width: 53px!important;

}


} /*Meida Query Ends*/





@media only screen and (min-width: 1400px) and (max-width: 1899px) {
    .home-four-hero-area::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0%;
        z-index: -1;
        background-color:#001313;
    }


/*Common Inner header*/

.common-inner-header::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0%;
        z-index: -1;
        background-color: #001313;
    }





} /*Meida Query Ends*/



/*New class 11-04-2025*/



.eael-infobox .infobox-content .title {
    color:#0e4f53!important;
    font-size:15px;
}


.elementor-element.elementor-element-9d69b01 > .elementor-widget-container {
    background-color: transparent;
    background-image: linear-gradient(180deg, #e9e9e97d 0%, #cdcdcd 100%)!important;
}

.about-content .about-link {
    display: block;
    color: #0e4f53!important;
    font-family: var(--heading-fontFamily);
    font-weight: 600;
    margin-top: 20px;
    font-size:15px!important;
}

.about-content:hover .about-link:hover {
    color:#fc6441!important;
}

.under-graduate-menu .dropdown-menu a:hover, a:active {
font-size: 15px; color: var(--primaryColorun)!important; background:none!important;}

.under-graduate-menu .dropdown-menu a:hover, a:active, a:focus {
    font-size: 15px;
    background:transparent!important;
}


.about-content a:hover, a:active {background:none!important;}


.elementor-290 .elementor-element.elementor-element-ca27b4e .eael-elements-flip-box-front-container,
.elementor-290 .elementor-element.elementor-element-6b5b01d .eael-elements-flip-box-front-container,
.elementor-290 .elementor-element.elementor-element-0592b40 .eael-elements-flip-box-front-container,
.elementor-290 .elementor-element.elementor-element-341f3a0 .eael-elements-flip-box-front-container
 {
    background-color: transparent;
    align-items: center;
    background-image: linear-gradient(180deg, #329ea5 0%, #084043 100%)!important;
}

.eael-elements-flip-box-rear-container {
    text-align: center;  position: absolute; top: 0px;left: 0px; width: 100%;
    height: 100%;  background-color:#19666b!important; background-blend-mode: multiply;
    color:#fff!important; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center;
    -ms-flex-align: center; align-items: center;border-color: #000; border-radius: 5px;
}

.eael-elements-flip-box-padding h5 {color:#fff!important; font-size:20px!important;}


.academic-link, .date-link  {
    display: block;
    color: #1e6e6d!important;
    font-weight: 600!important;
    margin-bottom: 10px;
    font-size: 15px!important;
}

.academic-option .content .academic-link:hover {
    color: rgb(252, 100, 65)!important;
    background-color:transparent!important; 
}
.academic-option .academic-date .date-link:hover {
    color: rgb(252, 100, 65)!important;
     background-color:transparent!important; 
}

.news-optional-item .news-item .content .news-link {
    display: block;
    color: var(--primaryColor);
    font-weight: 600;
    font-family: var(--heading-fontFamily);
    font-size: 15px!important;
}


.apply-warp{
    /*background: #1e6e6d!important;*/
    position: relative;
    z-index: 1;
}

.question-content .accordion-question .accordion-item .accordion-button {
    color: #1e6e6d!important;
}
.apply-card {
    padding: 55px 52px;
    background:#fff!important;
    transition: 0.6s;
}
.academic-warp .section-title h2 {
   color:#0e4f53!important;
}

.apply-warp .section-title h2 {
   color:#fff!important;
}

.hero-style2-warp .hero-item-box .content .title {
    line-height: 1;  color:#000!important;  font-size: 12px; font-weight: 500; display: inline-flex; margin-bottom: 8px;padding: 5px 0px!important;}


.upcoming-event-warp .section-title h2 {
   color:#1e6e6d!important;
}


.luva-inner-widget .blog-donate {
    display: flex;
    padding: 24px 30px;
    align-items: center;
    background: linear-gradient(90deg, #e7e7e7 0%, #ffffff 100%)!important;
}

.luva-inner-widget .blog-donate .content .donate-link {
    display: block;
    color: #1e6e6d!important;
    font-weight: 600;
    font-size: 15px!important;
}

.apply-card .apply-link {
    color: var(--primaryColor);
    font-family: var(--heading-fontFamily);
    font-weight: 600;
    font-size: 15px!important;
}

.news-optional-item .default-btn {
    color:#fff!important;
}

.news-optional-item i, .academic-box i{
    color:#fff!important;
}
.academic-box a {color:#fff!important;}

.admission-content .admission-list li a {
    color: #1e6e6d!important;
    font-family: var(--heading-fontFamily);
    font-size: var(--fontSize);
    font-weight: 600;
}

.admission-content .admission-list li a:hover, .admission-content .admission-list li a:active {
    color: rgb(252, 100, 65) !important;
    background-color: transparent !important;
}

.event-widget h3 {
    font-size:22px!important;
    margin-bottom: 15px;
}

.event-widget h3 a:hover {
    color:#FC6441!important;
    font-size:22px!important;
}

.copy-right-warp {
    background: #0c2e31!important;
    padding-top: 25px;
    padding-bottom: 25px;
}

.home-five-pp-slider-widget .section-warp 
{display:block; align-items: center; justify-content: space-between; margin-bottom: 40px;text-align: center;}



   .cards-section {
      display: flex;
          flex-wrap: wrap;
      background-color: var(--careox-gray, #f1f6f7);
      gap: 20px;
      margin: auto;
      padding: 140px;
    }
.cardf {
    text-align: right;
    background-color: var(--secondaryColorun);
    padding: 45px;
    border-style: solid;
    border-width:0px 0px 3px 0px;
    border-color: #f1f6f7;
    border-radius: 5px;
    box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.15);
    z-index: 1;
    transition: all .4s ease-in-out;
    will-change:transform,opacity;
}
    /* .card {
      background: #fff;
      border: 1px solid #ddd;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
      padding: 30px 20px;
      border-radius: 12px;
      text-align: center;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      opacity: 0;
      transform: translateY(40px);
      animation: fadeInUp 0.8s forwards;
    } */

    .cardf:hover {
        transform: translateY(-8px);
        margin-top: -10px;
        margin-bottom: 10px;
        border-style: solid;
        border-color: #bcc9a3;
        box-shadow: 0px 8px 50px 0px rgba(1, 132, 159, 0.34);
    }

    .cardf img {
      width: 80px;
      height: 80px;
      margin-bottom: 15px;
      transform: rotateY(0deg);
      animation: iconSpinIn 0.8s ease forwards;
    }

    .cardf:hover img {
      animation: iconSpinHover 0.6s ease forwards;
    }

    .cardf-title {
      font-size: 18px;
      font-weight: bold;
      color: var(--primaryColorun);
    }

    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(40px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes iconSpinIn {
      from {
        transform: rotateY(180deg);
        opacity: 0;
      }
      to {
        transform: rotateY(0deg);
        opacity: 1;
      }
    }

    @keyframes iconSpinHover {
      from {
        transform: rotateY(0deg);
      }
      to {
        transform: rotateY(360deg);
      }
    }
    
    .paterrn{
    position: relative;
    display: block;
    pointer-events: auto;
    left: 0px;
    top: 0;
    z-index: 13;
    visibility: visible;
    perspective: 601px;
    width: 100%;
}

@media (min-width: 767px) {
		    .paterrnlogo{
             position: absolute;
            top: 75%;
            width: 100%;
}
	}
@media (max-width: 1200px) {
		   
    .paterrnlogo{
            position: absolute;
            top: 90%;
            width: 100%;
        
    }
}
@media (min-width: 1200px) {
		   
    .paterrnlogo{
             position: absolute;
            top: 90%;
            width: 100%;
        
    }
}
@media (min-width: 1500px) {
             .paterrnlogo{
             position: absolute;
            top: 90%;
            width: 100%;
                 
             }
}


.service-two {
		position: relative;
		background-color: var(--careox-gray, #FFFFFF);
		padding: 26px 0;
	}

	@media (max-width: 767px) {
		.service-two {
			padding: 80px 0;
		}
	}

	.service-two__shape {
		position: absolute;
		left: 88px;
		bottom: 140px;
		width: 154px;
		height: 129px;
		background-position: bottom left;
		background-repeat: no-repeat;
		animation: treeMove 4s linear 0s infinite;
	}

	@media (max-width: 1300px) {
		.service-two__shape {
			display: none;
		}
	}

	.service-two__item {
		position: relative;
		background-color: var(--careox-white, #d5ddc126);
		z-index: 2;
		border-radius: 20px;
		overflow: hidden;
		padding: 10px 10px 0;
		transition: all 500ms ease;
		border: 1px solid #30535121;
	}

	.service-two__item::after {
		position: absolute;
		top: 0;
		bottom: -2px;
		left: 0;
		right: 0;
		content: "";
		background-color: var(--accent-color);
		border-radius: 20px;
		transition: all 500ms ease;
		transform: translate3d(0px, 100%, 0px);
		z-index: -1;
	}

	.service-two__item__shape {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 0;
		height: 0;
		opacity: 0.09;
		background-position: center center;
		background-repeat: no-repeat;
		transition: all 500ms ease;
	}

	.service-two__item:hover::after {
		visibility: visible;
		opacity: 1;
		transform: scale(1);
	}

	.service-two__item:hover .service-two__item__shape {
		width: 165px;
		height: 153px;
	}

    h3.service-two__item__title {
        min-height: 55px;
    }
	.service-two__item:hover .service-two__item__rm a,
	.service-two__item:hover .service-two__item__text,
	.service-two__item:hover .service-two__item__title {
		color: var(--careox-white, #fff);
	}

	.service-two__item:hover .service-two__item__rm {
		border-color: rgba(var(--careox-border-color-rgb, 221, 221, 221), 0.31);
	}

	.service-two__item:hover .service-two__item__rm i {
		color: var(--careox-white, #fff);
	}

	.service-two__item__image {
		position: relative;
	}

	.service-two__item__image img {
		width: 100%;
		height: auto;
		border-radius: 12px 12px 0px 0px !important;
	}

	.service-two__item__icon {
		font-size: 42px;
		line-height: 1;
		position: relative;
		z-index: 3;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: -52px auto 23px;
		background-color: transparent;
		width: 105px;
		height: 105px;
		transition: 300ms ease;
	}

	.service-two__item__icon::after {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		content: "";
		-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 55" ><path d="m11.7 48.1q-20.7-15.8-4.8-36.4 15.8-20.7 36.5-4.8 20.6 15.8 4.7 36.5-15.8 20.6-36.4 4.7z"/></svg>');
		mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 55" ><path d="m11.7 48.1q-20.7-15.8-4.8-36.4 15.8-20.7 36.5-4.8 20.6 15.8 4.7 36.5-15.8 20.6-36.4 4.7z"/></svg>');
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-position: center center;
		mask-position: center center;
		-webkit-mask-size: cover;
		mask-size: cover;
		background-color: var(--accent-color);
		z-index: -1;
		transition: 500ms ease;
	}

	.service-two__item__icon::before {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: calc(100% - 30px);
		height: calc(100% - 30px);
		content: "";
		border-style: dashed;
		border-width: 1px;
		border-color: var(--careox-white, #fff);
		border-radius: 50%;
		animation-duration: 1500ms;
		animation: rotated 10s infinite linear;
		transition: 500ms all ease;
		animation-play-state: running;
	}

	.service-two__item__icon span {
		display: inline-block;
		transition: all 500ms linear;
		transform: scale(1);
		color: var(--careox-white, #fff);
		margin-left: 5px;
	}

	.service-two__item:hover .service-two__item__icon::after {
		background-color: var(--careox-white, #fff);
	}

	.service-two__item:hover .service-two__item__icon::before {
		border-color: var(--accent-color);
	}

	.service-two__item:hover .service-two__item__icon span {
		transform: scale(0.9);
		color: var(--accent-color);
	}

	.service-two__item__title {
		font-size: 24px;
		font-weight: 800;
		transition: all 300ms ease;
		position: relative;
		margin-bottom: 10px;
	}

	.service-two__item__title a {
		color: inherit;
		background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
	}

	.service-two__item__title a:hover {
		color: var(--careox-base, #ff5528);
		background-size: 100% 1px;
	}

	.service-two__item__text {
		position: relative;
		z-index: 2;
		transition: all 300ms ease;
		padding: 0 20px;
		margin: 0 0 15px;
	}

	.service-two__item__rm {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin: 0 20px;
    border-top: 1px solid var(--careox-border-color, #dddddd);
    font-size: 16px;
    color: var(--careox-text, #636363);
    text-transform: capitalize;
    line-height: 1.1;
    padding: 16px 0;
    transition: all 300ms ease;
}

	.service-two__item__rm a {
		display: inline-block;
		color: inherit;
		background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
		transition: all 500ms ease;
		transition: all 300ms ease;
	}

	.service-two__item__rm a:hover {
		background-size: 100% 1px;
	}

	.service-two__item__rm a:hover {
		color: inherit;
	}

	.service-two__item__rm i {
		color: var(--accent-color);
		font-size: 20px;
		position: relative;
		top: 1px;
		transition: all 300ms ease;
	} 
	
a.btn-apply{
	display: inline-block;
	font-family: var(--accent-font);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.1em;
	color: var(--white-color);
	background: var(--primaryColorun);
	text-transform: capitalize;
	padding: 14px 55px 14px 20px;
	border-radius: 99px;
	border: none;
	transition: all 0.3s ease-in-out;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

a.btn-apply:link{
    color:#fff;
}

a.btn-apply::after{ 
	content: '';
    display: block;
    position: absolute;
	top: 0;
    left: 0;
    bottom: 0;
	width: 0;
	height: 102%;
	border-radius: 99px;
    background: var(--secondaryColorun);
    transition: all 0.4s ease-in-out;
	z-index: -1;
}

a.btn-apply::before{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	bottom: 0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: var(--secondaryColorun);
	background-image: url('../falar-child/images/arrow-white.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto;
	transform: translate(-10px, -50%);
	transition: all 0.4s ease-in-out;
}

a.btn-apply:hover{
	background-color: var(--primaryColorun);
}

a.btn-apply:hover::after{
	width: 106%;
	transition: all 0.4s ease-in-out;
	
}
a.btn-apply:hover::before{
	background-color: var(--primaryColorun);
	
}

.top-header-link-details .header-account li:last-child a{
    color:#fff !important;
}
      /*--------------------------------------------------------------
# Work Process
--------------------------------------------------------------*/
      .work-process-one {
        position: relative;
        counter-reset: count;
        
      }
      @media (max-width: 767px) {
        .work-process-one {
          padding: 80px 0 0;
        }
        .work-process-one__item{
           height: unset !important;
        }
      }
      .work-process-one__item {
        position: relative;
        z-index: 2;
        background-color: #f1f7f6;
        padding: 40px 30px 63px;
        margin-bottom: 30px;
        border-radius: 10px;
        border: 1px solid var(--careold-border-color, #e5e3e0);
        counter-increment: count;
        transition: all 0.3s linear;
        height: 100%;
      }
      .work-process-one__item::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 0;
        border-top: 1px solid transparent;
        border-left: 1px solid transparent;
        transition: all 0.5s linear;
        z-index: -1;
      }
      .work-process-one__item::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 0;
        height: 0;
        border-bottom: 1px solid transparent;
        border-right: 1px solid transparent;
        transition: all 0.5s linear;
        z-index: -1;
      }
      .work-process-one__item:hover {
        border-color: transparent;
      }
      .work-process-one__item:hover::before {
        border-color: var(--careold-primary, #abe6d7);
        width: 100%;
        height: 100%;
        border-radius: 10px;
      }
      .work-process-one__item:hover::after {
        border-color: var(--careold-primary, #abe6d7);
        width: 100%;
        height: 100%;
        border-radius: 10px;
      }
      .work-process-one__item:hover .work-process-one__item__icon::after {
        animation-play-state: paused;
      }
      .work-process-one__item__icon {
        width: 144px;
        height: 144px;
        background-color: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin: auto;
        padding: 14px;
        transition: all 500ms linear;
        z-index: 2;
      }
      .work-process-one__item__icon::after {
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        border: 2px dashed var(--careold-black, #0e0b06);
        border-radius: 50%;
        animation: textRotate 15s linear 0s forwards infinite alternate;
      }
      .work-process-one__item__icon__dot {
        position: absolute;
        left: 24px;
        top: 24px;
        width: 21px;
        height: 21px;
        background-color: var(--careold-white, #fff);
        border-radius: 50%;
        animation: startIconOne 1.2s infinite alternate;
        z-index: 3;
      }
      .work-process-one__item__icon__dot:nth-child(2) {
        left: auto;
        top: auto;
        right: 24px;
        bottom: 24px;
        background-color: var(--careold-primary, #064443);
        animation: startIconOne 1s infinite alternate;
      }
      .work-process-one__item__icon__inner {
        width: 100%;
        height: 100%;
        background-color: var(--careold-base, #d5ddc1);
        color: var(--careold-black, #0e0b06);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 8px solid var(--careold-white, #fff);
        font-size: 56px;
        position: relative;
        z-index: 2;
        overflow: hidden;
        transition: all 500ms linear;
      }
      .work-process-one__item__icon__inner i {
        position: relative;
        z-index: 2;
        display: inline-block;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
      }
      .work-process-one__item:hover .work-process-one__item__icon__inner {
        background-color: var(--careold-primary, #abe6d7);
      }
      .work-process-one__item:hover .work-process-one__item__icon__inner i {
        animation: iconTranslateY 0.4s forwards;
      }
      .work-process-one__item__title {
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
        text-transform: capitalize;
        margin: 24px 0 18px;
      }
      .work-process-one__item__title br {
        display: block;
      }
      .work-process-one__item__text {
        font-size: 15px;
        line-height: 28px;
        margin: 0;
        height: 50%;
        text-align: justify;
      }
      .work-process-one__item__number {
        width: 60px;
        height: 60px;
        background-color: var(--careold-primary, #ffffff);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        color: var(--careold-black, #0e0b06);
        font-size: 20px;
        font-weight: 600;
        line-height: 1;
        position: absolute;
        left: 0;
        right: 0;
        /*bottom: -30px;*/
        margin: 0 auto;
        transition: all 500ms linear;
        transform: scale(1);
      }
      .work-process-one__item__number::before {
        content: counters(count, ".", decimal-leading-zero);
        position: relative;
        display: inline-block;
      }
      .work-process-one__item:hover .work-process-one__item__number {
        transform: scale(0.95);
      }
      .work-process-one__border {
        width: 663px;
        height: 88px;
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        top: 90px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      @media (max-width: 1199px) {
        .work-process-one__border {
          display: none;
        }
      }
      .work-process-one--home-two {
        padding-bottom: 0;
      }
      
      h3.sec-title__title.bw-split-in-up {
            color: #064443;
            text-align: center;
            padding-bottom: 33px;
        }
@keyframes textRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}