@font-face {
    font-family: 'visby_cfregular';
    src: url('../fonts/visbycf-demibold-webfont.woff2') format('woff2'),
         url('../fonts/visbycf-demibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'visby_cfregular';
    src: url('../fonts/visbycf-light-webfont.woff2') format('woff2'),
         url('../fonts/visbycf-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'visby_cfregular';
    src: url('../fonts/visbycf-medium-webfont.woff2') format('woff2'),
         url('../fonts/visbycf-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'visby_cfregular';
    src: url('../fonts/visbycf-regular-webfont.woff2') format('woff2'),
         url('../fonts/visbycf-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'visby_cfregular';
    src: url('../fonts/visbycf-thin-webfont.woff2') format('woff2'),
         url('../fonts/visbycf-thin-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'visby_cfregular';
    src: url('../fonts/visbycf-bold-webfont.woff2') format('woff2'),
         url('../fonts/visbycf-bold-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

body{
    font-family: 'visby_cfregular';
}
a{
    text-decoration: none;
}

h1,h2,h3,h4,h5{
    font-family: 'visby_cfregular';
}

p{
    font-family: 'visby_cfregular';
}
span{
    font-family: 'visby_cfregular';
}
.mb-5{
    margin-bottom:50px;
}


/* Main Header */
.main-header{
    display: flex;
    flex-direction: column;
    justify-content: center;

    width: 100%;
    height: 116px;
    
}
.dropdown-menu {
    display: none;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.main-header .navbar{
    width: 100%;
}
.main-header .navbar .navbar-frame{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
   
    gap: 10px;
    height: 47px;
    flex: none;
    order: 0;
    flex-grow: 0;
}
.main-header .navbar .navbar-frame .navbar-list{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 15px;
    height: 42px;
    flex: none;
    order: 1;
    flex-grow: 0;
}
.main-header .navbar .navbar-frame .right-menu{
    order: 2;  
}
.main-header .navbar .navbar-frame .navbar-list .nav-item .nav-link{
    color:#0E2154;
    font-size: 20px;  
    font-weight: 600;
    line-height: 30px;
    }
.main-header .navbar .navbar-frame .right-menu a{
    color:#0E2154;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}

.main-header .navbar .navbar-frame .navbar-list .nav-item-lang .nav-link-lang{
    color:#0E2154;
    padding: 10px;
    display: block;
}
.main-header .navbar .navbar-frame .navbar-collapse{
    flex-grow: 0;
}
.main-header .navbar .navbar-frame .navbar-list li.nav-item:hover {
   
    transition: 0.6s;
}
.main-header .navbar .navbar-frame .navbar-list li.nav-item-lang:hover .nav-link-lang{
   
    transition: 0.6s;
}
.main-header .navbar .navbar-frame .navbar-list li.nav-item{
    transition: 0.6s;
}
.main-header .navbar .navbar-frame .navbar-list .dropdown{
    position: unset;
}
.main-header .navbar .navbar-frame .navbar-list .dropdown-menu {
    border:none;
    border-top: 1px solid #C8C8C8;
    color: #0E2154;
    border-radius: 0px;
    right: 0px;
    background: none;
    left: 0px;
    padding:0px 0px;
}

.mega-menu-container {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    padding-top: 20px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(222 222 222 / 75%);
    -moz-box-shadow: 0px 0px 5px 0px rgb(222 222 222 / 75%);
    box-shadow: 0px 3px 5px 0px rgb(222 222 222 / 75%);
}

.main-header .navbar .navbar-frame .navbar-list .dropdown-item{
    transition: 0.4s;
    color: #0E2154;
    font-size: 14px;
    padding: 0px !important;
}
.main-header .navbar .navbar-frame .navbar-list .dropdown-toggle::after {
    display: none;
}
.main-header .navbar .navbar-frame .navbar-list .dropdown-menu-full {
    left: 0;
    right: 0;
    border-radius: 0;
    margin-top: 0px;
    transition: 0.4s;
}
.main-header .navbar .navbar-frame .navbar-list .dropdown-menu-full .menu-box {
    padding: 7px 5px;
}
.main-header .navbar .navbar-frame .navbar-list .dropdown-menu-content{
   display: flex;
   padding:7px !important;
   border-radius: 10px;
   transition: 0.4s;
    
}
.main-header .navbar .navbar-frame .navbar-list .dropdown-menu-content h4{
    color: #0E2154;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 0px;
}
.main-header .navbar .navbar-frame .navbar-list .dropdown-menu-content p{ margin-bottom: 0px; color: #0E2154; font-weight: 500; font-size: 16px; }
.main-header .navbar .navbar-frame .navbar-list .dropdown-menu h3{
    color: rgba(14, 33, 84, 0.80);
    font-size: 24px;
    font-family: "visby_cfregular";
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    text-decoration-line: underline;
}
.main-header .navbar .navbar-frame .navbar-list .dropdown-menu-content:hover{
   background-color: #e9ebf0;
   transition: 0.4s;
}
.main-header .navbar .navbar-frame .navbar-list .dropdown-menu-content .menu-content-icon{
    margin-right: 10px;
}

.top-demo{
    background-color:#DBFD1C;
    padding: 5px;
    transition: 0.4s;
}

.top-demo .demo-text{
    display: flex;
    text-align: right;
    justify-content: end;
    gap: 10px;
}
.top-demo .demo-text p{
    margin-bottom: 0px !important;
}

.top-demo .demo-text p span{
    font-family: 'visby_cfregular';
}
.top-demo .demo-text .demo-btn {
    display: flex;
    height: 27px;
    padding: 0px 12px;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    border-radius: 20px;
    background: #0E2154;
    color: white;
    line-height: 27px;
}
.top-demo .demo-text #close-demo{
    cursor: pointer;
}

.banner-section{
    display: flex;
    position: relative;
}
.banner-section .container{
    position: relative;
}
.banner-section .banner-content h2{
    color: #0E2154;
    font-size: 64px;
    font-style: normal;
    font-family: 'visby_cfregular';
    font-weight: 500;
    line-height: 72px;
}
.banner-section .banner-content h2 strong{
    
    font-family: 'visby_cfregular';
   
}
.banner-section .banner-content p{
    color: #0E2154;
    font-size: 24px;
    font-style: normal;
    margin-top:20px;
    font-weight: 500;
    line-height: normal;
}
.banner-section .banner-content {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 550px;
    padding: 65px 0px;
}
.banner-section .banner-content input{
    display: flex; 
    width: 100%;
    padding: 0.6rem 2.25rem;
    align-items: center;
    border-radius: 0.625rem;
    border: 1px solid #0E2154;
}

.sub-banner-content-submit {
	display:flex;
}

.faq-section .faq-title input{
    display: flex;
    width: 100%;
    padding: 0.8rem 2.25rem;
    align-items: center;
    border-radius: 0.625rem;
    border: 1px solid #0E2154;
}
.banner-section .banner-content .banner-content-btns{
    width: 100%;
    justify-content: space-between;
    display: flex;
    gap: 16px;
}
.faq-section .faq-content .faq-title-content .banner-content-btns{
    width: 100%;
    gap:32px;
    display: flex;
}
.banner-section .banner-flex{
    display: flex;
  
}
.sub-line-a{
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.faq-section .sub-line-a{
    text-align: start;
}
.sub-line{
    color: #0E2154;
    text-decoration: underline;
    transition: 0.4s
}
.sub-line:hover{
    color: #8FC0FF;
   transition: 0.4s;
}
.btn-gurulize {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 0.625rem;
    background: #0E2154;
    width: 100%;
    color: #ffffff;
    border: none;
    transition: 0.4s;
}
.btn-gurulize:hover{
    transition: 0.4s;
    background: #DBFD1C;
    color: #0E2154;
}

.btn-gurulize-hover:hover{
    transition: 0.4s;
    background: #DBFD1C;
    color: #0E2154;
}

.banner-section .banner-flex .banner-img{
    position: absolute;
    right: 0px;
    top: 70px;
}
.banner-section .banner-flex .banner-img img{
    max-width: 100%;
}
.banner-section .banner-box{
    position: absolute;
    bottom: 0;
    right: 0%;
    border-radius: 50px;
    background: #0E2154;
    height: 158px;
    padding: 10px 46px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    display: inline-flex;
}
.banner-section .banner-box .banner-box-inside{
    position: relative;
}
.banner-section .banner-box .banner-box-inside .banner-box-click{
    position: absolute;
    right: -50px;
    top: -10px;
    width: 60px;
    height: 60px;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 15px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);

}
.banner-section .banner-box .banner-box-inside .banner-box-flex{
    display: flex;
    gap: 15px;
    align-items: center;
}
.banner-section .banner-box .banner-box-inside .banner-box-flex .banner-box-content{
    width:125px;
}
.banner-section .banner-box .banner-box-inside .banner-box-flex .banner-box-content p{
    color: #FFF;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px;
    padding-top: 30px;
}
.banner-section .banner-box .banner-box-inside .banner-box-flex .banner-box-content p span{
   color:#DBFD1C;
}

.slider-section{
    padding-top: 40px;
}

.slider-section .inside-slider-box{
    display: flex;
    position: relative;
    padding: 60px 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
    flex-shrink: 0;
    border-radius: 40px;
    background: linear-gradient(180deg, #F1F2F2 0%, rgba(255, 255, 255, 0.00) 100%);
}
.slider-section .inside-slider-box .slider-box-title h2{
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    font-family: 'visby_cfregular';
    color: #0E2154;
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.slider-section .inside-slider-box .slider-box-content {
    display: flex;
    align-items: flex-start;
    z-index: 1;
    position: relative;
    gap: 6px;
}
.slider-image-content{
    z-index: 1;
    position: relative;
}
.slider-section .inside-slider-box .slider-box-content .slider-box-content-icon{
    display: flex;
    width: 215px;
    padding: 20px 15px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}
.nav-tabs{
    border-bottom: none !important;
}
.nav-tabs .nav-link {
    border:none !important;
}
.tab-content>.active {
    transition: all 0.4s;
}
.tab-content>.tab-pane {
    transition: all 0.4s;
}
.slider-section .inside-slider-box .slider-box-content .nav-item{
    border-radius: 15px;
}

.slider-section .inside-slider-box .slider-box-content .nav-item.active {
    background-color: #0E2154 !important;
    transition: all 0.4s;
    
}
.slider-section .inside-slider-box .slider-box-content .nav-item:hover{
    background: rgba(14, 33, 84, 0.09);
    transition: all 0.4s;
}
.slider-section .inside-slider-box .slider-box-content .nav-item.active .icon-text p {
    color: #ffffff;
}
.slider-section .inside-slider-box .slider-box-content  .icon-box{
    display: flex;
    width: 90px;
    height: 90px;
    transform: rotate(0.504deg);
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 59px;
    background: #8FC0FF;
}



.mbile-section  .icon-box{
    display: flex;
    width: 90px;
    height: 90px;
    transform: rotate(0.504deg);
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 59px;
    background: #8FC0FF;
}
.mbile-section .icon-text{
    margin-top:15px;
    text-align: center;
}
.mbile-section  .icon-text p{
    color: #0E2154;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}
.mbile-section .slider-flex .slider-content  h2{
    color: #0E2154;
    font-family: 'visby_cfregular';
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 72px;
 }
 .mbile-section .slider-flex .slider-content  h2 strong{
    font-family: 'visby_cfregular';
    font-weight: 500;
 }
 .mbile-section .slider-box-content-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.mbile-section .slider-img{
    display: flex;
    justify-content: center;
}
.mbile-section .slick-slide{
   padding:0px 10px;
}
.slider-section.mbile-section .inside-slider-box {
    gap: 20px;
}
.slider-section .inside-slider-box .slider-box-content  .icon-text{
    margin-top:15px;
    text-align: center;
}

.slider-section .inside-slider-box .slider-box-content  .icon-text p{
    color: #0E2154;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}
.slider-section .inside-slider-box .slider-image-content .slider-flex{
    display: flex;
}
.slider-section .inside-slider-box .slider-image-content .slider-flex .slider-content{
   padding: 0px 30px;
}
.slider-section .inside-slider-box .slider-image-content .slider-flex .slider-content  h2{
    color: #0E2154;
    font-family: 'visby_cfregular';
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 72px;
 }
 .slider-section .inside-slider-box .slider-image-content .slider-flex .slider-content  h2 strong{
    font-family: 'visby_cfregular';
    font-weight: 500;
 }
 .slider-section .inside-slider-box .slider-image-content .slider-flex .slider-content  p{
    display: flex;
    flex-direction: column;
    color: #0E2154;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 25px;    
 }
 .slider-section .inside-slider-box .slider-image-content .slider-flex .slider-content .slider-content-btns{
    width: 240px;
    margin-top: 40px;
 }
 


 .clients-section{
    display: inline-flex;
    padding: 30px;
    margin-top: 60px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
 }
 .clients-section .clients-slider{
    display: flex;
    align-items: center;
    gap: 40px;
    width: 100%;
 }
 .clients-section .slick-slider .slick-track{
    display: flex;
    align-items: center;
 }
 .clients-section .slick-slider img{
    width: 180px;
    filter: grayscale(1) opacity(0.6);
 }



 .about-us-section{
    margin-top: 65px;
    background-image: url('../images/BackGroundVector.png');
    background-position: center center;
    background-size: cover;
 }
 .about-us-section.no-bg-about{
    background-image: none !important;
    margin-top:0px;
 }
 .about-us-section .top-aboutus{
    padding: 100px 0px
 }
 .about-us-section.no-bg-about .top-aboutus{
    padding: 60px 0px
 }
 .about-us-section .top-aboutus .top-about-content{
    position: relative;
    display: flex;
    justify-content: space-between;
 }
 .about-us-section .top-aboutus .top-about-content .top-about-title h3{
    display: flex;
    width: 457px;
    height: 235px;
    flex-direction: column;
    flex-shrink: 0;
    color: #0E2154;
    font-family: 'visby_cfregular';
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 72px;
 }
 .about-us-section.no-bg-about .top-aboutus .top-about-content .top-about-title h3{
    width: auto;
    height: auto;
 }
 .about-us-section .top-aboutus .top-about-content .top-about-title h3 span{
    font-family: 'visby_cfregular';
    font-weight: 600;
    width: 70%;
 }
 .about-us-section .top-aboutus .top-about-content .top-about-title-p{
   display: grid;
  }
  .about-us-section .top-aboutus .top-about-content .top-about-title-p .top-about-p {
    display: flex;
    width: 46%;
    height: 149px;
    flex-direction: column;
    flex-shrink: 0;
    margin-left: 180px;
    margin-top: -190px;
  }
 .about-us-section.no-bg-about .top-aboutus .top-about-content  .top-about-title-p .top-about-p{
    margin-top: -75px;
    width: auto;
    height: auto;
    margin-left: 400px;
 }
 .about-us-section .top-aboutus .top-about-content  .top-about-title-p .top-about-p p{
    color: #0E2154;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
 }
 .about-us-section .top-aboutus .top-about-boxs{
    margin-top: -50px;
    position: relative;
    z-index: 99;
 }
 .about-us-section .top-aboutus .top-about-boxs .about-box{
    display: flex;
    padding: 30px 23px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    border-radius: 15px;
    background: #FFF;
    min-height: 240px;
    transition: all 0.4s;
 }
 .about-us-section .top-aboutus .top-about-boxs .about-box:hover .box-title{
    padding: 0px 18px;
    transition: all 0.4s;
 }
 .about-us-section .top-aboutus .top-about-boxs .about-box .box-title{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    align-content: center;
 }
 .about-us-section .top-aboutus .top-about-boxs .about-box .box-title h5{
    margin-bottom:0px;
    color: #0E2154;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
 }
 .about-us-section .top-aboutus .top-about-boxs .about-box p{
    color: #0E2154;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
 }

 .about-us-section .top-aboutus .top-about-boxs .about-box .box-content .about-btn{
    color: #0E2154;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    gap: 10px;
    display: flex;
    margin-top:15px;
}
.about-us-section .top-aboutus .top-about-boxs .about-box .about-btn:hover img {
    transition: 0.5s;
    transform: rotate(-45deg);
}
.about-us-section .bottom-about-us{
    display: flex;
    padding: 100px 0 200px;
    justify-content: space-between;
}
.about-us-section .bottom-about-us .bottom-about-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.about-us-section .bottom-about-us .bottom-about-content .bottom-about-text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    width: 457px;
}
.about-us-section .bottom-about-us .bottom-about-content .bottom-about-text h3{
    color: #FFF;
    font-family: 'visby_cfregular';
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 72px;
}
.about-us-section .bottom-about-us .bottom-about-content .bottom-about-text h3 span{
    color: #FFF;
    font-family: 'visby_cfregular';
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px;
}
.about-us-section .bottom-about-us .bottom-about-content .bottom-about-text p {
    color: #FFF;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.about-us-section .bottom-about-us .bottom-about-content .bottom-about-btn .btn-gurulize.btn-yellow{
    display: flex;
    padding: 15px 80px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #DBFD1C;
    color:#0E2154;
}
.btn-yellow{
    transition: 0.4s;
}
.btn-yellow:hover{
    background: #8FC0FF !important;
   
    transition: 0.4s;
}
.about-us-section .bottom-about-us  .bottom-about-icon{
    width: 258px;
    height: 514px;
    transform: rotate(-45deg);
} 




.marketing-section {
    padding: 30px 0px 60px;
}
.marketing-section .marketing-box{
    display: flex;
   
    padding: 75px 88px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background: #8FC0FF;
}
.marketing-section .marketing-box .marketing-content{
    max-width: 572px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
}
.marketing-section .marketing-box .marketing-content .marketing-text h3 {
    color: #0E2154;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 70px;
}
.marketing-section .marketing-box .marketing-content .marketing-text h3 span{
    font-weight: 600;
}
.marketing-section .marketing-box .marketing-content .marketing-text p {
    color: #0E2154;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
}
.marketing-section .marketing-box .marketing-content .marketing-btn .btn-gurulize{
    display: flex;
    padding: 15px 80px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.marketing-section .marketing-box .marketing-img{
    position: absolute;
    right: 0px;
    bottom: 0;
}

.prof-section{
    padding:100px 0px;
}
.prof-section .prof-box{
    display: inline-flex;
    align-items: center;
    gap: 43px;
}
.prof-section .prof-box .prof-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}
.prof-section .prof-box .prof-content .prof-text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.prof-section .prof-box .prof-content .prof-text h3{
    color: #0E2154;
    font-size: 77px;
    font-style: normal;
    font-weight: 500;
    line-height: 72px;
}
.prof-section .prof-box .prof-content .prof-text p{
    color: #0E2154;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.prof-section .prof-box .prof-content .prof-btn .btn-gurulize{
    display: flex;
    padding: 15px 80px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.visit-section{
    margin-top: 50px;
    margin-bottom:100px;
    padding: 10px 0;
    background: linear-gradient(0deg, rgba(14, 33, 84, 0.80) 0%, rgba(14, 33, 84, 0.80) 100%), url('../images/visitedimg.jpeg'), lightgray 50% / cover no-repeat;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.visit-section.main-page{
    margin-bottom:90px;
    margin-top:0px;
}
.visit-section.main-page{
    background: none;
}
.visit-section .visit-box{
    padding: 10px 0;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    display: flex;
}
.visit-section .visit-box .visit-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}
.visit-section .visit-box .visit-content .visit-text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.visit-section .visit-box .visit-content .visit-text h3{
    color: #0E2154;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 70px;
    font-family: 'visby_cfregular';
}
.visit-section .visit-box .visit-content .visit-text h3 span{
    font-weight: 600;
}
.visit-section .visit-box .visit-content .visit-text p{
    color: #0E2154;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.visit-section .visit-box .visit-content .visit-btn .btn-gurulize.btn-yellow{
    background-color: #0E2154;
    color: #FFFFFF;

}
.visit-section .visit-box .visit-img{
    margin-right: -90px;
}
.visit-section.main-page .visit-box .visit-img{
    margin-right:0px;
}



.comment-slider-section{
    padding: 80px 0px 0px;
}
.comment-slider-section .comment-slider-content{
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
    width: 100%;
}
.comment-slider-section .comment-slider-content .comment-text{
    width: 590px;
}
.comment-slider-section .comment-slider-content .comment-text h3 {
    color: #0E2154;
    font-size: 47px;
    font-style: normal;
    font-weight: 400;
    line-height: 67px;
}
.comment-slider-section .comment-slider-content .comment-text h3 span{ font-weight: 600; }
.comment-slider-section .comment-slider-content .comment-text p{
    color: #0E2154;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    font-family: 'visby_cfregular';
    line-height: normal;
}
.comment-slider-section .comment-slider-content .slider-text-all{
    width: 50%;
}
.comment-slider-section .comment-slider-content .slider-text-all .arrow-class {
    display: flex;
    gap: 20px;
    margin-top: 5px;
}

.comment-slider-section .swiper .swiper-wrapper .swiper-slide-img{
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
}
.comment-slider-section .comment-img-slider {
    width: 50%;
}
.comment-slider-section .comment-img-slider .swiper-slide{
    transform: rotate(6.084deg);
flex-shrink: 0; 
border-radius: 20px;
}
.blog-section {
    padding: 100px 0px 60px;

}
.blog-section .blog-all{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}
.blog-section .blog-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.blog-section .blog-title h3{
    color: #0E2154;
    font-family: 'visby_cfregular';
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px; 
}
.blog-section .blog-title p{
    color: #0E2154;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.blog-section .blog-box{
    display: flex;
    padding: 20px;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}
.blog-section .blog-box .blog-box-img {
    width: 100%;
}
.blog-section .blog-box .blog-box-img img{
    width: 100%;

}
.blog-section .blog-box h4{
    color: #0E2154;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-family: 'visby_cfregular';
}
.blog-section .blog-box p {
    color: #0E2154;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px!important;
    font-family: 'visby_cfregular';
}
.blog-section .blog-box .about-btn{
    color: #0E2154;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    gap: 10px;
    display: flex;
    
}
.blog-section .blog-other-btn .about-btn {
    color: #0E2154;
    font-size: 30px;
    font-style: normal;
    font-family: 'visby_cfregular';
    font-weight: 600;
    line-height: 40px;
    gap: 10px;
    display: flex;
}
.blog-section .blog-text-btn img{
    transition: 0.5s;
}
.blog-section .blog-text-btn:hover img{
    transition: 0.5s;
    transform: rotate(-45deg);
}
.blog-section .blog-other-btn .about-btn img{
    transition: 0.5s;
}
.blog-section .blog-other-btn .about-btn:hover img{
    transform: rotate(-45deg);
    transition: 0.5s;
}

.expert-section{
    margin-top: 60px;
    
    padding: 10px 0;
    background:  url('../images/acc52b55ac2e3551f4a0aa33411b94aa.jpeg');
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.expert-section .sub-line-a .sub-line {
    color: #FFFFFF;
    transition: 0.4s;
}
.expert-section .sub-line-a .sub-line:hover {
    color:#DBFD1C;
    transition: 0.4s;
}
.expert-section .expert-box{
    padding: 100px 0;
    justify-content: center;
    
    gap: 10px;
    flex-shrink: 0;
    display: flex;
}
.expert-section .expert-box .expert-content{
    display: flex;
    gap: 18px;
    text-align: center;
    justify-content: center;
    flex-direction: column;
}

.expert-section .expert-box .expert-content .expert-text h3{
    color: #ffffff;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    font-family: 'visby_cfregular';
    line-height: 72px;
    margin-bottom: 25px;
}
.expert-section .expert-box .expert-content .expert-text h3 span{ font-weight: 600; } 
.expert-section .expert-box .expert-content .expert-text p{
    color: #ffffff;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.expert-section .expert-box .expert-content  .btn-last{
    display: flex;
    justify-content: center;
}
.expert-section .expert-box .expert-content .btn-gurulize.btn-yellow{
    background-color: #8FC0FF;
    color: #0E2154;
    width: 400px !important;
    transition: 0.4s;
}
.expert-section .expert-box .expert-content .btn-gurulize.btn-yellow:hover{
    background-color: #DBFD1C !important;
    transition: 0.4s;
}
.expert-section .expert-box .expert-img{
    margin-right: -90px;
}


.expert-2-section{
    margin-top: 60px;
    padding: 10px 0;
    background:  url('../images/87c.jpeg');
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.expert-2-section .expert-box{
    padding: 100px 0;
    justify-content: center;
    
    gap: 10px;
    flex-shrink: 0;
    display: flex;
}
.expert-2-section .expert-box .expert-content{
    display: flex;
    gap: 40px;
    text-align: center;
    justify-content: center;
    flex-direction: column;
}

.expert-2-section .expert-box .expert-content .expert-text h3{
    color: #ffffff;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 70px;
    margin-bottom: 30px;
    font-family: 'visby_cfregular';
}

.expert-2-section .expert-box .expert-content .expert-text h3 span{
    font-weight: 600;
}
.expert-2-section .expert-box .expert-content .expert-text p{
    color: #ffffff;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.expert-2-section .expert-box .expert-content .expert-text p span{
    font-weight: 600;
}
.expert-2-section .expert-box .expert-content  .btn-last{
    display: flex;
    justify-content: center;
}
.expert-2-section .expert-box .expert-content .btn-gurulize.btn-yellow{
    background-color: #8FC0FF;
    color: #0E2154;
    width: 400px !important;
    transition: 0.4s;
}
.expert-2-section .expert-box .expert-content .btn-gurulize.btn-yellow:hover{
    background-color: #DBFD1C !important;
    transition: 0.4s;
}
.expert-2-section .expert-box .expert-img{
    margin-right: -90px;
}

.footer-section{
    display: flex;
    padding: 60px 0px;
    justify-content: center;
    align-items: center;
    background: #0E2154;
}
.footer-section ul{
    list-style: none;
    padding-left: 0px;
}
.footer-section .footerlogo-col{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
}
.footer-section .footerlogo-col .footer-logo{
    width: 165px;
}
.footer-section .footerlogo-col .footerlogo-p{
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; 
}
.footer-section .footerlogo-col .footerlogo-social{
    display: flex;

}
.footer-section .footerlogo-col .footerlogo-social ul{
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding-left: 0px;
}
.footer-section .footerlogo-col .footerlogo-social ul li img{
    display: flex;
    width: 35px;
    height: 35px;
    padding: 5px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 9px;
    border: 2px solid #FFF;
}
.footer-section .footer-title h4{
    color: #FFF;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}
.footer-section .footer-list ul li a {
    color: #FFF;
    font-size: 17px;
    font-family: 'visby_cfregular';
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    transition: 0.4s;
}
.footer-section .footer-list ul li a:hover{
    color: #DBFD1C !important;
    transition: 0.4s;
}
.footer-section .footer-list ul{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.menu-content-text a{
    color:#0E2154;
}

.sub-banner-section{
    display: flex;
    position: relative;
}
.sub-banner-section .sub-banner-content h2{
    color: #0E2154;
    font-size: 60px;
    font-style: normal;
    font-family: 'visby_cfregular';
    font-weight: 400;
    line-height: 72px;
}
.sub-banner-section  .sub-banner-title{
    background: url('../images/background-banner.png');
    background-position: center;
    background-size: 100%;
    background-repeat-y: no-repeat;
}
.sub-banner-section .sub-banner-content h2 strong{
    font-family: 'visby_cfregular';
    font-weight: 600;
}
.sub-banner-section .sub-banner-content p{
    color: #0E2154;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.sub-banner-section .sub-banner-content {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 990px;
    padding: 65px 0px;
    gap: 30px;
}
.sub-banner-section .sub-banner-content input{
    display: flex;
    width: 400px;
    padding: 0.6rem 2.25rem;
    align-items: center;
    border-radius: 0.625rem;
    border: 1px solid #0E2154;
}
.sub-banner-section .sub-banner-content .sub-banner-content-btns{
    display: flex;
    gap: 15px;
}

.sub-banner-section .sub-banner-content .sub-banner-content-btns{
    width: 100%;
   
    display: flex;
}
.sub-banner-section .sub-banner-flex{
    display: flex;
    position: relative;
}

.sub-banner-section .sub-banner-flex .sub-banner-img{
    position: absolute;
    margin-left: -50px;
}

.info-section{
    padding:100px 0px

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

.info-section .info-content .info-title h4{
    color: #0E2154;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}
.info-section .info-content .info-title h4 span{ font-weight: 600; }
.info-section .info-content .info-text p{
    color: #0E2154;
    text-align: right;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.info-section .info-content .info-text p span{ font-weight: 600; }


.p-about-section .p-about-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 54px;
}
.p-about-section .p-about-content .p-about-title-content {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
}
.p-about-section .p-about-content .p-about-title-content .p-about-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.p-about-section .p-about-content .p-about-title-content .p-about-title h3{
    color: #0E2154;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 72px;
}
.p-about-section .p-about-content .p-about-title-content .p-about-title h3 span{ font-weight: 600; }
.p-about-section .p-about-content .p-about-title-content .p-about-title p{
    color: #0E2154;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.p-about-section .p-about-content .p-about-box-list{
    display: flex;
    gap: 16px;
}
.p-about-section .p-about-content .p-about-box-list .p-about-box h4{
    color: #0E2154;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
}
.p-about-section .p-about-content .p-about-box-list .p-about-box{
    display: flex;
    padding: 30px 37px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    margin-top: 30px;
    border-radius: 31px;
    background: #E1EEFF;
    min-height: 314px;
}
.expert-p-about.p-about-section .p-about-content .p-about-box-list .p-about-box{
    display: flex;
    padding: 30px 37px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    margin-top: 30px;
    border-radius: 31px;
    background: #E1EEFF;
    min-height: 314px;
}
.p-about-section .p-about-content .p-about-box-list .p-about-box p {
    color: #0E2154;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.p-about-btn .about-btn{
    color: #0E2154;
    font-size: 35px;
    font-style: normal;
    font-family: 'visby_cfregular';
    font-weight: 600;
    line-height: 40px;
    gap: 10px;
    display: flex;
    
}
.p-about-btn .about-btn img{
    transition: 0.5s;
}
.p-about-btn .about-btn:hover img{
    transform: rotate(-45deg);
    transition: 0.5s;
}





.p-comment-section{
    padding: 100px 0px;
}
.p-comment-section .p-comment-content{
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 55px;
    flex-shrink: 0;
    width:100%;
}
.p-comment-section .p-comment-content  .p-comment-title{      
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
}
.p-comment-section .p-comment-content  .p-comment-title .p-comment-title-h{
    background: url('../images/background-banner.png');
    background-position: center;
    background-size: 100%;
    background-repeat-y: no-repeat;
    width: 656px;
}
.p-comment-section .p-comment-content  .p-comment-title .p-comment-title-h h3{
    color: #0E2154;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px;
}
.p-comment-section .p-comment-content  .p-comment-title p{
    color: #0E2154;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.p-comment-section .p-comment-content .p-comment-list{
    width:100%;
}
.p-comment-section .p-comment-content .p-comment-list .p-comment-box{
    border-radius: 20px;
    display: flex;
    padding: 20px 15px;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    gap: 30px;
    background: #FFF;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}
.p-comment-section .p-comment-content .p-comment-list .p-comment-box.side-box{
    margin-top: 75px;
}
.p-comment-section .p-comment-content .p-comment-list .p-comment-box .p-comment-box-title{
    gap: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.p-comment-section .p-comment-content .p-comment-list .p-comment-box .p-comment-box-title .logocomment{
    width: 165px;
}
.p-comment-section .p-comment-content .p-comment-list .p-comment-box .p-comment-box-title .arrow{
    width: 28px;
    height: 14px;  
}
.p-comment-section .p-comment-content .p-comment-list .p-comment-box .p-comment-box-text p{
    color: #0E2154;

font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.p-comment-section .p-comment-content .p-comment-list .p-comment-box .p-comment-box-name p{
    color: #0E2154;

font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.p-comment-section .p-comment-content .p-comment-list .p-comment-box .p-comment-box-name h5 {
    color: #0E2154;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.p-comment-section .p-comment-content .p-comment-list .p-comment-box .p-comment-box-img {
    position: absolute;
    right: 10px;
    bottom: 20px;
    border-radius: 50%;
    background: url('../images/comment.jpeg'), lightgray 50%;
    background-size: cover;
    background-position: center;
    width: 25%;
    height: 25%;
    background-repeat: no-repeat;



}



.panel-section{
    padding: 100px 0px;
    background-image: url(../images/background-panel.png);
    background-repeat: no-repeat;
    background-position-y: 165px;
}

.panel-section .panel-content{
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
}
.panel-section .panel-content .panel-title{
    background: url('../images/background-banner.png');
    background-position: center;
    background-size: 100%;
    background-repeat-y: no-repeat;
}
.panel-section .panel-content .panel-title h3{
    color: #0E2154;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px; 
}
.panel-section .panel-content .panel-box-list {
    display: flex;
    align-items: flex-start;
    gap: 32px;

}
.panel-section .panel-content .panel-box-list .panel-box{
    display: flex;
    padding: 30px;
    align-items: flex-start;
    gap: 10px;
    flex-direction: column;
    border-radius: 30px;
    margin-top: 30px;
    background: #FFF;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}
.panel-section .panel-content .panel-box-list .panel-box .box-image{
    width: 100%;

}
.panel-section .panel-content .panel-box-list .panel-box .box-image img{
    width: 100%;
    border-radius: 15px;
}
.panel-section .panel-content .panel-box-list .panel-box .box-title h4 {
    color: #0E2154;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
}
.panel-section .panel-content .panel-box-list .panel-box .box-text p{
    color: #0E2154;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    min-height: 96px;
}





.solutions-section{
   padding: 100px 0px 0px;
}
.solutions-section .solutions-content{
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 40px;
}
.solutions-section .solutions-content .solutions-title{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;  
}
.solutions-section .solutions-content .solutions-title h4{
    color: rgba(14, 33, 84, 0.90);
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.solutions-section .solutions-content .solutions-title h3{
    color: #0E2154;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px;
    font-family: 'visby_cfregular';
}
.solutions-section .solutions-content .solutions-title p{
    color: #0E2154;
    font-size: 24px;
    font-style: normal;
    font-family: 'visby_cfregular';
    font-weight: 500;
    line-height: normal;
}
.solutions-section .solutions-content .solutions-list .solutions-box{
    display: flex;
    padding: 40px 26px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    border-radius: 20px;
    background: #8FC0FF;
}
.solutions-section .solutions-content .solutions-list .solutions-box h5{
    color: #0E2154;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.solutions-section .solutions-content .solutions-list .solutions-box p{
    color: #0E2154;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    min-height: 200px;
}






.price-list-section{
    padding: 80px 0px;
}
.price-list-section .price-list-content{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;                                      
}
.price-list-section .price-list-content .price-list-title{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.price-list-section .price-list-content .price-list-title .price-list-h{
    background: url('../images/background-banner.png');
    background-position: center;
    background-size: 100%;
    background-repeat-y: no-repeat;
}
.price-list-section .price-list-content .price-list-title .price-list-h h1{
    color: #0E2154;
    font-size: 62px;
    font-family: 'visby_cfregular';
    font-style: normal;
    font-weight: 600;
    line-height: 60px;    
}
.price-list-section .price-list-content .price-list-title .price-list-p p{
    color: #0E2154;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.price-list-section .price-list-content .price-list-sub-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
}
.price-list-section .price-list-content .price-list-sub-content .price-list-buttons{
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.price-list-section .price-list-content .price-list-sub-content .price-list-buttons button{
    width: auto;
}


.price-list-section .price-list-content .price-list-sub-content .price-list-buttons .btn-chose.chose{
    display: flex;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background-color: #ffffff;
    color:rgba(14, 33, 84, 0.20);;
}

.no-chose {
    background: #e1eeff;
}

.banner-content-submit {
  display: flex;
}

span.user-count {
    font-family: sans-serif;
}

.billing-period {

    width: 100%;
    text-align: center;
    font-family: visby_cfregular;
    color: #0E2154;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
	
}

.price-list-section .price-list-content .price-list-sub-content .price-list-buttons span{
    display: flex;
    height: 30px;
    width: 110px;
    padding: 10px;
    font-size:15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    background: #ACFF8F;

}

.price-list-section .price-list-content .price-list-sub-content .price-list-box-list{
    display: flex;
    align-items: flex-start;
    gap: 16px;
}
.price-list-section .price-list-content .price-list-sub-content .price-list-box-list .price-list-box{
    display: flex;
    /*height: 100%;*/
    padding: 30px 20px;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, 0.25);
	flex-grow: 1;
}
.price-list-section .price-list-content .price-list-sub-content .price-list-box-list .price-list-box.active-box{   
    background: #E1EEFF;
}
.price-list-section .price-list-content .price-list-sub-content .price-list-box-list .price-list-box .price-list-title-top{
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 20px;
    flex-wrap: wrap;
	width: 100%;
}

.price-list-section .price-list-content .price-list-sub-content .price-list-box-list .price-list-box .price-list-title-top .price-list-box-title{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-grow: 1;
	height: 150px;
	width: 100%;
}

.price-list-section .price-list-content .price-list-sub-content .price-list-box-list .price-list-box .price-list-title-top .price-list-box-title h3{
    color: #0E2154;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.price-list-section .price-list-content .price-list-sub-content .price-list-box-list .price-list-box .price-list-title-top .price-list-box-title p{
    color: #0E2154;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.price-list-section .price-list-content .price-list-sub-content .price-list-box-list .price-list-box .price-list-title-top .price-list-box-price{
    display: inline-flex;
    align-items: center;
		flex-flow: wrap;
}
.price-list-section .price-list-content .price-list-sub-content .price-list-box-list .price-list-box .price-list-title-top .price-list-box-price .price-money p{
    color: #0E2154;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 60px;
}
.price-list-section .price-list-content .price-list-sub-content .price-list-box-list .price-list-box .price-list-title-top .price-list-box-price .price-time{
    display: flex;
    flex-direction: column;
	margin-top: -14px;
}
.price-list-section .price-list-content .price-list-sub-content .price-list-box-list .price-list-box .price-list-title-top .price-list-box-price .price-time p{
    margin-bottom:2px !important; 
    color: #0E2154;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
}
.price-list-section .price-list-content .price-list-sub-content .price-list-box-list .price-list-box .price-list-title-btn{
    width: 100%;    
}
.price-list-section .price-list-content .price-list-sub-content .price-list-box-list .price-list-box .price-list-bottom{
    width: 100%;
	flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.price-list-section .price-list-content .price-list-sub-content .price-list-box-list .price-list-box .price-list-bottom .price-list-bottom-ul ul{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    list-style: none;
    flex-shrink: 0;
    padding: 0;
    margin-top: 10px;
}
.price-list-section .price-list-content .price-list-sub-content .price-list-box-list .price-list-box .price-list-bottom .price-list-bottom-ul ul li{
    position: relative; 
    padding-left: 25px; 
    line-height: 1.6; 
    background-image: url('../images/gurulize-tik.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: left 3px;
    margin-top:10px; 
    color: #0E2154;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
	padding-top: 2px;
}
.price-list-section .price-list-content .price-list-sub-content .price-list-box-list .price-list-box .price-list-bottom .price-list-bottom-ul .price-list-adduser{
    display: flex;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    justify-content: space-between;
    width: 100%;
    padding:0px 5px;
    align-items: center;
    align-content: center;
    margin-top: 10px;
}
.price-list-section .price-list-content .price-list-sub-content .price-list-box-list .price-list-box .price-list-bottom .price-list-bottom-ul .price-list-adduser p{
    color: #0E2154; 
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: revert;
    padding-top: 2px;
    padding-left: 6px;
    padding-right: 6px;
}
.btn-gurulize.btn-negative{
    width: 25px;
    height: 25px;
    padding: 0px;
    border-radius: 5px;
}
.btn-gurulize.btn-positive{
    width: 25px;
    height: 25px;
    padding: 0px;
    border-radius: 5px;
}
.plan-section{
    padding:0px;
}
.plan-section .plan-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.plan-section .plan-content .plan-top-btn{
    width:230px;
}
.plan-section .plan-content .plan-top-btn .btn-pln{
   display: flex;
   justify-content: space-between;
}
.plan-section .plan-content .plan-top-btn .btn-pln:hover span img{
   filter: brightness(0.2);
}
.plan-section .plan-content .plan-table{
    margin-top:50px;
    width: 100%;
}
.plan-section .plan-content .close-plans{
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    display: none;
}
.plan-section .plan-content .plan-table .plan-table-content{
   display: none; 
   transition: 0.4s;
}
.plan-section .plan-content .plan-table .plan-table-content.plan-table-show{
    display: block; 
    transition: 0.4s;
 }
 

.plan-section .plan-content .plan-table .plan-table-content table{
    width: 100%;
    border-collapse:collapse;
}
.plan-section .plan-content .plan-table .plan-table-content th,.plan-section .plan-content .plan-table .plan-table-content td {
    padding: 8px; 
}
.plan-section .plan-content .plan-table .plan-table-content tr th{
    color: #0E2154;
    font-size: 18px;
    font-family: 'visby_cfregular';
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    text-align: center;
}
.plan-section .plan-content .plan-table .plan-table-content tr th:first-child{
    text-align: left;
}
.plan-section .plan-content .plan-table .plan-table-content tr td{
    color: #0E2154;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-family: 'visby_cfregular';
    padding:10px 8px;
    text-align: center;
}
.plan-section .plan-content .plan-table .plan-table-content tr td:first-child{
    text-align: left;
}
.plan-section .plan-content .plan-table .plan-table-content tr .table-flex{
   display:flex;
   flex-direction: column;
   gap:6px;
   max-width: 400px;
}

.plan-section .plan-content .plan-table .plan-table-content tr .table-flex h4{
    color: #0E2154;
    font-size: 18px;
    font-style: normal;
    font-family: 'visby_cfregular';
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 0px;
 }
 .plan-section .plan-content .plan-table .plan-table-content tr .table-flex p{
    color: #0E2154;
    font-size: 16px;
    font-style: normal;
    line-height: 26px;
    margin-bottom: 0px;
 }
 .plan-section .plan-content .plan-table .plan-table-content .table-data{
    transition: 0.4s;
   
 }

 .plan-section .plan-content .plan-table .plan-table-content .table-data:hover{
    border-radius: 0;
    background: rgba(14, 33, 84, 0.09);
    transition: 0.4s;
 }
 .plan-section table tr:hover td:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .plan-section table tr:hover td:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

.faq-section .faq-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap:70px;
   
}
.faq-section .faq-content .faq-title-content{
    display: flex;
    width: 100%;
    gap:150px;
}
.faq-section .faq-content .faq-title-content .faq-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.faq-section .faq-content .faq-title-content .faq-title h3{
    color: #0E2154;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 72px;
}

.faq-section .faq-content .faq-title-content .faq-title h3 span{
    font-weight: 600;
}
.faq-section .faq-content .faq-title-content .faq-title p{
    color: #0E2154;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.faq-section .faq-content .faq-bottom-content {
    width: 100%;
}
.faq-section .faq-content .faq-bottom-content .faq-bottom-left h4{
    color: #0E2154;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}           
.faq-section .faq-bottom-content .faq-bottom-right .accordion-flush{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.faq-section .faq-bottom-content .faq-bottom-right .accordion-flush .accordion-item{
    border:none !important;
    background-color: #E1EEFF !important;
    border-radius: 10px !important;

}
.faq-section .faq-bottom-content .faq-bottom-right .accordion-flush .accordion-button{
    background-color: #E1EEFF !important;
    border:none !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}
.faq-section .faq-bottom-content .faq-bottom-right .accordion-flush h5 button{
    color: #0E2154 !important;
    font-size: 20px !important;
    font-style: normal  !important;
    font-weight: 700  !important;
    line-height: normal  !important;
}
.faq-section .faq-bottom-content .faq-bottom-right .accordion-flush .accordion-body{
    color: #0E2154  !important;
    font-size: 19px  !important;
    font-style: normal  !important;
    font-weight: 500  !important;
    line-height: normal  !important;
}

.detail-section{
    padding: 80px 0px 0px;
    background: linear-gradient(179deg, #FFF 0%, rgba(143, 192, 255, 0.40) 100%);
}
.detail-section .detail-list-content{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;                                      
}
.detail-section .detail-list-content .detail-top{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;  
}
.detail-section .detail-list-content .detail-list-title{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.detail-section .detail-list-content .detail-list-title .detail-list-h{
    background: url('../images/background-banner.png');
    background-position: center;
    background-size: 100%;
    background-repeat-y: no-repeat;
}
.detail-section .detail-list-content .detail-list-title .detail-list-h h1{
    color: #0E2154;
    font-size: 62px;
    font-family: 'visby_cfregular';
    font-style: normal;
    font-weight: 600;
    line-height: 60px;    
}
.detail-section .detail-list-content .detail-list-title .detail-list-p p{
    color: #0E2154;
    text-align: center;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
}

.detail-section .detail-bottom-image{
    position: relative;
}
.detail-section .detail-bottom-image .back-img{
    z-index: 2;
    position: relative;
    border-radius: 22px 22px 0px 0px;
background: var(--default-shade-black, #000);
padding:25px 20px;

}
.detail-section .detail-bottom-image .yellowarrow{
    position: absolute;
    left: -100px;
    transform: rotate(-135deg);
    width: 400px;
    top:0;
    z-index: 3;
}
.detail-section .detail-bottom-image .elipse{
    position: absolute;
    right: -80px;
    top: -80px;
    z-index: 1;
}
.detail-section .detail-bottom-image .play{
    position: absolute;
    right: 44%;
    top: 40%;
    z-index: 5;
}
.detail-section .detail-bottom-image .white-box{
    display: flex;
    height: 60px;
    padding: 10px 20px;
    justify-content: center;
    gap: 10px;
    border-radius: 15px;
    background: #FFF;
    top:50%;
    right:-100px;
    z-index: 4;
    position: absolute;
    align-items: center;
    align-content: center;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
}
.detail-section .detail-bottom-image .white-box-2{
    display: flex;
    height: 60px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 10px;
    left:-100px;
    top:70%;
    z-index: 4;
    position: absolute;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
}
.detail-section .detail-bottom-image .white-box-2 p {
    color: #0E2154;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px; 
    margin-top:12px;
}
.detail-section .detail-bottom-image .white-box p {
    color: #0E2154;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px; 
    margin-top:12px;
}





.detail-prof-section{
    padding:100px 0px;
}
.detail-prof-section .detail-prof-box{
    display: inline-flex;
    align-items: center;
    width:100%;
    justify-content: space-around;
}
.detail-prof-section .detail-prof-box .detail-prof-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  
}
.detail-prof-section .detail-prof-box .detail-prof-content .detail-prof-text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.detail-prof-section .detail-prof-box .detail-prof-content .detail-prof-text h3{
    color: #0E2154;
    font-size: 67px;
    font-family: 'visby_cfregular';
    font-style: normal;
    font-weight: 600;
    line-height: 70px;
}
.detail-prof-section .detail-prof-box .detail-prof-content .detail-prof-text p{
    color: #0E2154;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.detail-prof-section .detail-prof-box .detail-prof-content .detail-prof-btn .btn-gurulize{
    display: flex;
    padding: 15px 80px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.detail-prof-section .detail-prof-bottom{
    width: 100%;
}
.detail-prof-section .detail-prof-bottom .detail-prof-bottom-ul ul{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    list-style: none;
    flex-shrink: 0;
    padding: 0;
}
.detail-prof-section .detail-prof-bottom .detail-prof-bottom-ul ul li{
    position: relative; 
    padding-left: 25px; 
    line-height: 1.6; 
    background-image: url('../images/gurulize-tik.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: left center; 
    color: #0E2154;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
}


.detail-prof-2-section{
    padding:100px 0px;
}
.aboutusdetail.detail-prof-2-section .detail-prof-2-box{
   flex-direction: column;
   gap:30px;
}
.detail-prof-2-section .detail-prof-2-box{
    display: inline-flex;
    padding: 40px 35px;
    width:100%;
    justify-content: space-around;
    border-radius: 20px;
    background: #E1EEFF;
}
.detail-prof-2-section .detail-prof-2-box.expert-2box{
    display: inline-flex;
    padding: 0px;
    width:100%;
    justify-content: space-around;
    border-radius: 0px;
    background: #FFFFFF;
}
.detail-prof-2-section .detail-prof-2-box .detail-prof-2-inside{
    display: inline-flex;
    justify-content: space-around;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;;
}

.detail-prof-2-section .detail-prof-2-box .detail-prof-2-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    padding: 0px 50px;
}
.aboutusdetail.detail-prof-2-section .detail-prof-2-box .detail-prof-2-content{
    
    padding: 0px 50px 0px 30px;
  
}
.aboutusdetail.detail-prof-2-section .detail-prof-2-box .middlecontent.detail-prof-2-content{
    padding: 0px 50px !important;
}
.detail-prof-2-section .detail-prof-2-box .detail-prof-2-content .detail-prof-2-text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.detail-prof-2-section .detail-prof-2-box .detail-prof-2-content .detail-prof-2-text h3{
    color: #0E2154;
    font-size: 34px;
    font-family: 'visby_cfregular';
    font-style: normal;
    font-weight: 600;
    line-height: 50px;
}
.detail-prof-2-section .detail-prof-2-box .detail-prof-2-content .detail-prof-2-bottom p{
    color: #0E2154;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
/*    text-align: justify;*/
}
.detail-prof-2-section .detail-prof-2-box .detail-prof-2-content .detail-prof-2-bottom{
    display: flex;
    flex-direction: column;
    gap:16px;
}

.clients-section.clients-detail{
    margin-bottom:100px !important;
}

.privacy-section .privacy-content .priv-box{
    display: inline-flex;
    padding: 30px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;   
    border-radius: 20px;
    background: #0E2154;
}
.privacy-section .privacy-content .priv-box .box-inside ul{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    padding-left:0px !important;
    list-style: none;
}

.privacy-section .privacy-content .priv-box .box-inside ul li{
    display: flex;
    padding: 15px 15px;
    width: 100%;
    justify-content: space-between;
    align-items: center;   
    transition: 0.4s;
    border-radius: 10px;
}
.privacy-section .privacy-content .priv-box .box-inside ul li img{
    transform: rotate(-90deg);
}
.privacy-section .privacy-content .priv-box .box-inside ul li:hover{
    background-color: #FFF !important;
    transition: 0.4s;
}
.privacy-section .privacy-content .priv-box .box-inside ul li:hover img{
    filter: brightness(0.2);
    transition: 0.4s;
}
.privacy-section .privacy-content .priv-box .box-inside ul li:hover a{
    
    color:#0E2154 !important;
    transition: 0.4s;
}

.privacy-section .privacy-content .priv-box .box-inside ul li.active{
    background: #FFF;
}
.privacy-section .privacy-content .priv-box .box-inside ul li.active img{
   filter: brightness(0.2);
}
.privacy-section .privacy-content .priv-box .box-inside ul li.active a{
    color: #0E2154;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.privacy-section .privacy-content .priv-box .box-inside ul li a{
    color: #ffffff;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.privacy-section .privacy-content .priv-content-box{
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
   
}
.privacy-section .privacy-content .priv-content-box h3{
    color: #0E2154;
    font-family: 'visby_cfregular';
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px;  
}
.privacy-section .privacy-content .priv-content-box .priv-content-text{
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.privacy-section .privacy-content .priv-content-box .priv-content-text p {
    color: #0E2154;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
}

.f-404-section{
    padding: 70px 0px 90px;
}
.f-404-section .f-404-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
}
.f-404-section .f-404-content .f-404-title{
    background: url('../images/background-banner.png');
    background-position: center;
    background-size: 100%;
    background-repeat-y: no-repeat;
    padding:0px 150px;
}
.f-404-section .f-404-content .f-404-title h1{
    color: #0E2154;
    text-align: center;
    font-family: 'visby_cfregular';
    font-size: 96px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px;
}
.f-404-section .f-404-content .f-404-title h2{
    color: #0E2154;
    text-align: center;
    font-family: 'visby_cfregular';
    font-size:64px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px;
}
.f-404-section .f-404-content .f-404-text h2{
    color: #0E2154;
    text-align: center;
    font-family: 'visby_cfregular';
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px;
}
.f-404-section .f-404-content .f-404-p p{
    color: #0E2154;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}






.branding-banner-section{
    border-bottom: 2px solid #0E2154;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #E1EEFF 100%);
}
.branding-banner-section .branding-banner-content .branding-banner-list{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 35px;
    flex-shrink: 0;
    padding: 40px 0px;
}
.branding-banner-section .branding-banner-content .branding-banner-list .branding-left-area{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.branding-banner-section .branding-banner-content .branding-banner-list .branding-left-area .b-image{
    position: absolute;
}
.branding-banner-section .branding-banner-content .branding-banner-list .branding-left-area .b-image-one{
    top:0px;
}
.branding-banner-section .branding-banner-content .branding-banner-list .branding-left-area .b-image-two{
    top: 110px;
    right: 50px;
}
.branding-banner-section .branding-banner-content .branding-banner-list .branding-left-area .b-image-three{
    top: 150px;
    left: 0px;
}
.branding-banner-section .branding-banner-content .branding-banner-list .branding-left-area .b-image-four{
    top: 350px;
}
.branding-banner-section .branding-banner-content .branding-banner-list .branding-left-area .b-image-logo{
    top: 210px;
    right: 0px;
}
.branding-banner-section .branding-banner-content .branding-banner-list .branding-right-area{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap:50px;
}
.branding-banner-section .branding-banner-content .branding-banner-list .branding-right-area .branding-right-top{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
}
.branding-banner-section .branding-banner-content .branding-banner-list .branding-right-area .branding-right-top .branding-right-text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.branding-banner-section .branding-banner-content .branding-banner-list .branding-right-area .branding-right-top .branding-right-text .branding-right-title h2{
    color: #0E2154;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 72px;  
}
.branding-banner-section .branding-banner-content .branding-banner-list .branding-right-area .branding-right-top .branding-right-text .branding-right-title h2 span{ font-weight: 600; }
.branding-banner-section .branding-banner-content .branding-banner-list .branding-right-area .branding-right-top .branding-right-text .branding-right-p p{
    color: #0E2154;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.branding-banner-section .branding-banner-content .branding-banner-list .branding-right-area .branding-right-top .banner-content-btns {
    display: flex;
    gap: 16px;
}
.branding-banner-section .branding-banner-content .branding-banner-list .branding-right-area .branding-right-top .banner-content-btns .banner-content-input input{
    display: flex;
    width: 280px;
    padding: 0.6rem 2.0rem; 
    background-color: transparent;
    align-items: center;
    border-radius: 0.625rem;
    border: 1px solid #0E2154;
	display: flex;
}
.branding-banner-section .branding-banner-content .branding-banner-list .branding-right-area .branding-right-bottom .brandin-right-box{
    display: flex;
    padding: 15px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 15px;
    background: #FFF;
}
.branding-banner-section .branding-banner-content .branding-banner-list .branding-right-area .branding-right-bottom .brandin-right-box .box-title h5{
    color: #0E2154;
    font-size: 28px;
    font-family: 'visby_cfregular';
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
@media (max-width: 1700px) and (min-width:1200px){
    .branding-blog-section{
        padding-bottom:200px;
    }
}
@media (max-width: 1400px) and (min-width:991px){
    .branding-banner-section .branding-banner-content .branding-banner-list .branding-right-area .branding-right-box-list .col-4, .branding-banner-section .branding-banner-content .branding-banner-list .branding-right-area .branding-right-box-list .col-5, .branding-banner-section .branding-banner-content .branding-banner-list .branding-right-area .branding-right-box-list .col-6{
        width: max-content;
        margin-top:30px !important
    }

}
@media (max-width: 1200px) and (min-width:991px){
   
    .branding-blog-section .branding-blog-list .branding-blog-item [class^="col-"] {
        width: 100%;
    }
    .branding-blog-section .branding-blog-list .branding-blog-item .branding-blog-item-left, .branding-blog-section .branding-blog-list .branding-blog-item .branding-blog-item-right {
        text-align: center !important;
        justify-content: center !important;
    }
}

.branding-banner-section .branding-banner-content .branding-banner-list .branding-right-area .branding-right-bottom .brandin-right-box .box-title{
    max-width: 100%;
}
.branding-banner-section .branding-banner-content .branding-banner-list .branding-right-area .branding-right-bottom .brandin-right-box .box-p p{
    color: #0E2154;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.branding-info-section{
    padding:50px 0px 50px;
}
.branding-info-section .info-content .info-box{
    padding: 20px 35px;
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 10px;
    border-radius: 20px;
    background: #E1EEFF;
}
.branding-info-section .info-content .info-box .info-title h3{
    color: #0E2154;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}
.branding-info-section .info-content .info-box .info-title h3 span{ font-weight: 600; }
.branding-info-section .info-content .info-box .info-text p{
    color: #0E2154;
    text-align: right;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.branding-blog-section{
    background-image: url('../images/Vector.png');
    background-size: cover;
    background-position: center bottom;
}

.branding-blog-section.forwho-blog{
    background-image: none !important;
}
.branding-blog-section.forwho-blog .branding-blog-list{ 
    padding: 60px 0px 0px;
}
.branding-blog-section .branding-blog-list{
    padding: 150px 0px;
    display: flex;
    flex-direction: column;
    gap: 120px;
}
.branding-blog-section .branding-blog-list .branding-blog-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.branding-blog-section .branding-blog-list .branding-blog-item .branding-blog-item-right{
    display: grid;
    justify-content: end;
}
.branding-blog-section .branding-blog-list .branding-blog-item .branding-blog-item-left{
    text-align: start;
}
.branding-blog-section .branding-blog-list .branding-blog-item .text-item{
    align-items: center;
    display: flex;
    height: 100%;
}
.branding-blog-section .branding-blog-list .branding-blog-item .text-item .branding-blog-h{
    display: flex;
    flex-direction: column;
    gap:20px;
}
.branding-blog-section .branding-blog-list .branding-blog-item .text-item .blog-content{
    display: flex;
    flex-direction: column;
    gap:20px;
}
.branding-blog-section .branding-blog-list .branding-blog-item .text-item .branding-blog-h h4{
    color: #0E2154;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px; 
}
.branding-blog-section .branding-blog-list .branding-blog-item .text-item .branding-blog-h h5{
    color: #0E2154;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.branding-blog-section .branding-blog-list .branding-blog-item .text-item .branding-blog-p p{
    color: #0E2154;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.branding-blog-section .branding-blog-list .branding-blog-item .text-item.bottom-item .branding-blog-h h4{
    color: #FFFFFF;
}
.branding-blog-section .branding-blog-list .branding-blog-item .text-item.bottom-item .branding-blog-h h5{
    color: #FFFFFF;
}
.branding-blog-section .branding-blog-list .branding-blog-item .text-item.bottom-item .branding-blog-p p{
    color: #FFFFFF;
}

.branding-title-section{
    padding:100px 0px;
}
.branding-title-section .branding-title-content{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.branding-title-section .branding-title-content .branding-title{
    background: url('../images/background-banner.png');
    background-position: center;
    background-size: 100%;
    background-repeat-y: no-repeat;
    text-align: center;
}
.branding-title-section .branding-title-content .branding-title h4{
    color: #0E2154;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 72px;
}
.branding-title-section .branding-title-content .branding-title h4 span{ font-weight: 600; }
.branding-title-section .branding-title-content .branding-p p{
    color: #0E2154;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.bloglist-title-section{
    padding:30px 0px;
}
.bloglist-title-content{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.bloglist-title-section .bloglist-title-content .bloglist-title{
    background: url('../images/background-banner.png');
    background-position: center;
    background-size: 100%;
    background-repeat-y: no-repeat;
    text-align: center;
}
.bloglist-title-section .bloglist-title-content .bloglist-title h4{
    color: #0E2154;
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: 72px;
}
.bloglist-title-section .bloglist-title-content .bloglist-p p{
    color: #0E2154;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}








.bloglist-bg-section{
    padding: 10px 0px 30px;
}

.expert-section{
 
}
.bloglist-bg-section .bloglist-bg-box{
    padding: 50px 0;
    justify-content: center;
    gap: 10px;
    flex-shrink: 0;
    display: flex;
    background:  url('../images/acc52b55ac2e3551f4a0aa33411b94aa.jpeg');
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: 20px;
}
.bloglist-bg-section .bloglist-bg-box .bloglist-bg-content{
    display: flex;
    gap: 40px;
    text-align: center;
    justify-content: center;
    flex-direction: column;
}

.bloglist-bg-section .bloglist-bg-box .bloglist-bg-content .bloglist-bg-text h3{
    color: #ffffff;
    font-size: 52px;
    font-style: normal;
    font-weight: 400;
    font-family: 'visby_cfregular';
    line-height: 72px;
}
.bloglist-bg-section .bloglist-bg-box .bloglist-bg-content .bloglist-bg-text h3 span{ font-weight: 600; }
.bloglist-bg-section .bloglist-bg-box .bloglist-bg-content .bloglist-bg-text p{
    color: #ffffff;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.bloglist-bg-section .bloglist-bg-box .bloglist-bg-content  .btn-last{
    display: flex;
    justify-content: center;
}
.bloglist-bg-section .bloglist-bg-box .bloglist-bg-content .btn-gurulize.btn-yellow{
    background-color: #8FC0FF;
    color: #0E2154;
    width: 400px !important;
    transition: 0.4s;
}
.bloglist-bg-section .bloglist-bg-box .bloglist-bg-content .btn-gurulize.btn-yellow:hover{
    background-color: #DBFD1C !important;
    transition: 0.4s;
}
.bloglist-bg-section .bloglist-bg-box .bloglist-bg-img{
    margin-right: -90px;
}
.bloglist-section .blog-box  span.date-blog{
    display: flex;
    height: 30px;
    width: 150px;
    padding: 10px;
    font-size:15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    background: #8FC0FF;
    font-weight: 500;
    margin-top: 17px;
}
.bloglist-section .blog-box{
    padding: 10px 0px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    cursor: pointer;

}
.bloglist-section .blog-box .blog-box-head img{
    max-width: 100%;
    border-radius: 20px;
}
.bloglist-section .blog-box:hover .blog-box-head img{
    filter: drop-shadow(1px 2px 2px black);
    transition:0.4s;
}
.bloglist-section .blog-box:hover .blog-box-content h4{
    color:#8FC0FF;
    transition:0.4s;
}
.bloglist-section .blog-box .blog-box-head {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    justify-content: space-between;
    flex-direction: row;
}
.bloglist-section .blog-box .blog-box-content h4{
    padding-top:7px;
    color: #0E2154;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
} 
.bloglist-section .blog-box .blog-box-content h4 a{ color: #0E2154; }
.bloglist-section .blog-box .blog-box-text p {
    margin-top: 10px;
    color: #0E2154;
    font-family: 'visby_cfregular';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.blog-detail-section{
    padding:50px 0px;
}
.blog-detail-section .blog-detail-left{
    display:flex;
    flex-direction: column;
    gap:16px;
}
.blog-detail-section .blog-detail-left .left-top{
    display:flex;
    align-items: center;
    gap:16px;
    text-align: start;
}
.blog-detail-section .blog-detail-left .left-top .left-button .btn-gurulize{
    width:40px;
    height: 40px;
}
.blog-detail-section .blog-detail-left .left-top .left-text h3{
    color: #0E2154;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 10px;;
}
.blog-detail-section .blog-detail-left .left-center{
    display:flex;
    flex-direction: column;
    gap:16px;
}
.blog-detail-section .blog-detail-left .left-center h4{
    color: #0E2154;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-family: 'visby_cfregular';
}
.blog-detail-section .blog-detail-left .left-center p{
    color: #0E2154;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}
.blog-detail-section .blog-detail-left .left-center .left-profile{
    display: flex;
    align-items: center;
    gap: 16px;
}
.blog-detail-section .blog-detail-left .left-center .left-profile .profile-name{
    display: flex;
    flex-direction: column;
}
.blog-detail-section .blog-detail-left .left-center .left-profile .profile-name p{
   margin-bottom: 0;
   font-size: 18px;
}
.blog-detail-section .blog-detail-left .left-center .left-profile .profile-name h5{
    color: #0E2154;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
 }
.blog-detail-section .blog-detail-left .left-bottom .left-bottom-img{
    border-radius: 20px;
}
.blog-detail-section .bloglist-bg-section .bloglist-bg-box .bloglist-bg-content .bloglist-bg-text h3{
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.blog-detail-section span.date-blog{
    display: flex;
    height: 30px;
    width: 150px;
    padding: 10px;
    font-size:15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    background: #8FC0FF;

}
.blog-detail-section .blog-detail-left .left-bottom {
    display: flex;
    flex-direction: column;
    gap:16px;
}
.blog-detail-section .blog-detail-left .left-bottom img{
    width:100%;
}
.blog-detail-section .blog-detail-left .left-bottom .left-blog-text p{
    color: #0E2154;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}
.blog-detail-section .bloglist-bg-section .bloglist-bg-box .bloglist-bg-content .btn-gurulize.btn-yellow{
    width:270px !important;
    font-size: 20px;
}







.login-section {
    padding: 60px 0px;
    padding-top: 0px;
    margin-top: 0px;
}
.onboard-top + .login-section{
    padding:60px 0px;
    margin-top: 100px;
}

.login-section .login-left{ 
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 100px;
}
.onboard-top + .login-section .login-left{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0px;
}
.login-section .login-left .login-header{
    background: url('../images/background-banner.png');
    background-position: center;
    background-size: 100%;
    background-repeat-y: no-repeat;
}
.login-section .login-left .login-header h2{
    color: #0E2154;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.login-section .login-left .login-bottom {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}
.login-section .login-left .login-bottom .login-input{
    display: flex;
    flex-direction: column;
    gap:10px;  
    width: 400px;;
}
.login-section .login-left .login-bottom .login-input input{
    display: flex;
    padding: 0.8rem 1.0rem;
    background-color: transparent;
    align-items: center;
    border-radius: 0.625rem;
    border: 1px solid #0E2154;
} 
.login-section .login-left .login-bottom .login-input label{
    color: #0E2154;
    text-align: start;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.login-section .login-left .login-bottom .logintext {
    display: flex;
    color: #0E2154;
    gap: 10px;
    font-size: 18px;
    font-weight: 400;
}
.login-section .login-left .login-bottom .logintext a{
   font-family: 'visby_cfregular';
    color: #0E2154;
    cursor: pointer;
    transition: 0.4s;
    font-weight: 600;
} 
.login-section .login-left .login-bottom .logintext a:hover{
  
     color: #8FC0FF;
     
     transition: 0.4s;
 } 





.left-top{
    display:flex;
    align-items: center;
    gap:16px;
    text-align: start;
}
.left-top .left-button .btn-gurulize{
    width:40px;
    height: 40px;
}
.left-top .left-text h3{
    color: #0E2154;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 10px;;
}



.login-section .login-left .login-2-bottom{
    width:100%;
    padding:0px 75px;
}
.login-section .login-left .login-2-bottom .login-select-platform{
    width:100%;
}
.login-section .login-left .login-2-bottom .login-select-platform .platform-list{
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}
.login-section .login-left .login-2-bottom .login-select-platform .platform-list .platform-box{
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-radius: 10px;
    background: #E1EEFF;
    padding: 10px 15px;
    align-items: center;
    gap: 32px;
}
.login-section .login-left .login-2-bottom .login-select-platform .platform-list .platform-box h5{
    color: #0E2154;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.login-section .login-left .login-2-bottom .login-select-platform .platform-list .platform-box .platform-btn{
    display: flex;
    gap: 16px;
}
.login-section .login-left .login-2-bottom .login-select-platform .platform-list .platform-box .platform-btn .btn-gurulize{
    font-size: 16px;
    width: 110px;
    padding: 14px 10px;
    text-align: center;
    border-radius: 4px;
}
.login-section .login-left .login-input a {
    text-decoration: none;
    color: #0E2154;
    font-weight: 500;
}
.login-section .login-left .login-input a span{ font-weight: 600; }
.login-section .login-left span.date-blog{
    display: flex;
    height: 30px;
    width: 150px;
    padding: 10px;
    font-size:15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    border-radius: 20px;
    background: #8FC0FF;
}
.login-section .login-left .login-3-bottom{
    width:100%;
    padding:0px 120px;
}
.login-section .login-left .login-3-bottom .left-3-top{
    width:100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.help-section{
padding:60px 0px;
}
.new-p-section{
padding:60px 0px;
}
.detail-section.control-section .detail-list-content{
    width:100%;
}
.help-section .help-content{
    display: flex;
    flex-direction: column;
    gap: 22px;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.help-section .help-content .help-title{
    background: url('../images/background-banner.png');
    background-position: center;
    background-size: 100%;
    background-repeat-y: no-repeat;
    text-align: center;
}
.help-section .help-content .help-title h1{
    color: #0E2154;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px;
}
.help-section .help-content .help-p p{
    color: #0E2154;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.help-section .help-content .help-input{
    width: 54%;
}
.help-section .help-content .help-input input{
    display: flex;
    width: 100%;
    padding: 0.8rem 2.25rem;
    align-items: center;
    border-radius: 0.625rem;
    border: 1px solid #0E2154;
}






.help-box-section .help-col .help-box{
    border-radius: 20px;
    background: linear-gradient(0deg, rgba(14, 33, 84, 0.38) 0%, rgba(14, 33, 84, 0.38) 100%), url(../images/loginimage.png), lightgray 50% / cover no-repeat;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 20px;
    padding: 80px 20px;
    height: 300px;
    background-position: center;
    background-size: cover;
}
.help-box-section .help-col .help-box .box-title h3{
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.help-box-section .help-col .help-box .box-p p{
    color: #FFF;
    text-align: center; 
    font-family: 'visby_cfregular';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}





.help-bottom{
    padding:60px 0px 120px;
}
.help-bottom .help-bottom-content .help-bottom-box h5{
    color: #0E2154;
    text-align: start;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.help-bottom .help-bottom-content .help-bottom-box .help-box-item{
    display: flex; 
    gap: 16px;
    margin-top: 20px;
}

.help-bottom .help-bottom-content .help-bottom-box .help-box-item .box-a a{
    color: #0E2154;
    font-size: 20px;
    font-family: 'visby_cfregular';
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: 0.8s;
}

.help-bottom .help-bottom-content .help-bottom-box .help-box-item .box-a a:hover{
    font-family: 'visby_cfregular';
    transition: 0.8s;
}





.privacy-section .help-detail-box{
    display: inline-flex;
    padding: 30px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;   
    border-radius: 20px;
    background: #E1EEFF;
}
.privacy-section .help-detail-box .help-box-item{
    display: flex; 
    gap: 16px;
    margin-top: 20px;
}
.privacy-section .help-detail-box .help-box-item a{
    color: #0E2154;
    font-size: 20px;
    font-family: 'visby_cfregular';
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: 0.8s;
}
.privacy-section .help-detail-box .help-box-item a.active{
    font-family: 'visby_cfregular';
    transition: 0.8s;
}
.privacy-section .help-detail-box .help-box-item a:hover{
    font-family: 'visby_cfregular';
    transition: 0.8s;
}
.privacy-section .help-detail-box ul {
    list-style: none;
    padding-left: 10px;
}

.privacy-section{
    padding:0px 0px 60px;
}

.privacy-section .privacy-content .priv-box.admin-panel{
    background: #E1EEFF;
    width:100%;
}
.privacy-section .privacy-content .priv-box.admin-panel .box-inside ul li a{
    color: #0E2154;
    width:100%;
}
.privacy-section .privacy-content .priv-box.admin-panel .box-inside{
    width:100%;
}





.f-404-section .password-box .login-input{
    display: flex;
    flex-direction: column;
    gap:30px;  
    width: 400px;;
}
.f-404-section .password-box .login-input input{
    display: flex;
    padding: 0.8rem 1.0rem;
    background-color: transparent;
    align-items: center;
    border-radius: 0.625rem;
    border: 1px solid #0E2154;
} 
.f-404-section .password-box .login-input label{
    color: #0E2154;
    text-align: start;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.login-section .login-left .login-bottom.contact-bottom{
    margin-top: 0px;  
}

.login-section .login-left .login-bottom textarea{
    display: flex;
    padding: 0.8rem 1.0rem;
    background-color: transparent;
    align-items: center;
    border-radius: 0.625rem;
    border: 1px solid #0E2154;
} 
.f-404-section.contact-section{
    padding-bottom:0px;
    padding-top: 30px;
}






.login-section .login-left.onboard-login .login-bottom .login-input input{
    width:100%;
}




.onboard-top{
    display: inline-flex;
    padding: 35px 140px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #E1EEFF;
    width: 100%;
}
.onboard-top .onboard-top-content{
    display: flex;
    justify-content: space-between;
}
.onboard-top .onboard-top-content h3{
    color: #0E2154;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    margin-bottom:0px;
}
.onboard-top .onboard-top-content h3 span{ font-weight: 600; }
.sticky-onboard-logo{
    padding-top:0px;
}
.sticky-menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000; 
}
.sticky-top{
    position: sticky;
    top: 160px;
    height: auto;
    z-index: 999;
    box-sizing: border-box;
}
.sticky-top.sticky {
    position: fixed;
    top: 100px;
    bottom: 20px;
  }
.onboard-top .onboard-top-content .onboard-right{
    display: flex;
    padding: 10px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 15px;
    background: #FFF;
}
.onboard-top .onboard-top-content .onboard-right p{
    margin-bottom:0;
    color: #0E2154;
    font-size: 34px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
}
.onboard-top .onboard-top-content .onboard-left{
    justify-content: center;
    display: flex;
    align-items: center;
}



.login-section .login-content .login-left.onboard-login .login-onboard{
    width: 400px;
    margin-bottom: 20px;
}
.login-section .login-content .login-left.onboard-login .btn-gurulize-com{
    color:#0E2154;
    background: #E1EEFF;
    cursor: auto;
}
.login-section .login-content .login-left.onboard-login .checkbox{
    display: flex;
    flex-direction: row;
    width: 100%;
}
.login-section .login-content .login-left.onboard-login .checkbox input{
    width: 15px;
}
.login-section .login-content .login-left.onboard-login .checkbox p{
    margin-bottom: 0px;
}
.login-section .login-content .login-left.onboard-login .login-onboard h5{
    color: #0E2154;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px
}
.login-section .login-content .login-left.onboard-login .login-onboard p{
    color: #0E2154;
    font-family: 'visby_cfregular';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 470px;
}

.ozellestirilmis-checkbox {
    position: relative;
    text-align: start;
  }
  #ozellestirilmisCheckbox {
      position: absolute;
    top:10px;
    right: 10px;;
    }
    #ozellestirilmisCheckbox2 {
        position: absolute;
      top:10px;
      right: 10px;;
      }
  
  .ozellestirilmis-checkbox label {
    width: 400px;
    border-radius: 15px !important;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    cursor: pointer;
    padding: 12px 20px;
    border: 1px solid rgba(14, 33, 84, 0.50);
  }
  .ozellestirilmis-checkbox label  h5{
  width: 100%;
  color: #0E2154;
  font-size: 24px;
  font-style: normal;
    font-weight: 600;
  line-height: 40px
  }

   .ozellestirilmis-checkbox label  p{
    color: #0E2154;
    font-family: 'visby_cfregular';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  
  .ozellestirilmis-checkbox input[type="radio"]:checked + label {
    background-color: #E1EEFF;
    
  }
  
  .login-section .login-content .login-left.onboard-login select{
    display: flex;
    width: 100%;
    padding: 0.8rem 1.25rem;
    align-items: center;
    border-radius: 0.625rem;
    border: 1px solid #0E2154;
    color:#0E2154
  }







.themalist{
    padding:60px 0px;
    margin-top:100px;
}
.themalist .themalist-content{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.themalist .themalist-content .themalist-title h4{
    color: #0E2154;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.themalist .themalist-content .themalist-l{
    display: flex;
    justify-content: space-around;
}

.themalist .themalist-content .themalist-l .thema-box{
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 1px 4px 3px rgba(0, 0, 0, 0.15);
    display: flex;
    padding-bottom: 0px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    cursor: pointer;
    -webkit-transition:0.4s;
    -moz-transition:0.4s;
    -o-transition:0.4s;
    transition:0.4s;
}
.themalist .themalist-content .themalist-l .thema-box .box-image{
    position: relative;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.themalist .themalist-content .themalist-l .thema-box .box-image a{ display: block; }
.themalist .themalist-content .themalist-l .thema-box .box-image:hover:before{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgb(0 0 0 / 31%);
    width: 100%;
    height: 100%;
    border-radius: 10px 10px 0px 0px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.themalist .themalist-content .themalist-l .thema-box .box-image .template-detail{
    display: none;
}
.themalist .themalist-content .themalist-l .thema-box .box-image:hover .template-detail{
    position: absolute;
    top: 50%;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 0.625rem;
    background: #0E2154;
    width: auto;
    color: #ffffff;
    border: none;
    transition: 0.4s;
    margin: auto;
    display: block;
    left: 50%;
    margin-left: -68px;
}
.themalist .themalist-content .themalist-l .thema-box:hover{
    background: #e2eeff; 
    -webkit-transition:0.4s;
    -moz-transition:0.4s;
    -o-transition:0.4s;
    transition:0.4s;
}
.themalist .themalist-content .themalist-l .thema-box img{
    border-radius: 10px 10px 0px 0px;
    width: 100%;
    max-height:250px;
}
.themalist .themalist-content .themalist-l .thema-box .box-text{
    padding: 20px; 
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: start;
    gap: 12px;
}
.themalist .themalist-content .themalist-l .thema-box .box-text .box-title{
    width: 100%;
}
.themalist .themalist-content .themalist-l .thema-box .box-text h5{
    color: #0E2154;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.themalist .themalist-content .themalist-l .thema-box .box-text .box-p{
    color: #0E2154;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}




.modal-gurulize{
    padding: 68px 100px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.modal-gurulize .modal-title{
    width: 100%;
    justify-content: space-between;
    display: flex;
}
.modal-gurulize .modal-title .modal-title-text h3{
    color: #0E2154;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;    
}

.modal-gurulize .modal-text{
    display: flex;
    flex-direction: column;
    gap:16px;
}
.modal-gurulize .modal-text h5{
    color: #0E2154;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.modal-gurulize .modal-text p{
    color: #0E2154;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;   
}

.modal-html{
    border-radius: 20px;
    border: 1px solid #0E2154;
    height: 600px;
    overflow: hidden;
    overflow-y: scroll;
}
.modal-html img{
    border-radius: 20px;
    width: 100%;
    height: auto;
}



.loading-frame{
    padding:0px 0px 60px;
}

.loading-frame .loading-box{
    border-radius: 20px;
background: linear-gradient(0deg, rgba(14, 33, 84, 0.50) 0%, rgba(14, 33, 84, 0.50) 100%), url(../images/visitedimg.jpeg), lightgray 0px -365.229px / 100% 472.826% no-repeat;
    background-position: center;
    background-size: cover;    
display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 0px;
}
.loading-frame .loading-box img{
    width:330px;
    filter: grayscale(100%) invert(100%);
}

.little-section{
    padding:60px 0px 30px;
}
.little-section .little-box{
    padding: 25px 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    background: #0E2154;
}
.little-section .little-box .p-l{
    margin-top: 45px;
}
.little-section .little-box h4{
    color: #FFF;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    margin-bottom:0px;
}
.little-section .little-box h4 span{ font-weight: 600; }
.little-section .little-box p{
    color: #FFF;
    text-align: right;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom:0px;
}
.p-about-box-list h4{
   
    font-family: 'visby_cfregular';
    
}
.p-about-box-list .boxmiddle h5{
    color: #0E2154;
    font-family: 'visby_cfregular';
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
}
.lang-list{
    display: flex;
    gap:16px;
}
.lang-list a{
    text-decoration: underline;
    color: #ffffff;
}
.lang-list  a.active{
    color: #8FC0FF;
}
.lang-list.kvkklist a{
    text-decoration: none;
    color: #ffffff;
    font-size: 12px;
}
.themalist-l .thema-box .box-image img{
    cursor:zoom-in;
}



.left-menu{
    display: inline-flex;
    padding: 30px 20px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 20px;
    background: #EDEDED;
    width:100%
}
.left-menu .left-menu-inside{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;    
    width:100%
}

.left-menu .left-menu-inside .inside-top{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width:100%;
    border-bottom: 1px solid #0E2154;
    padding-bottom: 20px;
}
.left-menu .left-menu-inside .inside-top h5{
    color: #0E2154;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width:100%
}
.left-menu .left-menu-inside .inside-top .inside-list{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width:100%    
}
.left-menu .left-menu-inside .inside-top .inside-list p{
    color: #0E2154;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;    
    width:100%
}
.left-menu .left-menu-inside .inside-top .inside-list .list-box {
    border-radius: 5px;
    background: #0E2154;
    width: 27px;
    height: 27px;
    padding: 3px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    align-items: center;
    line-height: normal;
    justify-content: center;
    display: flex;

}
.left-menu .left-menu-inside .inside-top .list-item{
    justify-content: space-between;
    display: flex;
    width: 100%;
    cursor: pointer;
}
.left-menu .left-menu-inside .inside-top .list-item .login-input.checkbox{
    display: flex;
    align-items: center;
    gap: 8px;
}
.left-menu .left-menu-inside .inside-top .list-item .login-input.checkbox p{
 margin-bottom:0px;
}





.left-menu .left-menu-inside .inside-bottom{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width:100%;
    margin-top:16px;    
}
.left-menu .left-menu-inside .inside-bottom h5{
    color: #0E2154;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width:100%
}
.left-menu .left-menu-inside .inside-bottom .inside-list{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width:100%    
}
.left-menu .left-menu-inside .inside-bottom .inside-list p{
    color: #0E2154;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;    
    width:100%
}
.left-menu .left-menu-inside .inside-bottom .inside-list .list-box {
    border-radius: 5px;
    background: #0E2154;
    width: 27px;
    height: 27px;
    padding: 3px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    align-items: center;
    line-height: normal;
    justify-content: center;
    display: flex;

}
.left-menu .left-menu-inside .inside-bottom .list-item{
    justify-content: space-between;
    display: flex;
    width: 100%;
    cursor: pointer;
}
.left-menu .left-menu-inside .inside-bottom .list-item .login-input.checkbox{
    display: flex;
    align-items: center;
    gap: 8px;
}
.left-menu .left-menu-inside .inside-bottom .list-item .login-input.checkbox p{
 margin-bottom:0px;
}



.expert-form-section {
    padding: 60px 0px 50px;
}
.expert-form-section .login-input{
    display: flex;
    flex-direction: column;
    gap:16px;  
    width: auto;
    margin-top: 16px;
}
.expert-form-section .login-input input{
    display: flex;
    padding: 0.8rem 1.0rem;
    background-color: transparent;
    align-items: center;
    border-radius: 0.625rem;
    border: 1px solid #0E2154;
} 
.expert-form-section .login-input label{
    color: #0E2154;
    text-align: start;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.expert-form-section .login-bottom textarea{
    display: flex;
    padding: 0.8rem 1.0rem;
    background-color: transparent;
    align-items: center;
    border-radius: 0.625rem;
    border: 1px solid #0E2154;
} 
.expert-form-section .login-bottom select{
    display: flex;
    width: 100%;
    padding: 0.8rem 1.25rem;
    align-items: center;
    border-radius: 0.625rem;
    border: 1px solid #0E2154;
    color:#0E2154
  }
  .expert-form-section .login-top select{
    display: flex;
    width: 100%;
    padding: 0.8rem 1.25rem;
    align-items: center;
    border-radius: 0.625rem;
    border: 1px solid #0E2154;
    color:#0E2154
  }
.expert-form-section .login-onboard.bottom-onboard{
    margin-top: 60px;
}
.expert-form-section h4{
    color: #0E2154;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px;    
}
.expert-form-section.expert2 h4{
    color: #0E2154;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 72px;    
}
.expert-form-section.expert2 h4 span{ font-weight: 600; } 
.expert-form-section .box-p p{
    color: #0E2154;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;  
}
.expert-form-section .login-onboard h5{
    color: #0E2154;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;    
}
.expert-form-section .expert-box{
    display: inline-flex;
    padding: 25px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    background: #E1EEFF;
}
.expert-form-section .expert-box .expert-inside{
    display: flex;
    padding: 15px 50px 30px;
    justify-content: center;
    
    gap: 10px;
    border-radius: 10px;
    background: #FFF;
    flex-direction: column;
}
.expert-form-section .btn-gurulize{
    margin-top:16px;
}

.detail-prof-2-section .expert2-inside {
    display: flex;
    align-items: start;
    justify-content: space-around;
    gap: 50px;
}
.detail-prof-2-section .expert2-inside h3{
    color: #0E2154;
    font-size: 72px;
    font-style: normal;
    font-weight: 400;
    line-height: 72px
}
.detail-prof-2-section .expert2-inside h3 span{ font-weight: 600; }
.detail-prof-2-section .expert2-inside p{
    color: #0E2154;
    font-size: 21px;
    font-family: 'visby_cfregular';
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
}
.detail-prof-2-section .expert-text{
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.detail-prof-2-section .expert-text .detail-prof-2-bottom{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.detail-prof-2-section.expert-2-p {
    padding: 50px 0px 40px;
}



.detail-section.detail-expert-section{
    padding: 80px 0px 80px;
} 
.detail-section .detail-list-content .detail-list-title .expert-3-h h1{
    color: #0E2154;
    font-size: 62px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;    
}
.detail-section .detail-list-content .detail-list-title .expert-3-h h1 span{ font-weight: 600; }
.expert-3-btns{
    display: flex;
    gap: 16px;
}
.expert-3-btns .btn-gurulize.btn-yellow{
    background-color: #8FC0FF;
    color: #0E2154;
    min-width: 230px;
    transition: 0.4s;
}
.expert-3-btns .btn-gurulize.btn-yellow:hover{
    background-color: #DBFD1C !important;
    color: #0E2154;
    min-width: 230px;
    transition: 0.4s;
}
.little-section .little-box.expert-little p{
    text-align: left;
}
.detail-prof-2-section.expert-prof{
    padding:50px 0px 0px;
}
.expert-3-h{
    background: url('../images/background-banner.png');
    background-position: center;
    background-size: 100%;
    background-repeat-y: no-repeat;
}


.modal-email{
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.modal-email h3{
    color: #0E2154;
    font-size: 28px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 40px !important;
}
.modal-email p{
    color: #0E2154;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.slider-box-content-mbile{
    max-width: 100%;
}
.modal-email input{
    display: flex;
    padding: 0.8rem 1.0rem;
    background-color: transparent;
    align-items: center;
    border-radius: 0.625rem;
    border: 1px solid #0E2154;
    width: 100%;
    margin-bottom: 16px;
}

.detail-prof-2-img-about-us img{border-radius: 5px;}
.detail-prof-img-discover img{border-radius: 10px;}
.tooltipp {
    position: relative;
    display: inline-block;
    padding: 7px;
  }
  
  .tooltipp .tooltiptext {
    visibility: hidden;
    width: max-content;
    justify-content: center;
    align-items: center;
    background: #0E2154;
    color: #fff;
    text-align: start;
    border-radius: 15px;
    padding: 15px;
    position: absolute;
    z-index: 1;
    bottom: 40px;
    left: 20px;
  }
  
  .toolicon{
    position: absolute;
    bottom: -12px;
    left: 0px;
    z-index: -1;
  }
  .tooltipp span{
    color: #FFF;
    font-family: 'visby_cfregular';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .tooltipp:hover .tooltiptext {
    visibility: visible;
    transition: 0.4s;
  }
  .n-pabout{
    color: #0E2154;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.nw-btn-a{
    margin-top:40px;
}
.bx-n-fl{
    display: flex;
    flex-direction: column;
}
.detail-prof-2-inside.itw-l{border-radius: 0px !important; margin-top:-20px; margin-bottom:-20px;padding:40px 20px;}
.itw-radi{border-top-left-radius: 0px;border-top-right-radius: 0px;}
.n-ic-e img{
    width: 35px;
    height: 35px;
}
.phn-mc{
    width: 300px;
    height:100%;
}
.phone-mackup{
    position: relative;
    display: flex;
    justify-content: center;
    width:100%;
    height: 100%;
}
.pc-mackup{
    position: relative;
    display: flex;
    justify-content: center;
    width:100%;
    height: 100%;
}
.phn-mc{
   width: 499px; 
    overflow: hidden;
    height:100%;
}
.ic-g-v{
    position: absolute;
    top: 0;
    z-index: -1;
    height:100%;
}
.ic-g-ms{
    position: absolute;
    top: 30px;
    z-index: -1;
    height:100%;
}
.ic-g-ms img{
    width: 100%;
    height: 259px;
}
.ic-g-v img{
    width: 100%;
    height: 480px;
    border-radius: 35px;
}
.ms-mc {
    width: 590px;
    overflow: hidden;
    height:100%;
}
.slider-img{
    width:100%;
    height: 100%;
}
.otherbg{position: relative; border-radius: 0px 0px 10px 0px; }
.otherbg:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 96%;
    top: 0px;
    left: 0px;
    z-index: 1;
    border-left: 1px solid #C8C8C8;
}

/* Custom Select */
.custom-select-wrapper {
    position: relative;
    display: inline-block;
    user-select: none;
}
.custom-select-wrapper select {
    display: none;
}
.custom-select {
    position: relative;
    display: inline-block;
    width: 100%;
}
.custom-select-trigger {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 84px 0 22px;
    font-size: 20px;
    font-weight: 500;
    color: #0E2154;
    line-height: 60px;
    background: #ffffff;
    border: 1px solid #000;
    border-radius: 11px;
    cursor: pointer;
}
.custom-select-trigger:after {
    position: absolute;
    display: block;
    content: '';
    width: 10px; height: 10px;
    top: 50%; right: 25px;
    margin-top: -3px;
    border-bottom: 1px solid #0E2154;
    border-right: 1px solid #0E2154;
    transform: rotate(45deg) translateY(-50%);
    transition: all .4s ease-in-out;
    transform-origin: 50% 0;
}
.custom-select.opened .custom-select-trigger {
    border-bottom: 0px;
    border-radius: 15px 15px 0px 0px;
}
.custom-select.opened .custom-select-trigger:after {
    margin-top: 3px;
    transform: rotate(-135deg) translateY(-50%);
}
.custom-options {
    position: absolute;
    display: block;
    top: 100%; left: 0; right: 0;
    min-width: 100%;
    margin: 15px 0;
    border: 1px solid #0E2154;
    border-radius: 15px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #fff;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
    height: 250px;
    overflow-y: auto;
}
.custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
    padding-top: 0px;
    margin-top: 0px;
    border-top: 0px;
    border-radius: 0px 0px 15px 15px;
}
.custom-options:before {
    position: absolute;
    display: block;
    content: '';
    bottom: 100%; right: 25px;
    width: 7px; height: 7px;
    margin-bottom: -4px;
    border-top: 1px solid #b5b5b5;
    border-left: 1px solid #b5b5b5;
    background: #fff;
    transform: rotate(45deg);
    transition: all .4s ease-in-out;
    display: none;
}
.option-hover:before {
    background: #f9f9f9;
}
.custom-option {
    position: relative;
    display: block;
    padding: 0 35px;
    border-bottom: none;
    font-size: 16px;
    font-weight: 500;
    color: #0E2154;
    line-height: 50px;
    cursor: pointer;
    transition: all .4s ease-in-out;
}
.custom-option:first-of-type {
    border-radius: 4px 4px 0 0;
}
.custom-option:last-of-type {
    border-bottom: 0;
    border-radius: 0 0 4px 4px;
}
.custom-option:hover,
.custom-option.selection {
    background: #0E2154;
    color: #fff;
}
.branding-right-bottom{ width: 100%; }
li.col-12.menu-box{
    position: relative;
    z-index: 1;
}
/* Custom Select */
.nw-dtail-prof.detail-prof-section{
    padding:20px 0px;
}

.nw-dtail-prof input{
    display: flex;
    width: 100%;
    padding: 9px 20px;
    align-items: center;
    border-radius: 0.625rem;
    border: 1px solid #0E2154;
}
.nw-dtail-prof .banner-content-btns{
    width: 100%;
    display: flex;
    gap: 16px;
    margin-top:30px;
}
.detail-prof-2-section.dtl-me-sctn{
    padding:40px 0px;
}
.detail-prof-2-section .detail-prof-2-box .detail-prof-2-content .detail-prof-2-text.txt-nw-detail-prof h3{
    color: #0E2154;
    font-size: 40px;
    font-family: 'visby_cfregular';
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
}
.detail-prof-2-section .detail-prof-2-box .detail-prof-2-content .detail-prof-2-text.txt-nw-detail-prof h3 span{
   
    font-weight: 600;

}
.detail-prof-customer{
    display:flex;
    align-items: center;
    gap:32px;
}
.detail-prof-customer p{
    color: #0E2154;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
}
.detail-prof-2-section .detail-prof-2-box .detail-prof-2-content.dtl-frwho-content {
    gap: 20px;
}
.main-page-content-comment img {
    display: block;
    width: 100%;
}

.currency-symbol {
	font-family: sans-serif;
	font-weight: 100;
}

.enterprise-custom-price {
	
    margin-top: -6px;
    text-align: center;
    justify-content: center;
    justify-items: center;
    border-radius: 10px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    width: 100%;

}

.enterprise-total-amount {
	
    font-size: 1.8rem;
	

}

.total-amount {	
    font-family: monospace;
}

.bot-demo{
    background-color:#0E2154;
    padding:25px 20px;
    transition: 0.4s;
    position: fixed;
    bottom: 10px;
    left: 5%;
    z-index: 9999;
    right:5%;
    display: none;
    border-radius: 20px;
    color:#ffffff;
}

.bot-demo .demo-text{
    display: flex;
    text-align: right;
    justify-content: end;
    gap: 10px;
}
.bot-demo .demo-text p{
    margin-bottom: 0px !important;
}

.bot-demo .demo-text p span{
    font-family: 'visby-Bold';
}

.bot-demo .bot-content{
    display: flex;
    gap:10px;
    justify-content: space-between;
    align-items: center;
}
.bot-demo .bot-content .bot-btns{
    display: flex;
    gap:10px;
    justify-content: space-between;
}
.bot-demo .bot-content .bot-btns .acctp{
    display: flex;
    padding: 10px 20px;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    border: 1px solid #FFF;
    font-size:14px;
    color: #fff;
    width: 160px;
}
.bot-demo .bot-content .bot-btns .rjct{
    display: flex;
    padding: 10px 20px;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #FFF;
    font-size:14px;
    color: #0E2154;
    width: 160px;
}
.bot-demo .bot-content .bot-btns .rjct:hover{
    color: #0E2154;
    border: 1px solid #0E2154;
    background: #DBFD1C;
}
.bot-demo .bot-content .bot-btns .acctp:hover{
    color: #0E2154;
    border: 1px solid #0E2154;
}

@media (max-width: 991px) {
    ul.breadcrumb {
        padding: 0 !important; 
    }

    ul.breadcrumb span {
        font-size: 16px !important; 
    }
    .bot-demo {
        background-color: #0E2154;
        padding: 15px 10px;
        transition: 0.4s;
        position: fixed;
        bottom: 10px;
        left: 5%;
        right: 5%;
    
        border-radius: 20px;
        color: #ffffff;
    }

    .f-404-section .f-404-content .f-404-title h1{
        font-size:55px;
    }
    .bot-demo .bot-content{
        flex-direction: column;
        gap:20px;
    }
    .bot-demo .bot-content .bot-btns .rjct {
        width: auto;
    }
    .bot-demo .bot-content .bot-btns .acctp {
        width: auto;
    }
}
.login-image img {
    width: 100%;
    height: 100%;
}
/* Style the list */
ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    background-color: #fff;
  }
  
  /* Display list items side by side */
  ul.breadcrumb li {
    display: inline;
    font-size: 18px;
  }
  
  /* Add a slash symbol (/) before/behind each list item */
  ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
  }
  
  /* Add a color to all links inside the list */
  ul.breadcrumb li a {
    color: #0E2154;
    text-decoration: none;
  }
  
  /* Add a color on mouse-over */
  ul.breadcrumb li a:hover {
    color: #DBFD1C;
    text-decoration: underline;
  }