/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1200px) {

	.hero-left {
    width: 45%;
	}

	.hero-right {
	    width: 55%;
	}

	.features-area .row {
        --bs-gutter-x: 10px;
        --bs-gutter-y: 10px;
    }

    .features-itm {
        padding: 20px 10px 25px;
    }

    .features-itm-ctn h3 {
    	font-size: 20px;
    }






























}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {

	.header-left .logo a span {
	    font-size: 20px;
	    margin-left: 8px;
	}

	.header-right ul li a {
	    font-size: 16px;
	    margin-right: 15px;
	}

	.header-right-btn a {
		margin-left: 25px;
	}

	.hero-left {
    width: 45%;
	}

	.hero-right {
	    width: 55%;
	}

	.hero-left > a {
	    font-size: 14px;
	    padding: 5px 16px 6px 17px;
	}

	.hero-left h2 {
	    font-size: 42px;
	    margin: 10px 0 10px;
	}

	.hero-left h3 {
	    font-size: 20px;
	    margin-bottom: 6px;
	}

	.hero-left p {
	    font-size: 14px;
	    max-width: 482px;
	    margin-bottom: 25px;
	}
	
	.hero-left-box {
		padding: 19px 10px 18px;
	}
	
	.hero-left-box ul li span {
		font-size: 14px;
		margin-left: 10px;
	}
	
	.hero-left-box ul li {
		padding: 19px 0 18px 10px;
	}

	.hero-left > ul {
	    margin: 26px 0 19px;
	} 

	.hero-left > ul li:first-child a {
	    padding: 13px 51px 12px 50px;
	    margin-right: 12px;
	}

	.hero-left > ul li:last-child a {
	    padding: 12px 38px 13px 39px;
	    border-radius: 5px;
	}


	.features-area .row {
        --bs-gutter-x: 10px;
        --bs-gutter-y: 10px;
    }

    .features-itm {
        padding: 20px 10px 25px;
    }

    .features-itm-ctn h3 {
    	font-size: 18px;
    }

    .features-btm h3 {
	    font-size: 29px;
	    margin: 50px 0 30px;
	}

	.features-btm-itm {
	    max-width: 312px;
	    padding: 26px 20px 36px 19px;
	}

	.features-btm-itm1 {
	    margin-right: 35px;
	}

	.features-btm-itm h4 span:first-of-type {
	    width: 96px;
	    height: 96px;
	    margin-right: 28px;
	}

	.features-btm-itm h4 span {
	    font-size: 36px;
	}

	.features-btm-itm p {
	    margin-top: 28px;
	}

	.features-btm h5 {
	    margin-top: 30px;
	}

	.follow-us {
	    padding: 50px 0 48px;
	}

	.follow-us h2 {
	    font-size: 32px;
	    line-height: 39px;
	    margin-bottom: 25px;
	}

	.follow-us p {
	    font-size: 16px;
	    line-height: 20px;
	    max-width: 563px;
	    margin-bottom: 66px;
	}

	.follow-box {
	    max-width: 1117px;
	    padding: 30px 25px 30px 15px;
	}

	.follow-box-left {
	    width: 551px;
	    max-width: 551px;
	}

	.follow-box-left span {
	    font-size: 32px;
	    line-height: 39px;
	    margin-bottom: 10px;
	}

	.follow-box-left h4 {
	    font-size: 32px;
	    line-height: 39px;
	    margin-bottom: 29px;
	}

	.follow-box-right {
	    padding-left: 30px;
	}

	.follow-box-right h5 {
	    font-size: 24px;
	    line-height: 29px;
	    margin-bottom: 20px;
	}

	.follow-box-right p {	    
		font-size: 16px;
	    line-height: 20px;
	    margin-bottom: 43px;
	}

	.follow-box-right span {
	    height: 2px;
	    margin-bottom: 33px;
	}

	.follow-box-right ul li a {
	    font-size: 14px;
	    line-height: 17px;
	    width: 158px;
	    padding: 12px 0 13px;
	}

	.follow-box-right ul li:first-child a {
	    margin-right: 11px;
	}

	.footer-area {
		padding-top: 40px;
	}

	.footer-area ul:last-child {
		padding-left: 30px;
	}



























}

/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/
@media screen and (max-width: 767px) {

	.header-right ul {
		display: none;
	}
	
	.header-area .logo a img {
		max-width: 38px;
	}

	.header-left .logo a span {
	    font-size: 15px;
	    line-height: 18px;
	    margin-left: 9px;
	}

	.hero-inner {
	    padding: 41px 0 29px;
	    padding-left: 0;
	}

	.hero-left {
	    width: 100%;
	    text-align: center;
	}

	.hero-right {
	   display: none;
	}

	.hero-left > a {
	    font-size: 14px;
	    line-height: 17px;
	    padding: 5px 16px 6px 17px;
	}

	.hero-left h2 {	    
		font-size: 24px;
	    line-height: 59px;
	    margin: 15px 0 7px;
	}

	.hero-left h3 {
	    font-size: 20px;
	    line-height: 24px;
	    margin-bottom: 14px;
	}

	.hero-left p {
	    font-size: 12px;
	    line-height: 14px;
	    max-width: 482px;
	    margin-bottom: 13px;
	}

	.hero-left-box {
	    padding: 19px 17px 18px 13px;
	    max-width: 442px;
	}

	.hero-left-box h4 {
	    font-size: 16px;
	    line-height: 20px;
	    margin-bottom: 17px;
	}

	.hero-left-box ul {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	}

	.hero-left-box ul li {
	    display: flex;
	    align-items: center;
	    padding: 19px 0 19px 21px;
	    background: #262629;
	    border: 1px solid rgba(255, 255, 255, 0.15);
	    box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.25);
	    border-radius: 7px;
	    width: 49%;
	}

	.hero-left-box ul li span {
	    font-family: 'Montserrat', sans-serif;
	    font-style: normal;
	    font-weight: 700;
	    font-size: 13px;
	    line-height: 20px;
	    color: #8A8A8A;
	    margin-left: 15px;
	}

	.hero-left > ul {
	    display: flex;
	    align-items: center;
	    margin: 18px 0 29px;
	}

	.hero-left > ul li a {    
	    font-family: 'Montserrat', sans-serif;
	    font-weight: 700;
	    font-size: 14px;
	    line-height: 17px;
	    color: #FFFFFF;
	    display: inline-block;
	    transition: 0.2s;
	}

	.hero-left > ul li:first-child a {
	    padding: 13px 51px 12px 50px;
	    background: linear-gradient(0deg, #262629, #262629), linear-gradient(221.48deg, #8357FF 12.55%, #543FFF 88.41%), linear-gradient(115.31deg, #A78CF2 0%, #7D5FD2 100%);
	    border: 1px solid rgba(255, 255, 255, 0.15);
	    border-radius: 5px;
	    margin-right: 12px;
	}

	.hero-left > ul li:last-child a {
	    padding: 12px 38px 13px 39px;
	    background: linear-gradient(221.48deg, #FF5B5B 12.55%, #DD0000 88.41%), linear-gradient(115.31deg, #A78CF2 0%, #7D5FD2 100%);
	    border-radius: 5px;
	}

	.hero-left > ul li a:hover {
	    opacity: 0.8;
	}

	.hero-left-btm a {
	    display: inline-flex;
	    align-items: center;
	}
	
	.hero-left-btm a img {
		width: 32px;
	}

	.hero-left-btm a span {
	    font-family: 'Montserrat', sans-serif;
	    font-style: normal;
	    font-weight: 600;
	    font-size: 14px;
	    line-height: 20px;
	    color: #8A8A8A;
	    margin-left: 0px;
	}

	/*features-area*/

	.features-area {
	    padding-bottom: 33px;
	}

	.features-area > span {
	    display: block;
	    width: 100%;
	    height: 20px;
	    background: linear-gradient(221.48deg, #FF5B5B 12.55%, #DD0000 88.41%), linear-gradient(221.48deg, #8357FF 12.55%, #543FFF 88.41%), linear-gradient(115.31deg, #A78CF2 0%, #7D5FD2 100%);
	}

	.features-area .row {
	    --bs-gutter-x: 0;
	    --bs-gutter-y: 20px;
	}

	.features-area h2 {
	    font-family: 'Montserrat', sans-serif;
	    font-style: normal;
	    font-weight: 700;
	    font-size: 22px;
	    line-height: 44px;
	    color: #FFFFFF;
	    text-align: center;
	    margin: 44px 0 6px;
	}

	.features-area .container > p {
	    font-family: 'Montserrat', sans-serif;
	    font-style: normal;
	    font-weight: 600;
	    font-size: 12px;
	    line-height: 20px;
	    color: #8A8A8A;
	    text-align: center;
	    margin-bottom: 23px;
	}

	.features-itm {
	    background: #181818;
	    border: 1px solid #424242;
	    border-radius: 6px;
	    min-height: 100%;
	    padding: 21px 23px 31px;
	}

	@media (min-width: 1200px) and (max-width: 1600px) {
	    .features-area .row {
	        --bs-gutter-x: 20px;
	        --bs-gutter-y: 20px;
	    }

	    .features-itm {
	        padding: 23px 15px 33px;
	    }
	}

	.features-itm-ctn {
	    padding: 0 8px;
	}

	.features-itm-ctn h3 {
	    font-family: 'Montserrat', sans-serif;
	    font-weight: 700;
	    font-size: 22px;
	    line-height: 27px;
	    color: #FFFFFF;
	    margin: 19px 0 15px;
	}

	.features-itm-ctn span {
	    display: block;
	    width: 100%;
	    height: 2px;
	    background: #424242;
	    margin-bottom: 16px;
	}

	.features-itm-ctn p {
	    font-family: 'Montserrat', sans-serif;
	    font-weight: 600;
	    font-size: 13px;
	    line-height: 17px;
	    color: #8A8A8A;
	}

	.features-itm-ctn1 h3 {
	    margin-top: 22px;
	    margin-bottom: 26px;
	}

	.features-itm-ctn2 h3 {
	    margin-top: 36px;
	    margin-bottom: 42px;
	    text-align: center;
	}

	.features-itm-ctn3 h3 {
	    margin-top: 30px;
	    margin-bottom: 19px;
	}

	.features-itm-ctn1 span {
	    margin-top: 34px;
	}

	.features-btm h3 {
	    font-family: 'Montserrat', sans-serif;
	    font-weight: 700;
	    font-size: 21px;
	    line-height: 44px;
	    color: #FFFFFF;
	    text-align: center;
	    margin: 38px 0 20px;
	}

	.features-btm-inner {
	    display:block;
	    align-items: center;
	    justify-content: center;
	}

	.features-btm-itm {
	    max-width: unset;
	    padding: 20px 26px 17px 23px;
	}

	.features-btm-itm h4 {
	    display: flex;
	    align-items: center;
	}

	.features-btm-itm1 {
	    background: linear-gradient(221.48deg, #FF5B5B 12.55%, #DD0000 88.41%), linear-gradient(221.48deg, #8357FF 12.55%, #543FFF 88.41%), #262629;
	    border: 1px solid rgba(255, 255, 255, 0.15);
	    box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.1);
	    border-radius: 9px;
	    margin-right: 0;
	    margin-bottom: 20px;
	}

	.features-btm-itm2 {
	    background: #181818;
	    border: 1px solid #424242;
	    border-radius: 6px;
	}

	.features-btm-itm h4 span:first-of-type {
	    width: 65px;
	    height: 65px;
	    margin-right: 21px;
	}
	
	.features-btm-itm h4 span:first-of-type img {
		max-width: 35px;
	}

	.features-btm-itm h4 span {
	    font-family: 'Montserrat', sans-serif;
	    font-weight: 700;
	    font-size: 27px;
	    line-height: 44px;
	    color: #FFFFFF;
	}

	.features-btm-itm p {
	    font-family: 'Montserrat', sans-serif;
	    font-style: normal;
	    font-weight: 600;
	    font-size: 12px;
	    line-height: 17px;
	    color: rgba(255, 255, 255, 0.6);
	    margin-top: 18px;
	}

	.features-btm h5 {
	    text-align: center;
	    margin-top: 33px;
	}
	
	.features-btm h5 a img {
		max-width: 30px;
	}

	/*faq-area*/

	.faq-section {
	    padding: 33px 0 47px;
	    background: #181818;
	    border-top: 1px solid #424242;
	    border-bottom: 1px solid #424242;
	}

	.faq-section .container > h2 {
	    font-family: 'Montserrat', sans-serif;
	    font-weight: 700;
	    font-size: 24px;
	    line-height: 27px;
	    color: rgba(247, 158, 255, 0.7);
	    margin-bottom: 8px;
	}

	.faq-section .container > h3 {
	    font-family: 'Montserrat', sans-serif;
	    font-weight: 700;
	    font-size: 21px;
	    line-height: 26px;
	    color: #FFFFFF;
	    margin-bottom: 12px;
	}

	.faq-section .container > p {
	    font-family: 'Montserrat';
	    font-weight: 600;
	    font-size: 12px;
	    line-height: 15px;
	    color: #8A8A8A;
	    max-width: 658px;
	    margin: 0 auto;
	    margin-bottom: 30px;
	}

	.faq-accordion {
	    max-width: 370px;
	    margin: 0 auto;
	}

	.faq-accordion .accordion-item {
	    background: unset;
	    border: unset;
	    border-bottom: 2px solid #2B2B2B;
	}

	.faq-accordion .accordion-item:last-of-type {
	    border: unset;
	}

	.faq-accordion .accordion-button {
	    background: unset;
	    font-family: 'Montserrat', sans-serif;
	    font-weight: 700;
	    font-size: 12px;
	    line-height: 16px;
	    color: #8A8A8A;
	    padding: 15px 15px 15px 0;
	}
	
	.faq-accordion .accordion-button span {
		max-width: 250px;
	}
	
	.faq-accordion .accordion-button::after {
		width: 14px;
		height: 7px;
	}
	
	.faq-accordion .accordion-body {
		padding: 0 5px 15px;
	}

	.faq-accordion .accordion-body p {
	    font-family: 'Montserrat', sans-serif;
	    font-weight: 400;
	    font-size: 12px;
	    line-height: 16px;
	    color: #8A8A8A;
	    text-align: left;
	} 

	.follow-us {
	    padding: 39px 0 39px;
	}

	.follow-us h2 {
	    font-size: 21px;
	    line-height: 25px;
	    margin-bottom: 12px;
	}

	.follow-us p {
	    font-size: 12px;
	    line-height: 20px;
	    max-width: 335px;
	    margin-bottom: 36px;
	}

	.follow-box {
	    max-width: 1117px;
	    padding: 11px 13px 19px 12px;
	    display: block;
	}

	.follow-box-left {
	    width: 100%;
	    max-width: 551px;
	    margin-bottom: 29px;
	    padding-top: 24px;
	}

	.follow-box-left span {
	    font-size: 32px;
	    line-height: 39px;
	    margin-bottom: 10px;
	}

	.follow-box-left h4 {
	    font-size: 18px;
	    line-height: 24px;
	    margin-bottom: -10px;
	}
	
	
	.follow-box-left a img {
		max-width: 120px;
	}

	.follow-box-right {
	    padding-left: 0;
	    padding-right: 0;
	}

	.follow-box-right h5 {
	    font-size: 18px;
	    line-height: 22px;
	    margin-bottom: 10px;
	    text-align: center;
	}

	.follow-box-right p {	    
		font-size: 12px;
	    line-height: 16px;
	    margin-bottom: 34px;
		text-align: center;
	}

	.follow-box-right span {
		  margin: 0 auto;
	    height: 2px;
	    margin-bottom: 17px;
	    max-width: 90%;
	}
  
	.follow-box-right ul {
		justify-content: center;
	}
	.follow-box-right ul li a {
	    font-size: 14px;
	    line-height: 17px;
	    width: 152px;
	    padding: 12px 0 13px;
	}

	.follow-box-right ul li:first-child a {
	    margin-right: 11px;
	}

	.footer-area {
	    padding: 36px 15px 40px;
	}

	.footer-logo a span {
	    font-weight: 700;
	    font-size: 28.191px;
	    line-height: 40px;
	    margin-left: 20px;
	}

	.footer-left > span {
	    height: 3px;
	    width: 325px;
	    margin: 38px 0 20px;
	}

	.footer-left > h4 {
	    font-weight: 700;
	    font-size: 16px;
	    line-height: 20px;
	    width: 274px;
	    margin-bottom: 34px;
	}

	.footer-right {
	    display: block;
	    align-items: flex-start;
	    justify-content: flex-end;
	}

	.footer-right ul:last-of-type {
	    padding-left: 0;
	}

	.footer-right ul li a {	    font-size: 16px;
	    line-height: 20px;
	    color: #FFFFFF;
	    display: inline-block;
	    margin-bottom: 21px;
	}

	.footer-right ul li:first-child a {
	    font-family: 'Montserrat', sans-serif;
	    font-weight: 700;
	    font-size: 16px;
	    line-height: 20px;
	    color: #8A8A8A;
	}

	.footer-right ul:last-child li:last-child a {
	    background: linear-gradient(221.48deg, #FF5B5B 12.55%, #FF3333 88.41%), linear-gradient(221.48deg, #8357FF 12.55%, #9D91FF 88.41%);
	    -webkit-background-clip: text;
	    -webkit-text-fill-color: transparent;
	    background-clip: text;
	    text-fill-color: transparent;
	    margin-bottom: 0px;
	}

	.footer-right ul:last-child li:last-child a i {
	    margin-left: 8px;
	}

	.footer-area p {
	    font-family: 'Montserrat', sans-serif;
	    font-weight: 700;
	    font-size: 12px;
	    line-height: 20px;
	    color: #8A8A8A;
	    text-align: center;
	    margin-top: 35px;
	}
























}