@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
/*
 font-family: "Plus Jakarta Sans", sans-serif;
 font-family: "Nunito", sans-serif;
*/
:root {
	--primaryColor: #186CB2;
	--secondaryColor: #242331;
	--thirdColor: #465D80;
	--textColor: #212121;
	--lightColor: #f6f5f7;
}

/* ********|| INITIALIZATION STARTS ||******** */
body, html { width: 100%; line-height:18px; margin:0 auto !important;padding:0 !important; font-family: "Nunito", sans-serif; font-weight: 300; -webkit-font-smoothing: subpixel-antialiased;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);font-size: 14px;  color: var(--textMedColor); background: #fff;position: relative; z-index: 0;}
h1, h2, h3, h4, h5, h5{font-family: "Plus Jakarta Sans", sans-serif;}

*:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
a {text-decoration: none ;}
a:hover{text-decoration: none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;transition: all 0.3s ease;}
a:focus{ outline: none;text-decoration: none;}
input:focus, label:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
/* ********|| INITIALIZATION ENDS ||******** */

section{overflow-x: hidden;}
/* ********|| PSEUDO ELEMENTS STARTS ||******** */
::selection{ background-color:var(--primaryColor); color:#fff}
::-moz-selection{ background-color:var(--primaryColor); color:#fff}
::-webkit-selection{ background-color:var(--primaryColor); color:#fff}

:-webkit-focus { outline: none !important; }
:-moz-focus { outline: none !important; }
:focus { outline: none !important; }

select:-webkit-focusring { color: var(--primaryColor) !important;text-shadow: 0 0 0 var(--textMedColor);}
select:-moz-focusring {color: var(--primaryColor) !important;text-shadow: 0 0 0 var(--textMedColor);}
select:focusring {color: var(--primaryColor) !important; text-shadow: 0 0 0 var(--textMedColor);}

::input-placeholder{ color:var(--textColor) !important;}
::-moz-input-placeholder{ color:var(--textColor) !important;}
::-webkit-input-placeholder{ color:var(--textColor) !important;}

/*::-webkit-scrollbar-track{	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: var(--textMedColor);}
::-webkit-scrollbar{width: 5px;height: 5px;background-color: var(--textMedColor);}
::-webkit-scrollbar-thumb{background-color: var(--secondaryColorAltLight);}*/
/* ********|| PSEUDO ELEMENTS ENDS ||******** */


/* ********|| ADJUSTMENT CLASSES STARTS ||******** */
*,::after,::before{box-sizing: border-box;}
a:hover, a:focus, a{color:var(--secondaryColor);}
p { margin: 0 0 10px; }
hr{margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid var(--c4dee4);}

.required:after{content:"*";color:#f44336; font-size:16px; font-weight:600; position: absolute;margin: 0 0 0 3px;}
.separator_dashed{ border-bottom:var(--textMedColor) 1px dashed;}
.separator_dotted{ border-bottom:var(--textMedColor) 1px dotted;}
.separator_solid{ border-bottom:var(--textMedColor) 1px solid;}
/* ********|| ADJUSTMENT CLASSES ENDS ||******** */


section{position:relative;}
.form-content{position: relative;background: transparent;padding: 20px 0; border-radius: 6px;}
.form-control{ border-radius: 0px;box-shadow: none;border-bottom: 1px solid #ddd;color: var(--textColor);background: transparent;min-width: 50px;min-height: 38px;width: 100%;padding: 6px 12px;font-family: inherit;font-size: 14px;border-top: 0;border-left: 0;border-right: 0;}
.form-control:focus{ border-color:var(--primaryColor);box-shadow: none;}
.form-control::-webkit-input-placeholder{ color: var(--textColor) !important;}
.form-control:-moz-placeholder{color:var(--textColor) !important;opacity:  1 !important;}
.form-control::-moz-placeholder{color:var(--textColor) !important; opacity:1 !important;}
.form-control:-ms-input-placeholder{color:var(--textColor) !important;}
.form-control::-ms-input-placeholder{color:var(--textColor) !important;}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background-color: #fff; opacity: 0.7; cursor: not-allowed;}

.custom-checkbox{position: relative;padding-left: 24px;margin: 3px 0;display: inline-block;}
.custom-checkbox .custom-checkbox-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.custom-checkbox .custom-checkbox-label{position: relative;margin: 0;line-height: 16px;font-size: 14px;}
.custom-checkbox .custom-checkbox-label:before{content:'';position:absolute;width: 16px;height: 16px;background: #fff;border: 1px solid #ddd;top: 50%;left: -24px; transform: translateY(-50%);border-radius: 2px;}
.custom-checkbox .custom-checkbox-label:after{content: "\f00c";position: absolute;font-family: "Font Awesome 5 Pro";width: 16px;height: 16px;top: 50%;left: -24px;transform: translateY(-50%); font-weight: 500;font-size: 10px;display: none;color: #fff;text-align: center;}
.custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:after{display:block;}
.custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:before{background: var(--primaryColor);border: 1px solid var(--primaryColor);}

.custom-radio{position: relative;padding-left: 24px;margin: 3px 0;display: inline-block;}
.custom-radio .custom-radio-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.custom-radio .custom-radio-label{position: relative;margin: 0;line-height: 16px;font-size: 14px;}
.custom-radio .custom-radio-label:before{content:'';position:absolute;width: 16px;height: 16px;background: #fff;border: 1px solid #ddd;top: 50%;left: -24px; transform: translateY(-50%);border-radius: 50%;}
.custom-radio .custom-radio-label:after{content: "\f111";position: absolute;font-family: "Font Awesome 5 Pro";width: 16px;height: 16px;top: 50%;left: -24px;transform: translateY(-50%); font-weight: 600;font-size: 8px;display: none;color: #fff;text-align: center;}
.custom-radio .custom-radio-input:checked ~ .custom-radio-label:after{display:block;}
.custom-radio .custom-radio-input:checked ~ .custom-radio-label:before{background: var(--primaryColor);border: 1px solid var(--primaryColor);}


.custom-tab{}
.custom-tab .custom-tab-navigation{padding-left: 0;list-style: none;display: flex;flex-wrap: wrap;justify-content: center;margin: 0 auto 10px;}
.custom-tab .custom-tab-navigation > li{width: auto;margin:5px;position: relative;}
.custom-tab .custom-tab-navigation > li > a{background-color: rgba(255,255,255,0.1);color: #fff;padding: 10px 20px;display: block;font-size: 16px;font-weight: 400;text-transform: capitalize;position: relative;border-radius: 4px;max-width: 300px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.custom-tab .custom-tab-navigation > li.active > a,.custom-tab .custom-tab-navigation > li > a:hover{background-color: var(--primaryColor);}
.custom-tab .custom-tab-content{}
.custom-tab .custom-tab-content .custom-tab-wrap{display: none;background: transparent;padding: 20px 0;}
.custom-tab .custom-tab-content .custom-tab-wrap.active{display: block;}
.custom-tab .custom-tab-content .custom-tab-navigation > li > a{padding: 5px 10px;font-size: 14px;font-weight: 600;}
.custom-tab .custom-tab{margin-top: -20px;}
.custom-tab .custom-tab .custom-tab-navigation{margin-bottom: 0;}
@media (min-width: 576px){.custom-tab .custom-tab-navigation{max-width:620px}}
@media (min-width: 768px){.custom-tab .custom-tab-navigation{max-width:740px}}
@media (min-width: 992px){.custom-tab .custom-tab-navigation{max-width:1140px}}
@media (min-width: 1200px){.custom-tab .custom-tab-navigation{max-width:1200px}}


/* /////////////////////////////////////////////////////////////// */
/*             			   	 	BOOTSTRAP FIX            			   				 */
/* /////////////////////////////////////////////////////////////// */
@media (min-width: 576px){
	.container {max-width: none;}
	/* .modal-dialog {max-width: 700px;} */
	.modal-sm {max-width: 400px;}
}
@media (min-width: 768px){
	.container {max-width: 740px;}
}
@media (min-width: 992px){
	.container {max-width: 960px;}
}
@media (min-width: 1200px){
	.container {max-width: 1170px;}
}
@media (min-width: 1440px){
	.container {max-width: 1340px;}
}
@media (min-width: 1600px){
	.container {max-width: 1400px;}
}
@media (min-width: 1900px){
	.container {max-width: 1540px;}
}

.modal-open {overflow: auto;}
.modal{ overflow-x: hidden; overflow-y: auto;}
.overflow-hidden{overflow:hidden !important;}
.dropdown .dropdown-toggle{padding-right: 16px !important;position: relative;}
.dropdown .dropdown-toggle::after{content: "\f078";font-family: "Font Awesome 5 Pro";font-size: 14px;font-weight: 500;display: block;position: absolute;margin: 0;vertical-align: unset;top: 50%;right: 0;transform: translateY(-50%);border: 0; color: var(--primaryColor); opacity: 1; margin-top: 2px; transition: all 0.3s ease;}
.dropdown.show .dropdown-toggle::after{transform: translateY(-50%) rotate(-180deg);}
.dropdown .dropdown-menu{display:block;top: 100% !important;left: 50% !important;transform: translate(-50%,50px) !important;visibility: hidden;opacity:0;transition:.5s ease all;}
.dropdown .dropdown-menu.show{display:block;transform: translate(-50%,0) !important;visibility: visible;opacity:1;transition:.5s ease all;}
.dropdown-menu .dropdown-item{display: flex;padding: 5px 15px;color: var(--secondaryColor);}
.dropdown-menu .dropdown-item:focus,.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:active{background: var(--primaryColor);color: #fff;}
.mega-dropdown{position:static !important;}
.mega-dropdown .mega-dropdown-menu{display:block;width: 100%;top: auto !important;left: 50% !important;transform: translate(-50%,50px) !important;padding: 20px 40px;visibility: hidden;opacity:0;transition:.5s ease all;}
.mega-dropdown .mega-dropdown-menu.show{display:block;transform: translate(-50%,0) !important;visibility: visible;opacity:1;transition:.5s ease all;}

/*////////////////////////////////////////////////////////////////*/
/*             		          	 HOME PAGE      	      				  	*/
/*////////////////////////////////////////////////////////////////*/

/* ********|| HEADER STARTS ||******** */
header{position:sticky;top:0;z-index:999;background:transparent;}
header .bottom-header{position:relative;padding:5px 0 ;display: flex;align-items: flex-start;}
header .bottom-header > .container{display:flex;align-items:center;justify-content:space-between}
header .bottom-header .brand{padding: 0;max-width: 250px;width: 350px;}
header .navigation{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0}
header .responsive-action{display:none}
header .responsive-action .btn-menu{width:60px;height:40px;display:flex;align-items:center;font-size:24px;line-height:1;color:var(--lightColor);padding-top:2px}
header .navigation-wrap{margin-left:auto;display:flex;align-items:center}
header .navigation-menu{padding-left:0;list-style:none;margin:0;display:flex;align-items: center;}
header .navigation-menu li+ li{margin-left: 25px;}
header .navigation-menu .dropdown .dropdown-toggle::after{color:#14213d;font-size:13px}
header .navigation-menu > li .menu-link{display:flex;line-height:1;font-size:18px;justify-content:center;align-items:center;padding:0 20px;letter-spacing:.5px;color:var(--primaryColor);background: transparent;border: 0;opacity: 0.6;}
header .navigation-menu .menu-link .text{font-size: 17px;font-weight: 400;color: #fff;}
header .navigation-menu > li.active .menu-link,header .navigation-menu > li.active .menu-link span{color:var(--primaryColor);opacity: 1;}
header .navigation-menu > li .menu-link:hover{color:var(--primaryColor)}
header .menu-overlay.active{opacity:1;visibility:visible}
header .menu-overlay{position:fixed;z-index:10;opacity:0;visibility:hidden;top:0;left:0;width:100%;height:100%;cursor:pointer;transition:all .4s ease;background-color:rgba(0,0,0,0.5)}
header .dropdown-menu .dropdown-item{line-height:1;font-size:14px;font-weight:500;padding:10px 10px;letter-spacing:.5px;color:var(--textColor)}
header.scrolled .navigation-menu li.active .text{color: var(--primaryColor) !important;}
header .navigation-menu li.active .text{color: var(--lightColor) !important;font-weight: 800;}
header .logo-basis{width: 100px;height: 30px;}
header .logo-basis img{width: 100%;height: 100%;object-fit: contain;}

h1{font-size: 40px;line-height: 1.4;color: var(--primaryColor);}
.swiper-pagination-bullet-active{background: var(--primaryColor);}
/* ********|| HEADER ENDS ||******** */
header{position:fixed;top:0;width:100%;background:transparent;z-index:1000;}
header.scrolled .bottom-header{align-items:center;padding:5px 0}
header .logo img{max-height:100px;transition:max-height .3s}
header.scrolled .navigation-menu > li .menu-link{font-size:16px}
header .navigation{padding:10px 0}
header.scrolled{background-color:#f9f9f9}
header .menu-wrap{display: flex;background-color: #fff6f657;padding: 20px 40px;border-radius: 50px;}
header .navigation-menu .btn-download{}
header .navigation-menu .btn-download .text{font-size: 22px;font-weight: 700 !important;color: #0049af !important;padding-right: 8px;}
header .navigation-menu .btn-download .menu-link{background: #fff;opacity: 1;transition: all ease 0.3s;border: 2px solid transparent;display: flex;height: 58px;align-items: center;justify-content: center;padding: 10px 30px;font-weight: 700;border-radius: 50px;color: var(--bs-gray-900);margin-left: 35px;}
header .navigation-menu .btn-download .menu-link .text{color: #101721;font-weight: 600;}
header.scrolled .navigation-menu .menu-link .text{color: var(--secondaryColor);font-weight: 600;}
header.scrolled .navigation-menu .btn-download .text{color: var(--secondaryColor) !important;}
header.scrolled .navigation-menu .btn-download .menu-link{background-color: var(--lightColor);border: 2px solid var(--primaryColor);}
header.scrolled .navigation-menu .btn-download .menu-link .text{color: var(--lightColor);}
.section-title{font-size: 40px;text-align: center;color: var(--secondaryColor);margin-bottom: 20px;font-weight: 800;margin-bottom: 40px;}
/* ********|| HEADER ENDS ||******** */
.wrapper-section{  background-size: cover;padding-top: 120px;background-position: center bottom;background-repeat: no-repeat;padding-bottom: 60px;position: relative;overflow: hidden;}
.wrapper-section::before{background-image: url(../images/Background.png);position: absolute;height: 100%;width: 100%;top: 0;content: ' ';background-size: cover;background-repeat: no-repeat;z-index: -1;}
.wrapper-section .banner-content{padding-bottom: 40px;padding-top: 120px;}
.wrapper-section .title{color: var(--primaryColor);font-size: 50px;padding-right: 35px;line-height: 1.2;font-weight: 800;color: var(--secondaryColor);}
.wrapper-section .btn-explore{display: flex;margin-top: 30px;font-size:20px;color: #fff;background-color: var(--primaryColor);width: max-content;padding: 20px 30px;border-radius: 50px;font-weight: 600;}
.wrapper-section p{color: #101721;font-size: 16px;font-weight: 400;margin-top: 20px;line-height: 1.4;}
.wrapper-section .btn-explore:hover{color: #fff;}
.wrapper-section .swiper-wrapper{padding-bottom: 80px;}
.wrapper-section .img-part{}
.wrapper-section .img-part img{width: 100%;height: 100%;object-fit: contain;}

.feature-section{padding: 50px 0;}
.feature-section .section-title{margin-bottom: 40px;}
.feature-section .feature-item{padding: 40px;transition: all ease 0.3s;text-align: center;}
.feature-section .feature-item .img-part{width: 100%;height: 250px;}
.feature-section .feature-item .img-part img{width: 100%;height: 100%;object-fit: contain;}
.feature-section .content-part{}
.feature-section .content-part .part-title{font-size: 20px;font-weight: 700;}
.feature-section .content-part .des{font-size: 16px;line-height: 1.4;font-weight: 400;}
.feature-section .content-part .link-part{color: var(--secondaryColor);text-decoration: underline;font-weight: 600;}
.feature-section .feature-item:hover{background-color: #F9F9F9;border-radius: 40px;cursor: pointer;}
.feature-section .feature-item:hover .link-part{color: var(--primaryColor);}
.feature-section .swiper-wrapper{padding-bottom: 40px;}

.price-part-section{padding: 40px 0;position: relative;overflow: hidden;height: 650px;display: flex;align-items: center;}
.price-part-section:before{position: absolute;content: '';background-image: url(../images/side-img.png);width: 400px;height: 620px;background-repeat: no-repeat;z-index: -1;right: 0;background-size: contain;}
.price-part-section .price-part{background-color: #fafafa;padding: 140px 380px 100px 40px;border-radius: 40px;}
.price-part-section .price-part .section-title{text-align: left;margin-bottom: 10px;}
.price-part-section .price-part .des{font-size: 15px;font-weight: 400;margin-bottom: 20px;}
.price-part-section .item-part{display: flex;align-items: center;}
.price-part-section .item-part .icon{width: 80px;height: 80px;}
.price-part-section .item-part .icon img{width: 100%;height: 100%;object-fit: contain;}
.price-part-section .item-part .data{width: 100%;max-width: calc(100% - 80px);padding-left: 20px;}
.price-part-section .item-part .sub-text{font-size: 25px;font-weight: 800;}
.price-part-section .item-part .des{font-size: 16px;}
.price-part-section .img-part{width: 550px;height: 100%;margin-left: -180px;}
.price-part-section .img-part img{width: 100%;height: 100%;object-fit: contain;}


.step-part-section{padding: 40px 0;}
.step-part-section .section-title{}
.step-part-section .nav-pills{justify-content: center;}
.step-part-section .nav-link{padding: 20px 25px;background-color: #F9F9F9;font-size: 20px;font-weight: 600;color: var(--secondaryColor);}
.step-part-section .nav-item+ .nav-item{margin-left: 20px;}
.step-part-section .nav-link.active{padding: 20px 25px;font-size: 20px;background: var(--primaryColor);font-weight: 600;}
.step-part-section .tab-inner-content{display: flex; justify-content: space-between;margin: 20px 0;align-items: center;}
.step-part-section .tab-inner-content .text-part{width: 50%;}
.step-part-section .tab-inner-content .text-part .data{display: flex;align-items: center;}
.step-part-section .tab-inner-content .text-part .icon{width: 100px;height: 100px;}
.step-part-section .tab-inner-content .text-part .icon img{width: 100%;height: 100%;object-fit: contain;}
.step-part-section .tab-inner-content .text-part .data .data-title{font-size: 35px;line-height: 1.2;width: 100%;max-width: calc(100% - 80px);padding-left: 20px;font-weight: 700;}
.step-part-section .tab-inner-content .des{font-size: 20px;line-height: 1.4;font-weight: 400;color: var(--thirdColor);margin-top: 15px;}
.step-part-section .tab-inner-content .btn-start{display: flex;margin-top: 30px;border: 0;font-size: 20px;color: #fff;background-color: var(--secondaryColor);width: max-content;padding: 20px 30px;border-radius: 50px;font-weight: 600;}
.step-part-section .img-part{width: 40%;height: 320px;border-radius: 30px;overflow: hidden;}
.step-part-section .img-part img{width: 100%;height: 100%;object-fit: cover;}


.price-section{padding: 40px 0;}
.price-section .content-part{}
.price-section .content-part .section-title{text-align: left;margin-bottom: 10px;}
.price-section .content-part .des{font-size: 20px;line-height: 1.4;font-weight: 400;color: var(--thirdColor);margin-top: 15px;}
.price-section .content-part .payment-methods{display: flex;margin-top: 12px;}
.price-section .content-part .payment-methods .icon{}
.price-section .content-part .payment-methods .icon .img-wrap{width: 100%;height: 100%;object-fit: cover;}
.price-section .content-part .payment-methods .icon .img-wrap img{}
.price-section .price-cards{display: flex;}
.price-section .price-item{width: 33.33%;max-width: calc(33.33% - 20px);margin: 10px;background-color: #F9F9F9;text-align: center;padding: 20px;border-radius: 20px;}
.price-section .price-item .price-title{font-size: 24px;font-weight: 700;color: var(--secondaryColor);}
.price-section .price-item .price{border-top: 1px solid var(--bs-gray-300);border-bottom: 1px solid var(--bs-gray-300);padding: 10px 0;color: var(--secondaryColor);font-size: 24px;font-weight: 600;margin-top: 15px;}
.price-section .price-item .price .span-time{font-size: 12px;}
.price-section .price-item .price-list{list-style: none;margin-top: 20px;}
.price-section .price-item .price-list li{font-size: 15px;font-weight: 500;}
.price-section .price-item .price-list li+ li{margin-top: 10px;}
.price-section .price-item .price-list .btn-link{}
.price-section .price-item.active{background-color: var(--primaryColor);}
.price-section .price-item.active .price-title{color: var(--lightColor);}
.price-section .price-item.active .price{border-top: 1px solid #dadada;border-bottom: 1px solid #dadada;padding: 10px 0;color: #fff;font-size: 30px;font-weight: 600;}
.price-section .price-item.active .price.span-time{font-size: 12px;}
.price-section .price-item.active .price-list{}
.price-section .price-item.active .price-list li{color:var(--lightColor);}
.price-section .price-item .btn-link{display: flex;margin-top: 30px;text-decoration: none;justify-content: center;border: 0;margin: 20px auto;font-size: 16px;width: max-content;padding: 15px 30px;border-radius: 50px;font-weight: 600;}
.price-section .price-item.active .btn-link{color: var(--primaryColor);background-color: var(--lightColor);}
.price-section .price-item.standard  .btn-link{display: flex;margin-top: 30px;text-decoration: none;justify-content: center;border: 0;margin: 0 auto;font-size: 16px;color: #fff;background-color: var(--secondaryColor);width: max-content;padding: 15px 30px;border-radius: 50px;font-weight: 600;}
.price-section .price-item.normal  .btn-link{}


.trial-section{padding: 40px 0;}
.trial-section .inner-part{background-image: url(../images/Background-2.png);background-size: cover;background-repeat: no-repeat;overflow: hidden;border-radius: 50px;}
.trial-section .content-part{padding:0 80px;}
.trial-section .content-part .section-title{text-align: left;font-size: 40px;color: #fff;margin-bottom: 10px;}
.trial-section .content-part .section-title .highlight{color: #FBFF49;}
.trial-section .content-part .des{color: #fff;font-size: 18px;line-height: 1.4;}
.trial-section .form-content{}
.trial-section .form-content {display: flex;}
.trial-section .form-control{background: #ffffff2b;border: 0;color: #fff;padding: 10px 20px;height: 55px;border-radius: 50px;}
.trial-section .btn-send{display: flex;margin-left: 10px;width: 220px;text-decoration: none;border: 0;color: var(--primaryColor);background-color: var(--lightColor);font-size: 16px;padding: 15px 30px;border-radius: 50px;font-weight: 600;align-items: center;justify-content: center;}
.trial-section ::placeholder {color: #fff !important;opacity: 1 !important; /* Firefox */}
.trial-section  ::-ms-input-placeholder { /* Edge 12 -18 */color: #fff;}
.trial-section .img-part{width: 100%;height: 420px;padding:0 60px;}
.trial-section .img-part img{width: 100%;height: 100%;object-fit: contain;}



.article-section{padding: 40px 0;}
.article-section .article-lists{margin-top: 20px;}
.article-section .blog-item{background-color: #F9F9F9;padding: 40px;border-radius: 40px;}
.article-section .blog-item .img-part{width: 100%;height: 250px;overflow: hidden;border-radius: 30px;}
.article-section .blog-item .img-part img{width: 100%;height: 100%;object-fit: cover;}
.article-section .blog-item .content-part{}
.article-section .blog-item .content-part .date{font-size: 14px;font-weight: 600;margin-top: 20px;}
.article-section .blog-item .content-part .blog-title{font-weight: 600;}
.article-section .blog-item .content-part .des{font-weight: 400;line-height: 1.4;}
.article-section .blog-item .content-part .btn-link{color: var(--primaryColor);font-weight: 600;}
.article-section .swiper-wrapper{padding-bottom: 40px;}

.contact-form-section{padding: 40px 0;}
.contact-form-section .section-title{}
.contact-form-section .data-lists{display: flex;justify-content: center;}
.contact-form-section .data-lists .data-item{border-radius: 30px;width: 30%;max-width: calc(30% - 20px);margin: 10px;border: 1px solid #E8E8E8;display: flex;align-items: center;padding: 20px;background: #FFF;box-shadow: 0px 24px 33px 0px rgba(181, 181, 181, 0.25);}
.contact-form-section .data-lists .data-item .icon{width: 60px;height: 60px;}
.contact-form-section .data-lists .data-item .icon img{width: 100%;height: 100%;object-fit: contain;}
.contact-form-section .data-lists .data-item .text{display: flex;justify-content: space-between;width: 100%;max-width: calc(100% - 60px);padding-left: 20px;}
.contact-form-section .data-lists .data-item .text .title{margin-bottom: 0;font-size: 16px;font-weight: 700;}
.contact-form-section .data-lists .data-item .text .des{margin-bottom: 0;font-size: 15px;font-weight: 600;}
.contact-form-section .form-content{border-radius: 30px;margin:40px 10px;border: 1px solid #E8E8E8;padding: 60px;background: #FFF;box-shadow: 0px 24px 33px 0px rgba(181, 181, 181, 0.25);}
.contact-form-section .form-content .control-label{font-size: 15px;font-weight: 700;text-transform: capitalize;}
.contact-form-section .form-content .form-control{border: 1px solid #dadada;border-radius: 15px;resize: none;width: 100%;height: 62px;margin-top: 5px;padding: 20px;}
.contact-form-section .form-content textarea{border: 1px solid #dadada;border-radius: 15px;resize: none;width: 100%;}
.contact-form-section .btn-submit{display: flex;margin: 40px auto 0;text-decoration: none;justify-content: center;border: 0;font-size: 16px;color: #fff;background-color: var(--secondaryColor);width: max-content;padding: 15px 30px;border-radius: 50px;font-weight: 600;}

    footer{padding: 40px 0 0;}
    footer .footer-part{}
    footer .footer-part .logo{width: 200px;height: 100px;}
    footer .footer-part .logo img{width: 100%;height: 100%;object-fit: contain;}
    footer .footer-part .des{font-size: 15px;line-height: 1.4;font-weight: 500;}
    footer .footer-part .data-item{margin-top: 10px;}
    footer .footer-part .data-item i{color: var(--primaryColor);}
    footer .footer-part .data-item span{font-size: 14px;padding-left: 5px;font-weight: 500;}
    footer .footer-item{}
    footer .footer-item h4{font-size: 25px;font-weight: 700;}
    footer .footer-item .menu-links{display: flex;flex-direction: column;}
    footer .footer-item .link{display: flex;font-weight: 600;margin-top: 15px;}
    footer .footer-item .link+ .link{margin-top: 15px;}
    footer .download-part{border-radius: 50px;padding: 40px;background: #F9F9F9;}
    footer .download-part .sub-text{color: var(--primaryColor);text-transform: uppercase;font-weight: 700;}
    footer .download-part .title{font-size: 40px;font-weight: 600;}
    footer .download-part .des{font-size: 16px;line-height: 1.2;font-weight: 400;color: var(--thirdColor);}
    footer .download-part .img-wrap{width: 180px;height: 70px;}
    footer .download-part .img-wrap img{width: 100%;height: 100%;object-fit: contain;}

    footer .footer-bottom{border-top: 1px solid #dadada;padding: 20px 0;margin-top: 20px;}
    footer .footer-bottom .text{font-weight: 600;}
    footer .footer-bottom .social-links{margin-left: auto;display: flex;justify-content: flex-end;}
    footer .footer-bottom .social-links a{}
    footer .footer-bottom .social-links a+ a{margin-left: 20px;}

    .common-section{font-weight: 400;padding: 120px 0 80px;min-height: 60vh;background: #f8fcff;position: relative;}
    .common-section:before{position: absolute;width: 60%;height: 100px;content: '';background: var(--primaryColor);top: 0;right: -110px;transform: skewX(50deg);border-radius: 30px;}
    .common-section h4{font-size: 18px;font-weight: 500;}
    .common-section p{font-size: 14px;font-weight: 400;}
    .common-section .blog-image-part{width: 100%;height: 450px;overflow: hidden;margin-bottom: 20px;}
    .common-section .blog-image-part img{width: 100%;height: 100%;object-fit: contain;}
/* ********|| RESPONSIVE STARTS ||******** */

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

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

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

}
@media screen and (max-width: 1280px) {
	
}
@media screen and (max-width: 1024px) {
   
}
@media screen and (max-width: 990px) {
.side-panel{max-height: calc(100vh - 160px);}
.main-layout{}
.chat-filter .form-select{font-size: 13px;padding: 5px 10px;}

.mobile-view-filter{display: block;position: absolute;z-index: 12;width: 30px;height: 30px;background-color: var(--primaryColor);border-radius: 50%;font-size: 14px;display: flex;align-items: center;justify-content: center;right: 18px;top: 8px;}

.doc-part{transition: all 0.3s ease;transform: translateX(100%);position: absolute;}
.header-wrap .nav-tabs .nav-item .nav-link .icon, .header-wrap .library .icon{width: 20px;height: 20px;}
.header-wrap .nav-tabs .nav-item .nav-link .text, .header-wrap .library .text{font-size: 13px;}
.header-wrap .nav-tabs .nav-item .nav-link{padding: 0;}
.header-wrap .nav-tabs .nav-item+ .nav-item{margin-left: 20px;}
.form-group{margin-top: 15px;}

.body-layout .doc-part .name-part .form-group{margin-top: 0;}

.body-layout{min-height: calc(100vh - 60px);}

.body-layout .doc-part{width: 100%;}
.body-layout .chat-filter{width: 100%;padding: 16px 20px;}
.body-layout .chat-filter .form-group{margin-top: 4px;}
.doc-part.collapsed{    transform: translateX(0%);height: 100%;width: 100%;overflow-y: auto;padding: 18px;z-index: 10;}

header .contact .contact-link .title, header .social .social-label{font-size: 14px;}
header .responsive-action {display: block;}
header .responsive-action .btn-menu {justify-content: flex-end;}
/* header .navigation-menu > li.active .menu-link {
    background-color: var(--secondaryColor);
} */
header .navigation-menu > li .menu-link span, header .navigation-menu > li .menu-link {/* color: var(--secondaryColor); */justify-content: flex-start;}
header .navigation-wrap.active {transform: translateX(0%);}
header .navigation-wrap {position: fixed;top: 0;right: 0;z-index: 11;background-color: #fff;height: 100%;width: 300px;box-shadow: 2px 0 10px rgb(0 0 0 / 10%);padding: 15px 0;transform: translateX(110%);transition: all 0.4s ease;}
header .navigation-menu {display: block;}
header .navigation-wrap{display: block;}
header .navigation-menu > li .menu-link{border-bottom: 1px solid rgba(0,0,0,0.1);}
header .navigation{justify-content: flex-end;padding: 0;}
header .call-to-action{margin: 20px 0 0 0px;padding: 0;}
header .call-to-action .btn-ctn{padding: 13px 55px;}
header .navigation-menu > li .menu-link{font-size: 14px;color: var(--secondaryColor) !important;padding: 10px 20px;width: 100%;font-weight: 600;}
header .navigation-menu .dropdown .dropdown-toggle::after{right: 12px;}
header .bottom-header{padding: 10px 0 0;align-items: center;}
header.scrolled .navigation-menu > li .menu-link{font-size: 14px;color: var(--secondaryColor);font-weight: 600;width: 100%;}
header.scrolled .bottom-header{align-items:center;padding:5px 0}
.logo-responsive-part {width: 180px;height: 160px;margin: 30px auto 0;display: block;}
.logo-responsive-part img{width: 100%;height: 100%;object-fit: contain;}

header .bottom-header .brand{max-width: 250px;width: 260px;}
header.scrolled .bottom-header .brand{max-width: 250px;width: 120px;}

header .navigation-menu li.active .text{color: var(--primaryColor) !important;}
header .navigation-menu .menu-link .text{color: var(--thirdColor);}
header .navigation-menu .btn-download .menu-link{background-color: var(--lightColor);border:2px solid var(--primaryColor) !important;}
header .navigation-menu > li .menu-link span{color: var(--lightColor);}
header.scrolled .responsive-action .btn-menu{color: var(--primaryColor);}

.section-title{font-size: 25px;margin-bottom: 10px;}

.wrapper-section{padding-bottom: 10px;padding-top: 90px;}
.wrapper-section .title{font-size: 25px;}
.wrapper-section .banner-content{padding: 20px 0;}
.wrapper-section .btn-explore, .step-part-section .tab-inner-content .btn-start{margin-top: 20px;font-size: 14px;    padding: 10px 30px;}
.wrapper-section .swiper-wrapper{padding-bottom: 40px;}
.wrapper-section::before {background-image: url(../images/Background.png);position: absolute;height: 100%;width: 100%;top: -30px;content: ' ';background-size: contain;background-repeat: no-repeat;z-index: -1;right: -50px;}

.feature-section{padding: 20px 0;}
.feature-section .feature-item{padding: 20px;}
.feature-section .section-title{margin-bottom: 20px;}
.feature-section .feature-item .img-part{height: 170px;}

.price-part-section .price-part{padding: 40px;}
.price-part-section .img-part{width: 100%;margin-left: unset;margin-top: 20px;}
.price-part-section:before{background-size: cover;height: 100%;}
.price-part-section{height: unset;}

.step-part-section{padding: 20px 0;}
.step-part-section .nav-link, .step-part-section .nav-link.active{    padding: 10px 15px;margin-top: 8px;font-size: 15px;}
.step-part-section .tab-inner-content{flex-wrap: wrap;}
.step-part-section .tab-inner-content .text-part, .step-part-section .img-part{width: 100%;}
.step-part-section .tab-inner-content .text-part .data .data-title{font-size: 16px;}
.step-part-section .tab-inner-content .des{font-size: 16px;}
.step-part-section .img-part{height: 200px;margin-top: 10px;}

.price-section{padding: 20px 0;}
.price-section .content-part .des{font-size: 14px;}
.price-section .content-part .payment-methods .icon{width: 55px;}
.price-section .content-part .payment-methods .icon .img-wrap img{width: 100%;height: 100%;}
.price-section .price-cards{flex-wrap: wrap;}
.price-section .price-item{width: 100%;max-width: 100%;}

.trial-section .content-part{padding: 40px;}
.trial-section .content-part .section-title{font-size: 25px;}
.trial-section .form-content{flex-wrap: wrap;}
.trial-section .btn-send{margin-top: 8px;margin-left: 0;}
.trial-section .img-part{height: 150px;padding:0 20px 40px;}

.article-section{padding: 20px 0;}
.article-section .blog-item{padding: 20px;}

.contact-form-section{padding: 20px 0;}
.contact-form-section .data-lists{flex-wrap: wrap;}
.contact-form-section .data-lists .data-item{width: 100%;max-width: 100%;}
.contact-form-section .data-lists .data-item .icon{width: 30px;height: 30px;}
.contact-form-section .form-content{padding: 30px;margin: 5px;}

header .menu-wrap{flex-wrap: wrap;flex-direction: column;}
header .navigation-menu li+ li{margin-left: 0;margin-top: 15px;}
header .navigation-menu > li .menu-link{width: max-content !important;}

footer{padding: 10px 0;}
footer .footer-item .link+ .link, footer .footer-item .link{margin-top: 5px;}
footer .footer-item{margin-top: 8px;}

}
@media screen and (max-width: 990px) and (orientation: landscape){

}
@media screen and (max-width: 767px) {
   
	
}
@media screen and (max-width: 767px)  and (orientation: landscape){

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

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

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

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

}
/* ********|| RESPONSIVE ENDS ||******** */