/* Css For TourVisor */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header/style-one/style-two
5. Main Slider/style-one/style-two
6. Intro Section
7. Welcome Section
9. Cta Section
8. Research Fields
10. Testimonial Section
11. Researches Section
12. Team Section
14. Video
15. Fact Counter
16. News Section
19. Clients Section
20. Main Footer
21. Footer Bottom
22. Research Style Two
23. Innovative Solution
24. Discover Section
25. Testimonial Section
26. Chooseus Section
27. News Style Two
28. Page Title
29. Research Page Section
30. Research Details
31. Professor Page Section
32. Professor Details
33. About Section
34. Error Section
35. Blog Page Section
36. Blog Details
37. Blog Sidebar
38. Contact Section
39. Google Map


**********************************************/


/*** 

====================================================================
  Reset
====================================================================

 ***/
* {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
}

html, body {
  margin: 0 !important;
  padding: 0 !important;
}

html {
  background: #000D19;
}


/*** 

====================================================================
  Global Settings
====================================================================

 ***/


:root{
  --theme-color: -webkit-linear-gradient(-90deg, #fe8855, #f7540b 100%);
  --secondary-color: #3554D1;
  --text-color: rgba(105, 116, 136, 1);
  --title-color: #0C264C;
  --secondary-font: 'Dancing Script', cursive;
  --text-font: 'Jost', sans-serif;
  --title-font: 'Jost', sans-serif;
}


body {
  font-size: 20px;
  color: var(--text-color);
  line-height:29px;
  font-weight:400;
  background:#ffffff;
  font-family: var(--text-font);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
  overscroll-behavior-y: none;
}

.boxed_wrapper{
  background: #ffffff;
}

  @media (min-width:1200px) {
  .container {
    max-width: 1200px;
    padding: 0px 15px;
  }
}

.large-container{
  max-width: 1710px;
  padding: 0px 15px;
  margin: 0 auto;
}

.container-fluid{
  padding: 0px;
}

.auto-container{
  position:static;
  max-width:1330px;
  padding:0px 15px;
  margin:0 auto;
}

.small-container{
  max-width:680px;
  margin:0 auto;
}

.boxed_wrapper{
  position: relative;
  margin: 0 auto;
  overflow: hidden !important;
  width: 100%;
  min-width: 300px;
}


a{
  text-decoration:none;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

a:hover{
  text-decoration:none;
  outline:none;
}

input,button,select,textarea{
  font-family: var(--text-font);
  font-weight: 400;
  font-size: 18px;
  background: transparent;
}

::-webkit-input-placeholder {
  color: inherit;
}

::-moz-input-placeholder {
  color: inherit;
}

::-ms-input-placeholder {
  color: inherit;
}

ul,li{
  list-style:none;
  padding:0px;
  margin:0px; 
}

input{
  transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus{
  outline: none;
  box-shadow: none;
  transition: all 500ms ease;
}

p{
  position: relative;
  font-family: var(--text-font);
  color: var(--text-color);
  font-weight: 400;
  margin: 0px;
  transition: all 500ms ease;
}

h1,h2,h3,h4,h5,h6{
  position:relative;
  font-family: var(--title-font);
  font-weight: 700;
  color: var(--title-color);
  margin: 0px;
  transition: all 500ms ease;
}

.centred{
  text-align: center;
}


figure{
  margin: 0px;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .7s;
  transition-property: all;
}

.row{
  --bs-gutter-x: 30px;
}

/** button **/


.theme-btn{
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  font-family: var(--title-font);
  color: #fff;
  text-align: center;
  padding: 17px 50px;
  border-radius: 5px;
  text-transform: capitalize;
  z-index: 1;
  transition: all 500ms ease;
}

.theme-btn.btn-one{
  background: var(--theme-color);
}

.theme-btn.btn-two{
  padding: 16px 30px;
  background: transparent;
  border: 1px solid #fff;
}

.theme-btn.btn-three{
  background: var(--secondary-color);
}

.theme-btn:before, .theme-btn:after {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--secondary-color);
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transform-origin: center;
  transform: scale(0) rotate(0);
  z-index: -1;
}

.theme-btn.btn-two:before, .theme-btn.btn-two:after,
.theme-btn.btn-three:before, .theme-btn.btn-three:after{
  background: var(--theme-color);
}

.theme-btn:hover:before {
  border-radius: 0;
  transform: scale(1) rotate(-180deg);
}

.theme-btn:hover:after {
  border-radius: 0;
  transform: scale(1) rotate(180deg);
}

.parallax-bg{
  position: absolute;
  left: 0px;
  top: -30%;
  width: 100%;
  height: calc(100% + 30%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


/** styled-pagination */

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

.pagination li{
  position: relative;
  display: inline-block;
  margin: 0px 8px;
}

.pagination li a{
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  height: 50px;
  width: 50px;
  line-height: 50px;
  border: 1px solid rgba(12, 38, 76, 0.10);
  text-align: center;
  color: var(--title-color);
  border-radius: 50%;
  z-index: 1;
  transition: all 500ms ease;
}

.pagination li a:hover,
.pagination li a.current{
  color: #fff;
  background: var(--secondary-color);
  border-color: var(--secondary-color);
}

.pagination li a i{
  font-size: 18px;
  font-weight: 400;
}

.mr-0{
  margin: 0px !important;
}

@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}


.sec-title{
  position: relative;
  display: block;
}

.sec-title .sub-title{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 24px;
  font-family: var(--secondary-font);
  font-weight: 500;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 10px;
}

.sec-title h2{
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 55px;
  font-weight: 700;
}

.sec-title.light h2{
  color: #fff !important;
}

.sec-title p{
  margin-top: 10px;
}


/*** 

====================================================================
                        Home-Page-One
====================================================================

***/


/* → moved to partials/header/header.css */
.owl-dots-none .owl-dots,
.owl-nav-none .owl-nav{
  display: none !important;
}

.owl-nav button{
  background: transparent;
}

.float-bob-y {
  animation-name: float-bob-y;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float-bob-y;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float-bob-y;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob-y;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob-y;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

.float-bob-x{
  animation-name: float-bob-x;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float-bob-x;
  -webkit-animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float-bob-x;
  -moz-animation-duration: 15s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob-x;
  -ms-animation-duration: 15s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob-x;
  -o-animation-duration: 15s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}


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

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


.accordion-box .block .acc-content{
  display:none;
}

.accordion-box .block .acc-content.current{
  display:block;  
}

.bg-color-1{
  background: #F5F5F5;
}

.gradient-color{
  color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.list-style-one li{
  position: relative;
  display: block;
  padding-left: 35px;
  font-size: 20px;
  line-height: 30px;
}

.list-style-one li i{
  position: absolute;
  left: 0px;
  top: 3px;
  font-size: 20px;
  color: var(--title-color);
  transition: all 500ms ease;
}

.list-style-one li a{
  display: inline-block;
  color: var(--title-color);
}

@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

.blog-btn{
  position: relative;
  display: inline-block;
  font-size: 20px;
  line-height: 24px;
  color: var(--title-color);
  background: #F5F5F5;
  border-radius: 3px;
  box-shadow: 0 0 12px 1px #fff;
  padding: 13px 30px;
}

.blog-btn:hover{
  color: #fff;
  background: var(--secondary-color);
}

.blog-btn span{
  position: relative;
  padding-right: 34px;
  position: relative;
}

.blog-btn span:before{
  position: absolute;
  content: '\e90c';
  font-family: 'icomoon';
  font-size: 13px;
  top: 4px;
  right: 0px;
}


.tabs-box .tab{
  position:relative;
  display:none;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.tabs-box .tab.active-tab{
  display:block;  
}

.tabs-box .tab{
  transform:scale(0.9,0.9) translateY(0px);
}

.tabs-box .tab.active-tab{
  transform:scale(1) translateY(0px);
}

.check-box input {
  display: none;
}

.check-box label {
  position: relative;
  font-size: 15px;
  color: #a8a9b3;
  padding-left: 24px;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 0px;
}

.check-box label i{
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  margin-right: 2px;
}

.check-box label i.light{
  background: #697488;
}

.check-box label span{
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  color: var(--title-color);
  padding-left: 8px;
}

.check-box label:before{
  position: absolute;
  content: '';
  left: 0px;
  top: 6px;
  width: 15px;
  height: 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #697488;
  background: transparent;
}

.check-box label:after {
  position: absolute;
  content: '';
  left: 4px;
  top: 10px;
  width: 7px;
  height: 7px;
  opacity: 0;
  transition: all 500ms ease;
}

.check-box input:checked + label:after {
  opacity: 1;
}


.bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down{
  position: absolute;
  background: transparent;
  padding: 0px 0px;
  left: -24px;
}

/* → moved to partials/header/header.css */
.bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down{
  top: 21px;
  border-radius: 0px;
  border: none !important;
  z-index: 1;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up{
  position: absolute;
  background: transparent;
  padding: 0px 0px;
  right: -11px;
  top: 14px;
  border: none !important;
  margin-top: 0px;
  border-radius: 0px;
  z-index: 1;
}

.bootstrap-touchspin .glyphicon-chevron-up:before {
  position: absolute;
  content: '';
  background-image: url(../images/icons/icon-2.png);
  width: 15px;
  height: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.bootstrap-touchspin .glyphicon-chevron-down:before {
  position: absolute;
  content: '';
  background-image: url(../images/icons/icon-3.png);
  width: 15px;
  height: 2px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.bootstrap-touchspin .glyphicon-chevron-up:hover:before,
.bootstrap-touchspin .glyphicon-chevron-down:hover:before{
  color: #101010;
}

.bootstrap-touchspin .input-group-btn-vertical{
  position: absolute;
  width: 100%;
}

.bootstrap-touchspin .input-group-btn-vertical i{
  top: 0px;
  left: 7px;
  font-size: inherit !important; 
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{
  margin-top: 0px;
}


.accordion{
  margin-bottom: 30px;
}

.accordion:last-child{
  margin-bottom: 0px;
}

.accordion .acc-btn{
  position: relative;
  padding: 19px 60px 19px 30px;
  cursor: pointer;
  background: #F5F5F5;
  border-radius: 5px;
}

.accordion .acc-btn.active{
  border-radius: 5px 5px 0px 0px;
}

.accordion .acc-btn h3{
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
  padding: 8px 0px 8px 137px;
}

.accordion .acc-btn.active h3{
  color: #fff;
}

.accordion .acc-btn h3 span{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 107px;
  height: 48px;
  line-height: 48px;
  background: #0C264C;
  text-align: center;
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  border-radius: 4px;
}

.accordion .acc-btn .icon-box{
  position: absolute;
  top: 37px;
  right: 45px;
  font-size: 10px;
  color: var(--title-color);
}

.accordion .acc-btn.active .icon-box{
  color: #fff;
}

.accordion .acc-btn .icon-box:before{
  position: absolute;
  content: '\e91e';
  font-family: 'icomoon';
  left: 0px;
  top: 0px;
}

.accordion .acc-btn.active .icon-box:before{
  transform: rotate(180deg);
}

.accordion .acc-content{
  padding: 30px 50px 30px 30px;
  border: 1px solid #E5E5E5;
  border-radius: 0px 0px 5px 5px;
  border-top: none;
}

.accordion .acc-content p{
  margin-bottom: 0px;
}

.default-form .form-group{
  position: relative;
  margin-bottom: 30px;
}

.default-form .form-group:last-child{
  margin-bottom: 0px;
}

.default-form .form-group input[type='text'],
.default-form .form-group input[type='email'],
.default-form .form-group textarea,
.default-form .form-group .nice-select{
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  border: 1px solid #E5E5E5;
  font-size: 18px;
  color: #6E6E6E;
  padding: 10px 30px;
  border-radius: 5px;
  transition: all 500ms ease;
}

.default-form .form-group input:focus,
.default-form .form-group textarea:focus{
  border-color: var(--secondary-color);
}

.default-form .form-group textarea{
  height: 150px;
  resize: none;
}

.default-form .form-group .select-box{
  min-height: 60px;
}

.default-form .form-group .nice-select:before{
  position: absolute;
  content: '\e91e';
  font-family: 'icomoon';
  font-size: 8px;
  top: 10px;
  right: 30px;
  color: #C4C4C4;
}


/* → moved to partials/header/header.css */