/*
 * @package 	Immifocus
*  Description: 	Light color styles
*  Version: 		0.0.1
*/

/*style.css changes*/

p, ul li {
  color: var(--p-color);
}

/*---------------------------------
            
        commen classes
            
--------------------------------- */

.editIcon {
  background-color: #4d9dd3;
  color: #fff;
}
.editIcon.reportMode{
  background-color: #e23737;
}

.editIcon i{
  color: #fff;
}

.gradient{
  background: linear-gradient(45deg,var(--gradient-color), transparent);
}

.heroContent > h2 {
  color: #fff;
}

.btnFull{
  color: #fff;
}

.btnFull:hover{
  background:var(--theme-color-2);
}

.btnRed{
  background: var(--theme-color-1);
}

.btnRed:hover{
  background: var(--theme-color-3);
}

.btnBlack{
  background: var(--theme-color-2);
}

.btnBlack:hover{
  background: var(--theme-color-1);
}
.btnFull.disabled{
background-color:#aeaeae;
}
.btnFull.disabled:hover{
background-color:#eeeeee;
}
.bgOverlay::before{
  background: var(--theme-color-2);
  background: linear-gradient(349deg, var(--theme-color-3) 0%, var(--theme-color-2) 22%, var(--theme-color-2) 77%, var(--theme-color-3) 94%);
}
.lightUnderline{
    border-bottom: 1px solid var(--theme-color-1);
    
}
.darkUnderline{
    border-bottom: 1px solid var(--theme-color-2);
}

.chaty-cta-button > .open-chaty > .chaty-svg g circle{
  fill: var(--theme-color-1) !important;
}

#chaty-widget-0 .chaty-i-trigger span{
  background-color: var(--theme-color-1) !important;
  color:black !important;
}
#bookingIcon {
    fill: white;
}

/* sub pages hero section */

.subPageHeroSection{
    background-color: #41484f;
}
.subPageHeroSection:before {
    background: linear-gradient(transparent 0%, transparent 0%, var(--gradient-color) 66%, var(--gradient-color) 100%);
}
.subPageHeroContent > div > span{
  color: #fff;
}

.subPageHeroContent > h1 {
  color: #fff;
  text-shadow: 2px 2px 2px #1d2f41;
}

/*-----------------------

    commomn heading
    
------------------------*/

.commonHeading > span > mark {
  color: var(--theme-color-1);
}

.aboutContentInner > i {
  background: var(--theme-color-1);
  color: #fff;
}

/*-----------------------

    header start

--------------------------*/

@media screen and (max-width: 991px) {
  #navbarNav {
    background-color: var(--theme-color-4);
  }
}
@media screen and (max-width: 991px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    background: #f2f2f2;
  }
}
@media only screen and (max-width: 991px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    color: var(--theme-color-4);
    border-bottom: 1px solid var(--theme-color-4);
  }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus{
    color: #ffffff;
  }
}
@media screen and (max-width: 991px) {
    .navbar-toggler span {
      background-color: var(--theme-color-2);
    }
}

/* mega menu */

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{
    background-color: #fff ;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a ,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > div > ul > li > a,
.mega-fullWithMenu > ul > li > ul > li > ul > li > div > ul > li > a,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li > ul > li > a,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > div > p,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .menu-legal-menu-container > ul > li > a,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > div > ul > li > ul > li > a{
  color: var(--p-color);
  border-bottom: 1px solid #cbcbcb;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover,
.mega-fullWithMenu > ul > li > ul > li > ul > li > div > ul > li > a:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > div > ul > li > a:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .menu-legal-menu-container > ul > li > a:hover ,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > div > ul > li > ul > li > a:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus {
    color:var(--theme-color-2);
    border-bottom: 1px solid var(--theme-color-1);
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
  border-bottom: 1px solid var(--theme-color-1);
}
.mega-sub-menu ul li a::before {
  color:var(--theme-color-2);
}

.navLink:hover{
  color: #fff;
}

.scroled >.container-fluid > .row >.topBar > .navBarMain{
  background: #1d2f4180;
}

.scroled >.container-fluid > .mainRow {
  background: #ffffff69;
}

.nonScroled > .container-fluid >.brand{
  background: #fff;
}

.nonScroled > .container-fluid >.mainRow{
  background: #fff;
}

.mainRow > .brand {
  background: #fff;
}

.topBarContent{
  background: #f5faff;
}

.topBarContentLeft .nav li a i {
  color: var(--theme-color-1);
}

.topBarContentLeft .nav li a span {
  color: #73787d;
}

.topBarContentRight .nav li a{
  color: #000;
}

.topBarContentRight .nav li a:hover i{
  color: var(--theme-color-1);
}

.navBarMain{
  background: var(--theme-color-2);
}

.hotLine > div:first-child{
  background: var(--theme-color-1);
}

.hotLineIcon{
  color: #fff;
}

.hotLine > .flexCenter > span {
  color: #fff;
}

.horizontalLine{
  color: #aab3bb;
}

.searchBtn > div > i{
  color: #fff;
}

.modalContent > .modal-body > div {
  border: 1px solid #0000002b;
}

.navItem > .nav-link{
  color:var(--theme-color-2);
}

.subUl {
  background: #f4f0f0;
}

.subItem {
  border: 1px solid #0000001c; 
}

.subLink {
  color: #8082871c;
}

.subItem:hover .subLink {
  color: var(--p-color);
}

.subItem:hover {
  border-left:5px solid var(--theme-color-1);
}

.search-popup{
  background-color: #094364a1;
}

.search-popup .searchPopupContent{
  background:var(--theme-color-2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.search-popup .searchPopupContent .close-icon {
  color: var(--theme-color-1);
  background-color: var(--theme-color-4);
  border: 1px solid var(--theme-color-1)8;
}

.bookingBtn{
  background: var(--theme-color-1) !important;
  color: #fff;
}
.lds-spinner {
  background: #fff;
}
@media screen and (max-width:991px){
    .navBarMain{
        background: none;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
        background:var(--theme-color-2);
    }
}

/*------------------------------

        Breadcrumbs start
        
-------------------------------*/

.breadcrumbs{
  color:#fff;
  text-shadow: 2px 2px 2px #1d2f41;
} 
.breadcrumbs a{
  color:#fff;
}
.breadcrumbs a i{
    color: var(--theme-color-1);
}

/*------------------------------
        
        Breadcrumbs end
        
--------------------------------*/

/*-------------------------------

    Error Reporting Box start
    
---------------------------------*/

.bottomOptions .popup{
  background-color: rgba(0, 0, 0, 0.4);
}

.bottomOptions .popup-container{
  background: #f9f9f9;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.bottomOptions .popup-container h2{
  color: #6f6c6c;
}

.bottomOptions .popup-container .popup-close::before,
.bottomOptions .popup-container .popup-close::after{
  background-color: #8f9cb5;
}

.bottomOptions .popup-container .popup-close:hover:before,
.bottomOptions .popup-container .popup-close:hover:after {
  background-color: #ff3838;
}

.bottomOptions .togButton{
  color: var(--theme-color-2);
  background: #e6e6e6;
}

.bottomOptions .togButton:hover {
  color: #e6e6e6;
  background: var(--theme-color-1);
}

.bottomOptions .togButton .fas{
  border: 1px solid var(--theme-color-2);
}

.bottomOptions .togButton:hover>.fas {
  color: #e6e6e6;
  background: var(--theme-color-1);
  border: 1px solid #e6e6e6;
}

.bottomOptions .togContent {
  background: #f9f9f9;
}

.bottomOptions .frm_forms {
  border: 1px solid #d9d9d9;
}
.bottomOptions .frm_form_field textarea, .bottomOptions .frm_style_formidable-style.with_frm_style textarea:focus{
  border: 1px solid #d7d3d3;
  color: var(--p-color);
}
#frm_form_3_container .frm_form_field textarea {
  color: var(--p-color) !important;
}
/*----------------------------

    Error Reporting Box end

-----------------------------*/

/*----------------------------

    Color selector start
 
------------------------------*/

.gearIcon , .bookingIcon {
  background: var(--theme-color-1);
}

.singleColors {
  background:var(--theme-color-1) ;
}

.singleColors:hover{
  border: 2px solid #9a9a9a;
}

.colorBox > button > img:hover {
  border:2px solid #000;
}

/*--------------------------------
 
        Color selector end
    
--------------------------------*/

/*-------------------------------

        mode selector start

--------------------------------*/

.modeSelector{
  background: #fff;
}

/*-------------------------------

        mode selector end

--------------------------------*/

/*-----------------------------
        
        header end
        
------------------------------*/
  
/*-----------------------------

        footer start 
        
------------------------------*/

.footer{
  background-color: var(--theme-color-2);
}

.subscribe {
  border-bottom: 1px solid #ffffff6b;
}

.newsLetter {
  border-left: 1px solid #ffffff6b;
}

.inputArea > button {
  background: var(--theme-color-1);
}

.inputArea > button:hover {
  background: var(--theme-color-3);
}

.footerMark {
  color: var(--theme-color-1);
}

.footerLinkheadings{
  color: #fff;
}

.contactLinks > div{
  background: var(--theme-color-1);
}

.contactLinks > div > i {
  color: #fff;
}

.contactLinks > span {
  color: var(--p-color);
}

.footerLinks > li > a {
  color: var(--p-color);
}

.fImgItem > div{
  background: #ff3838cf;
}

.fSocialMediaIconsMain {
  background: var(--theme-color-2);
}

.fSocialMediaLinks{
  background: rgb(43 69 95);
}

.fSocialMediaLinks:hover{
  background: var(--theme-color-1);
}

.arrow{
  border: solid #fff;
}

.goToTop {
  background-color: rgb(43, 43, 40);
  color: #656562;
  border: 2px solid var(--theme-color-1);
}

/*-------------------------

        footer end 

---------------------------*/

/*--------------------------------------
  
        Immigration Programs
  
----------------------------------------*/

/*---------------------------------------
  
     Event booking plugin
  
----------------------------------------*/

.mep-event-faq-part .ex-sec-title.faq-title-section,
button.mpwemasp_get_sp,
.mep-default-feature-cart-sec button.single_add_to_cart_button.button.alt.btn-mep-event-cart,
.mep-event-theme-1 .btn-mep-event-cart,
.mep-template-2-hamza .btn-mep-event-cart,
.mep-tem3-mid-sec .btn-mep-event-cart,
.button.button-default.woocommerce.button.alt.button.alt.btn-mep-event-cart,
#mep_add_calender_button,
ul#mep_add_calender_links li a,
.mep-default-sidrbar-events-schedule ul li i,
.mep-ev-start-date,
h3.mep_list_date i,
.df-ico i,
.mep-default-sidrbar-address ul li i,
.mep-default-sidrbar-social ul li a,
button.mep-cat-control,
.pagination-sec a,
.mep-tem3-title-sec.mep_single_date_btn,
.mep-default-feature-cart-sec h3,
.mep-event-theme-1 h3.ex-sec-title,
.mep-tem3-mid-sec h3.ex-sec-title,
.mep-tem3-title-sec,
.royal_theme h3.ex-sec-title,
.mep-events-wrapper .royal_theme table.mep_event_add_cart_table,
.vanilla_theme.mep-default-theme div.mep-default-feature-date,
.vanilla_theme.mep-default-theme div.mep-default-feature-time,
.vanilla_theme.mep-default-theme div.mep-default-feature-location,
.vanilla_theme h3.ex-sec-title,
.vanilla_theme div.df-dtl h3,
.vanilla_theme div.df-dtl p,
.ex-sec-title,
.mep_everyday_date_secs {
  background-color: var(--theme-color-1)!important;
  color: #ffffff;
  border-color: var(--theme-color-3)!important;
}

.mep-default-sidrbar-meta p a, .mep_event_list .mep_list_date, .mep-event-theme-1 .mep-social-share li a,
.mep-template-2-hamza .mep-social-share li a, .mep-default-sidrbar-events-schedule h3 i,
.mep_event_list .mep_list_date, .mep-event-theme-1 .mep-social-share li a, .mep-template-2-hamza .mep-social-share li a, .mep-default-sidrbar-meta .fa-list-alt, .mep-list-footer ul li i{
    color: var(--theme-color-3)!important;
}

.mep_event_list_item .mep-list-header::before, .mep_event_grid_item .mep-list-header::before, .mep_event_list_item:hover {
  border-color: var(--theme-color-3)!important;
}

.mep-month {
  background: var(--theme-color-3)!important;
}

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

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  background: var(--theme-color-1)!important;
  color:#fff;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-current_page_item
{
  background: var(--theme-color-3)!important;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-current_page_item > a {
    color:#fff;
}

/*--------------------------------------
  
             Tabs
  
----------------------------------------*/

div.faq-tab-container{
  background-color: #ffffff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.accordionItemOl .accordionTitleOl{
  background-color: #fff;
  color: var(--theme-color-2);
  border: 1px solid var(--theme-color-1);
}

.accordionItem.active .accordionTitle {
  background-color: var(--theme-color-1);
  color: #fff;
  border: 1px solid var(--theme-color-1);
}

.accordionItem.active i{
  color:var(--theme-color-2);
}

.accordionContent.open{
  background-color: #eee;
  border-top: 1px solid #ddd;
}

/*------------------------------

        VMC Section

---------------------------------*/

.vmcWrapper .vmcInner{
  border: 1px solid #1d2f41;
  background-color: #f5faff24;
  color: #f6f6f6;
}

/*----------------------------
  
            Sidebars
  
-----------------------------*/

.sidebar .provinceWidget::after{
  background-color: rgba(29, 47, 65, 0.67);
}

.sidebar .provinceWidget .provinceFields .singleFiled .widgetTitle{
  border-left: 3px solid var(--theme-color-3);
  color: #fff;
  background-color: var(--bg-color);
}

.sidebar .provinceWidget .provinceFields .singleFiled .fieldsbody{
  color: #b8b8b8;
}

/*style.css changes*/

/*------------------------------

    hero carousel start
    
--------------------------------*/
  
.heroCarousel .item{
    background-color:var(--theme-color-2) ;
}

.heroCarousel .item .cover {
  background: rgba(0, 0, 0, 0.3);
}


.heroCarousel .item .cover .headerContent .line {
  border: 9px solid #fff;
}

.heroCarousel .heroCarouselContent > h2 {
  color: #fff;
}

.heroCarousel .heroCarouselContent > p{
    color: #fff;
  background-color: #1d2f4199;
  text-shadow: none;
  padding: 7px;
}

.heroCarousel .item .cover .headerContent > h1 {
  color: #fff;
}

.heroCarousel .item .cover .headerContent h1 > mark{
  color: var(--theme-color-1);
}

.heroCarousel .owl-nav .owl-prev {
  background: rgba(0, 0, 0, 0.5) !important;
}

.heroCarousel .owl-nav .owl-prev span {
  color: #fff;
}

.heroCarousel .owl-nav .owl-prev:hover {
  background: var(--theme-color-2) !important;
}

.heroCarousel .owl-nav .owl-next {
  background: rgba(0, 0, 0, 0.5) !important;
}

.heroCarousel .owl-nav .owl-next span {
  color: #fff;
}

.heroCarousel .owl-nav .owl-next:hover {
  background: var(--theme-color-2) !important;
}

/*----------------------------

    hero carousel end
    
------------------------------*/

/*------------------------------

    video section start
    
-------------------------------*/

#playPauseBtn > i {
  color: #f4f0f0;
} 

.videoContentLine > .typewriter > .txt-rotate > .wrap > p {
  color: #fefefe;
}

/*-----------------------------

        video section end
        
------------------------------*/

/*----------------------------
    
    Hero img section start
    
------------------------------*/

.headerContent{
  color: #fefefe;
}

.headerContent > h1{
  text-shadow: 2px 8px 8px #0b0b0b;
}

.wrap > p{
  color: #fefefe;
  text-shadow: 2px 5px 8px #0b0b0b;
}

.headerContent > h1 > mark {
  color: var(--theme-color-1);
  text-shadow: 2px 8px 8px #0b0b0b;
}

.HeroBgImg >.item > .cover{
  background: rgba(0, 0, 0, 0.3);
}

/*----------------------------

    Hero img section end
    
------------------------------*/

/*-----------------------------
        
    about section start
        
------------------------------*/

.aboutSectionMain > .row > .row > .col-lg-6 > .flexCenter > i {
  color: var(--theme-color-1);
}

.aboutSectionMain > .row > .row > .col-lg-6 > .flexCenter:hover i {
  color: var(--theme-color-2);
}

.ceoImg {
  border: 2px solid var(--theme-color-1);
}

.ceoDetails > div > span {
  color: var(--p-color);
}

/*-----------------------------

        about section end
        
-------------------------------*/

/*------------------------------

available country section start

-------------------------------*/

.countryCard{
  background: #fefefe;
}

.countryCard > div > span {
  color: var(--p-color);
}

.cardGrid > div:hover .countryCard {
  box-shadow: 0 1px 8px 0 var(--theme-color-2);
}

.cardGrid .countryCard h4{
  color:var(--theme-color-2);
}

.countrySecBottom{
  background: #fff;
}

.countrySecBottom > span {
  background: #f3f3f3;
  color: var(--p-color);
}

/*------------------------------------

    available country section end

-------------------------------------*/

/*------------------------------------

        video section start
        
-------------------------------------*/

.ytVideoContent > button {
  color: var(--theme-color-2);
  background: #fff;
  
}
.ytVideoContent > button:hover{
  background: var(--theme-color-1);
  color: #fff;
}

.ytVideo > .fcc {
  background: var(--theme-color-1);
  border: 2px solid #fff;

}
.ytVideo > .fcc > i {
  color: #fff;
}

.ytVideo > div > div > span {
  color: #fefefe;
}

.rightDiv > div > span {
  color: #fefefe;
}

.modal1 {
  background: rgba(0,0,0, .9);
  
}

.modal1__inner{
  background: #fff;
}

.modal1__close:after,
.modal1__close:before{
  background: #ccc;
}

.modal1__close:hover:after,
.modal1__close:hover:before {
  background: #aaa;
}

/*-------------------------------

        video section end
        
--------------------------------*/

/*-------------------------------

        ajax video start
        
--------------------------------*/

#iframeVideo {
  background: #0000007d;
}

/*-------------------------------

        ajax video end
        
--------------------------------*/

/*------------------------------------

    customer feedback section start
    
-------------------------------------*/

.cfbCard > span{
  background: linear-gradient(180deg,var(--theme-color-1), var(--theme-color-2));
}

.cfbCard > div{
  background: #fff;
}

.testimonials .item .customerImg{
  background: linear-gradient(180deg,var(--theme-color-1), var(--theme-color-2));
}

.testimonials .item .starFeedback i{
  color: var(--theme-color-1);
}

/*------------------------------------

    customer feedback section end
    
-------------------------------------*/

/*------------------------------------

    clients carousel start
    
------------------------------------*/

.clientsMain{
  border-top: 2px solid var(--p-color);
}

/*--------------------------------
        
        clients carousel end
        
---------------------------------*/

/*--------------------------------

        img gallery start

----------------------------------*/

.imgGradient{
  background: linear-gradient(90deg,#f93838a3, #243041f5);
}
.imgGradient > span {
  color: #fff;
}

/*--------------------------------

        img gallery end

----------------------------------*/

/*---------------------------------

        q&a section start
        
----------------------------------*/

.redCheck{
  background: var(--theme-color-1);
}

.blackCheck{
  background: var(--theme-color-2);
}

.qnaContent > div:hover .redCheck{
  background: var(--theme-color-2);
}

.qnaContent > div:hover .blackCheck{
  background: var(--theme-color-1);
}

.redCheck > i , .blackCheck > i {
  color: #fff;
}

.questionMain > div {
  background: #fff;
  border:1px solid #8082878f;
}

/*------------------------------

        q&a section end
        
--------------------------------*/

/*--------------------------------

        team section start

---------------------------------*/


.teamGrid .singleProfile .dpMain:before{
    background-color: #f5faff;
}

.teamGrid .singleProfile .dpMain:after{
    background: linear-gradient(to left, var(--theme-color-1), var(--theme-color-2), var(--theme-color-1), var(--theme-color-2));
}

.teamGrid .singleProfile .ProfileName{
  color: var(--theme-color-2);
}

.teamGrid .singleProfile .profileExtrafields{
  color: var(--p-color);
}

.profileSocialmedia{
  background: #fff;
}

.beforeHover > i{
  color: var(--theme-color-1);
}

.afterHover > i{
  color: var(--theme-color-1);
}

/*--------------------------------

        team section end

---------------------------------*/

/*---------------------------------

    oppertunity section start
    
----------------------------------*/

.benifitImg > i {
  color: var(--theme-color-1);
}

.singleBenifit{
  border-bottom: 1px solid #8082878f;
  
}

.singleBenifit > div > h2:hover{
  color: var(--theme-color-1);
}

.singleBenifit > div > span {
  color: var(--p-color);
}

.arrowMark{
  background: #fff;
}

/*---------------------------------

    oppertunity section end
    
----------------------------------*/

/*---------------------------------

    artical section start
    
----------------------------------*/

.halfCircle{    
  background: var(--theme-color-1);
}

.halfCircle > span {
  color: #fff;
}
.addedPerson > .flexCenter > i {
  color: var(--theme-color-1);
}

.articalAddedPersonDesignation:hover , .articalAddedPersonName:hover {
  color: var(--theme-color-1);
}

.articalDetail{
  background: #fff;
}

.articleTitle:hover{
  color: var(--theme-color-1);
}

.goToMainArtical{
  border-top: 1px solid #80828757;
}

.goToMainArtical > span{
  color: var(--p-color);
}

/*---------------------------------

    artical section end
    
----------------------------------*/
  
/*----------------------------------
        
        about-us page start
        
-----------------------------------*/

.abouttHeroContent{
  color: #ffe8c7;
}

.aboutHeroContent > a {
  color: #ffe8c7;
}

.aboutHeroContent > i {
  color: #ffe8c7;
}

.aboutHeroContent > span{
  color: #ffe8c7;
}

.s1{
  background-color: #d3d9df;
}

.btnAboutUs{
  color: #fff;
  background: var(--theme-color-1);
}

.btnAboutUs:hover{
  background:var(--theme-color-2);
}

.commonHeading > h2{ 
  color: #b3abab;;
}

.aboutUsHeading > h1 {
  color:#ffffff;
}

.aboutUsHeading> span > mark {
  color: var(--theme-color-1);
}

.aboutUsHeading > span {
  color: #ffff;
}

.aboutUscuntries{
  padding: var(--lg-padding);
}

.fig {
	background: #fff;
}

.fig::before {
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
}
.serviceGrid {
    background:#fff;
}

.serviceGrid .singleService .singleServiceInner{
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.serviceGrid .singleService .singleServiceInner .titleLink{
  background: var(--theme-color-2);  
}

.serviceGrid .singleService .singleServiceInner .titleLink a{
  color: #ffffff;
}

.serviceGrid .singleService .singleServiceInner .titleLink i {
  color: #fff;
  background: var(--theme-color-1);
}

.serviceGrid .singleService .singleServiceInner .titleLink .fcc{
  padding: 5px;
  background: #dee2e6;   
}

.serviceGrid .singleService .singleServiceInner .serviceContent .btnService{
    background-color: #dee2e6;
    color: var(--theme-color-2);
}

.serviceGrid .singleService .singleServiceInner .serviceContent .btnService:hover, .serviceGrid .singleService .singleServiceInner .serviceContent .btnService:focus{
  background-color: var(--theme-color-2);
  color: #dee2e6;
}

.serviceGrid .singleService .singleServiceInner .serviceContent .btnService:hover i, .serviceGrid .singleService .singleServiceInner .serviceContent .btnService:hover i{
  color: #dee2e6;
}

.figure::before {
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
}

.immgCountries{
  background-color: #1d2f41e0;
}

.visaService div span {
	color: #beb6b6;
}

.btnVisa{
  color: #fff;
  background: var(--theme-color-1);
}

.btnVisa:hover{
  background:var(--theme-color-2);
}

.visaContent{
  background: #fff;
}

.visaLink{
  background-color: #dee2e6;
}
.visaLink > a {
  color: #000;
}

.titLink > a{
  color: #ffffff;
}

.menu-social-media-container > ul > li:hover a > i {
    color: var(--theme-color-1);
}
.inPageSocial > li:hover a > i {
    color: var(--theme-color-2) !important;
}
/*----------------------------------
        
        about-us page end
        
-----------------------------------*/

/*--------------------------------

    countact-us style start

----------------------------------*/

.contactHeroContent{
  color: #ffe8c7;
}

.contactHeroContent > a {
  color: #ffe8c7;
}

.contactHeroContent > i {
  color: #ffe8c7;
}

.leftDiv > i {
  color: var(--theme-color-1);
}

.s1{
  background-color: #d3d9df;
}

.btnContactUs{
  color: #fff;
  background: var(--theme-color-1);
}

.btnContactUs:hover{
  background:var(--theme-color-2);
}

.contactMain{
  background-color: #f5faff;
}

.iconList{
  color: #fff;
}

.iconList .fab{
  color: #fff
}

.colorRed{
  background: #1d2f41;
}

.iconListOrder{
  background: var(--theme-color-1);
}

.commonHeading > span > mark {
  color: var(--theme-color-1);
  
}

.contactLast .singleOfficeLocationWrap .singleOfficeLocation{
  background-color: #ffffff;
  box-shadow: 1px 1px 10px 0px rgba(40, 42, 43, 0.1);
  
}
.contactLast .singleOfficeLocationWrap .singleOfficeLocation:hover{
  background-color: #1d2f41;
}

.contactLast .singleOfficeLocationWrap .singleOfficeLocation i{
  color: #ff3838;
}

.contactLast .singleOfficeLocationWrap .singleOfficeLocation:hover h2, .contactLast .singleOfficeLocationWrap .singleOfficeLocation:hover p{
  color:#f2f2f2;
}

/*--------------------------------

    countact-us style end

----------------------------------*/

/*-------------------------------

        faq page start
        
---------------------------------*/

.singleFaq {
  border-bottom: 1px solid var(--p-color);
}

/*-------------------------------

        faq page end
        
---------------------------------*/

/*---------------------------------
        
        responsive start
        
----------------------------------*/


@media screen and (max-width:450px) {
  .navLink:hover,
  .navLink:focus {
      color: lightblue; /* Change this to your desired hover/focus color */
  }
  
}

/*---------------------------------
        
        responsive end
        
----------------------------------*/

/*---------------------------------
        
            404 start
        
----------------------------------*/

.NotFoyndContent h1{
 color:#f93838;
}

.btn404{
  color: #fff;
  background: var(--theme-color-1);
}

.btn404:hover{
  background:var(--theme-color-2);
}

/*---------------------------------
        
            404 end
        
----------------------------------*/

/*---------------------------------

        Team-Details Start
        
----------------------------------*/

.iconDetails > i{
  background-color: var(--theme-color-1);
  color: #fff;
}

.btnTeamDetails{
  color: #fff;
  background: var(--theme-color-1);
}

.btnTeamDetails:hover{
  background:var(--theme-color-2);
}

.summeryDetails ul li::before{
  background: #fff;
  border: 1px solid var(--theme-color-1);
  box-shadow: 3px 3px 0px var(--theme-color-2);
 }

.summeryDetails ul li::after{
  background-color: var(--theme-color-1);
}

/*---------------------------------

        Team-Details end
        
----------------------------------*/

/*---------------------------------

    testimonials style start
    
-----------------------------------*/

.section{
  background-color: #f2f2f2;
}

.testimonialsMain{
  background: #f2f2f2;
}

.subPageHeroContent > div > i{
  margin: 0 20px;
  color: #fefefe;
}

.dpImg{
  background: #ffffff;
  border: black;
}

.beforeHover > i{
  color: #fefefe;
}

.profileCustomer{
  background: #fff;
  background: linear-gradient(120deg,red, black);
}

.customerService{
  background: #ffffff;
}

.customerService > i{
  color: #ffffff;
}

.customerContent{
  background: #ecf0f4;
}

.customerCardContent{
  background: #ecf0f4;
}

.starBox{
  background: #ffffff;
}

.starBox > i{
  color: #ff3838;
}

.profileImg:hover .starBox {
  background: var(--theme-color-1);
}

.profileImg:hover i{
  color: #ffff;
}

/*---------------------------------

    testimonials style start
    
-----------------------------------*/

/*---------------------------------

    blog-details style start

-----------------------------------*/

.section{
  background: #fff;
}

.mainContentArea{
  background-color: #fff;
}

.mainContentArea > .headerImg > .postImage {
  box-shadow: 0px 0px 50px rgba(5,5,5,.18);
}

.mainContentArea > .singleBlogContent > p {
  color: var(--p-color);
}

.blogQuateMainArea {
  background-color: #f4f5f8;
}

.blogQuateMainArea > .blogQuateArea > .blogQuateContent::before{
  color: #ff3838;
}

.mainContentArea > .secoundTitleMain > .secoundText > p{
  color: var(--p-color);
}


.elementerMain > .listItem > li i::before {
  color: #ff3838;
}

.fourthText p{
  color: var(--p-color);
}

.mainContentArea .listMain li i {
  color: #ff3838;
}

.mainCommentArea{
  border-top: 1px solid #e0e4e8; 
}

.leftDetails {
  color: var(--text-color);
  background-color: #fff;
}



.leftDetails > a{
  color: #000;
  border: 1px solid var(--theme-color-1);
}

.leftDetails > a:hover{
  background: var(--theme-color-1);
  color: #fff;
}

.rightDetails {
  color: var(--text-color);
  background-color: #fff;
}

.rightDetails > a{
  color: #000;
  border: 1px solid var(--theme-color-1);
}

.rightDetails > a:hover{
  background: var(--theme-color-1);
  color: #fff;
}

.commentTitle h4{
  color: var(--headings-color);
}

.btn-theme-colored1 {
  color: var(--text-color-bg-theme-color1);
  background-color: var(--theme-color1);
  border-color: var(--theme-color1);
}

.fiveTitleMain > .fiveText  p{
  color: var(--p-color);
}

.commentMain{
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(43,51.999999999999986,58.99999999999999,.1);
}

/*--right side--*/

.searchBox .colClass{
  color: var(--text-color);
  background-color: #fff;
}

.searchBox{
  background: #f4f5f8;
}

.rightSideListMainBorder{
  background-color: #f4f5f8;
}

.rightSideListMainBorder > .rightSideListBorder{
  background: #f4f5f8;
}

.rightSideListMainBorder > .rightSideListBorder > .rightSideList{
  background-color: var(--theme-light-background);
  border: 1px solid var(--theme-light-background);
  
}

.rightSideListMainBorder > .rightSideListBorder > .rightSideList > .widgettitle::after{
  background: red;
}

.rightSideListMainBorder > .rightSideListBorder > .rightSideListCatogery{
  background: red;
}

.rightSideListMainBorder > .rightSideListBorder > .rightSideListCatogery > .rightSideCatogery{
  background:blue; 
}

.rightSideListMainBorder > .rightSideListCatogery > .rightSideCatogery{
    color: #ff3838;
 }

/*---------------------------------

    blog-details style end

-----------------------------------*/

.background{
  background-color: rgba(0, 0, 0, 0.9);
}

.box{
  background: #fff;
}

.close{
  color: #fff;  
}

.singleOfficeLocation {
  background-color: #ffffff;
  box-shadow: 1px 1px 10px 0px rgba(40, 42, 43, 0.1);
}

/*///////////////////////////
/// Event booking plugin/////
///////////////////////////*/
  
.mep-events-wrapper.wrapper {
  margin-top: 100px;
}
       
.mep-event-faq-part .ex-sec-title.faq-title-section,
button.mpwemasp_get_sp,
.mep-default-feature-cart-sec button.single_add_to_cart_button.button.alt.btn-mep-event-cart,
.mep-event-theme-1 .btn-mep-event-cart,
.mep-template-2-hamza .btn-mep-event-cart,
.mep-tem3-mid-sec .btn-mep-event-cart,
.button.button-default.woocommerce.button.alt.button.alt.btn-mep-event-cart,
#mep_add_calender_button,
ul#mep_add_calender_links li a,
.mep-default-sidrbar-events-schedule ul li i,
.mep-ev-start-date,
h3.mep_list_date i,
.df-ico i,
.mep-default-sidrbar-address ul li i,
.mep-default-sidrbar-social ul li a,
button.mep-cat-control,
.pagination-sec a,
.mep-tem3-title-sec.mep_single_date_btn,
.mep-default-feature-cart-sec h3,
.mep-event-theme-1 h3.ex-sec-title,
.mep-tem3-mid-sec h3.ex-sec-title,
.mep-tem3-title-sec,
.royal_theme h3.ex-sec-title,
.mep-events-wrapper .royal_theme table.mep_event_add_cart_table,
.vanilla_theme.mep-default-theme div.mep-default-feature-date,
.vanilla_theme.mep-default-theme div.mep-default-feature-time,
.vanilla_theme.mep-default-theme div.mep-default-feature-location,
.vanilla_theme h3.ex-sec-title,
.vanilla_theme div.df-dtl h3,
.vanilla_theme div.df-dtl p,
.ex-sec-title,
.mep_everyday_date_secs {
  background-color: var(--theme-color-1)!important;
  color: #ffffff;
  border-color: var(--theme-color-3)!important;
}

.mep-default-sidrbar-meta p a, .mep_event_list .mep_list_date, .mep-event-theme-1 .mep-social-share li a,
.mep-template-2-hamza .mep-social-share li a, .mep-default-sidrbar-events-schedule h3 i,
.mep_event_list .mep_list_date, .mep-event-theme-1 .mep-social-share li a, .mep-template-2-hamza .mep-social-share li a, .mep-default-sidrbar-meta .fa-list-alt, .mep-list-footer ul li i{
  color: var(--theme-color-3)!important;
}

.mep_event_list_item .mep-list-header::before, .mep_event_grid_item .mep-list-header::before, .mep_event_list_item:hover {
  border-color: var(--theme-color-3)!important;
}

.mep-month {
  background: var(--theme-color-3)!important;
}
.mep_event_winter_list .mep_list_date_wrapper {
 background-image: linear-gradient(45deg, var(--theme-color-1), var(--theme-color-3))!important;
}
@media only screen and (min-width: 768px) {
  .mep_event_winter_list .mep_list_date_wrapper i {
    color: var(--theme-color-1) !important;
  }
}

/*///////////////////////////
    
        Mega Menu
    
//////////////////////////*/
    
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  background: var(--theme-color-1)!important;
  color:#fff;
}
/* //////////////////////////////
////page-sidebar-right start//////
////////////////////////////// */

.sidebar >.widget-area > .widget_search >  form >button {
  background: var(--theme-color-2);
  border-color:var(--theme-color-2);
  color:#fff;
}

.sidebar > .widget-area > .widget_search > form > button:hover{
  background: var(--theme-color-1);
  border-color:var(--theme-color-1);
}

.sidebar > .widget-area > .widget_nav_menu > div >  ul > li > a {
  color: #fefefe;
}

.sidebar > .widget-area > .widget_nav_menu > div h2{
 background: #726c6c;
 border-left: 7px solid #1d2f41;
 color: #ffffff;
}

/* //////////////////////////////
////page-sidebar-right end//////
////////////////////////////// */



/* //////////////////////////////
////Woocommerce Account page //////
////////////////////////////// */


.woocommerce-MyAccount-navigation > ul > li > a{
  color: #fefefe;
  background: var(--theme-color-2);
}

.woocommerce-MyAccount-navigation > ul > .is-active a{
     background: var(--theme-color-1);
}

.woocommerce-MyAccount-navigation > ul > li > a:hover{
    color: #fefefe;
    background: var(--theme-color-1);
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
}
   
.wc-block-components-notice-banner.is-info {
  background-color: #f4f8ff;
  border-color: var(--theme-color-1) !important;
}

.wc-block-components-notice-banner.is-info > svg {
  background-color: var(--theme-color-1)!important;
}

.woocommerce-Button, .wc-block-components-button__text, .wc-block-components-checkout-return-to-cart-button{
  background: var(--theme-color-2)!important;
  color: #fff !important;
}

.woocommerce-Button:hover, .wc-block-components-button__text:hover, .wc-block-components-checkout-return-to-cart-button:hover{
  background: var(--theme-color-1) !important;
}

/* //////////////////////////////
///////Timeline Plugin //////////
////////////////////////////// */

.timeline-vertical-7 .timeline-ver-7-timeline_img.timeline-ver-7-timeline_img--picture {
  background: var(--theme-color-1) !important;
}
.timeline-vertical-7 .timeline-ver-7-timeline__content {
  box-shadow: 0 7px 0 var(--theme-color-3) !important;
}

#timeline-horizontal-6 .tl-item::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(75%, var(--theme-color-2)))!important;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, var(--theme-color-2) 75%) !important;
}
.tl-year > p , .timeline-text {
    color:#fff;
}

/* //////////////////////////////
///////Why Our Company //////////
////////////////////////////// */

.whySection .commonHeading h1{
    color:var(--p-color);
}

.whySection .counterWrapper h1{
    color:var(--theme-color-4);
}
.whySection .counterWrapper h3{
    color:var(--theme-color-3);
}
.whySection .counterWrapper .singleCounter i {
  border: 1px solid var(--theme-color-3);
  background-color:var(--gradient-color);
  color: var(--theme-color-4);
}

/* //////////////////////////////////
/////// Immigration Filter //////////
////////////////////////////////// */

.pathwayFilter .filterOptions .filterForm .form-group{
  border: 1px solid #d7d3d3;
  background-color: #f2f2f2;
}

/*////////////////////////////////////////
/// immigration pathway section start/////
/////////////////////////////////////// */

.immiPathwaySection .immiPathways .item .contentCard{
  background-color: #1d2f41bf;
}


.immiPathwaySection .immiPathways .item .contentCard h4{
  color: #ffffff;
}

.immiPathwaySection .immiPathways .item .contentCard .hoverSpeed{
  background: #c3c3c369;
  color: #eee;
}

.immiPathwaySection .immiPathways .item .contentCard a:hover{
  background-color: var(--theme-color-3);
  color: #dee2e6;
}

.immiPathwaySection .immiPathways .item .contentCard ul li{
  color: var(--theme-color-4);
}

.immiPathwaySection {
  padding: var(--lg-padding);
}

/*////////////////////////////////////////
/// immigration pathway section end //////
/////////////////////////////////////// */



/*////////////////////////////////////////
///      Formidable forms           //////
/////////////////////////////////////// */

.formidableWrapper{
  background-color: #fff;
  padding: 10px;
  border: 1px solid #eee;
}
.formidableWrapper .frm_form_field h3 {
  color: var(--theme-color-2);
  border-bottom: 1px solid #eee;
  text-align: center;
  font-size: 25px;
}

.formidableWrapper .frm_form_field h3 span {
  color: var(--theme-color-2)!important;
}
.formidableWrapper .frm_radio input[type=radio] {
  background: none;
  position:relative;
  height: 20px;
  width: 20px;
  min-width: 20px;
}
 

/*////////////////////////////////////////
///      Formidable forms end        //////
/////////////////////////////////////// */


/*///////////////////////////
  
    Immigration Programs
  
//////////////////////////*/

.fieldsbody > ul > li:before, ul.leafStyled > li:before {
  color: var(--theme-color-1);
}
.fieldsbody > ul.leafDarkStyled > li:before, ul.leafDarkStyled > li:before {
  color: var(--theme-color-2);
}

.sidebarImmiPathways .widget_immifocus_single_pathway_widget > .pathwayFields > .singleFiled >.fieldsbody > p{
  color: #b8b8b8;
}

.sidebarImmiPathways .widget .widget_immifocus_single_pathway_widget > .pathwayFields > .singleFiled > .widgetTitle > .fieldsbody > p{
  text-shadow: 5px 5px 10px rgb(246 51 29 / 84%);
  border-bottom-color: white;   
}

.fieldName {
  border-bottom-color: var(--theme-color-1);
}

.sidebarImmiPathways .widget_igp-components_single_pathway_widget .widgetTitle {
  border-left: 3px solid var(--theme-color-1);
  color: #fff;
  background-color: var(--bg-color);
}
.textwidget > .questionnaireLink > h3 {
  color: #fff;
}

.textwidget > .questionnaireLink > p > a{
  color: white;
  background-color: var(--theme-color-1);
}

.textwidget > .questionnaireLink > p > a:hover{
  background-color: var(--theme-color-3);
}

.dataTable{
  background-color: #f2f2f2;
}

.dataTable th{
  background-color: var(--theme-color-1);
  color:#f2f2f2;
  border: 1px solid #eee;
}

.dataTable td{
  border: 1px solid #eee;
}

.dataTable tr:nth-child(even) td{
  background-color: #fff;
}
.dataTable .filterSet td {
  background-color: var(--theme-color-4);
}
  
/* nadeesha style.css  end */



/* kasuni style.css  start */

/* //////////////////////////////
////page-sidebar-right start//////
////////////////////////////// */

.sidebar >.widget-area > .widget_search >  form >button {
  background: var(--theme-color-2);
  border-color:var(--theme-color-2);
  color:#fefefe;
}

.sidebar > .widget-area > .widget_search > form > button:hover{
  background: var(--theme-color-1);
  border-color:var(--theme-color-1);
}

.sidebar > .widget-area > .widget_nav_menu > div h2{
  background: #726c6c;
  border-left: 7px solid #1d2f41;
  color: #fefefe;
}

.sidebar .widget-area .widget_nav_menu div  ul li a {
  color: #fefefe;
  background: var(--theme-color-2);
}

.sidebar > .widget-area .widget_nav_menu div ul li a:hover{
  color: #fefefe;
  background: var(--theme-color-1);
}

/*//////latest news///////////*/

.widget > div > ul > li > a > span{
  color: #1d2f41;
}

/* //////////////////////////////
////page-sidebar-right end//////
////////////////////////////// */

/* ////////////////////////////
//////video section start//////
/////////////////////////////*/

.videoContent{
  color: #fff;
}

.videoContentLine > h1 > mark{
  color: var(--theme-color-1);
}

/* ////////////////////////////
//////video section end////////
/////////////////////////////*/

/* ///////////////////////////////////
//fraud prevention content start//////
////////////////////////////////////*/

.content-area .listWithIcon li::before{
  color: var(--theme-color-1);
}

/* ///////////////////////////////////
//fraud prevention content start//////
////////////////////////////////////*/

/* ////////////////////////////
//////values section start//////
/////////////////////////////*/

.valuesSection{
  background: #f5faff;
}

.valuesSection .singelValue .singelValueBox{
  background: #ecf0f4;
  border-left: 10px solid var(--theme-color-3);
}

.valuesSection .singelValue:hover .singelValueBox {
  background: #d4d4d8;
}

/* ////////////////////////////
//////values section end //////
/////////////////////////////*/

/* ////////////////////////////
/picture-content-section start/
////////////////////////////*/

.pictureContactMain .iconDetails i{
  background-color: var(--theme-color-1);
  color: #fff;
}

.pictureContactMain .pictureContent{
  color: var(--p-color);
}

/* ////////////////////////////
/picture-content-section start/
////////////////////////////*/

.pictureSummeryDetailsMain .summeryDetails ul li::before {
  background: #fff;
  border: 1px solid var(--theme-color-1);
}

.pictureSummeryDetailsMain .summeryDetails ul li::after {
  background: var(--theme-color-1);
}

.summeryDetails .wppb-wrapper .wppb-progress span{
  background: var(--theme-color-1);
}

.summeryDetails .wppb-wrapper .wppb-progress{
  background: #dbd6d6;
}

/* ////////////////////////////
/picture-content-section end //
/////////////////////////////*/

/* ////////////////////////////
/immigration-parthway-section start//
/////////////////////////////*/

.owl-nav button.owl-prev{
  color: #ececec !important;
  background-color:var(--p-color) !important;
}

.owl-nav button.owl-next{
  color: #ececec !important;
  background-color: var(--p-color) !important;
}

.owl-nav button.owl-prev:hover{
  background-color:var(--theme-color-2);
}
 
.owl-nav button.owl-next:hover{
  background-color:var(--theme-color-2);
}
 
/* ////////////////////////////
/immigration-parthway-section start//
/////////////////////////////*/

/* ////////////////////////////
//Language-test-section start//
/////////////////////////////*/

.tableTitlebar .titleHead{
  background-color: #fff;
  color: var(--theme-color-2);
}

.tableTitlebar .titleHead.active{
  background-color: var(--theme-color-1);
  color: #fff;
  border-color: var(--theme-color-1);
}
.tableTitlebar .titleHead.active::after {
    border-top-color: var(--theme-color-1);
}
.tableTabTitle{
  background: #fff;
}

.tableTabTitle .tableTabOpen{
  background-color: #fff;
  color: var(--theme-color-2);
  border: 1px solid var(--theme-color-1);
}

.tableTabTitle[open] .tableTabOpen i{
  color: #000000;
}

.tableTabTitle[open] .tableTabOpen{
  background-color: var(--theme-color-1);
  color: #fff;
}

.tab-content .active {
  background-color: #f2f2f2;
  border: 1px solid #cfcfcf;
}
.tableTabContent{
  background: #cacbcd;
}

.incBorder{
  background-color: #fff;
}

/* ////////////////////////////
//Language-test-section end//
/////////////////////////////*/

/* ////////////////////////////
//FAQ Catogary sidebar start///
/////////////////////////////*/

.sidebar .widget-area .widget .card ul li a{
  color: #fefefe;
  background: var(--theme-color-2); 
}

.sidebar .widget-area .widget .card ul li a:hover{
  color: #fefefe;
  background: var(--theme-color-1);
}
.sidebar .widget-area .widget .card ul li a:hover i{
    color: #fefefe;
}

.sidebar .widget-area .widget .card ul li a .bi-caret-down-fill::before {
  color: #fff;
}

.sidebar .widget-area .widget .card ul li ul li a{
  background: #e0ebf5;
  color: var(--theme-color-2);
  border: 1px solid var(--theme-color-1);
}

.sidebar .widget-area .widget .card ul li a i{
  color: #fefefe;
}
@media screen and (max-width:991px){
   .sidebar .widget-area .widget .card ul li a{
        color: var(--theme-color-2);
        background: none; 
        border: 1px solid var(--theme-color-1);
    } 
    .sidebar .widget-area .widget .card ul li a i{
        color: var(--theme-color-2);
    }
}

/* ////////////////////////////
//FAQ Catogary sidebar End///
/////////////////////////////*/


/* ////////////////////////////
///  FAQ Main Page Start    ///
/////////////////////////////*/

.faqMainPage .faqCatName{
  background-color: var(--theme-color-2);
  color: #fff; 
}

.faqMainPage .singleFAQTitle .underline{
  border-bottom-color: var(--theme-color-1);
  color: var(--theme-color-2);
}

/* ////////////////////////////
///  FAQ Main Page end    /////
/////////////////////////////*/

/* kasuni style.css  end */


/* Hashini style.css start */

/* //////////////////////////////
////page-home-image start//////
////////////////////////////// */ 

.headerContent{
  color: #fefefe;
}

.headerContent > h1{
  text-shadow: 2px 8px 8px #000;
}

#typewriter > p{
  color: #fefefe;
  text-shadow: 2px 5px 8px #000;
}

.headerContent > h1 > mark {
  color: var(--theme-color-1);
  text-shadow: 2px 8px 8px #000;
}

.HeroBgImg >.item > .cover{
  background: rgba(0, 0, 0, 0.3);
}

/* //////////////////////////////
//////page-home-image end ///////
////////////////////////////// */ 

/* //////////////////////////////
//immigration pathway section start///
////////////////////////////// */ 

.immiPathwaySection .immiPathways .item .contentCard{
  background-color: #1d2f41bf;
}

.immiPathwaySection .immiPathways .item .contentCard h4{
  color: #ffffff;
}

.immiPathwaySection .immiPathways .item .contentCard .hoverSpeed{
  background: #c3c3c369;
  border: 1px solid #0a0a0a;
  color: #eee;
}

/* //////////////////////////////
//immigration pathway section end///
////////////////////////////// */ 

/* //////////////////////////////
////page-glossary start //////
////////////////////////////// */

.pagination li a{
  background-color: var(--theme-color-1);
  color: #fff;
  border: 1px solid #f5faff;
}

.pagination li a:hover{
  background-color: var(--theme-color-2);
  color: #fff;
  border: 1px solid #f5faff;
}

.pagination li >.disabled{
  background-color: #ddd;
  color: var(--theme-color-2);
}

.pagination li >.disabled:hover{
  background-color: #ddd;
  color: var(--theme-color-2);
}

.form-group{
  border: 1px solid #d7d3d3;
  background-color: #f2f2f2;
}

.glossaryWrapper .singleEntry {
  background-color: #fff;
}

.glossaryWrapper .singleEntry:nth-child(odd) {
  background-color: #f2f2f2;
  border-right: 1px solid #fff;
}

.glossaryWrapper .singleEntry .glossaryTitle{
  border-right: 1px solid #f2f2f2;
}

.glossaryWrapper .singleEntry:nth-child(odd) .glossaryTitle{
  border-right: 1px solid #fff;
}

.glossaryWrapper .singleEntry.tableTitle .glossaryTitle, .glossaryWrapper .singleEntry.tableTitle .glossaryDetail{
  color: #f2f2f2;
  background: var(--theme-color-1);
  border-right: 1px solid #f2f2f2;
}

.fixedToLeft{
  border: 1px solid #0000005c;
  background: #fefefe;
}

/* //////////////////////////////
////page-glossary end //////
////////////////////////////// */

/* //////////////////////////////
////nav bar start //////
////////////////////////////// */

#navbarNav .nav li a{
    color: var(--p-color);
    border-bottom: 1px solid #cbcbcb;
}

#navbarNav .nav li .dropdown-menu li a{
  color:#fff;
  background-color: var(--theme-color-1);
}

#navbarNav .nav li .dropdown-menu li a:hover, #navbarNav .nav li .dropdown-menu li a:focus{
  background-color: var(--theme-color-3);
}

/* //////////////////////////////
////nav bar end //////
////////////////////////////// */

/* Hashini style.css end */


/* Waruna style.css start */

.site-footer .widget .widget-title {
  border-left: 3px solid var(--theme-color-3);
  color: #b9b8b8;
  background-color: var(--bg-color);
}

.footer-widget .textwidget .widget {
  color: var(--p-color);
}

.footer-widget .widget .menu li a{
  color: var(--p-color);
}

.footer-widget .widget .menu li a:hover{
  color: var(--theme-color-1);
}

.noptin-form-field-wrapper {
  color: var(--p-color);
}

.noptin-form-field-wrapper > input {
  border: 1px solid var(--theme-color-3);
  color: var(--p-color);
}

.noptin-form-field-wrapper a{
  color: var(--theme-color-1);
}

.noptin-form-field-wrapper a:hover{
  color: var(--theme-color-3);
}

#noptin-form-1__submit , .with_frm_style .frm_checkbox input[type="checkbox"]:checked {
  background: var(--theme-color-1);
  border-color: var(--theme-color-1);
}

#noptin-form-1__submit {
    color: var(--theme-color-3) !important;
    border: 2px solid var(--theme-color-3);
}

#noptin-form-1__submit:hover {
  color: var(--theme-color-1) !important;
  border: 2px solid var(--theme-color-1) !important;
}

input[type=checkbox], input[type="radio"] {
  border: 2px solid var(--theme-color-1)!important;
}

input[type=checkbox]:checked, input[type="radio"]:checked {
  background-color: var(--theme-color-1) !important;
}

#menu-social-media-1 > .menu-item > a:hover i {
  color: var(--theme-color-1);
}
.footerBottom{
  background: var(--theme-color-2); 
}

.footerBottom .bottomMenu .navItem > a {
  color: var(--p-color);
}

.footerBottom .bottomMenu .navItem > a:hover{
  color: var(--theme-color-1);
}

.footerBottom .copyRight p a{
  color: var(--theme-color-4);
}
.footerBottom .copyRight p a:hover{
  color: var(--theme-color-3);
}

/*--------------------------
  about section end
--------------------------*/

/* ------------------------
   about us page start 
--------------------------*/

.titLink {
  background: var(--theme-color-2);
}

.visaLink > div {
  color: var(--theme-color-2);
}

/* ------------------------
   about us page end 
--------------------------*/

/*-------------------------
  news grid view start
--------------------------*/

.articleTitle , .articleTitleMeta , .articleTitle:hover {
  color: var(--theme-color-2);
}

.singleItem:hover{
  background: #0000001c;
}

.page-numbers{
  background-color: var(--theme-color-1);
  color: #fff;
  border: 1px solid #f5faff;
}

.page-numbers:hover , .page-numbers.current{
  background: var(--theme-color-2);
}

/*-------------------------
  news grid view end
--------------------------*/

/* Waruna style.css end */

/*kasuni*/ 

.fieldsbody.comprehensiveRankingScore{
  color: var(--p-color);
}

.fieldsbody.age{
  color: var(--p-color);
}

.parthwayVisitButton a{
  color: #fff;
}

.parthwayPointGridButton a{
  color: #fff;
}

.parthwayPointGridBigButton a{
  color: #fff;
}


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

.fullWSearch{
    background-color: #eee;
    border: 1px solid #ddd;
}
.fullWSearch .col-lg-6 h2{
    text-shadow: 3px 3px 3px #fff;
}
.fullWSearch div:nth-child(2) #searchform .search-input{
  color: #555;
  background: rgba(255, 255, 255, .99);
  box-shadow: 0 4px 8px rgba(0, 0, 0, .1) inset;
  border: 1px solid #CCC !important;
}


 /*/////////////////////
 
   Archive Page Styles 
 
 //////////////////////*/
.archiveContent .categoryDescription{
    background-color: var(--theme-color-2);
  color: #fff;
}
.archiveContent .archiveList .singleItem{
    background-color: #fff;
    border: 1px solid #f2f2f2;
}
.archiveContent .archiveList .singleItem .singleItemBg{
    border: 1px solid #f2f2f2;
    background-color: #4b5967;
}
.archiveContent .archiveList .singleItem .singleItemBg .content {
    background: linear-gradient(to bottom, transparent 1%, var(--theme-color-2) 70%);
}
.archiveContent .archiveList .singleItem .singleItemBg .content time{
    color: var(--theme-color-3);

}
.archiveContent .archiveList .singleItem .singleItemHeading{
    color: #fff;
  text-shadow: 2px 2px 2px var(--theme-color-2);
}

/*-------------------------- 

    BookingPress Styles 
    
---------------------------*/

.bpa-front-btn--primary {
    border-color: var(--theme-color-1) !important;
    background-color: var(--theme-color-1) !important;
    color: var(--bpa-cl-white) !important;
}
.bpa-front-module--service-item .bpa-front-si-card .bpa-front-si__card-body strong.--is-service-price {
    background-color: var(--theme-color-1) !important;
    border-radius: 0px !important;
}
.bpa-front-module--category .bpa-front-cat-items .bpa-front-ci-pill.el-tag.__bpa-is-active svg {
    fill: var(--theme-color-1) !important;
}
.bpa-front-module--service-item.__bpa-is-selected .bpa-front-si-card,
.bpa-front-module--category .bpa-front-cat-items .bpa-front-ci-pill.el-tag.__bpa-is-active,
.bpa-front-module--category .bpa-front-cat-items .bpa-front-ci-pill.el-tag:hover,
.bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front--dt__ts-body--item:hover,
.bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item.__bpa-is-active .bpa-front-tm--item-icon, .bpa-front-module--payment-methods .bpa-front-module--pm-body .bpa-front-module--pm-body__item.__bpa-is-selected,
.bpa-front-module--payment-methods .bpa-front-module--pm-body .bpa-front-module--pm-body__item.__is-selected,
.bpa-front-form-control--checkbox .el-checkbox__input.is-checked .el-checkbox__inner,
.bpa-front-form-control--checkbox .el-checkbox__inner:hover,
.el-radio__input.is-checked .el-radio__inner, .bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front--dt__ts-body--item.__bpa-is-selected {
  border-color: #FF3838 !important;
}
.bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item.__bpa-is-active .bpa-front-tm--item-icon,
.bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item.__bpa-is-active span {
  border-color: var(--theme-color-1) !important;
  background-color: var(--theme-color-1) !important;
}
.bpa-front-module--service-item.__bpa-is-selected .bpa-front-si-card,
.bpa-front-module--category .bpa-front-cat-items .bpa-front-ci-pill.el-tag.__bpa-is-active,
.bpa-front-module--category .bpa-front-cat-items .bpa-front-ci-pill.el-tag:hover,
.bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front--dt__ts-body--item:hover,
.bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item.__bpa-is-active .bpa-front-tm--item-icon, .bpa-front-module--payment-methods .bpa-front-module--pm-body .bpa-front-module--pm-body__item.__bpa-is-selected,
.bpa-front-module--payment-methods .bpa-front-module--pm-body .bpa-front-module--pm-body__item.__is-selected,
.bpa-front-form-control--checkbox .el-checkbox__input.is-checked .el-checkbox__inner, .bpa-front-form-control--checkbox .el-checkbox__inner:hover,
.el-radio__input.is-checked .el-radio__inner,
.bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front--dt__ts-body--item.__bpa-is-selected {
  border-color: var(--theme-color-1) !important;
}
.bpa-front-tabs--vertical-left .bpa-front-tab-menu a.bpa-front-tab-menu--item.__bpa-is-active, .bpa-front-tabs .bpa-front-module--booking-summary .bpa-front-module--bs-amount-details .bpa-front-module--bs-ad--price,
.bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item.__bpa-is-active::before, .bpa-custom-datepicker .el-year-table td.today .cell,
.bpa-custom-datepicker .el-month-table td.today .cell, .bpa-front--dt__calendar .vc-day.is-today .vc-day-content,
.bpa-front-form-control--checkbox .el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--theme-color-1) !important;
}

/*---------------------------------------

    social media share section
    
-----------------------------------------*/
.socialShareMain , .inPageSocial {
    background:var(--theme-color-2);
    box-shadow:2px 4px 7px #bdc9c4;
}
.socialShareLinks > a , .socialShareLinks > button , .inPageSocial > .menu-item {
    background:#deefff;
}
.socialShareLinks > a:hover , .socialShareLinks > button:hover , .inPageSocial > .menu-item:hover {
    background:var(--theme-color-1);
}
.socialShareLinks > a > i , .socialShareLinks > button > i , .inPageSocial > .menu-item > a > i {
    color:var(--theme-color-2);
}

.chaty-i-trigger .chaty-channel > .chaty-cta-button > .open-chaty > .chaty-svg g circle{
  fill: var(--theme-color-1) !important;
}
/*---------------------------------------

    social media share section end
    
-----------------------------------------*/

input[type=checkbox]:before, input[type="radio"]:before {
  color: #fff;
}
.with_frm_style .frm_checkbox input[type=checkbox]:before {
    box-shadow: inset 10px 10px #fff !important;
}
/*-------------------------- 

    BookingPress Styles 
    
---------------------------*/

.bpa-front-btn--primary {
    border-radius: 0px !important;
}
.bpa-front-module--service-item .bpa-front-si-card .bpa-front-si__card-body strong.--is-service-price {
    background-color: var(--theme-color-1) !important;
}
/*-------------------------
  news list view start
--------------------------*/

.listView > .singleItem > .articleBody{
  background-color: #fff;
  border: 1px solid #eee;
}

.gridView > .singleItem > .articleBody{
  background-color: #fff;
  border: 1px solid #eee;
}

/*-------------------------
  news list view end
--------------------------*/

/*-------------------------------------------
    Book An Appoinment - section start
-------------------------------------------*/

.bookAnAppointmentMain{
  background: var(--theme-color-2);
}
.bookAnAppointmentMain .row .align-items-center .commonHeading > p {
  text-shadow: 3px 3px 5px #1d2f41;
  color: #f2f2f2;
}
.bookAnAppointmentMain .row .align-items-center .commonHeading > h1{
  color: #f2f2f2;
  text-shadow: 3px 3px 5px #1d2f41;
}
.provincesListItem > li::before{
  color: var(--theme-color-1);
}
/*-------------------------------------------
    Book An Appoinment - section end
-------------------------------------------*/
/*---------------------------------------
        Pages - section start
-----------------------------------------*/
.innerTitle {
    color: var(--p-color);
}
/*---------------------------------------
        Pages - section start
-----------------------------------------*/
/*-----------------------------------------------------

    Contact Us – form styles start

-------------------------------------------------------*/
.contactFields > input , .contactFields > select , .contactFields > textarea , .contactFields > div > button {
  background-color: #1d2f41 !important;
}
.frm_form_field input[type=text], 
.frm_form_field input[type=email], .frm_form_field input[type=tel], 
.frm_form_field select, .frm_form_field textarea,
.frm_style_formidable-style.with_frm_style textarea:focus{
  border: 1px solid #d7d3d3;
  line-height:20px;
  color:#fff !important;
}
.frm_style_formidable-style.with_frm_style .form-field input:not([type="file"]):not([type="range"]):not([readonly]):focus, .frm_style_formidable-style.with_frm_style select:focus, .frm_style_formidable-style.with_frm_style textarea:focus, .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="text"], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="password"], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="email"], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="number"], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="url"], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="tel"], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="search"], .frm_form_fields_active_style, .frm_style_formidable-style.with_frm_style .frm_focus_field .frm-card-element.StripeElement {
 
  border-color: #1d2f41;
 
  box-shadow: 0px 0px 5px 0px rgba(102,175,233, 0.6);
}
.frm_style_formidable-style.with_frm_style .frm_blank_field input[type="text"], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="password"], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="url"], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="tel"], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="number"], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="email"], .frm_style_formidable-style.with_frm_style .frm_blank_field textarea, .frm_style_formidable-style.with_frm_style .frm_blank_field .mce-edit-area iframe, .frm_style_formidable-style.with_frm_style .frm_blank_field select:not(.ui-datepicker-month):not(.ui-datepicker-year), .frm_form_fields_error_style, .frm_style_formidable-style.with_frm_style .frm_blank_field .frm-g-recaptcha iframe, .frm_style_formidable-style.with_frm_style .frm_blank_field .g-recaptcha iframe, .frm_style_formidable-style.with_frm_style .frm_blank_field .frm-card-element.StripeElement, .frm_style_formidable-style.with_frm_style .frm_form_field :invalid {
  color: #ff3838 !important;
}

.frm_form_field input[type=text]::placeholder , .frm_form_field input[type=email]::placeholder, .frm_form_field input[type=tel]::placeholder, .frm_form_field select::placeholder, .frm_form_field textarea::placeholder{
color: #f5faff;
opacity: 1; 
}

#frm_form_3_container .frm_form_field input[type=text], 
.frm_form_field input[type=email], .frm_form_field input[type=tel], 
.frm_form_field select, .frm_form_field textarea,
.frm_style_formidable-style.with_frm_style textarea:focus{
  border: 1px solid #d7d3d3;
  color: #1d2f41;
}


#frm_form_3_container .frm_form_field input[type=text]::placeholder , .frm_form_field input[type=email]::placeholder, .frm_form_field input[type=tel]::placeholder, .frm_form_field select::placeholder, .frm_form_field textarea::placeholder{
color: #f5faff;
opacity: 1; 
}


#frm_form_3_container .frm_form_field select:focus{
color:#f5faff;

}
/*-----------------------------------------------------

  Contact Us – form styles start

-------------------------------------------------------*/
/*---------------------------------------------

        vision Mission Section part
        
---------------------------------------------*/

.vmContent{
    border: 1px solid var(--theme-color-1);
}

.vmContent:hover{
    background: #fff;
}
/*---------------------------------------------

        vision Mission Section part end
        
---------------------------------------------*/

/*---------------------------------------------

        vision cookey yes plugin start
        
---------------------------------------------*/

.cky-btn-revisit-wrapper {
    background-color: var(--theme-color-1) !important;
}

.cky-btn {
    color: var(--theme-color-1) !important;
    border-color: var(--theme-color-1) !important;
}
.cky-btn.cky-btn-accept {
    color: #fff !important;
    background-color:var(--theme-color-1) !important;
}
.cky-btn.cky-btn-accept:hover {
    border-color: var(--theme-color-2) !important;
    background-color:var(--theme-color-2) !important;
}
.cky-always-active {
    color: var(--theme-color-2) !important;
}
.cky-always-active:hover {
    color: var(--theme-color-1) !important;
}

/*---------------------------------------------

        vision cookey yes plugin End
        
---------------------------------------------*/

.frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):not([type=range]):not([readonly]):focus{
	color:#fff;
}
.formContactUsText .frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):not([type=range]):not([readonly]):focus{
	color:#fff !important;
}

/*---------------------------------------------

      single profile start
        
---------------------------------------------*/
.singleProfile{
	   background-color: var(--theme-color-2);	
}
.singleProfileContact{
	  color:#fff;
}
.btnSingleProfile:hover{
	  border: 1px solid ;
	  border-color:#fff;
}
.sigleProfileArea{
     padding-right: 0px;
}	
.accordionContent.open.singleProfileContent{
	background-color:#fff;
}
/*---------------------------------------------

      single profile end
        
---------------------------------------------*/

.linkToPortalToSubmitApplication a{
	background:var(--theme-color-2);
	width: 110px;
}

.linkToPortalToSubmitApplication a:hover{
	background:var(--theme-color-1);
	width: 110px;
	color: #fff;
}
/*---------------------------------------------

       error reporting 
        
---------------------------------------------*/

.popup-container .frm_error_style p{
	margin-bottom: 0px;
    color: #66373c;
}
.popup-container .frm_message{
	color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
	padding: 7px;
    border-radius: 5px;
	border: 1px solid #407e4f; 
}
.popup-container .frm_message p{
	margin-bottom: 0px;
    color:#407e4f;
}
.popup-container .frm_error_style{
    color: #721c24 ;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 7px;
    border-radius: 5px;
    border: 1px solid #d5acb0; 
}