/*!
Theme Name: 	Jurislocator
Theme URI: 		https://www.Wathsala
Description: 	A dedicated theme developed for Canadian immigration practitioners.
Version: 		0.0.1
Author: 		Immifocus Themes
Author URI: 	https://www.Wathsala
Text Domain: 	thinktowork
Tags: 			Canadian immigration, Canada immigration, immigration Canada, Canadian immigration consultant, Canadian immigration lawyers, Canadian immigration practitioners
*/
@font-face {
  font-family: 'Roboto-Regular';
  src: url('fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto-Medium';
  src: url('fonts/Roboto-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto-Condensed';
  src: url('fonts/Roboto-Condensed.ttf') format('truetype');
}

:root {
  --theme-font-1: 'Roboto-Regular', sans-serif;
  --theme-font-2: 'Comic Sans MS', cursive, sans-serif;
  --theme-font-3:'Roboto-Condensed' sans-serif;
  --lg-padding: 50px 0;
}

:root {
  --color-01: #01a4a2;
  --color-02: #f06219;
  --color-03: #FDCD28;;
  --color-04: #5E36A6;
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--font-1);
    transition: 0.4s all;
  }

  br {
     height:0px;
    line-height: 0;
    margin: 0;
    padding: 0;
}

  button, input, textarea, a{
    outline: none;
    border: none;
  }

  button{
    background: none;
    cursor: pointer;
  }

  a{
    text-decoration: none;
    cursor: pointer;
  }

  ul{
    list-style: none;
  }

  mark{
    background: none;
  }
  
  /*---------------------------------
            
            commen classes
            
   --------------------------------- */

p,
ul li {
  font-size: 16px;
  line-height: 20px;
  font-family: var(--font-bold-condensed);
  color:var(--color-04);
}
ul li {
list-style: disclosure-closed;
}
.pLarge{
font-size: 22px;
  line-height: 28px;
  margin-bottom: 50px;
  text-align: center;
}
.image-placeholder img{
	width:100%;
	height:auto;
}
ul li{
	margin-bottom: 5px;
}
h1,h2,h3,h4,h5,h6{
	font-family: var(--theme-font-2);
	color:var(--color-01);
}
h1{
	font-size: 50px;
}
h2{
	font-size: 40px;
}
h3{
	font-size: 30px;
}
h4{
	font-size: 25px;
}
h5{
	font-size: 22px;
}
h6{
	font-size: 18px;
}
button, input, textarea, a {
  outline: none;
  border: none;
}

button {
  background: none;
  cursor: pointer;
}

a {
  text-decoration: none;
  cursor: pointer;
}

ul {
  list-style: none;
}

mark {
  background: none;
}

.editIcon {
    position: absolute;
    z-index: 4;
    top: 20px;
    right: 29px;
    padding: 5px 8px;
    border-radius: 50%;
    font-size: 12px;
    opacity: 0.5;
}
.editIcon:hover{
    opacity: 1;
}

.container, .container-fluid, .col-md-1,.col-md-2, .col-md-3, .col-md-4, .col-md-5,.col-md-6, .col-md-7,.col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1,.col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5,.col-lg-6, .col-lg-7,.col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{
    position:relative;
}

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

.flexCenter{
  display: flex;
  align-items: center;
}

.fcc{
  display: flex;
  align-items: center;
  justify-content: center;
}

.gapTop {
  margin-top: 50px;
}

.gapBottom {
  margin-bottom: 50px;
}

.spaceTop{
  padding-top:50px;
}

.spaceBottom{
    padding-bottom:50px;
  }

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

.button{
  border-radius: 0;
  min-width: 200px;
  font-size: 18px;
  font-weight: 700;
  font-family: var(--theme-font-1);
}

.btnYellow{
background-color: var(--color-01);
  border-color: var(--color-01);
  color: var(--color-04);
  padding: 10px 40px 10px 40px;
}

.btnYellow:hover{
background-color: var(--color-02);
  border-color: var(--color-02);
}

.btnBlue{
  background-color: var(--color-01);
  border-color: var(--color-01);
  color: var(--color-03);
  padding: 10px 40px 10px 40px;
}

.btnBlue:hover{
  background-color: var(--color-02);
  border-color: var(--color-02);
}

.btnFull{
	background-color: var(--color-03);
  color: var(--color-01);
  padding: 10px 15px;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 15px;
}
.btnFull:hover, .btnFull:focus{
	background-color: var(--color-02);
  color: #f2f2f2;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: .65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.gapTopLarge{
  padding-top: 120px;
}

.gapBottomLarge{
  padding-bottom: 120px;
}

.heightFull{
  height: 100%;
}

.widthFull{
  width: 100%;
}

.size-full{
  width: 100%;
  height:auto;
}

.sectionSpace{
  padding-top: 75px;
  padding-bottom: 75px;
}

.sectionDoubleSpace{
  padding-top: 150px;
  padding-bottom: 150px;
}

.sectionBg{
  background-size: cover;
  background-position: center;
  background-repeat:no-repeat;
}

.bgOverlay::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .7;
}

  /*---------------------------------
            
            animate module
            
   --------------------------------- */

   .animate-section [data-animate] {
    visibility: hidden;
}
.animate__animated {
  animation-duration: 0.6s; /* Customize as needed */
  animation-fill-mode: both;
}

/* sub pages hero section */

.subPageHeroSection{
  padding: var(--lg-padding);
  background: url(img/blog_hero.jpg)no-repeat;
  background-size: cover;
  background-position: center;
  position:relative;
}
.subPageHeroSection:before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    width: 100%;
    height: 100%;
}

.subPageHeroContent{
  margin: 150px 0px 120px;
}

.subPageHeroContent > h1 {
  font-weight: 700;
  font-size: 55px;
  text-align: center;
}

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

.tableTextAlignCenter{
  text-align: center;
}

.tableTextAlignleft{
  text-align: left;
}
.tableTextAlignRight{
  text-align: right;
}
.tablePaddingRight{
    padding-right: 10px !important;
}
.themeMode .btnFull{
    padding: 3px 10px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
}
#errorReportPopup.popupForm {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#errorReportPopup .popupContent {
    background-color: #f2f2f2;
    padding: 20px;
    border-radius: 5px;
    width: 80%;
    max-width: 1000px;
    position: relative;
    overflow-y: scroll;
    height: 90vh;
}

#errorReportPopup .close {
    position: absolute;
    top: 2px;
    right: 15px;
    cursor: pointer;
    font-size: 24px;
    color: #8f9cb5;
    font-weight: 900;
}
#errorReportPopup .close:hover{
     color: #ff3838;
}
#errorReportPopup .wpcf7{
    padding:10px;
    border-radius:5px;
    background-color:#fff;
}
#errorReportPopup .wpcf7 label{
    width:100%;
    color: #393939;
    margin-bottom: 5px;
}
#errorReportPopup .wpcf7 .wpcf7-form-control{
    width: 100%;
    border: 1px solid #eee;
    padding: 3px 5px;
    color: #666;
}
#errorReportPopup .wpcf7 .wpcf7-form-control.wpcf7-submit{
    font-weight: 700;
    color: #fff;
    padding: 5px; 
}
#errorReportPopup .wpcf7 .wpcf7-form-control.wpcf7-file{
    border:0px transparent;
}

#errorReportPopup .wpcf7 .hidden-field {
    display: none;
}
/*-----------------------

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

.commonHeading{
  margin-bottom: 50px;
  display: flex;
  width: 100%;
  flex-direction: column;
}

.gapBottomSmall {
  margin-bottom: 20px;
}

.commonHeading > h1 {
  text-align: center;
  font-size: 50px;
  font-weight: 600;
}
.commonHeading > p {
 text-align:center;
}
.commonHeading > span > mark {
  font-weight: 600;
}

.commonHeading > span {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700px;
}

.aboutContentInner {
 width: 100%;
  justify-content: center;
  padding: 5px 0;
  max-width: 250px;
  border-radius: 25px;
  margin: 20px auto;
}

.aboutContentInner > i {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: bold;
}

.aboutContentInner > span {
  font-size: 18px;
  font-weight: 700;
  margin-left: 15px;
}
  
/*-----------------------

    header start

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

@media screen and (max-width: 991px) {
  #navbarNav {
    top: 63px;
    position: fixed;
    width: 100%;
    left: 0px;
    padding: 0px;
  }
}
@media screen and (max-width: 560px) {
  #navbarNav {
    top: 99px;
  }
}

@media screen and (min-width: 570px) and (max-width: 991px) { 
    .mainRow .col-2{
       width:30%; 
    }
    .mainRow .col-10{
       width:70%; 
    }
    .mainRow > .brand a{
        display: block;
        margin: 0 auto;
        max-width: 204px;
    }
}

@media screen and (min-width: 561px) and (max-width: 569px) { 
    .mainRow .col-2{
       width:33.33333%; 
    }
    .mainRow .col-10{
       width:66.666666%; 
    }
    .mainRow > .brand a{
        display: block;
        margin: 0 auto;
        max-width: 204px;
    }
}
@media screen and (max-width: 991px) {
    .navbar-toggler span {
      display: block;
      height: 2px;
      width: 25px;
      margin-top: 5px;
      margin-bottom: 5px;
      position: relative;
      left: 0;
      opacity: 1;
      transition: all 0.35s ease-out;
      transform-origin: center left;
    }
    
    .navbar-toggler span:nth-child(1) {
      transform: translate(0%, 0%) rotate(0deg);
    }
    
    .navbar-toggler span:nth-child(2) {
      opacity: 1;
    }
    
    .navbar-toggler span:nth-child(3) {
      transform: translate(0%, 0%) rotate(0deg);
    }
    
    .navbar-toggler span:nth-child(1) {
      margin-top: 0.3em;
    }
    
    .navbar-toggler:not(.collapsed) span:nth-child(1) {
      transform: translate(13%, -80%) rotate(45deg);
    }
    
    .navbar-toggler:not(.collapsed) span:nth-child(2) {
      opacity: 0;
    }
    
    .navbar-toggler:not(.collapsed) span:nth-child(3) {
     transform: translate(12%, 89%) rotate(-45deg);
    }
}

.navbar {
  width: 100%;
  padding: 0;
}

.header{
  top: 0;
  width: 100%;
  z-index: 5;
}

.scroled{
  transition: 0.5s all;
}

.nonScroled{
  transition: 0.5s all;
}

.scroled >.container-fluid > .row >.topBar > .topBarContent {
  display: none;
  transition: 0.5s all;
}

.scroled >.container-fluid > .row >.topBar > .navBarMain{
  transition: 0.5s all;
}

.scroled >.container-fluid > .mainRow {
  transition: 0.5s all;
}

.nonScroled > .container-fluid >.brand{
  height: max-content;
  display: flex;
  justify-content: center;
  transition: 0.5s all;
}

.nonScroled > .container-fluid >.mainRow{
  align-items: center;
  transition: 0.5s all;
}

.mainRow > .brand img{
  width:84%;
}

.topBar{
  padding-left: 0;
  padding-right: 0;
}

.topBarContent{
  align-items: center;
  height: 50%;
}
.navBarMain {
  height: 50%;
  background-color: var(--color-01);
}

.navItem > .nav-link{
    color: #FFF2C5;
}

.topBarContentLeft{
  display: flex;
  flex-basis: auto;
}

.topBarContentLeft .nav{
  flex-direction: row;
}

.topBarContentLeft .nav li a:first-child{
  margin-right: 20px;
  margin-left:10px;
}

.topBarContentLeft .nav li a{
  font-size: 12px;
  font-weight:400;
  display: flex;
  align-items: center;
}

.topBarContentLeft .nav li a i {
  margin-right: 5px;
}

.topBarContentLeft .nav li a span {
  font-size: 13px;
}

.topBarContentRight{
  display: flex;
  flex-basis: auto;
  min-width: 247px;
}

.topBarContentRight .nav li a{
  margin-left: 7px;
  font-size:14px;
}

.hotLine:hover #i4{
  rotate: 360deg;
  transition: 0.4s;
}

.hotLine > div:first-child{
  border-radius: 20px;
  width: 40px;
  height: 40px;
  margin-right: 15px;
}

.hotLineIcon{
  width: 20px;
  transition: 0.4s all;
}

.hotLine:hover .hotLineIcon{
  rotate: 360deg;
  transition: 0.4s;
}

.hotLine > .flexCenter > span {
  font-weight: 600;
}

.horizontalLine{
  margin:0 15px;
  font-size: 25px;
}

.searchBoxHeader{
  top: 30px;
}

.searchBtn{
  background: transparent;
}

.searchBtn > div > i{
  font-size: 30px;
  margin-right: 20px;
}

.modalContent > .modal-header {
  border: none;
}
.modalContent > .modal-body > div {
  width: 500px;
  border-radius: 30px;
  padding: 10px;
}

.modalBoxSearchIcon{
  display: none;
}

.modalBox{
  width: 100%;
  position: fixed;
  z-index: 6;
}

.navItem{
  margin-right: 18px;
  position: relative;
  list-style: none;
}

.navItem > .nav-link{
  font-size: 16px;
  transition: 0.2s all;
}

.subUl {
  position: absolute;
  z-index: 4;
  width:200px;
  padding: 0;
  display: none;
}

.subItem {
  padding: 5px;
  border-top: none;
}

.navItem:hover .subUl{
  display: block;
}

.subItem:hover {
  padding-left:8px;
}

.iconList > p {
    display:none;
}
.modal-backdrop.show{
    z-index:1;
}
.search-popup {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 99999;
  width: 100%;
  height: 100%;
}

.search-popup .searchPopupContent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 80%;
  max-width: 400px;
  padding: 20px;
  border-radius: 8px;
}

.search-popup .searchPopupContent .close-icon {
  position: absolute;
  top: -8px;
  right: -5px;
  cursor: pointer;
  padding: 5px 7px;
  border-radius: 50%;
  font-size: 14px;
  opacity: 0.5;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 80%;
  margin-bottom: 0;
  height: 44px;
  padding: 12px 12px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;    
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  display: table-cell;
}
.searchBtnMain {
    width:20%;
    padding:9px;
    border-radius: 0 5px 5px 0;
}
.searchBoxMain {
    margin-top:10px;
    border-radius: 0 5px 5px 0;
}

.bookingBtn {
  text-align: center !important;
  font-weight: 800 !important;
}

.bookingBtn > a {
  padding: 0 35px !important;
}
@media screen and (max-width:1400px){
    .bookingBtn > a {
        padding: 0 25px !important;
    }
}
@media screen and (max-width:991px) {

    .subPageHeroSection {
        margin-top: 59px !important;
    }
    .mainRow > .brand img {
        width: 88%;
    }
    .topBarContent {
        height: 100%;
    }
    #navBarMain #navbarNav .menu-item{
        display:block;
        width:100%;
    }

}
@media screen and (max-width:768px){

    .subPageHeroContent > h1 {
        font-size: 45px;
    }
}
@media screen and (max-width:560px){
    .mainRow {
        flex-direction:column;
    }
    .mainRow > .brand {
        width:100%;
        order:3;
    }
    .topBar {
        width:100%;
    }
    .navBarMain{
        top: 46% !important;
        right: 0;
    }
    .mainRow > .brand a{
        justify-content: left !important;   
    }
    .mainRow > .brand img {
        max-width:154px;
        min-width:154px;
    }
	.topBarContentRight{
		position:absolute;
		right:80px;
		top:33px;
	}
 
}
@media screen and (max-width:400px){
    .topBarContentRight .nav li a {
         margin-left: 10px; 
    }
}

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

        Breadcrumbs start
        
-------------------------------*/
  
.map iframe{
  width:100%!important;
  min-height:500px;
}

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

    Stories Start
    
---------------------------------*/
.singleSory{
background-color: #ddd;
  padding: 15px;
  border-radius: 5px;
  box-shadow: 2px 2px 7px #a3a3a3;
  }
.singleSory .profile-img {
      width: 250px;
      height: 250px;
      object-fit: cover;
      border-radius: 50%;
    }
.singleSory .italic{	
font-style: italic;
  color: var(--color-02);
  }
/*----------------------------

    Stories Start end

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

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

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

.colorSelector {
  position: fixed;
  right: -266px;
  top: 200px;
}

.gearIcon{
  height: 100%;
  border-radius: 8px 0 0 8px;
  position: absolute;
  width: 47px;
  height: 55px;
  top: 0px;
  left: -47px;
  cursor: pointer;
}

.bookingIcon{
  height: 100%;
  border-radius: 0 8px 8px 0;
  position: absolute;
  width: 47px;
  height: 55px;
  top: 195px;
  left: 0;
  cursor: pointer;
}

.singleColors {
  width: 40px;
  height: 40px;
  border-radius: 20px;
}

.colorBox{
  width: 250px;
}

.colorBox > button > img:hover {
  cursor:pointer;
}

/*--------------------------------
 
        Color selector end
    
--------------------------------*/
 
.lds-spinner {
    width:100%;
    height:100vh;
    position:fixed;
    z-index:999999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.preloaderOverflow {
    width: 100px;
}
.preloaderOverflow > img {
    width: 100%;
}
.preloaderOverflow img {
    animation: rotate 2s linear infinite; /* Adjust duration and timing function as needed */
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    
    }
    to {
        transform: rotate(360deg);
    }
}
#preLoader.hidden {
    display: none;
}

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

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

.footer {
  background: #034b4b;
  margin-top:50px;
}
.footer p{color: var(--color-01);}
.arrow {
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.goToTop {
  cursor: pointer;
  position: fixed;
  bottom: 102px;
  right: 36px;
  z-index: 99;
  width: 50px;
  height: 51px;
  border-radius: 16px;
  font-size: 23px;
  opacity: 0; 
  transition: opacity 1s ease-in-out;
}

.goToTop.show {
    opacity: 1;
}
.otgs-development-site-front-end {
  display: none;
}


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

        footer end 

---------------------------*/
  
  
@media screen and (max-width:576px) {
  .commonHeading > h1 {
     font-size: 35px;
  }
}

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




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

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

.aboutLeftImg {
  top: 0;
  width: 50%;
}

.aboutLeftImg > img {
  width: 100%;
  height: auto;
}

.SectionMain > .row > div > div > h1 {
  text-align: start;
}

.row > div > .flexCenter > i {
  font-size: 60px;
}

.row > div > .flexCenter > p {
  font-size: 22px;
  line-height: 1.5;
}

.row > .row > .col-lg-6 > .flexCenter:hover i {
  transform: scaleX(-1);
}

.row > .col-lg-12 > .bpa-frontend-main-container > .bookAppointmentDetails{
  min-height: 0px;
}
.bpa-front-tabs--panel-body .bpa-front-dc--body{
    min-height:0 !important;
}

.bpa-frontend-main-container{
  min-height: 500px !important;
  margin-top:50px;
}

.el-main{
  padding-top: 30px !important;
}

.aboutP{
  font-size: 18px;
  margin-top: 1rem;
}

.ceoImg {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  padding: 10px;
  margin-right: 15px;
}

.ceoImg > img {
  width: 100%;
}

.ceoDetails > div > h2 {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 0;
}

.ceoDetails > div > span {
  font-size: 14px;
}

.ceoDetails:hover .ceoImg {
  -webkit-transform: scaleX(-1);transform: scaleX(-1);
}

.aboutFluid{
  width: 50%;
}
.aboutSectionMain > div > div > div > .commonHeading > span {
    align-self: center;
}
@media screen and (max-width:1199px){
    .serviceGrid .singleService .singleServiceInner .titleLink a {
        font-size:17px;
    }
}

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

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

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

available country section start

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

.countryCardMain{
  display: flex;
}
.aCountrySectionMain{
  padding: var(--lg-padding);
  background-repeat:no-repeat;
  background-size: cover;
  background-position: center;
}

.countryCard{
  padding: 10px;
  border-radius: 10px;
  min-height: 160px;
}

.countryImg > img {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  margin-right: 15px;
}
.cardGrid > div {
  margin: 11px 0;
}
.cardGrid > div:hover {
  margin-top: -2px;
}

.cardGrid > div:hover .countryImg > img{
  transform: rotate(360deg);
}

.countrySecBottom{
  width: 100%;
  padding: 40px 0;
  margin-bottom: -160px;
  padding-bottom: 100px;
}

.countrySecBottom > span{
  padding: 10px;
  margin-right: 10px;
}

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

    available country section end

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

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

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

.ytVideoSectionMain > div {
  background: url(img/man-preparing-travel.webp)no-repeat;
  background-size: cover;
  background-position: center;
}

.ytVideoSectionMain > div > .gradient {
  padding: var(--lg-padding);
}

.ytVideoContent > button{
  padding: 10px 15px;
  text-transform: uppercase;
  font-weight: 800;
  transition: 0.4s all;
  font-size: 15px;
  margin-top: 40px;
}

.ytVideoContent{
  padding-top: 60px;
}

.ytVideoContent > h1 {
  font-weight: 700;
  font-size: 50px;
}

.ytVideo > div > .watchContent {
  display: flex;
  flex-direction: column;
  margin-left: 50px;
}

.ytVideo > .fcc {
  width: 100px;
  height: 100px;
  border-radius: 50px;
}

.ytVideo > .fcc > i {
  font-size: 25px;
}

.designText{
  font-family: var(--theme-font-2);
}

.ytVideo > div > div > span{
  font-size: 25px;
}

.ytVideo > .rightDiv {
  align-self: end;
}

img.vert-move {
  -webkit-animation: mover 1s infinite  alternate;
  animation: mover 1s infinite  alternate;
}

img.vert-move {
  -webkit-animation: mover 1s infinite  alternate;
  animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
  0% { transform: translateY(0); }
  100% { transform: translateY(-10px); }
}
@keyframes mover {
  0% { transform: translateY(0); }
  100% { transform: translateY(-10px); }
}

.modal1 {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  transition: opacity .25s ease;
  z-index:99999;
}

.modal1__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

.modal1-state {
  display: none;
}

.modal1-state:checked + .modal1 {
  opacity: 1;
  visibility: visible;
}

.modal1-state:checked + .modal1 .modal1__inner {
  top: 0;
}

.modal1__inner {
  transition: top 1.25s ease;
  position: absolute;
  top: -20%;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  margin: auto;
  overflow: auto;
  border-radius: 5px;
  padding: 1em 2em;
  height: 50%;
}

.modal1__close {
  position: absolute;
  right: 1em;
  top: 1em;
  width: 1.1em;
  height: 1.1em;
  cursor: pointer;
}

.modal1__close:after,
.modal1__close:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 1.5em;
  display: block;
  transform: rotate(45deg);
  left: 50%;
  margin: -3px 0 0 -1px;
  top: 0;
}

.modal1__close:before {
  transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
	
  .modal1__inner {
    width: 90%;
    height: 90%;
    box-sizing: border-box;
  }
}

.hidden {
    display: none;
}

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

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

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

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

#iframeVideo {
  width: 100%;
  height: 100vh;
}

#iframeVideo > iframe {
  position: absolute;
  left: 35%;
  top: 30%;
}

#iframeVideo > span {
  align-self: flex-start;
  position: absolute;
  right: 80px;
  top: 30px;
  font-size: 30px;
  font-weight: 900;
  cursor: pointer;
}

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

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

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

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

.customerFeedbackMain{
  padding: var(--lg-padding);
  background: url(img/world_white.jpg)no-repeat;
  background-size: cover;
  background-position: center;
}

.innerContainer  > .slider {
  display: inline-flex;
}

.innerContainer{
  overflow: hidden;
}

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

.cfbCard{
  display: flex;
  margin: 0px 70px;
}

.cfbCard > span{
  width: 10px;
}

.cfbCard > div{
  display: flex;
  width: 100%;
  position: relative;
  align-items: center;
  padding: 60px 80px;
}

.cfbContent{
  margin-left: 10px;
}

.testimonials .item .customerImg{
  width: 150px;
  height: 150px;
  border-radius: 75px;
  padding: 10px;
  position: absolute;
  left: -76px;
}

.testimonials .item .customerImg > img {
  width: 100%;
  border-radius: 50%;
}

.testimonials .item .quotationImg > img {
  width: 40px;
}

.testimonials .item .nameDesignation{
  display: flex;
  flex-direction: column;
}

.testimonials .item .customerName{
  font-weight: 700;
}

.testimonials .item .cfbCard:hover .customerImg > img {
  transform: scale(1.2);
}

.PostSlide{
  margin-top: 60px;
  display: flex;
  align-items: center;
}

.moveBtnLeft > i , .moveBtnRight > i {
  font-size: 50px;
}
@media screen and (max-width:991px){
    .cfbCard{
        width:100%;
    }
}

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

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

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

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

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

.clientsMain > div > div {
  overflow: hidden;
}
.clientsLogos{
  width: 100%;
  display: inline-flex;
}
.clientsLogos > div > img {
  width: 220px;
  opacity: 20%;
}
.clientsLogos > div > img:hover{
  opacity: 100%;
}

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

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

        img gallery start

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

.gallery{
  padding-bottom: 80px;
}

.galleryImgMain{
  margin: 10px;
  position: relative;
}

.galleyImg > img {
  width: 100%;
}

.imgGradient{
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
}

.imgGradient > span {
  font-size: 80px;
}

.galleryImgMain:hover .imgGradient {
  display: flex;
}

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

        img gallery end

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

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

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

.qnaMain{
  background: url(https://Wathsala/demo/wp-content/uploads/sites/2/2024/01/world_white.jpg)no-repeat;
  background-size: cover;
  background-position: center;
}

.qnaMain > div {
  padding: var(--lg-padding);
}

.qnaLeft > div > .commonHeading > h1 {
  text-align: left;
}

.qnaContent{
  margin-top: 60px;
}

.qnaContent > div {
  display: flex;
}

.redCheck , .blackCheck  {
  width: 63px;
  height: 50px;
  border-radius: 25px;
}

.redCheck > i , .blackCheck > i {
  font-size: 30px;
}

.qnaContent > div > div:last-child{
  margin-left: 15px;
}

.qnaContent > div:first-child{
  margin-bottom: 15px;
}

.qnaContent > div > div > h2 , .question {
  font-size: 20px;
  font-weight: 700;
}

.qnaContent > div > div > p {
  padding: 0;
  font-size: 18px;
}

.questionMain > div{
  padding:15px 10px;
  margin-bottom: 15px;
}

.displayAnswer{
  display: flex !important;
  transition: 0.4s;
}

.answer{
  padding: 0;
  display: none;
}
.questionMain{
  margin-left: 20px;
}

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

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

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

        team section start

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

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

.teamGrid .singleProfile{
  margin: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.teamGrid .singleProfile .dpMain{
  margin-bottom: 20px;
  width: 260px;
  height: 260px;
  border-radius: 130px;
  position: relative;
}

.teamGrid .singleProfile .dpMain:before{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 50%;
  content: "";
  border-radius: 300px 300px 0 0;
  transition: all 700ms ease;
}

.teamGrid .singleProfile .dpMain:after{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 52%;
  clip-path: polygon(50% 0, 50% 0, 50% 50%, 50% 100%, 50% 100%, 50% 50%);
  content: "";
  border-radius: 300px 300px 0 0;
  transition: all 700ms ease;
}

.teamGrid .singleProfile .dpMain .teamImg{
  position: relative;
  border-radius: 50%;
  padding: 25px 25px 15px 25px;
  margin: 0 auto;
  border-radius: 100px;
  overflow:hidden;
  z-index: 1;
}

.teamGrid .singleProfile .dpMain .teamImg img {
  width: 100%;
  height: auto;
  border-radius: 50%;
  border-radius: 100px;
}

.teamGrid .singleProfile:hover .teamImg img {
  transform: scale(1.1);
  transform-origin: center center;
}

.teamGrid .singleProfile:hover .dpMain::after {
  clip-path: polygon(25% -70%,75% -70%,120% 50%,75% 170%,25% 170%,-20% 50%);
}

.teamGrid .singleProfile .ProfileName{
  font-size: 20px;
  font-weight: 700;
}

.teamGrid .singleProfile .profileExtrafields{
  text-align:center;
}

.profileSocialmedia{
  position: absolute;
  z-index: 1;
  padding: 20px;
  border-radius: 50px;
  left: 10px;
  bottom: 70px;
}

.afterHover{
  display: none;
}

.afterHover > i{
  margin: 0 5px;
}

.singleProfile:hover .beforeHover {
  display: none;
}

.singleProfile:hover .afterHover {
  display: flex;
}

.airplane{
  position: absolute;
  top: -319px;
  left: 43%;
}

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

        team section end

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

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

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

.oppertunityMain{
  padding: var(--lg-padding);
  background: url(img/benifit_bg.jpg)no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

.redMan{
  position: absolute;
  right: 200px;
  width: 42%;
  top: -48px;
}

.oppertunityMain > .container > .row > .left {
  width: 568px;
}

.oppertunityMain > .container > .row > .left > .commonHeading > h1 {
  text-align: left;
}

.oppertunityMain > .container > .row > .left > p {
  padding: 0;
  font-size: 18px;
  margin: 20px 0;
}

.benifitImg > i {
  font-size: 80px;
  margin-right:30px;
}

.singleBenifit{
  padding: 15px 0;
}

.singleBenifit:last-child{
  border-bottom: none;
}

.singleBenifit > div > h2 {
  font-size: 20px;
  font-weight: 700;
}

.singleBenifit > div > span{
  text-transform: uppercase;
}

.arrowMark{
  width: 50px;
  height: 50px;
  border-radius: 25px;
}

.singleBenifit:hover .benifitImg > i {
  -webkit-transform: scaleX(-1);transform: scaleX(-1);
}

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

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

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

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

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

.articalImg > img {
  width: 100%;
}

.articalContent{
  margin-top: -108px;
}

.halfCircle{    
  width: 100px;
  padding: 20px;
  border-radius: 0 90px 0 0;
  display: flex;
  flex-direction: column;
  position: relative;
}

.halfCircle > span {
  font-weight: 800;
}

.month{
  font-weight: 400;
  text-transform: uppercase;
}

.articalDetail{
  padding: 20px;
  width: 90%;
  position: relative;
}

.articleTitleMeta{
	margin-bottom: 40px;
}

.gridViewContent{
	position: absolute;
    right: 20px;
    bottom: 17px;
    color: var(--theme-color-2);
    font-weight: 700;
}

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

.articleTitle{
  font-size: 24px;
  font-weight: 600;
}

.goToMainArtical{
  padding: 20px 0;
}

.goToMainArtical > span , i {
  font-weight: 600;
}

/* Opacity #2 */
.articalImg{
  overflow: hidden;
  height: 272px;
}
.articalImg > img{
	width: 100%;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.singleArtical:hover .articalImg > img {
	width: 120%;
}

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

    artical section end
    
----------------------------------*/

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

    Map section start
    
----------------------------------*/

.mapMain > iframe {
  width: 100%;
}

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

        Map section end
    
----------------------------------*/

@media screen and (max-width:1200px) {
  .bookingBtn{
    display: none;
  }
  .hotLine {font-size: 60px;
    display: none;
  }
}
@media screen and (max-width:1000px) {
  .mainRow{
      align-items: inherit;
  }
  .topBarContentLeft {
    display: none;
  }
}
@media screen and (max-width:991px) {
 
  .searchBtn > div{
    position: absolute;
    top: 14px;
    right: 10px;
  }
  .horizontalLine{
    display: none;
  }
  .serviceSectionMain > .fsb > .col-md-3 {
    width: 50%;
  }
  .navBarMain{
    top: 10px;
    width:100%;
  }
  .toggleBtn {
    position: absolute;
    right: -190px;
    top: -20px;
    border: 0px transparent;
    box-shadow: none;
  }
  .toggleBtn:focus{
    box-shadow: none;
  }
  .topBarContent{
    background: var(--theme-color-2);
    padding: 12px 18px;
  }
  .headerContent , .videoContent{
    width: 100% !important;
    left: 0 !important;
  }
}

@media screen and (max-width:560px) {
 
  .searchBtn > div{
    position: absolute;
    top: 14px;
    right: 10px;
  }
  .horizontalLine{
    display: none;
  }
  .serviceSectionMain > .fsb > .col-md-3 {
    width: 50%;
  }
  .navBarMain{
    top: 10px;
    width:100%;
  }
  .toggleBtn {
    position: absolute;
    right: -150px;
    top: -20px;
    border: 0px transparent;
    box-shadow: none;
  }
  .toggleBtn:focus{
    box-shadow: none;
  }
  .topBarContent{
    background: var(--theme-color-2);
    padding: 12px 18px;
  }
  .headerContent , .videoContent{
    width: 100% !important;
    left: 0 !important;
  }
}

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

  .heroCarouselContent{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .item .cover .headerContent .line {
    -webkit-clip-path: none;
    clip-path: none;
  }

  .searchBtn > div{
    top: 69px;
    right: 0;
  }
}

@media screen and (max-width:540px) {
  .item .cover .headerContent h1{
    font-size: 30px;
  }

  .item .cover .headerContent h2 {
    font-size: 20px;
  }

  .item .cover .headerContent h4 > a{
  padding: 10px;
  font-size: 15px;
  }

  .serviceSectionMain > .fsb > .col-md-3{
    width: 100%;
  }
}

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

    about-us page start

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

.imgGrid{
  position: relative;
}

#largeImg , #topRightImg , #bottomRightImg {
  position: absolute;
  width: 100%;
}

#largeImg {
  left: 0;
  width: 67%;
}

#topRightImg{
  right: 0;
  top: 0;
  width: 47%;
}

#bottomRightImg{
  right: 0;
  bottom:-94px;
  width: 30%;
}

.aboutUs > div {
  background: url(img/man-preparing-travel.webp)no-repeat;
  background-size: cover;
  background-position: center;
}

.aboutUs > div > .gradient {
  padding-top: 150px;
}

.aboutUsContent{
  padding :100px 0;
}

.aboutUsContent > h1 {
  font-weight: 700;
  font-size: 50px;
}

.abouttHeroContent{
  width: 150px;
  align-items: center;
}

.aboutHeroContent > i {
  display: flex;
  justify-content: space-between;
}

.leftDiv > i {
  font-size: 60px;
  color: var(--theme-color-1);
}
.leftDiv > h2{
  font-weight: 700;
  margin-left: 15px;
  font-size: 20px;
}
.leftDiv{
  width:245px;
}

.s1{
  width:3px;
   height: 100%; 
  justify-self: center;
}
.btnAboutUs{
  padding: 10px 15px;
  text-transform: uppercase;
  font-weight: 800;
  transition: 0.4s all;
  font-size: 15px;
  margin-top: 35px
}

.commonHeading > h2{
  margin-top: 25px;
  font-style: italic;
  font-size: 25px;
}

.aboutSectionMain> .row > div > .flexCenter > p {
  margin: 25px 0px 25px 0px;
  font-size: 17px;
  line-height: 1.8;
}

.aboutUsHeading > h1 {
  position: relative;
  text-align: center;
  font-size: 50px;
  font-weight: 600;
}

.aboutUsHeading> span > mark {
  font-weight: 600;
  text-align: center;
}

.aboutUsHeading > span {
  position: relative;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700px;
}

.aboutUscuntries{
  padding: var(--lg-padding);
  background-size: cover;
  background-position: center;
  text-align: center;
}

.fig {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  
}

.fig:hover+span {
	bottom: -36px;
	opacity: 1;
}

/* Shine */
.fig {
	position: relative;
}

.fig::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.serviceCard:hover .fig::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
.serviceGrid {
    padding:var(--lg-padding);
    margin-top:-6px;
}

.serviceGrid .singleService{
    margin-bottom:30px;
}

.serviceGrid .singleService .singleServiceInner{
padding: 5px;
}

.serviceGrid .singleService .singleServiceInner .serviceImgWrap{
  overflow:hidden;
}

.serviceGrid .singleService .singleServiceInner .serviceImg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 250px;
  transition: transform 0.3s ease-in-out;
  transform-origin: center center;
  transform: scale(1);
}

.serviceGrid .singleService:hover .singleServiceInner .serviceImg {
    transform: scale(1.2); 
}

.serviceGrid .singleService .singleServiceInner .titleLink{
    min-height: 65px;
}

.serviceGrid .singleService .singleServiceInner .titleLink a{
  font-size: 20px;
  font-weight: 400;
  padding: 5px;
  line-height: 27px;
}

.serviceGrid .singleService .singleServiceInner .titleLink i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 20px;
}

.serviceGrid .singleService .singleServiceInner .serviceContent{
  margin-top: 5px;
}

.serviceGrid .singleService .singleServiceInner .serviceContent .btnService{
  display: block;
}

.serviceGrid .singleService .singleServiceInner .serviceContent .btnService i{
  float: right;
  padding: 10px 0px; 
  font-size:16px;
}

.ServiceContent{
  padding: 2px 5px;
}

.figure {
	position: relative;
	display: block;
}

.figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
  -webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.singleService:hover .figure::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}

@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

.countryMain{
  /* background-color:#2a2a31; */
  background: url(img/bgimg.jpg)no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
  
.immgCountries{
  position: absolute;
  width: 100%;
  height: 100%;
}

/* hover */
.visaService::after {
	content: '';
	clear: both;
	display: block;
}

.visaService div {
	position: relative;
	float: left;
}

.visaService div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 300px;
	margin: 0;
	padding: 0;
  font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}

.btnVisa{
  padding: 10px 25px;
  text-transform: uppercase;
  font-weight: 800;
  transition: 0.4s all;
  font-size: 15px;
}

.visaContent{
  padding: 5px 15px;
  text-align: center;
}

.visaContent > p {
  font-size: 18px;
}

.visaLink{
  padding: 10px 15px ;
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width:100%;
}

.visaI{
  font-size: 15px;
}

.titLink > a{
  font-size: 23px;
  font-weight: 700;
  margin:5px 0px 5px 15px ;
  padding: 2px 2px ;
}

.aboutMain{
  padding: var(--lg-padding);
  padding-bottom: 190px;
}
.serviceMain{
  padding: var(--lg-padding);
}
.immgCountries{
  padding: var(--lg-padding);
}
.aboutUsP{
font-size: 18px;
}


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

        about-us page end

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

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

    countact-us style start

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

.asideAddress {
    text-align:center;
}
.asideAddress > p {
    margin-bottom:3px !important;
}

.contactHeroContent{
  width: 150px;
  align-items: center;
}

.map{
  width: 100%;
}

.contactApplication{
  box-shadow: 1px 1px 1px 1px;
}

.contactUs > div {
  background: url(img/contact.jpg)no-repeat;
  background-size: cover;
  background-position: center;
}

.contactUs > div > .gradient {
  padding-top: 150px;
}

.contactUsContent{
  padding: 121px 0 40px 0;
}

.contactUsContent > h1 {
  font-weight: 700;
  font-size: 50px;
}

.leftDiv > i {
  font-size: 60px;
}

.leftDiv > h2{
  font-weight: 700;
  margin-left: 15px;
  font-size: 20px;
}

.leftDiv{
  width:245px;
}

.s1{
  width:3px;
  height: 100%; 
  justify-self: center;
}

.btnContactUs{
  padding: 10px 15px;
  text-transform: uppercase;
  /* font-weight: 800; */
  transition: 0.4s all;
  font-size: 15px;
  margin-top: 35px
}

.commonHeading.formContentHeding{
  align-items: center;
}

.formContentHeding > .inPageSocial{
	margin-left: 400px;
}

.commonHeading > .formContentHeding > h2{
  margin-top: 25px;
  font-style: italic;
  color: #b3abab;;
  font-size: 25px;
}

position: relative;
  transition: background.3s,border .3s,border-radius .3s,box-shadow .3s;
  margin-bottom: 20px;
  padding: 60px 50px 60px 60px;
  z-index: 1;
  background-color: #f2f2f2;
  margin-top: -50px;

.aboutCommonHeading > span {
  font-size: 13px;
  font-family: sans-serif;
 
}
.aboutCommonHeading > h1 {
  text-align: left;
}

.aboutCommonHeading > p {
  text-align: left;
  font-size: 20px;
}

.iconList{
  width: 20px;
  transition: 0.4s all;
  display: flex;
}

.iconList .fab{
  font-size: large;
  width: 20px;
  transition: 0.4s all;
}

.inputText{
  padding: 20px 20px;
}

.colorRed{
  width: 45%;
  padding: 15px;
}

.iconRadius{
  width: 150px;
  height: 150px;
  border-radius: 50px;
}

.iconList>li{
  margin-right: 10px;
}

.iconListOrder{
  width: 50px;
  height: 50px;
  border-radius: 25px;
  text-align: center;
  display: block;
}

.commonHeading > span > mark {
  font-weight: 600;
}

.contactMain> .row > div > .flexCenter > p {
  margin: 25px 0px 25px 0px;
  font-size: 17px;
  line-height: 1.8;
}

.contactLast .singleOfficeLocationWrap .singleOfficeLocation{
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 50px 20px;
  transition: all .4s ease;
  text-align: center;
}

.contactLast .singleOfficeLocationWrap .singleOfficeLocation:hover i{
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateX(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}


.contactLast .singleOfficeLocationWrap .singleOfficeLocation h2{
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 30px;
  font-weight: 700;
}

.contactLast .singleOfficeLocationWrap .singleOfficeLocation p{
  padding: 0;
  font-size: 18px;
  margin: 8px 0;
}

.contactLast .singleOfficeLocationWrap .singleOfficeLocation i{
  font-size: 3.5rem;
  line-height: 50px;
}


.contactFields > input , select {
    padding:10px !important;
}

.contactFields > select ,  select > option {
    color: var(--text-color) !important;
}

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

    countact-us style end

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

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

    blog page style start

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

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

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

    blog page style end

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

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

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

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

.singleFaq {
  padding: 15px 0;
}
.widgetFaqs > .widget > .sidebar > .nav > .nav-item {
    margin-bottom:  5px;
}

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

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

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

@media screen and (max-width:1200px) {
  .bookingBtn{
    display: none;
  }
  .hotLine {font-size: 60px;
    display: none;
  }
}

@media screen and (max-width:1000px) {
  .mainRow{
      align-items: inherit;
    }
}

@media screen and (max-width:992px) {
  .ytVideoContent{
    text-align: center;
    margin-bottom: 50px;
  }
  .ytVideo{
    justify-content: center;
  }
}

@media screen and (max-width:991px) {
 
  .searchBtn > div{
    position: absolute;
    top: 14px;
    right: 10px;
  }
  .horizontalLine{
    display: none;
  }
  .serviceSectionMain > .fsb > .col-md-3 {
    width: 50%;
  }
  .aboutLeftImg{
    display: none;
  }
  .aboutSectionMain > div > div > .commonHeading {
    align-items: center;
  }
  .aboutSectionMain > div > div > .commonHeading > h1 {
    text-align: center;
  }
  .aboutSectionMain > div > div > .fsb {
    flex-direction: column;
  }
  .aboutContentInner{
    width: 95%;
    margin: 10px auto;
  }
}
@media screen and (max-width:950px) {
  .nonScroled > .container-fluid > .mainRow > .topBar > .topBarContent > .topBarContentLeft {
    flex-direction: column;
  }
}
@media screen and (max-width:768px) {

  .aboutLeftImg{
    display: none;
  }
  .heroCarouselContent{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .item .cover .headerContent .line {
    -webkit-clip-path: none;
    clip-path: none;
  }
  .searchBtn > div{
    top: 69px;
    right: 0;
  }
  .airplane , .redMan{
    display: none;
  }
  .commonHeading {
    align-items: center !important;
  }
  .commonHeading > h1 {
    text-align: center !important;
  }
  .ytVideo{
    flex-direction: column;
  }
}
@media screen and (max-width:622px) {
  .nonScroled > .container-fluid > .mainRow > .topBar > .topBarContent > .topBarContentRight {
    flex-direction: column;
  }
}
@media screen and (max-width:540px) {
  .item .cover .headerContent h1{
    font-size: 30px;
  }
  .item .cover .headerContent h2 {
    font-size: 20px;
  }
  .item .cover .headerContent h4 > a{
  padding: 10px;
  font-size: 15px;
  }
  .serviceSectionMain > .fsb > .col-md-3{
    width: 100%;
  }
}
@media screen and (max-width:450px) {
  .nonScroled > .container-fluid > .mainRow > .topBar > .topBarContent {
    flex-direction: column;
  }
  .nonScroled > .container-fluid > .mainRow > .topBar > .topBarContent > .topBarContentLeft {
    flex-direction: row;
  }
}

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

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

.NotFoyndContent{
  padding: var(--lg-padding);
  text-align: center;
}

.NotFoyndContent h1{
  font-size: 169px;
  font-weight: 700;
}

.NotFoyndContent h2{
  font-weight: 700;
}

.NotFoyndContent p{
font-size: 18px;
}

.btn404{
  padding: 10px 15px;
  text-transform: uppercase;
  font-weight: 800;
  transition: 0.4s all;
  font-size: 15px;
  margin-top: 35px;
  width:17%;
  height: 15%;
}

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

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

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

.teamDetailsMain{
  padding: 115px 10px;
}

.teamDetailsMain> .row > div > .flexCenter > p {
  margin: 10px 0px 22px -10px;
  font-size: 17px;
  line-height: 1.8;
}

.teamDetailsHeading > h1 {
  font-size: 30px;
  font-weight: 700;
  margin: 41px 0px 10px 0px;
}

.summury{
  padding: 50px 0px 10px 0px;
}

.summury > p{
  font-size: 17px;
  padding:0px;
}

.iconDetails > i{
  margin-top: 25px;
  margin-right: 15px;
  width: 50px;
  height: 50px;
  justify-content: center;
  font-size: 20px;
  display: flex;
  align-items: center;
  border-radius: 16px;
}

.iconDetails{
  display: flex;
  align-items:center;
  padding: 20px;
}

.iconDetails > span{
  padding-left: 20px;
}

.iconDetails:hover i {
  -webkit-transform: scaleX(-1);transform: scaleX(-1);
  border-radius: 16px;
}


.btnTeamDetails{
  padding: 10px 15px;
  text-transform: uppercase;
  font-weight: 800;
  transition: 0.4s all;
  font-size: 15px;
  margin-top: 35px ;
  margin-left: 20px;
}

.summeryDetails{
  display: flex;
  padding: 20px;
  flex-direction: column;
}

.summerydetails h2{
  font-weight: 300;
}

.summeryDetails ul li{
position:relative;
}

.summeryDetails ul li::marker{
  content: "";
  display:none;
}

.summeryDetails ul li::before{
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  position: absolute;
  left: -25px;
  top: 7px;
  transition: all .3s ease;
}

.summeryDetails ul li::after{
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  left: -18px;
  top: 18px;
  z-index: -1;
  transition: all .3s ease;
  
}

.summeryDetails ul li:last-child::after{
  display:none;
  opacity: 0;
}

.summeryDetails ul li{
  margin: 10px;
}

.summeryProgress{
  width: 325;
}

.summeryProgress h2{
  font-size: 19px;
  font-weight: 700;
}

.pictureSummeryDetailsMain .row{
  padding-top: 20px;
}

.pictureContactMain .row .col-md-6{
 padding-left: 25px;
}

.pictureContactMain .row .flexCenter{
 padding-left: 0;
}

.pictureContactMain .iconDetails i{
 border-radius: 50%;
 width: 50px;
 height: 50px;
 justify-content: center;
 font-size: 20px;
 display: flex;
 align-items: center;
}

.pictureContactMain .teamDetailsHeading h1{
  font-size: 40px;
  font-weight: 700;
}

.pictureContactMain .pictureContent{
  margin-right: 75px;
  padding-top: 5px;
  padding-bottom: 25px;
}

.pictureContactMain .iconDetails h2{
  font-size: 1rem;
  text-align: left;
  padding-left: 20px;
}

.pictureSummeryDetailsMain .summeryDetails ul li{
  position: relative;
  list-style: none;
  padding-bottom: 20px;
}

.pictureSummeryDetailsMain .summeryDetails ul li::before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  position: absolute;
  left: -30px;
  top: 7px;
  transition: all .3s ease;
}
 
.pictureSummeryDetailsMain .summeryDetails ul li::after {
   content: "";
   width: 1px;
   height: 116%;
   position: absolute;
   left: -23px;
   top: 7px;
   z-index: -1;
   transition: all .3s ease;
}
 
.pictureSummeryDetailsMain .summeryDetails ul li:last-child:after{
   width: 0;
}
 
.summeryDetails .wppb-wrapper .wppb-progress span{
   display: block;
   height: 25px;
   -moz-border-radius: 30px;
   -o-border-radius: 30px;
   border-radius: 30px;
   overflow: hidden;
   position: relative;
}
 
.summeryDetails .wppb-wrapper .wppb-progress{
   height: 25px;
   -moz-border-radius: 30px;
   -o-border-radius: 30px;
   border-radius: 30px;
   position: relative; 
   width: 100%;
   max-width: 400px;
}
 
.summeryDetails p{
  margin-bottom: 15px;
  margin-left: 10px;
}

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

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

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

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

.testimonialsMain{
  max-width: 1250px;
}

.hoverSpeed{
  transition: 0.4s all;
}

.dpImg{
  height: 220px;
  width: 220px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: -35px;
}

.dpImg > .img {
  width: 100%;
  height: auto;
  border-radius: 1000px;
}

.beforeHover > i{
  font-size: 25px;
}

.profileCustomer{
  position: absolute;
  z-index: 1;
  padding: 20px;
  border-radius: 50%;
  left: 180px;
  bottom: 20px;
}

.profileImg{
  margin-bottom: 70px;
}

.customerService{
  position: relative;
  padding: 20px;
  margin: 15px;
}

.customerService > i{
  position: absolute;
  z-index: 1;
  right: 135px;
  top: -12%;
  font-size: 100;
}

.customerContent{
  padding: 10px 15px;
  text-align: center;
}

.customerCardContent{
  padding: 5px 10px;
}

.customerCardContent > p {
  font-size: 16px;
}

.customerName{
  font-size: 22px;
  font-weight: 900;
}

.customerAuthor-text{
  text-align: center;
}

.customerCardContent> .customerName{
  font-weight: 700;
}

.starBox{
  margin-top: 10px;
}

.starBox > i{
  font-size: 12px;
  margin-bottom: 8px;
}

.dpImg:hover .serviceImg  {
  scale: 1.1;
}

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

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

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

    blog-details style start

-----------------------------------*/
.mainArea{
  flex: 0 0 auto;
  width: 66.6666666667%;
}

.mainContentArea{
  padding: 10px;
}

.headerImg{
  box-sizing: border-box;
}

.mainContentArea > .headerImg > .postImage {
  background-image:url('img/visa1.jpg');
  min-height: 500px;
  width: 100%;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  margin-bottom: 25px;
  border-radius: 5px 5px 5px 5px;
  overflow: hidden;
  box-sizing: border-box;
}

.mainContentArea > .headerImg > .postImage > img {
  height: auto;
  max-width: 100%;
}

.mainContentArea > .hedding01 > h3 {
  font-size: 30px;
  font-weight: 700;
}
.mainContentArea > .heddingText > p {
  font-size: 16px;
}

.mainContentArea > .singleBlogHedding > h3 {
  font-size: 30px;
  font-weight: 700;
}

.mainContentArea > .singleBlogContent > p {
  padding: 10px 0px;
  font-size: 16px;
}

.blogQuateMainArea {
  position: relative;
  border-radius: 8px 8px 8px 8px;
  margin-bottom: 20px;
}

.blogQuateMainArea > .blogQuateArea {
  padding: 10px 0 25px;
  border-radius: 5px 5px 5px 5px;
}

.blogQuateMainArea > .blogQuateArea > .blogQuateContent{
  padding: 35px 30px 30px;
}

.blogQuateMainArea > .blogQuateArea > cite{
  padding: 30px;
}

.blogQuateMainArea > .blogQuateArea > .blogQuateContent::before{
  content: "“";
  font-size: 150px;
  line-height: 50px;
  bottom:25px;
  top: auto;
  right: 45px;
  opacity: .7;
  content: "\f10d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  font-size: 4rem;
  transition: all .3s ease;
}

.mainContentArea > .secoundTitleMain > .secoundTitle > h2{
  padding-top: 10px;
  font-size: 30px;
  font-weight: 700;
}

.mainContentArea > .secoundTitleMain > .secoundText > p{
  padding: 10px 0px;
  font-size: 16px;
}

.imageArea img{
  border-radius: 10px 10px 10px 10px;
  margin-bottom: 30px;
  margin-top: 30px;
  width: 355px;
}

.theardText .img{
  border-radius: 8px;
}

.elementerMain > .listItem > li i::before {
  margin: 0 8px 0 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
}

.elementerMain > .listItem > li{
  font-variant: normal;
  line-height: 2.5;
  text-rendering: auto;
}

.fourthText p{
  padding: 10px 0px;
  font-size: 16px;
}

.mainContentArea .listMain li i span {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--font-1);
}

.mainContentArea .listMain li i span {
  outline: none;
  border: none;
}

.mainCommentArea{
  display: flex;
  padding: 30px 0 30px;
  margin-top: 56px;
  gap: 10px;
  font-family: var(--font-1);
  box-sizing: border-box;
}

.leftDetails {
  line-height: 1.9;
  font-size: var(--body-font-size);
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  background-attachment: fixed;
  -ms-word-wrap: break-word;
  word-wrap: break-word; 
}

.leftDetails span{
  font-size: 20px;
  font-weight: 700;
}

.leftDetails > a{
  padding: 10px;
  font-size: 0.8rem;
  position: relative;
  display: inline-block;
  text-transform: capitalize;
  transition: all 0.3s ease;
  margin-bottom: 10px;
  padding: 8px 25px;
  margin-left: 20px;
}

.rightDetails {
  line-height: 1.9;
  font-size: var(--body-font-size);
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  background-attachment: fixed;
  -ms-word-wrap: break-word;
  word-wrap: break-word; 
}

.rightDetails span{
  font-size: 20px;
  font-weight: 700;
}

.rightDetails > a{
  padding: 10px;
  font-size: 0.8rem;
  position: relative;
  display: inline-block;
  text-transform: capitalize;
  transition: all 0.3s ease;
  margin-bottom: 10px;
  padding: 8px 25px;
  margin-left: 20px;
}

.commentArea{
  margin-top: 60px
}

.commentTitle h4{
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 0;
  font-family: var(--heading-font-family);
}

.fiveTitleMain > .fiveTitle  h2{
  padding-top: 10px;
  font-size: 30px;
  font-weight: 700;
}

.fiveTitleMain > .fiveText  p{
  padding: 10px 0px;
  font-size: 16px;
}

.commentMain{
  position: relative;
  transition: background.3s,border .3s,border-radius .3s,box-shadow .3s;
  margin-top: 35px;
  margin-bottom: 20px;
  padding: 60px 50px 60px 60px;
  z-index: 1;
}

/*--right side--*/

.searchBox .colClass{
  line-height: 1.9;
  font-size: var(--body-font-size);
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  background-attachment: fixed;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.searchBox{
  position: relative;
  width: 400px; padding: 35px;
  border-radius: 10px;
}

.searchBox > .colClass{
  width: 300px;
}

.searchBox > .colClass > .searchButton{
  outline: none;
  border: none;
}

.searchBox::before{
  width: 300px;
}

.rightSideListMainBorder{
  position: relative;
  height: 400px;
  width: 400px;
  margin-top: 20px;
  padding: 20px;
  border-radius: 10px;
}

.rightSideListMainBorder > .rightSideListBorder{
  height: 350px;
  padding: 10px;
  padding-bottom: 120px;
  box-sizing: border-box;
  padding: 10px;
}

.rightSideListMainBorder > .rightSideListBorder > .rightSideList{
  position: relative;
  display: block;
  padding: 0px;
  border-radius: 7px
}

.rightSideListMainBorder > .rightSideListBorder > .rightSideList > .widgettitle{
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-weight: 700;
  font-size: 24px;
}

.rightSideListMainBorder > .rightSideListBorder > .rightSideList > .widgettitle::after{
  border-radius: 10px;
  bottom: -1px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%;
}

.rightSideListMainBorder > .rightSideListBorder > .rightSideListCatogery{
  height: 450px;
  padding: 10px;
  padding-bottom: 120px;
  box-sizing: border-box;
  padding: 10px;
}

.rightSideListMainBorder > .rightSideListBorder > .rightSideListCatogery > .rightSideCatogery{
  height: 450px;
  padding: 10px;
  padding-bottom: 120px;
  box-sizing: border-box;
  padding: 10px;
}

.rightSideListMainBorder > .rightSideListCatogery > .rightSideCatogery > img{
  height: 100px;
  width: 100px;
}

.singleNewsImg > img {
  width: 50px;
  border-radius: 25px;
  height: 50px;
}

.singleNewsContent > h3 {
  font-size: 15px;
}

.singleNewsContent{
  margin-left: 20px;
}

.singleNews , .sideBarLatestNews{
  width: 100%;
  padding: 10px 10px 10px 10px;
}

.sideBarLatestNews{
  padding-left: 0;
}

.rightSideListMainBorder > .rightSideListCatogery > .rightSideCatogery{
  margin: 0 8px 0 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
}

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

    blog-details style end

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

.modal{
  display: none;
}

.background{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.box{
  position: fixed;
  top: 100px;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 600px;
  border-radius: 5px 5px 0 0;
}

.close{
  position: absolute;
  top: 10px;
  right: 20px;
  cursor: pointer;
}

.responsive-video{
  position: relative;
  padding-bottom: 52.15%;
  padding-top: 25px;
  height: 0;
}

.iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.singleOfficeLocation {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 50px 20px;
  transition: all .4s ease;
  text-align: center;
}

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

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

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

.sidebar > .widget-area > .widget_nav_menu > div ul{
  padding-left: 0; 
}

.sidebar > .widget-area > .widget_nav_menu > div h2{
  margin-top: 20px;
}

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

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

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

    Woocommerce Account page

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

.woocommerce-MyAccount-navigation > ul > li > a{
  padding: 5px;
  margin: 5px 0;
  display: block;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.woocommerce-Button, .wc-block-components-button__text, .wc-block-components-checkout-return-to-cart-button{
  padding: 10px 15px !important;
  text-transform: uppercase;
  font-weight: 800;
  transition: 0.4s all;
  font-size: 15px !important;
  border-radius:0px !important;
}

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

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

#timeline-horizontal-6 .tl-item {
  height: 50vh !important;
}

.timelineSection .container .row .commonHeading p{
  font-size: 20px;
}

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

        Why Our Company

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

.whySection .counterWrapper{
  margin:0 auto;
}

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

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

.pathwayFilter .filterOptions .filterForm .form-group{
  padding: 10px;
  margin-bottom: 15px;
  border-radius: 5px;
}

.pathwayFilter .filterOptions .filterForm .form-group .checkIcon{
display: flex;
}

.pathwayFilter .filterOptions .filterForm .form-group .checkIcon .form-check{
margin: 10px 10px 0px 10px;
}

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

    immigration pathway section start

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

.immiPathwaySection .immiPathways .item{
  overflow: hidden;
  position: relative;
}

.immiPathwaySection .immiPathways .item .contentCard{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 210px;
  left: 0;
}

.immiPathwaySection .immiPathways .item:hover .contentCard{
  top: 0;
}

.immiPathwaySection .immiPathways .item .contentCard h4{
  padding: 2px 10px 10px 10px;
  font-size: 20px;
  font-weight: 400;
}

.immiPathwaySection .immiPathways .item .contentCard .hoverSpeed{
  height: 28px;
  margin-bottom: 20px;
  padding: 2px 15px;
  font-size: 14px;
  font-weight: 800;
  display: block;
  width: 418px;
  margin-left: 0px;
  margin-top: 250px;
  text-align: center;
}

.immiPathwaySection .immiPathways .item .contentCard a{
  position:absolute;
}

.customerName {
  margin-bottom: 40px;
}

.immiPathwaySection .immiPathways .item .contentCard ul li{
  text-align: center;
}

.immiPathwaySection {
  padding: var(--lg-padding);
}
@media screen and (max-width:1399px){
    .immiPathwaySection .immiPathways .item .contentCard {
        top: 177px !important;
    }
}
@media screen and (max-width: 1199px) {
  .immiPathwaySection .immiPathways .item .contentCard {
    top: 113px !important;
  }
}
@media screen and (max-width: 991px) {
  .immiPathwaySection .immiPathways .item .contentCard {
    top: 162px !important;
  }
}

.immiPathwaySection .immiPathways .item .contentCard{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 215px;
  left: 0;
}

.immiPathwaySection .immiPathways .item:hover .contentCard{
  top: 0;
}

.immiPathwaySection .immiPathways .item .contentCard .hoverSpeed{
  height: 28px;
  margin-bottom: 20px;
  padding: 2px 15px;
  font-size: 12px;
  display: block;
  width: 100%;
}

.customerName {
  margin-bottom: 40px;
}

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

    immigration pathway section end

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

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

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

.fieldsbody > ul > li, ul.leafStyled > li, ul.leafDarkStyled > li {
  position: relative;
}

.fieldsbody > ul > li:before, ul.leafStyled > li:before, ul.leafDarkStyled > li:before {
  content: "\f785";
  font: var(--fa-font-brands);
  margin-right: 8px;
  margin-top: 8px;
  position: absolute;
  left: -21px;
  top: 0px;
}

.sidebarImmiPathways .widget_immifocus_single_pathway_widget > .pathwayFields > .singleFiled >.fieldsbody > p{
  font-weight: 700;
  text-align: center;
  margin-bottom: 15px;
}

.sidebarImmiPathways .widget .widget_immifocus_single_pathway_widget > .pathwayFields > .singleFiled > .widgetTitle > .fieldsbody > p{
  border-bottom: 1px solid;
}

.fieldName {
  border-bottom: 1px solid;
}

.fieldsbody.comprehensiveRankingScore{
  font-size: 16px;
  line-height: 1.7;
  margin-top: 0;
  margin-bottom: 1rem 
}

.fieldsbody.age{
  font-size: 16px;
  line-height: 1.7;
  margin-top: 0;
  margin-bottom: 1rem 
}

.sidebarImmiPathways .widget_igp-components_single_pathway_widget .widgetTitle {
  margin-bottom: 10px;
  font-size: 20px;
  padding: 8px;
}

.sidebarImmiPathways .widget_igp-components_single_pathway_widget {
  background-position: center;
  padding: 10px;
}
  
.sidebarImmiPathways .widget_igp-components_single_pathway_widget{
  background: url(img/world_white.jpg)no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 15px ;
}

.textwidget > .questionnaireLink{
  background: url(img/immi-pathway-bg.jpg)no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 15px ;
}

.textwidget > .questionnaireLink{
  padding: 30px 10px;
  text-align: center;
}
  
.textwidget > .questionnaireLink > h3 {
  font-size: 24px;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

.textwidget > .questionnaireLink > p > a{
  padding: 10px;
  border-radius: 30px;
}
 
.dataTable{
  margin-top: 0;
  margin-bottom:1rem;
}

.tableFullWidth{
  width:100%;
}
   
.dataTable th{
  padding:6px;
  font-weight: 400;
  width: auto;
}
   
.dataTable td{
  padding: 6px 18px 6px 18px;
  font-weight: 400;
  position:relative;
  }
  
  .immigrationRow > .provinceColumn {
  text-align:left;
  }
.invitationTableHeading{
      margin-top:50px;
  }
.invitationTable > tbody > tr > th {
    width:152px;
	text-align:left;
	padding-left:10px;
}
.invitationTable > tbody > tr > td {
    text-align:left;
}
.dataTable .filterSet td{
    padding:5px;
}
.dataTable th.sortable{
    position:relative;
    padding-right:20px;
    cursor: pointer;
}
.dataTable th.sortable i{
    position: absolute;
    right: 3px;
    top: 50%;
    transform: translateY(-50%);
    font-size:14px;
}
.dataTable th.sortable:hover i{
    color:var(--theme-color-3);
}


.tableDropdown {
    position: relative;
}

.tableDropdownToggle {
    padding: 8px 12px;
    cursor: pointer;
}

.tableDropdownMenu {
  display: none;
  text-align: left;
  position: absolute;
  z-index: 1;
  padding: 0;
  margin: 0;
  min-width: 450px;
  max-height: 500px;
  overflow-y: scroll;
}

.tableDropdownMenu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.tableDropdownMenu li {
    padding: 8px 12px;
}

.tableDropdownMenu li a {
    color: #333;
    text-decoration: none;
    display: block;
}

.tableDropdownMenu #category-list {
    list-style: none;
    padding-left: 20px;
}

.tableDropdownMenu #category-list ul {
    position: relative;
}

.tableDropdownMenu #category-list ul:before {
    content: '';
    position: absolute;
    top: 0;
    left: -15px; /* Adjust based on your indentation */
    border-left: 1px solid #ccc; /* Line color */
    height: 100%;
}

.tableDropdownMenu #category-list li {
    padding-left: 5px; /* Adjust based on your indentation */
    position: relative;
}

.tableDropdownMenu #category-list li:before {
    content: '';
    position: absolute;
    top: 0;
    left: -15px; /* Adjust based on your indentation */
    border-top: 1px solid #ccc; /* Line color */
    width: 10px; /* Adjust based on your indentation */
}

.tableDropdownMenu #category-list li:last-child:before {
    border: none;
}




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

    page-sidebar-right start

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

.sidebar > .widget-area > .widget_nav_menu > div ul{
  padding-left: 0; 
}

.sidebar > .widget-area > .widget_nav_menu > div h2{
  margin-top: 20px;
}

.sidebar .widget-area .widget_nav_menu div  ul li a {
  padding: 5px;
  margin: 5px 0;
  display: block;
}

.sidebar > .widget-area > .widget_search > form > input{
  border-radius: 0px;
  padding: none;
}

.sidebar > .widget-area > .widget_search > form > button{
  border-radius: 0px;
}

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

.widget > div > ul > li > a > span{
  line-height: 1.3;
}

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

    page-sidebar-right start

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

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

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

.heroVideo > video{
  width: 100%;
}

.videoContent > .videoContentLine{
  margin-bottom: -469px;
}

.videoContent{
  position: absolute;
  top: 300px;
  left: 20%;
}
@media screen and (max-width:991px){
    .heroVideo {
        margin-top: 62px;
    }
}
@media screen and (max-width: 560px) {
  .heroVideo {
    margin-top: 98px;
  }
    .videoContent {
    top: 10% !important;
  }
}
@media screen and (max-width: 460px) {
  .heroVideo > video {
    width: 150%;
  }
}
@media screen and (max-width: 360px) {
  .heroVideo > video {
    width: 200%;
  }
}

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

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

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

    fraud prevention content start

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

.content-area .listWithTitle li{
  font-size: 25px;
}

.content-area .listWithIcon li::before{
  content: "\f785";
  font: var(--fa-font-brands);
  margin-right: 8px;
  margin-top: 8px;
}

.content-area .listWithIcon li{
  font-size: 15px;
}

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

    fraud prevention content end

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

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

        values section start

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

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

.valuesSection > .gapTop{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.valuesSection > .commonHeading{
  padding-top: 10px;
}

.valuesSection .justify-content-center{
  display: flex;
  flex-wrap: wrap;
}

.valuesSection .singelValue .singelValueBox h4{
  margin-bottom: 8px ;
  padding: 15px 15px;
  text-align: center;
}

.valuesSection .singelValue .singelValueBox p{
  margin-bottom: 8px ;
  padding-bottom: 15px;
  margin-bottom: 0px;
  text-align: left;
}
 
.valuesSection .singelValue a i{
  bottom: 234px;
}

.valuesSection .singelValue .singelValueBox{
  padding: 0px 10px;
  height: 100%;
}

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

        values section end

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

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

    book an appoinment section start

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

 .appoinmentCommonHeading h1{
  text-align: center;
  font-size: 50px;
  font-weight: 600;
}

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

    book an appoinment section end

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

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

    immigration-parthway-section start

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

.owl-nav{
  display: flex;
  justify-content: center;
 }
 
.owl-nav button.owl-prev{
   margin: 1px;
   font-size: 28px !important;
   padding: 0px 17px !important;
   display: inline-block !important;
   align-content: center !important;
   vertical-align: middle !important;
}
 
.owl-nav button.owl-next{
   margin: 1px;
   font-size: 28px !important;
   padding: 0px 17px !important;
   display: inline-block !important;
   align-content: center !important;
   vertical-align: middle !important;
}
 
.owl-nav button.owl-prev span{
  padding: 10px;
}
 
.owl-nav button.owl-next span{
  padding: 10px;
}

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

    immigration-parthway-section end

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

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

    Language-test-section start

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

.tab-content .tab-pane {
  display: none;
}

.tab-content .active {
  display: block;
}

.tableTitlebar .titleHead{
  font-size: 18px;
  border-bottom: none;
}

.tableTitlebar .titleHead.active{
  font-size: 18px;
  width: 100%;
}
.tableTitlebar .titleHead.active::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: solid transparent;
    border-width: 10px;
}
 
.tableTitlebar .nav-link{
  width: 100%;
  min-height: 70px;
}

.tableTitlebar .tableTitleTab{
  padding-right: 4px;
  width: 20%;
  position: relative;
}

.tableTitlebar .tableTitleTab:last-child{
  padding-right: 0px;
}

.tableTabTitle{
  padding: 4px;
}

.tableTabTitle .tableTabOpen{
  padding: 7px;
  font-size: 18px;
}

.tableTabTitle .tableTabOpen i{
  float: right;
  padding: 5px;
}

.tableTabTitle .tableTabOpen::marker{
  content: "";
  display: none;
}

.tableTabTitle .tableTabTitle::after {
  content: ">";
  display: none;
  position: absolute;
  right: 0px;
}

.tableTabTitle .tableTabOpen:focus{
  font-size: 18px;
}

 .tableTabContent{
  padding: 5px ;
 }

 .incBorder{
  padding-bottom: 15px;
  padding-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
 }

 .noteContent{
  margin-top: 15px;
 }

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

        Language-test-section end

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

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

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

.sidebar .widget-area .widget .card{
  background: none;
  border: none;
  padding-top: 0px;
  padding-bottom: 0px;
}

.sidebar .widget-area .widget .card ul li a{
  padding: 5px;
  margin: 5px 0;
  display: block;
  margin-top: 0px;
  margin-bottom: 0px 
}

.sidebar .widget-area .widget .card ul li a .bi-caret-down-fill::before {
  margin-left: 8px;
  content: "\f229";
  font-size: 10px;
}

.sidebar .widget-area .widget .card ul li ul {
  padding-left: 0px;
}

.sidebar .widget-area .widget .card ul li ul li a{
  margin-top: 4px;
  font-size: 14px;
  line-height: 17px;
}

.sidebar .widget-area .widget .card ul li a i{
    float:right;
    font-size:12px;
    padding: 7px 5px;
}
.widgetFaqs.fixed-top{
    position: fixed;
    top: 98px;
    right: auto;
    left: auto;
    width: 285px;
}
@media screen and (max-width:1399px){
    .widgetFaqs.fixed-top{
    width: 19%;
}
}
@media screen and (max-width:1199px){
    .sidebar .widget-area .widget .card ul li a {
        font-size:13px;
    }
}
@media screen and (max-width: 991px){
    .sidebar .widget-area .widget .card ul li a {
     font-size: 16px;
    }
    .widgetFaqs.fixed-top{
        position:relative;
    }
    .textwidget > .questionnaireLink {
        display:none;
    }
    
}
@media screen and (max-width:400px){
    .sidebar .widget-area .widget .card ul li a {
        font-size: 15px;
    }
}

/*-------------------------------------
    
    FAQ Catogary sidebar end

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

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

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

.faqMainPage .faqCatName{
  font-size: 25px;
  padding: 7px;
  border-bottom: 0px; 
}

.faqMainPage .singleFAQ{
  position:relative;
}

.faqMainPage .singleFAQTitle .underline{
  border-bottom: 1px solid;
}

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

    FAQ Main Page end

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

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

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

.headerContent > h1{
  font-size: 65px;
  font-weight: bold;
}

#typewriter > p{
  font-size:22px;
}

.headerContent > h4 > a {
  width: max-content;
}

.HeroBgImg >.item > .cover{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
}

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

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

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

    page-glossary start

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

.pagination{
  display: flex;
  justify-content: center;
}

.pagination li a{
  text-decoration: none;
  cursor: pointer;
  padding: 10px;
}

.pagination li a:hover{
  text-decoration: none;
  padding: 10px;
}

.pagination li >.disabled{
  cursor: no-drop;
  cursor: not-allowed; 
}

.pagination li >.disabled:hover{
  cursor: no-drop;
  cursor: not-allowed; 
}
.form-group{
  padding: 10px;
  margin-bottom: 15px;
  border-radius: 5px;
}

.glossaryWrapper .singleEntry.tableTitle .glossaryTitle, .glossaryWrapper .singleEntry.tableTitle .glossaryDetail{
  padding: 6px;
  height: 100%;
  font-weight: 400;
}

.fixedToLeft{
  position: fixed;
  left: 0;
  bottom: 100px;
  padding: 5px;
  z-index:1;
}

.fixedToLeft > ul {
  padding-left: 0;
}

.fixedToLeft > ul > li {
  margin-bottom: 0;
}

.fixedToLeft > ul > li  > a {
  width: 28px;
  height: 28px;
  font-size: 15px;
}

.paginationNone {
  display: none;
}

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

    page-glossary end

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

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

        nav bar start

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

#navbarNav .nav li a{
    font-size: 18px;
    text-transform: capitalize;
    font-weight: normal !important;
    padding: 7px;
    display: block;
    font-family: var(--theme-font-1);
}



#navbarNav .nav li .dropdown-menu li{
  margin:0px;
}

#navbarNav .nav li .dropdown-menu{
  padding:0px;
  border-radius: 0px;
  background-color: transparent;
}

#navbarNav .nav li .dropdown-menu li a{
  padding:7px;
}

#navbarNav .nav li .dropdown-menu{
  right: 0 !important;
  left: -233px;
}

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

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

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

.aboutSectionMain > .row > .row > .col-lg-6 > .flexCenter > i {
  font-size: 46px;
  margin-right: 15px;
}

.ceoImg > img {
  border-radius: 40px;
}

.ceoImg {
  padding: 0;
}


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

.singleItem {
  margin: 15px 0;
  padding: 10px;
}
.singleItem .articleImg{
    width: 100%;
    min-height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.singleItem .articleTitle{
  margin-top: 8px;
  font-size: 18px;
}
.page-numbers{
  width: 28px;
  height: 28px;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

/*-------------------------
  news list view start
--------------------------*/

.listView > .singleItem > .articleBody > .articleImg > .imgFluid {
  width: 100%;
  flex-shrink: 0;
  min-width: 100%;
  min-height: 100%
}

.listView > .singleItem > .articleBody{
  display:block;
  margin: 15px 0;
  padding: 10px;
  box-shadow: 0px 0px 10px 0px rgba(43,51.999999999999986,58.99999999999999,.1);
}

.gridView > .singleItem > .articleBody{
  display:block;
  padding: 10px;
  box-shadow: 0px 0px 10px 0px rgba(43,51.999999999999986,58.99999999999999,.1);
  height:100%;
}

.listView > .singleItem > .articleBody > .articleImg {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  max-height: 400px;
}

.articleImg > .imgFluid {
    width:100%;
}

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

/*-------------------------
hero image section start
------------------------- */

.videoContentLine > h1 , .videoContentLine >h2 {
  font-weight: bold;
}

.videoContentLine > h1 {
  font-size: 65px;
}

.videoContent > .cover > .container > .heroContent {
  width: 700px;
}

.imageContent{
  top:40%;
  position: absolute;
}

/*-------------------------
hero image section end
------------------------- */

/*--------------------------------
immigration services section start
-------------------------------- */
@media screen and (max-width:1199px){
    .serviceGrid .singleService .singleServiceInner .titleLink a {
        font-size:16px;
    }
}
/*--------------------------------
immigration services section end
-------------------------------- */
/*--------------------------------
    side bar responsive start
---------------------------------*/
@media screen and (max-width:1199px){
    #searchform {
        flex-direction: column;
    }
}
@media screen and (max-width:991px){
    #searchform {
        flex-direction:row;
    }
}
/*--------------------------------
    side bar responsive end
---------------------------------*/

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

.bookAnAppointmentMain{
  background-image: url(https://Wathsala/demo/wp-content/uploads/sites/2/2024/03/booking01.png);
  background-repeat: no-repeat !important;
}


.bookAnAppointmentMain .row .align-items-center{
  padding: 150px 0px;
}

.bookAnAppointmentMain .row .align-items-center .commonHeading > h1{
  padding: 15px 0px;
}

.bookAnAppointmentMain .row .align-items-center .commonHeading > p{
  padding: 8px 0px;
  text-align: left;
}

.provincesListItem > li::before{
  content: "\f785";
  font: var(--fa-font-brands);
  margin-right: 8px;
  margin-top: 7px;
  position: absolute;
  left: 20px;
}

.parthwayVisitButton{
  display: block;
  max-width: 150px;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 1rem;
}

.parthwayPointGridButton{
  display: block;
  max-width: 400px;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 1rem;
}

.parthwayPointGridBigButton{
  
  display: block;
  max-width: 635px;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 1rem;
}

/*-------------------------------------------
    Book An Appoinment - section end
-------------------------------------------*/

/*---------------------------------------
        Pages - section start
-----------------------------------------*/
.darkUnderline{
  margin-top: 15px;
}
.innerTitle {
    margin-bottom:50px;
}
/*---------------------------------------
        Pages - section start
-----------------------------------------*/

/*-------------------------
         News Serch
--------------------------*/
.fullWSearch {
    display: flex;
    align-items: center;
    padding:2px;
}

.fullWSearch .col-lg-6 {
    flex: 1; 
}
.fullWSearch .col-lg-6 h2{
    font-size:18px;
    text-align:center;
    text-transform:uppercase;
    margin-bottom: 0px;
}
.search-form {
    display: flex;
    align-items: center;
    width: 100%; 
}

.search-container {
    display: flex;
    align-items: center;
    width: 100%;
}

.search-input {
    flex: 3;
    margin-right: 5px;
    padding: 5px;
}
#searchsubmit {
    flex: 1;
    padding: 7px 10px;
}



 /*/////////////////////
 
   Archive Page Styles 
 
 //////////////////////*/
.archiveContent .categoryDescription{
  padding: 30px;
  font-size: 20px;
}
.archiveContent .archiveList .singleItem{
    padding: 10px;
    margin-bottom: 30px;
}
.archiveContent .archiveList .singleItem .singleItemBg{
    min-height: 300px;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow:hidden;
}
.archiveContent .archiveList .singleItem .singleItemBg .content {
    position:absolute;
    bottom:0px;
    padding: 10px; 
    width: 100%;
  left: 0px;
}
.archiveContent .archiveList .singleItem .singleItemBg .content time{
  font-style: italic;
  margin: 5px 5px 0px 5px;
  display: block;
}
.archiveContent .archiveList .singleItem .singleItemHeading{
  font-size: 27px;
}

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

social media share styles start
    
-------------------------------*/
.socialShareMain {
    border-radius:26px;
    padding:10px 20px;
    width:400px;
}
.socialShareMain > span {
    font-weight:bold;
}
.socialShareLinks > a , .socialShareLinks > button {
    width: 30px;
    height: 30px;
    border-radius:15px;
    margin:0 5px;
}
.formContentHeding > .menu-social-media-container {
    display:flex;
    justify-content:center;
}


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

social media share styles end
    
-------------------------------*/
/*-----------------------------------------------------

    Contact Us – form styles start

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

#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 {
	padding: 10px;
	width: 100%;
}

#frm_form_3_container .formContactUsBody{
padding: 10px;
margin-bottom: 15px;
border-radius: 5px;
}

.frm_form_field input[type=text]{
  height: 40px;
}

.frm_submit button{
    width: auto;
    font-size: 15px;
    height: auto;
    line-height: normal;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    font-weight: normal;
    border-radius: 0px;
    text-shadow: none;
    padding: 10px 20px;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    margin: 10px;
    margin-left: 0;
    margin-right: 0;
    vertical-align: middle;
}

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

  Contact Us – form styles end

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

        vision Mission Section part
        
---------------------------------------------*/
.vmContent{
    border-radius: 25px;
    padding: 10px;
    height:100%;
}
.vmBackgroundColorDiv {
    padding:var(--lg-padding);
}
.vmMain{
    background-size:cover;
    background-position:center left !important;
}

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

immigration pathway finder completed page style
        
---------------------------------------------*/
.toInlineTableHeading {
    display: flex;
}

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

------------svg-msp style----------------------
        
---------------------------------------------*/

.mapContentBottom{
 margin-bottom: 30px;
}
/*---------------------------------------------

------------svg-msp style----------------------
        
---------------------------------------------*/


.registerContactForm .frm_top_container .frm_primary_label{
  display: none;
}

.registerContactForm{
  margin-top: 0px;
  margin-bottom: 0px;
}

.registerContactForm .frm_style_formidable-style.with_frm_style .form-field{
  margin-bottom: 25px;
}

.registerContactForm #frm_field_1_container label{
  display: none;
}

.registerContactForm #frm_field_2_container label{
  display: none;
}

.registerContactForm .row{
  margin-bottom: -30px;
}

.popup-container .with_frm_style .frm_checkbox input[type=checkbox]:checked:before{
  position: static !important;
  content: '' !important;
  display: block !important;
  box-shadow: none;
  margin: 0px;
}

.popup-container .with_frm_style .frm_checkbox input[type=checkbox]:not([disabled]):checked, .popup-container .with_frm_style .frm_checkbox input[type=checkbox]:focus{
  box-shadow: none !important;
  outline: none;
}

.questionnaierForm .frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):not([type=range]):not([readonly]):focus{
  box-shadow: none !important;
}

.singleContentDetails i{
	font-size: 46px;
    margin-right: 15px;
    color: var(--theme-color-1);
}

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

---------social media style start--------------
        
---------------------------------------------*/

#menu-reseaux-sociaux {
    display: flex; 
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
}

#menu-reseaux-sociaux .menu-item {
    margin: 0; /* Ensure no extra margin around items */
}

#menu-reseaux-sociaux .menu-item a {
    text-decoration: none; /* Remove underline from links */
    color: inherit; /* Inherit color */
    font-size: 24px; /* Adjust icon size */
    display: inline-flex; /* Ensure proper alignment */
    align-items: center;
    justify-content: center;
}

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

---------social media style end ---------------
        
---------------------------------------------*/
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
  background-color: var(--theme-color-2);
  border-top: 0px solid transparent;
}
/*---------------------------------------------

---------Error Reporting---------------
        
---------------------------------------------*/

.popup-container .frm_error_style p{
	margin-bottom: 0px;
 
}
.popup-container .frm_message{
	padding: 7px;
    border-radius: 5px;
}
.popup-container .frm_message p{
	margin-bottom: 0px;
}
.popup-container .frm_error_style{
    padding: 7px;
    border-radius: 5px;
}  

/*--------kasu---------*/

#navbarNav .navbar-brand a img{
	width: 110px;
	height: 110px;
}

.header .container-fluid .mainRow .topBar{
	margin-top: 25px;
}

.mobileMenu{
  display: none;
 }

@media screen and (max-width: 991px){
  .rightMenu{
    display: none;
   }
  .leftMenu{
    display: none;
   }
   .mobileMenu{
    display: block;
   }

 }
@media screen and (max-width:400px){
 
}

/* ---- reset ---- */ 

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

                                  Hero Image Section

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

canvas {
  display: block;
  vertical-align: bottom; 
}
 /* ---- particles.js container ---- */
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #2c2e43;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.heroSection{
	height:100vh;
	overflow:hidden;
}
.featuredImage{
  background-repeat:no-repeat;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 20px;
  position: absolute;
  background-size: 55%;;
  background-position: right bottom;
}
 

.heroContent{
	width: 50%;
	min-height: 50%;
	margin-top: 13%;
	padding: 25px;
	background-color: #67409f26;
}

.heroContent h1{
  font-size: 60px;
}

.heroContent p{
  color: #fecd27;
  font-size: 25px;
  font-family: var(--theme-font-2);
  line-height:35px;
}

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

                                  Introductions Section

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

.introductionImg{
  background-color: var(--color-01);
  height: 700px;
}

.introductionContent{
  background-color: var(--color-04);
  height: 700px;
}

.introductionContent h1{
  color: var(--color-01);
  font-size: 48px;
  margin-bottom: 50px;
  font-family: var(--theme-font-1);
}

.introductionContent p{
  color: var(--color-01);
  font-size: 18px;
  font-family: var(--theme-font-1);
}

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

                                  Options & features Section

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

.featuresSection{
  background-color: var(--color-03);
}

.featuresHeading h1{
  color: var(--color-01);
  font-size: 48px;
  margin-bottom: 50px;
  padding: 20px;
  font-family: var(--theme-font-1);
}

.featuresImg img{
  width: 135px;
  height: auto;
  border-radius: 70px;
  padding: 5px;
  box-shadow: 0px 0px 27px 17px rgba(30, 27, 33, 0.25);
}

.featuresImg span{
  background-color:var(--color-02);
  border-color: var(--color-02);
  color: var(--color-04);
  font-size: 16px;
  font-family: var(--theme-font-1);
  padding: 5px 10px;
}

.featuresImg span:hover{
  background-color:var(--color-01);
  border-color: var(--color-01);
  color: var(--color-04);
  font-size: 16px;
  font-family: var(--theme-font-1);
}

.featuresContent h5{
  color: var(--color-01);
  padding: 10px;
  font-size: 22px;
  font-weight: 700;
  font-family: var(--theme-font-1);
}

.featuresContent p{
  text-align: center;
  color: var(--color-01);
  font-size: 18px;
  padding: 15px;
  font-family: var(--theme-font-1);
}

.featuresButton{
  border-radius: 0;
  width: 15%;
  background-color: var(--color-01);
  border-color: var(--color-01);
  color: var(--color-03);
  font-size: 18px;
  font-weight: 700;
  font-family: var(--theme-font-1);
}

.featuresButton:hover{
  background-color: var(--color-02);
  border-color: var(--color-02);
}

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

                                  About Us Section

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

.aboutSectionTitle{
  color: var(--color-01) ;
  font-family: var(--theme-font-1);
  font-size: 48px;
}

.aboutSectionButton{
  border-radius: 0;
  width: 15%;
  background-color: var(--color-03);
  border-color: var(--color-03);
  color: var(--color-01);
  font-size: 18px;
  font-weight: 700;
  font-family: var(--theme-font-1);
}

.aboutSectionButton:hover{
  border-radius: 0;
  width: 15%;
  background-color: var(--color-04);
  border-color: 2px var(--color-04);
  color: var(--color-01);
  font-size: 18px;
  font-weight: 700;
  font-family: var(--theme-font-1);
}

.aboutSectionContent p{
  text-align: center;
  color: var(--color-01);
  font-size: 18px;
  padding: 15px;
  font-family: var(--theme-font-1);
}

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

                                  form Section

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

.formSectionTitle{
  color: var(--color-01) ;
  font-family: var(--theme-font-1);
  font-size: 48px;
} 

.formSectionContent p{
  text-align: center;
  color: var(--color-01);
  font-size: 18px;
  padding: 15px;
  font-family: var(--theme-font-1);
} 

#wpcf7-f95-o1 .wpcf7-form .container{
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 30px;
  margin-right: 30px;
  padding: 25px 50px 30px 50px;
}

#wpcf7-f95-o1 .wpcf7-form .singleFiled p span input{
  height: 40px;
  width: 100%;
  background-color:  var(--color-01);
  color: var(--color-04);
  padding: 10px;
}

#wpcf7-f95-o1 .wpcf7-form .singleFiled p span textarea{
  background-color: var(--color-01);
  color: var(--color-04);
  width: 100%;
  padding: 10px;
}
#wpcf7-f95-o1 .wpcf7-form .container .row .col-8 p span label{
  color: var(--color-01);
  float: left;
}

#wpcf7-f95-o1 .wpcf7-form .singleFiled .wpcf7-response-output{
	background-color: var(--color-02);
  border: none;
  margin: 0px 14px;
  padding: 9px;
}
#wpcf7-f95-o1 .wpcf7-form  .submitButton p{
	text-align: left;
  margin-top: 16px
}
/*--------------------------------------------------------------------------------------------------

                                  footer Section

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


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

                                        Legal page

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

.legalPageTitle > h1{
  text-align: center;
}

.legalPageTitle{
  margin-top: 90px;
  margin-bottom: 25px;
  text-align: center;
}

.legalPageTitle > h1 {
  font-family: var(--theme-font-1);
  font-weight: 500;
  font-size: 45px;
  text-align: center;
  color: var(--color-01);
}

.legalPageTitle > div > i {
  margin: 0 20px;
}


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

                                        Contact us page

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

.contactUsTitle > h1{
  text-align: center;
}

.contactUsTitle{
  margin-top: 90px;
  margin-bottom: 25px;
  text-align: center;
}

.contactUsTitle > h1 {
  font-weight: 700;
  font-size: 55px;
  text-align: center;
}

.contactUsTitle > div > i {
  margin: 0 20px;
}

.contactUsContentTest{
  padding: 65px;
}

.contactUsContent .contactUsContentTest h1{
  font-weight: 400;
  font-size: 35px;
  padding: 10px;
  font-family: var(--theme-font-1);
  color: var(--color-04);
}

.contactUsContentTest p{
  padding: 10px;
  font-family: var(--theme-font-1);
  color: var(--color-04);
}

.contactUsContentForm .frm_fields_container .row{
  margin-bottom: 10px;
}

.contactUsContentForm .frm_fields_container .row label{
  margin-bottom: 5px;
  color: var(--color-04);
  font-family: var(--theme-font-1);
}

.contactUsContentForm .frm_fields_container .row input{
  color: var(--color-03);
  font-family: var(--theme-font-1);
  border: 2px solid #dcaa68;
  border-radius: 5px;
  background-color: #303a42;
  display: block;
  width: 100%;
}

.contactUsContentForm .frm_fields_container .row textarea{
  color: var(--color-03);
  font-family: var(--theme-font-1);
  border: 2px solid #dcaa68;
  border-radius: 5px;
  background-color: #303a42;
  width: 100%;
}

.contactUsContentForm .frm_fields_container .row select{
  color: #8A7457 !important;;
  font-family: var(--theme-font-1);
  border: 2px solid #dcaa68;
  border-radius: 5px;
  background-color: #303a42;
}

.contactUsContentForm .frm_fields_container .frm_button_submit{
  color: var(--color-03);
  width: 250px;
  border: 2px solid;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 600;
}

.contactUsContentForm .frm_fields_container .frm_button_submit:hover{
  background-color: var(--color-03);
  color: var(--color-01);
  border-color: var(--color-03);
}

.contactUsLocationWrap {
  padding-right: 0;
}

.contactUsLocationWrap h6{
  font-size: 20px;
  font-weight: 700;
}

.contactUsLocationWrap p{
  font-size: 18px;
}

.contactUsAddress{
  background-color: var(--color-01);
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 40px 20px 40px 20px;
  transition: all .4s ease;
  text-align: center;
  box-shadow: 1px 1px 10px 0px rgba(40, 42, 43, 0.1);
}

.contactUsAddress:hover{
  background-color: var(--color-04);
}

.contactUsPhone{
  background-color: var(--color-01);
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 40px 20px 60px 20px;
  transition: all .4s ease;
  text-align: center;
  box-shadow: 1px 1px 10px 0px rgba(40, 42, 43, 0.1);
}

.contactUsPhone:hover{
  background-color: var(--color-04);
}

.contactUsEmail{
  background-color: var(--color-01);
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 40px 20px 60px 20px;
  transition: all .4s ease;
  text-align: center;
  box-shadow: 1px 1px 10px 0px rgba(40, 42, 43, 0.1);
}

.contactUsEmail:hover{
  background-color: var(--color-04);
}

.bookDemoImage{
background-color: var(--color-04);
  background-repeat: no-repeat;
  background-size: 42%;
  background-position: center right;
}
.bookDemoImage .quizContent{
padding: 150px 0px;	
}
.bookDemoImage .quizContent p{
color: #fecd27;
  font-size: 25px;
  font-family: var(--theme-font-2);
  line-height: 35px;	
}
.result-box {
      display: none;
      margin-top: 40px;
      padding: 20px;
      border-radius: 8px;
      background-color: var(--color-01);
      border: 2px solid var(--color-01);
    }
    .result-box h3 {
      color: var(--color-03);
    }
    .result-box p {
      margin-bottom: 0.5rem;
		font-family: var(--theme-font-2);
    }
.result-box  .btnFull {
	margin-top:15px;
}

.bg-with-overlay {
  position: relative;
  background-color: #1c1130;
  background-size: cover;
  background-position: center;
  color: #fff;
  z-index: 1;
  overflow: hidden;
}
.bg-with-overlay::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: #1c1130;
  opacity: 0.7; /* adjust for darker/lighter effect */
  z-index: 2;
}

.bg-with-overlay > * {
  position: relative;
  z-index: 3;
}
#brainSideQuiz{
	padding: 15px;
  border: 1px solid var(--color-01);
  background: #ffead8;
}
#brainSideQuiz p{
color: var(--color-02);
}
#brainSideQuiz .form-check {
	line-height: 20px;
}
#brainSideQuiz .form-check-input[type="radio"] {
  border-radius: 5px;
border: 2px solid #ad3030 !important;
}
#brainSideQuiz .form-check-input:checked {
  background-color: #f06219;
  border-color: #f06219;
}
.dropdown-item {
  background-color: #17c9c7;
	color: #FFFBEB;
 
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #69419e;
  background-color: #fdce28;
}
.navItem.active > .nav-link {
  color: #673F9F;
}