/* @import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Arima+Madurai:wght@100;200;300;400;500;700;800;900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
 */

 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

*{margin: 0;padding: 0;box-sizing: border-box;}

body{font-family: 'Roboto', sans-serif;}
body::before{content:"";position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-image: url(../images/main-bg.png)!important;z-index: -1;}

body::-webkit-scrollbar {display: none;}

/* Disable scrollbar Firefox */
@-moz-document url-prefix() {
  html{scrollbar-width: none;}
}

.slide-buttons{display: none;}

/* section{-webkit-width: calc(100% - 13%);width: 87%;} */
a{display: block;}

li{list-style: none;}

h1{font-weight: 500 !important;}
:root{--see_prime_color: #e97730;--see_second_color:#f2f2f2;--see_third_color:#242424;--see_light_color:#fff;--see_dark_color:#14202b; --font-prime: 'Poppins', sans-serif; --font-second: 'Montserrat', sans-serif;}

.see-prime-color{ background:var(--see_prime_color); color: var(--see_light_color); border-color:var(--see_light_color); font-family: var()  }
.see-second-color{ background:var(--see_second_color); color: var(--see_dark_color); border-color:var(--see_dark_color); }
.see-third-color{ background:var(--see_third_color); color: var(--see_light_color); border-color:var(--see_light_color); }
.see-light-color{ background:var(--see_light_color); color: var(--see_dark_color); border-color:var(--see_dark_color); }
.see-dark-color{ background:var(--see_dark_color); color: var(--see_light_color); border-color:var(--see_light_color); }

.see-button-prime a:nth-child(1){line-height: 42px; color: var(--see_light_color); border: 1px solid var(--see_prime_color); padding: 8px 15px; background-color:var(--see_prime_color); text-transform:capitalize; margin-right: 10px; font-family: var(--font-prime); }
.see-button-prime a:nth-child(2){line-height: 42px; color: var(--see_prime_color); border: 1px solid var(--see_prime_color); padding: 8px 15px; background-color: transparent; text-transform:capitalize;font-family: var(--font-prime); }
.see-button-prime a:nth-child(1):hover{line-height: 42px; color: var(--see_prime_color); border: 1px solid var(--see_prime_color); padding: 8px 15px; background-color: transparent; text-transform:capitalize; }
.see-button-prime a:nth-child(2):hover{line-height: 42px; color: var(--see_light_color); border: 1px solid var(--see_prime_color); padding: 8px 15px; background-color:var(--see_prime_color); text-transform:capitalize; }

.see-button-second a:nth-child(1){line-height: 42px; color: var(--see_dark_color); border: 1px solid var(--see_second_color); padding: 8px 15px; background-color:var(--see_second_color); text-transform:capitalize; margin-right: 10px;}
.see-button-second a:nth-child(2){line-height: 42px; color: var(--see_second_color); border: 1px solid var(--see_second_color); padding: 8px 15px; background-color: transparent; text-transform:capitalize;}
.see-button-second a:nth-child(1):hover{line-height: 42px; color: var(--see_second_color); border: 1px solid var(--see_second_color); padding: 8px 15px; background-color: transparent; text-transform:capitalize;}
.see-button-second a:nth-child(2):hover{line-height: 42px; color: var(--see_dark_color); border: 1px solid var(--see_second_color); padding: 8px 15px; background-color:var(--see_second_color); text-transform:capitalize;}


.see-button-fourth a:nth-child(1){display: inline-block; font-family: var(--font-prime); padding: 12px 25px 9px; line-height: 1.5; color: var(--see_dark_color); border: 1px solid var(--see_light_color); background-color: var(--see_light_color); text-transform: capitalize; letter-spacing: 0.5px; border-radius: 5px; font-size: 18px;margin-right: 15px;}
.see-button-fourth a:nth-child(2){display: inline-block; padding: 12px 25px 9px; line-height: 1.5; color: var(--see_light_color); border: 1px solid var(--see_light_color); background-color: transparent; text-transform: capitalize; letter-spacing: 0.5px; border-radius: 5px; font-size: 18px; font-family: var(--font-prime);}
.see-button-fourth a:nth-child(1):hover{display: inline-block; padding: 12px 25px 9px; line-height: 1.5; color: var(--see_light_color); border: 1px solid var(--see_light_color); background-color: transparent; text-transform: capitalize; letter-spacing: 0.5px; border-radius: 5px; font-size: 18px; font-family: var(--font-prime);}
.see-button-fourth a:nth-child(2):hover{display: inline-block; font-family: var(--font-prime); padding: 12px 25px 9px; line-height: 1.5; color: var(--see_dark_color); border: 1px solid var(--see_light_color); background-color: var(--see_light_color); text-transform: capitalize; letter-spacing: 0.5px; border-radius: 5px; font-size: 18px;}

.see-divider{width:70px; height:3px; margin-bottom:10px;}

/****** slick css start here ********/
.slick-dots{ width: 100%; margin: auto; text-align: left !important; padding-left: 10px;}
.slick-dots li{border-radius: 50%; float: left; } 
.slick-prev, .slick-next{background: var(--see_light_color) !important;border-radius: 50%;width: 35px;height: 35px;padding:0 !important;opacity: 0.5;color:var(--see_third_color);box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;}
.slick-prev:hover, .slick-next:hover{opacity: 1;}
.slick-prev{ position: absolute; top: 50%; left: 0; z-index: 1; background-color: #4d7191; border: none; font-size: 0px; cursor:pointer; }
.slick-prev:after{width: 10px;height: 35px;background: #002d4e;position: absolute;left: 2px;top: -8px;border-radius: 2px;}
.slick-prev::before {content: "\f104";font-family: 'Font Awesome 5 Free';font-size: 30px; font-weight: 700; font: normal normal normal 30px/1 FontAwesome;}
.slick-next::before {content: "\f105";font-family:'Font Awesome 5 Free';font-size: 30px; font-weight: 700;font: normal normal normal 30px/1 FontAwesome;}
.slick-next{ position: absolute; top: 50%; right: 0; z-index: 1; padding: 4px 10px; background-color: #4d7191; border: none; font-size: 0px; cursor:pointer;}
.slick-next:focus, .slick-prev:focus{outline: none;} 
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{ display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{ pointer-events: none;}
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide{ visibility: hidden; }
.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden {display: none; }
.slick-list{ overflow: hidden;}

/************* top slider css start here *******/

/************* top slider css start here *******/
.slider-section{  width: 100%; position: relative;  overflow: hidden; }
.slider-section .slider-data{ width: 100%; float: left; position: relative; min-height: 400px;}
.slider-section .slider-data img{ width: 100%; height: 500px; object-fit: cover;  }
.slider-section .slick-prev{position: absolute;top: 50%;left: 15px; height: 40px; width: 40px; z-index: 1;padding: 5px 10px;border-radius: 31px;background-color: var(--see_third_color);color: var(--see_light_color); border: none;font-size: 0px;}
.slider-section .slick-prev::before,.slider-section .slick-next::before {font-family: 'font awesome 5 free' !important;font-size: 22px; font-weight: 700;}
.slider-section .slick-next::before {content: "\f105";}
.slider-section .slick-prev::before{content: "\f104";}
.slider-section .slick-next{position: absolute;top: 50%;right: 15px; height: 40px; width: 40px; z-index: 1;padding: 5px 10px;background-color: var(--see_third_color); color: var(--see_light_color); border: none;font-size: 0px; border-radius: 31px;}
.slider-section .slick-next:focus{outline: none;}
.slider-section .slick-prev:focus{outline: none;}
.slider-section .slider-data .slider-content{position: absolute;top: 0%;left: 0%; width: 100%; height: 100%; background: linear-gradient(rgb(0,0,0,0.5),rgb(0,0,0,0.5)); display: grid; place-items: center; text-align: center;}
.slider-section .slider-data .slider-content .title{font-size: 18px; text-transform: capitalize; color: var(--see_light_color);}
.slider-section .slider-data .slider-content h2{line-height:48px; font-size: 40px;text-transform: capitalize;font-weight: 400; color: var(--see_light_color);}
.slider-section .slider-data .slider-content .desp{font-size: 14px;letter-spacing: 1px;line-height: 23px;font-weight: 100;margin: 7px 0 20px; color: var(--see_light_color);}
.slider-text{width:70%;}
.slider-section .slider-data .slider-content h3{text-transform: capitalize;}
.slider-section .slick-prev:hover,.slider-section .slick-next:hover{display: block !important;}

.slick-dots{display: block; position: relative; height: 100%; text-align: center; margin-top: 20px;}
.slick-dots{left: 0;}
.slick-dots li{display: contents;}
.slick-dots li button{cursor: pointer; font-size: 0; height: 6px; width: 35px; border-radius: 18px; background-color: #fbd55a ; border: none; margin-right: 10px;}
.slick-dots li.slick-active button{cursor: pointer; font-size: 0; height: 6px; width: 35px; border-radius: 18px; background-color: #e67225; border: none; margin-right: 10px;}
.slick-dots li button:focus{outline: none;}

.slider .fa-angle-left,.fa-angle-right{display:none !important;}

/**********************vertical slider dots button********************/
.pagination{position: fixed;top: 50%;right: 3%;transform: translateY(-50%);margin: 0;padding: 0;cursor: pointer;z-index: 99999;}
.pagination a{width: 12px;height: 12px;border: 2px solid #e67225;border-radius: 50%;list-style: none;background: #e67225;transition: all 0.3s;}
.pagination li:not(:last-of-type){margin-bottom: 20px;}
.pagination a:hover, .pagination a.active {transform: scale(1.8);background: #07528b;border: 2px solid #07528b;}
.section {display: flex;justify-content: center;align-items: center;height: 100%;}

/**************common classes**************/
.theme-color-orange{color: #e97730!important;}
.theme-color-blue{color: #035189!important;}
.theme-color-dark{color: #444!important;}
.theme-bg-orange{background-color: #e97730!important;}
.theme-bg-blue{background-color: #035189!important;}
.bg-green{background-color: #4fab00;}
.bg-yellow{background-color: #dbaf06;}
.bg-red{background-color: #dd4400;}
.bg-gradient-white{background: linear-gradient(180deg,#bfbfbf,#e5e5e5 50%)!important;}
.bg-gradient-orange{background: linear-gradient(180deg,#ff863bf7,#ffcaa9 50%)!important;}
.show{display: block!important;}
.fade-show{visibility: visible!important;opacity: 1!important;transition: all 0.3s;}
.fade-hide{visibility: hidden;opacity: 0;transition: all 0.3s;}
.hide{display: none!important;}
.h-auto{height: auto!important;transition: all 400ms ease-in-out;}
.h-none{height:0px;transition: all 400ms ease-in-out;}

/*****common-btn**************/
.common-btn {display: flex;flex-wrap: wrap;position: relative;}
.common-btn .btn{position: relative;margin: 0 20px 20px 0;}
.common-btn .btn:not(:first-child){margin-right: 0;}
.common-btn a{display: inline-block;padding: 10px 35px;font-weight: 500;font-size: 16px;color: #fff;}
.common-btn .btn img{width: 100%;position: absolute;top: 0;left: 0;z-index: -1;height: 40px;}
.common-btn .btn a:hover{color: #154e7a !important;}
.common-btn .btn img.hover-img{display: none;}
.common-btn .btn:hover img.hover-img{display: block;width: 103% !important;height: 109%;top: -2px;left: -2px;}
.common-btn.mob{display: none;}

/*********************common-heading/subtitle************/
.heading{color: #154e7a;font-size: 20px;font-weight: 500;padding-top:10px;position: relative;}
.subtitle{font-size: 28px;color: #154e7a;font-weight: 600;}

/*********************common-heading-dotted************/
.heading-dotted{font-size: 24px;font-weight: 400;padding: 10px 0;border-bottom: 2px solid #154e7a;display: inline-block;position: relative;text-transform: capitalize;color: #154e7a;}
/* .heading-dotted span::before{content: '';position: absolute;bottom: -3px;right: -25px;width: 25px;border-bottom: 3px dotted #154e7a;} */
.heading-dotted::before{content: "...";position: absolute;bottom: -8px;left: 100%;}


/*******************common-header*******************/
.main-container{width: calc(100% - 10%);  margin:0px 11%;height: (100% - 10%);margin-top: 70px;height: 100%;}

.bg{background: url(../images/main-bg.jpg) no-repeat !important;position: fixed !important;top: 0;left: 0;z-index: 99999999;width: 100%;object-fit: cover;}
header.header{left: 4%;top: 0;z-index: 999999999;/*background: #fff;*/}
.header .header-left{z-index: 99;width: 5%;position: fixed;left: 0;top: 0;float: left;background-color: #e97730;height: auto;border-radius: 70px;margin: 10px;}
.header .header-left .main{height: 100%;text-align: center;padding: 10px;transition: all 400ms ease-in-out;}
.header .header-left .main .menu{top: 5px;border: 3px solid #fff;border-radius: 50%;text-align: center;width: 50px; height: 50px;display: flex;justify-content: center;align-items: center;margin: auto;transition: all 400ms ease-in-out;}
.header .header-left .main .menu img{width: 48px;padding: 10px 13px;}
.header .header-left .main .listing{padding: 15px 0;height: calc(100vh - 85px);}
.header .header-left .main .listing ul{display: inline-block;margin: auto;flex-direction: column;height: 100%;justify-content: space-evenly;align-items: center;}
.header .header-left .main .listing li{display: flex;justify-content: center;}
.header .header-left .main .listing li .border{position: relative;border: 3px solid #fff; border-radius: 50%; margin: 0 0 35px;width: 50px;height: 50px;}
.header .header-left .main .listing li .heading{position: absolute;left: 50%;overflow-wrap: break-word;width: 160%;transform: translateX(-50%); font-size: 12px;padding: 10px 0;color: #fff;font-weight: 500;text-transform: capitalize;}
.header .header-left .main .listing li img{width: 100%;padding: 8px;}
.header .header-top{/*background: #fff;*/padding: 15px 0px;}
.header .header-top .logo{width: 140px;float: left;}
.header .header-top .logo img{width: 100%;object-fit: cover;}
.header .header-top .login-main{display: flex;justify-content: flex-end;align-items: center;}
.header .header-top .login-main .icons:not(:first-child){margin-left: 20px;}
.header .header-top .login-main .log-in{position: relative;margin-left: 20px;}
.header .header-top .login-main .log-in:first-child{margin-left: 0px;}
.header .header-top .login-main .log-in a{font-size: 13px;color: #fff;text-transform: capitalize;position: relative;z-index: 999;display: block;padding: 6px 13px;font-weight: 600;text-align: center;}
.header .header-top .login-main .log-in .media{position: absolute;top: 0;width: 100%;height: 100%;}
.header .header-top .login-main .log-in .media img{width: 100%;height: 100%;max-height: 100%;max-width: 100%;}
.header .header-top .login-main .log-in .media img.hover-img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;}
.header .header-top .login-main .log-in:hover img.hover-img{display: block;}
.header .header-top .login-main .notifications a{position: relative;}
.header .header-top .login-main .notifications .count{width: 18px; height: 18px; display: inline-block; background-color: #e97730;color: #fff;border-radius: 50%; position: absolute;right: -8px; top: -8px; border: 2px solid #fff;font-size: 10px;text-align: center;padding: 1px 0px;}
.header .header-top .login-main .user{position: relative;}
.header .header-top .login-main .user a{display: flex;align-items: center;padding: 5px;}
.header .header-top .login-main .user a .admin-icon{position: relative; width: 30px; height: 30px; border-radius: 50%;background-color: #86b4fc;}
.header .header-top .login-main .user a .admin-icon img{position: absolute; width: 45%; left: 50%; top: 50%;transform: translate(-50%, -50%);}
.header .header-top .login-main .user a span{font-size: 15px;font-weight: 500;color: #666;margin-left: 5px;}
.header .header-top .login-main .user .user-dropdown{position: absolute;top: 100%;left: 0;padding: 10px;border-radius: 5px;background: #ddd;color: #555;display: none;}
.header .header-top .login-main .user .user-dropdown::after{content: "";position: absolute;top: -5px; right: 20px;width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #ddd;}
.header .header-top .login-main .user .user-dropdown li{width: 100%;}

.header .header-left .main .listing li figure img.on-active{display: none;}
/* .header .header-left .main .listing li.active{pointer-events: none;} */
.header .header-left .main .listing li.active figure img.normal{display: none;}
.header .header-left .main .listing li.active figure img.on-active{display: block;}
.header .header-left .main .listing li.active .border{border-radius: 10px;background-color: #fff;}


@media (max-width: 992px){
  .header .header-left .main .listing{height: auto;}
  .header .header-top .login-main .log-in{position: relative;margin-left: 15px;}
  .header .header-top .login-main .log-in:last-child{margin-right: 10px;}
}



/*********************banner********************/
.banner {padding: 1rem 0; display: flex!important; align-items: center;}
.banner .banner-main{display: flex;align-items: center;flex-wrap: wrap;} 
.banner .main-slider{overflow: hidden;}
.banner .banner-main .left-slider{display: flex !important;/*align-items: center;*/}
.banner .ban-left .heading{font-size: 44px;color: #154e7a;text-transform: capitalize;font-weight: 500;padding: 5px 0;}
.banner .ban-left .sub-heading{padding: 5px 0;}
.banner .ban-left .sub-heading img{width: 65%;object-fit: cover;}
.banner .ban-left p{padding: 20px 0;color: #4d4c4c;}

.banner .ban-right{display: flex;flex-wrap: wrap;justify-content: center;}
.banner .left-slider .common-btn.mob-btn{display: none;}
.banner .left-slider .common-btn.mob-btn img{width: 100%;}
.banner .ban-right img{width: 80%;object-fit: cover;float: right;}
.banner .slick-dots{margin-top: -80px;}
.banner.home2 .slick-dots{margin-top: 0px;}


/*******************home1*****************/
.home1{padding: 1rem 0; display: flex!important; align-items: center;}
.home1 .home1-main{display: flex;padding-top: 40px;}
.home1 .home1-left {text-align: center;border-right: 1px solid grey;}
.home1 .home1-left .list-item .in-border{padding: 5px;border: 2px solid #e97730;border-radius: 50%;display: table;margin: auto;}
.home1 .home1-left .list-item figure{background: #e97730;border-radius: 50%;width: 70px;height: 70px;object-fit: cover;display: table;margin: auto;}
.home1 .home1-left .list-item figure img{width: 100%;padding: 15px;}
.home1 .home1-left .list-item .list-title{text-transform: capitalize;color: #154e7a;font-size: 13px;font-weight: 600;padding: 10px;}
.home1 .home1-left .home1-list{display: table;margin: auto;text-align: center;}
.home1 .home1-left .list-item {padding: 15px 0;display: inline-block;float: unset;width: 49%;word-wrap: break-word;}
.home1 .home1-right .heading, .home1 .home1-right .subtitle{text-align: center;}
/* .home1 .home1-right .subtitle{font-size: 28px;color: #154e7a;font-weight: 600;} */
.home1 .home1-right .right-list{margin-top: 40px;text-align: center;}
.home1 .home1-right .right-list .list-item{margin-bottom: 50px;}
.home1 .home1-right .right-list .list-item:nth-child(3),.home1 .home1-right .right-list .list-item:nth-child(4){margin-bottom: 0px;}
.home1 .home1-right .right-list .list-item .in-border{padding: 5px;border: 2px solid #e97730;border-radius: 50%;display: table;margin: -60px auto auto;z-index: 99;position: relative;}
.home1 .home1-right .right-list .list-in{margin: 10px;box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;border-radius: 15px;padding: 15px;}
.home1 .home1-right .right-list .list-in:hover{background: #ffd1b0;z-index: -1;}
.home1 .home1-right .right-list .list-in:hover .bg-img{z-index: 1;opacity: 0.3;}
.home1 .home1-right .right-list .list-in .bg-img{position: absolute;top: 0;left: 0;z-index: -1;padding: 10px 20px;height: auto;bottom: 0;}
.home1 .home1-right .right-list .list-in .bg-img img{height: 100%;object-fit: contain;width: 100%;}
.home1 .home1-right .right-list .list-in figure{background: #e97730;border-radius: 50%;width: 70px;height: 70px;object-fit: cover;text-align: center;}
.home1 .home1-right .right-list .list-in figure img{padding: 20px;width: 70px;object-fit: contain;height: 70px;}
.home1 .home1-right .right-list .list-in .list-title{padding: 10px;text-transform: capitalize;font-size: 13px;font-weight: 500;}
.home1 .home1-right .right-list .list-in p{color: #4d4c4c;line-height: 1.4;font-size: 11px;line-height: 17px;}


/*******************home2*****************/
.home2{padding: 1rem 0; display: flex!important; align-items: center;}
.home2 .home2-main .ban-left p{border-bottom: 1px solid;margin: 0 80px 0 0;}
.home2 .home2-main .ban-left .subtitle{padding: 15px 30px 15px 0;font-size: 20px;color: #4d4c4c;font-weight: 500;}
.home2.banner .ban-right img{width: 500px;}

/*********************home3*************************/
.home3{padding: 1rem 0; display: flex!important; align-items: center;}
.home3 .home3-main{display: flex;flex-wrap: wrap;}
.home3 .listing {display: table;margin: auto;text-align: center;}
.home3 .listing .list-item{margin-bottom: 20px;display: inline-block;float: unset;width: 32%;}
.home3 .listing .list-item .in-border{padding: 15px;border: 2px solid #e97730;border-radius: 15px;margin: 10px;}
.home3 .listing .list-item figure{display: table;margin: auto;text-align: center;}
.home3 .listing .list-item figure img{width: 90%;height: 80px;object-fit: contain;}
.home3 .common-btn{text-align: center;display: flex;justify-content: center;margin: 20px;}

/**************product*********************/

.product{padding: 1rem 0;}
.product .product-main .listing{margin-top: 80px;text-align: center;}
.product .listing-mobile{display: none;}
.product .product-main .listing .list-item {position: relative;width: 33.33%;transform-style: preserve-3d;transition: all 0.3s ease-in-out;}
/* .product .product-main .listing .list-item .mob-scroll{transform-style: preserve-3d;transition: all 1s ease-in-out;} */
.product .product-main .listing .list-item:hover{transform: rotateY(180deg);}
.product .product-main .listing .list-item .front{backface-visibility: hidden;transform: rotateY(0deg);}
.product .product-main .listing .front figure{padding: 20px;border: 3px solid #e97730;display: flex;margin: auto;text-align: center;border-radius: 50%;width: 170px;height: 170px;position: relative;align-items: center;justify-content: center;}
.product .product-main .listing .front figure img{width: 80%;}
.product .product-main .listing .front .bg-white{position: absolute;top: 155px;left: 50%;background: #fff;width: 15px;height: 15px;transform: translateX(-50%);}
.product .product-main .listing .front .btn{border: 3px solid #e97730;display: inline-block;margin-top: -2px;padding: 5px;border-radius: 30px;}
.product .product-main .listing .front .btn a{background: #e97730;padding: 10px 20px;border-radius: 30px;color: #fff;text-transform: capitalize;}
.product .product-main .listing .back {position: absolute;left: 0;top: 0;padding: 10px;transition: 0.4s ease-in-out;box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;border-radius: 15px;overflow: hidden;transform: rotateY(180deg);  backface-visibility: hidden;width: 100%;}
.product .product-main .listing .back .bg-img{z-index: -1;position: relative;position: absolute;left: 0;top: 0;bottom: 0;height: auto;width: 100%;}
.product .product-main .listing .back .bg-img img{position: relative;z-index: -1;height: 100%;width: 100%;transform: skew(-2deg, -2deg);overflow: hidden;}
.product .product-main .listing .back .heading{border: none;text-transform: capitalize;font-size: 20px;font-weight: 600;}
.product .product-main .listing .back .cont{display: block;} 
.product .product-main .listing .back .cont a{padding: 5px 0;text-decoration: underline;text-transform: capitalize;color: #4d4c4c;}
.product .product-main .listing .back figure img{height: 62px;object-fit: cover;}

/******************home1/product-right********************/
.product .product-right .right-list{display: table;margin: 4.5rem auto auto;text-align: center;}
.product .product-right .right-list .list-item{width: 32.33%;display: inline-block;float: unset;}
.product .product-right .right-list .list-in .btn{position: relative;display: inline-block;z-index: 99;width: 135px;}
.product .product-right .right-list .list-in .btn a{position: relative;padding: 0px 28px;text-transform: capitalize;line-height: 32px;color: #fff;font-size: 13px;}
.product .product-right .right-list .list-in .btn a:hover{color: #035189;font-weight: 500;}
.product .product-right .right-list .list-in .btn img{width: 80%;position: absolute;left: 50%; transform: translateX(-50%);max-height: 125%;}
.product .product-right .right-list .list-in .btn img.hover-bg{display: none;transition: 0.4s ease-in-out;}
.product .product-right .right-list .list-in .btn:hover img.hover-bg{display: block;}
.product .product-right .right-list .list-in:hover .bg-img{transform: rotateX(180deg);}
.product .product-right .right-list .list-in .bg-img{transition: all ease-in-out 500ms;}



/************product1***********/

.product1 .product1-left{display: flex;flex-wrap: wrap;}
.product1 .product1-left .mob-center{display: flex;justify-content: center;align-items: center;}
.product1 .product1-left .mob-center h1{display: none;}
.product1 .product1-left .heading{font-size: 40px;font-weight: 500;text-transform: capitalize;padding: 0 20px;}
.product1 .product1-left .heading span{color: #e97730;display: block;}
.product1 .product1-left .media img{width: 90px;object-fit: cover;}
.product1 .product1-left p{font-size: 12px;color: #4d4c4c;line-height: 18px;}
.product1 .product1-left p:not(:first-child){padding-top: 12px;}
.product1 .product1-left .tabs.mobile{display: none;}
.product1 .product1-bottom .tabs,.product1 .product1-left .tabs{border-bottom: 1px solid #2f60bdb3;}
.product1 .product1-bottom .tablinks,.product1 .product1-left .tablinks{border: none;outline: none;padding: 8px;font-size: 14px;text-transform: capitalize;background: #ffd8bb;color: #07528b;font-weight: 500;}
.product1 .product1-bottom .tablinks.active,.product1 .product1-left .tablinks.active{background-color: #07528b;color: #fff;}
.product1 .product1-bottom .tablinks:first-child,.product1 .product1-left .tablinks:first-child{border-top-left-radius: 10px;}
.product1 .product1-bottom .tablinks:last-child,.product1 .product1-left .tablinks:last-child{border-top-right-radius: 10px;}
.product1 .product1-bottom .package-container{text-align: center;}
.product1 .product1-bottom .package-container .heading{font-size: 32px;text-transform: capitalize;font-weight: 600;}
.product1 .product1-bottom .package-container .sub-heading{color: #5f7aa1;text-transform: capitalize;font-size: 17px;font-weight: 500;}

/* .product1 .product1-bottom .ul-main{overflow-x: scroll;scrollbar-color: #e97730 #C2D2E4;}
.product1 .product1-bottom .packages {margin-top: 30px;margin-bottom: 20px;width: 1750px;display: flex;}  */
/* .product1 .product1-bottom .package{transition: all ease-in-out 0.4s;} */

.product1 .product1-bottom .ul-main{overflow-x: scroll;scrollbar-color: #e97730 #C2D2E4;white-space: nowrap;}
.product1 .product1-bottom .packages {margin-top: 15px;margin-bottom: 20px;text-align: left;}
.product1 .product1-bottom .package{transition: all ease-in-out 0.4s;display: inline-block;float: unset;text-align: center;}

.product1 .product1-bottom .ul-main::-webkit-scrollbar{width: 1em;height: 6px;}
.product1 .product1-bottom .ul-main::-webkit-scrollbar-thumb {background-color: #e97730;outline: 1px solid #e97730;border-radius: 20px;}

.product1 .product1-bottom .package-top, .product1 .product1-bottom .package-bottom {box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;border-radius: 15px;}
.product1 .product1-bottom .package-top{padding:5px;}
.product1 .product1-bottom .package-top img.hover-img{display: none;}
.product1 .product1-bottom .package-top img {position: absolute;width: 75%;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 25px;}

.product1 .product1-bottom .package:hover .package-top img.hover-img{display: block;width: 75%;height: 26px;} 
.product1 .product1-bottom .package:hover span.plan-typ{color: #e97730;}
/* .product1 .product1-bottom .package-top:hover img{display: none;}  */

.product1 .product1-bottom .package:hover .package-top {background: #ffba88 !important;}
.product1 .product1-bottom .package:hover .top-body {color: #444 !important;}
.product1 .product1-bottom .package:hover .or-bg {background: linear-gradient(180deg,#bfbfbf,#e5e5e5 50%) !important;color: #035189 !important;}
.product1 .product1-bottom .package-top .top-head{position: relative;padding: 5px 0;text-align: center;margin: 10px auto;}
/* .product1 .product1-bottom .package-top img{width: 65%;display: table;margin: auto;} */
.product1 .product1-bottom .package-top .top-head span{position: absolute;top: 3px;left: 50%;transform: translate(-50%,-50%);text-transform: capitalize;font-weight: 600;font-size: 12px;} 
/* .product1 .product1-bottom .package:hover span{color:#035189;} */
.product1 .product1-bottom .package-top .top-body .price{font-weight: 500;font-size: 15px;}
.product1 .product1-bottom .package-top .top-body .time{font-weight: 600;font-size: 13px;}
.product1 .product1-bottom .package-top .top-body span{display: block;font-size: 10px;font-weight: 500;text-transform: capitalize;}
.product1 .product1-bottom .package-top .top-body .or-bg{text-transform: uppercase;background: #e97730;display: inline-block;font-size: 10px;font-weight: 600;border-radius: 7px;width: 18px;height: 18px;margin-top: 5px;line-height: 18px;color: #fff;}
.product1 .product1-bottom .package-bottom {position: relative;margin-top: 14px;height: auto;}
.product1 .product1-bottom .package-bottom figure{height: 100%;position: absolute;width: 100%;}
.product1 .product1-bottom .package-bottom img{width: 100%;height: 100%;}
.product1 .product1-bottom .package-bottom img.hover-img{display: none;}
.product1 .product1-bottom .package:hover img.hover-img{display: block;}
.product1 .product1-bottom .package:hover img{display: none;}
.product1 .product1-bottom .package-bottom .package-cont{width: 100%;z-index: 9999999;position: relative;}
.product1 .product1-bottom .package-bottom .package-cont .title{display: none;}

.product1 .product1-bottom .package-bottom .package-cont .price{padding: 3px;font-size: 14px;border-bottom: 2px solid #e8e8e8;font-weight: 600;color: #444;}
.product1 .product1-bottom .package-bottom .package-cont:hover .price{color: #035189 !important;}
.product1 .product1-bottom .package-bottom .package-cont .price:last-child{border-bottom: none;border-right: none;}
.product1 .product1-bottom .price span{font-size: 10px;font-weight: 300;display: inline-block;padding: 4px 0px 0px 3px;}
.product1 .product1-bottom .price .btn img{position: absolute;left: 50%;transform: translateX(-50%);width: 45%;max-height: 100%;}
.product1 .product1-bottom .price .btn img{display: block;}
.product1 .product1-bottom .price .btn img.hover-img{display: none;}
.product1 .product1-bottom .price .btn:hover img.normal{display: none;}
.product1 .product1-bottom .price .btn:hover img.hover-img{display: block;}
.product1 .product1-bottom .price .btn a{position: relative;text-transform: capitalize;color: #fff;height: 35px;align-items: center;line-height: 29px;font-size: 12px;}
.product1 .product1-bottom .price .btn a:hover{color: #07528b;}


.product1 .product1-bottom .tabcontent{display: none;}
.product1 .product1-bottom .tabcontent.active{display: block;}



/********************pricing******************/

/*==========Section style here==============*/


.operating-systems{display: flex; }
.operating-systems .os{display: flex; flex-direction: column;align-items: center;margin-right: 30px;}
.operating-systems .os .border{width: 70px; height: 70px; background-color:#e97730;border: 5px solid #fff;outline: 2px solid #e97730;border-radius: 50%;position: relative; }
.operating-systems .os .border img{position: absolute;width: 50%; top: 50%;left: 50%;transform: translate(-50%,-50%);}
.operating-systems .os .os-name{font-size: 14px;text-transform: capitalize; color: #035189;font-weight: 500;text-align: center;margin-top: 5px;}
.operating-systems .os .os-select{position: relative; margin-top: 5px;}
.operating-systems .os .os-select select{font-size: 14px;width: 100px; background: none;border: 2px solid #e97730; border-radius: 20px; padding: 4px 10px;color: #555;}
.operating-systems .os .os-select::after{content: "";position: absolute; right: 10px;width: 0;height: 0;display: inline-block;border: 6px solid transparent;border-top-color: #555;top: 50%;transform: translateY(-25%);z-index: -1;}

hr{border-top: 1px solid #919191;}

.specifications {padding: 50px 0 0;}
.specifications .specification-form .spec-header{display: flex;flex-wrap: wrap;}
.specifications .specification-form .spec-header .media{position:relative; float: right; margin-left: 10pc;}

.specifications .specification-form .spec-header .input-button,.spec-tab-container .tabcontent .custom-container .head-buttons button{background: #035189;border: none;font-size: 14px;padding: 5px 15px;color: #fff;font-weight: 600;border-radius: 5px;margin-bottom: 10px;}
.specifications .specification-form .spec-header .input-button:not(:first-child),.spec-tab-container .tabcontent .custom-container .head-buttons button:not(:first-child){margin-left: 15px;}
.specifications .specification-form .spec-header .input-text{font-size: 14px;width: 400px; background: none;border: 2px solid #e97730; border-radius: 20px; padding: 5px 15px;color: #555; margin-left: 15px;}
.specifications .specification-form .spec-header .submit-box{position: relative; margin-left: 15px;} 
.specifications .specification-form .spec-header .submit-box img{position: absolute;left: -13px; z-index: -1;top: 50%;transform: translateY(-50%);}
.specifications .specification-form .spec-header .submit-box .input-submit{background:none;border: none;color: #fff;font-size: 14px;padding: 4px 10px;}

@media(max-width:768px){
  .specifications .specification-form .spec-header .media{margin-left: 0;}
  /* .specifications .pricing-right{margin-right: 40px!important;} */
  /* .specifications .spec-tab-container{width: 98%;} */
  .main-container{width: auto;}
  

}

/* .specifications .spec-tab-container{margin-top: 15px;} */

/* Style the tab */
.specifications .spec-tab-container .tab {float: left;width: 8%;height: 300px;margin-top: 10px;}

/* Style the buttons that are used to open the tab content */
.specifications .spec-tab-container .tab button {display: block;background-color: #ffd8bb;color: #035189;width: 70px;font-weight: 600;height: 70px;border-radius: 50%;margin-bottom: 5px;border: none;outline: none;font-size: 13px;text-align: center;cursor: pointer;transition: 0.3s;}

/* Create an active/current "tab button" class */
.specifications .spec-tab-container .tab button.active {background-color: #e97730;color: #fff;width: 100%;border-radius: 0%;border-top-left-radius: 35px;border-bottom-left-radius: 35px;}

/* Style the tab content */
.specifications .spec-tab-container .tabcontent{float: left;padding: 15px;border: 2px solid #e97730;width: 92%;border-radius: 20px;border-top-left-radius: 0%;height: 325px;display: none;}
.specifications .spec-tab-container .tabcontent.active{display: block;}
.specifications .spec-tab-container .tabcontent .package-container{width: 100%;padding-bottom: 20px;}
.specifications .spec-tab-container .tabcontent .package-container::-webkit-scrollbar{height: 5px;}
/* .spec-tab-container .tabcontent .package-container::-webkit-scrollbar-track{} */
.specifications .spec-tab-container .tabcontent .package-container::-webkit-scrollbar-thumb {border-radius: 20px;background-color: #e97730;}

.specifications .spec-tab-container .tabcontent .packages{display: flex;flex-wrap: wrap;}
.specifications .spec-tab-container .tabcontent .packages .package{width: 200px;}
.specifications .spec-tab-container .tabcontent .packages .package:not(:first-child){margin-left: 20px;}

.spec-tab-container .tabcontent .packages .package .package-top{padding: 15px; padding-bottom: 5px;border-radius: 15px;box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);}
.spec-tab-container .tabcontent .packages .package .package-top .top-head{position: relative;text-align: center;font-size: 14px;font-weight: 600;}
.spec-tab-container .tabcontent .packages .package .package-top .top-head img{position: absolute;width: 85%;left: 50%;top: 50%;transform: translate(-50%,-50%)}
.spec-tab-container .tabcontent .packages .package .package-top .top-head span{position: relative;}
.spec-tab-container .tabcontent .packages .package .package-top .top-body{text-align: center;padding: 10px;font-weight: 600;font-size: 14px;}
.spec-tab-container .tabcontent .packages .package .package-top .top-body .price:not(:first-child){margin-top: 5px;}

.spec-tab-container .tabcontent .packages .package .package-bottom{position: relative;padding: 20px;color: #444;}
.spec-tab-container .tabcontent .packages .package .package-bottom img{ position: absolute;width: 110%;left: 50%;top: 0;transform: translateX(-50%); height: 180px;}
.spec-tab-container .tabcontent .packages .package .package-bottom .price{text-align: center;font-weight: 600;font-size: 14px;position: relative;}
.spec-tab-container .tabcontent .packages .package .package-bottom .price:not(:first-child){margin-top: 15px;}

.spec-tab-container .tabcontent .custom-container .head-buttons{display: flex;justify-content: start;flex-wrap: wrap;}
.spec-tab-container .tabcontent .custom-container .range-container{display: flex;padding: 20px;width: 100%;}

.spec-tab-container .tabcontent .custom-container .head-buttons .comm-btn{cursor: pointer;}
.spec-tab-container .tabcontent .custom-container .head-buttons .comm-btn.active{background-color: #e97730;color: #fff;}
.specifications .range-container .title-box{width: 18%;}
.specifications .range-container .title-box .headings{height: 230px;display: flex;flex-direction: column; align-items: center;justify-content: space-around;position: relative;}
.specifications .range-container .title-box .headings .bg-image{position: absolute;width: 100%;height: 100%;}
.specifications .range-container .title-box .headings .bg-image.mobile{display: none;}
.specifications .range-container .title-box .headings .heading{font-weight: 600;font-size: 15px;text-align: center;}

.specifications .range-container .range-box{width: auto;padding: 0px 17px;}
.specifications .range-container .range-box .ranges{height: 230px;display: flex;flex-direction: column;}
.specifications .range-container .range-box .ranges-mobile{display: none;}


/* General Rules For Range Slider */
.custom-rangeslider {position: relative;padding: 17px 0px;width:auto;}


.custom-rangeslider .custom-rangeInput{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;cursor:pointer;outline:0;border:3px solid #ccc;padding:0px;margin:0;background-color:#fff;height:20px;border-radius: 15px;}
.custom-rangeslider .custom-rangeInput::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;background-color:#e97730;outline:1px solid #e97730;border:4px solid #fff;width:18px;height:18px;border-radius:50%;cursor:move;cursor:grab;cursor:-webkit-grab;margin-top:-4px}
.custom-rangeslider .custom-rangeInput::-webkit-slider-thumb:active{cursor:grabbing;cursor:-webkit-grabbing}
.custom-rangeslider .custom-rangeInput::-moz-range-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;background-color:#e97730;outline:1px solid #e97730;border:4px solid #fff;width:18px;height:18px;border-radius:50%;cursor:move;cursor:grab;cursor:-webkit-grab;margin-top:-4px}
.custom-rangeslider .custom-rangeInput::-moz-range-thumb:active{cursor:grabbing;cursor:-webkit-grabbing}
.custom-rangeslider .custom-rangeInput::-ms-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;background-color:#e97730;outline:1px solid #e97730;border:4px solid #fff;width:18px;height:18px;border-radius:50%;cursor:move;cursor:grab;cursor:-webkit-grab;margin-top:-4px}
.custom-rangeslider .custom-rangeInput::-ms-thumb:active{cursor:grabbing;cursor:-webkit-grabbing}
.custom-rangeslider .custom-rangeInput::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;box-sizing:border-box;height:15px;width:100%;cursor:pointer;border:2px solid #fff;border-radius:20px;}
.custom-rangeslider .custom-rangeInput::-moz-range-track{-webkit-appearance:none;appearance:none;box-sizing:border-box;height:15px;width:100%;cursor:pointer;border:2px solid #fff;border-radius:20px;}
.custom-rangeslider .custom-rangeInput::-ms-track{-webkit-appearance:none;appearance:none;box-sizing:border-box;height:15px;width:100%;cursor:pointer;border:2px solid #fff;border-radius:20px;}
.custom-rangeslider .custom-rangeInput:active,.custom-rangeInput:focus{outline:0}
.custom-rangeslider .custom-rangeInput::-ms-tooltip{display:none}
.custom-rangeslider .custom-rangeslider__tooltip{line-height:100%;position:absolute;height:18px;width: fit-content;background-color:#e97730;padding:3px 5px;top:-12px;left:0;color:#fff;font-size:13px;font-weight:500;text-align:center;transform:translateX(-50%);border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;pointer-events:none}
.custom-rangeslider .custom-rangeslider__tooltip::before{display:block;content:" ";background:#e97730;position:absolute;width:8px;height:10px;left:calc(50% - 3px);bottom:-5px;transform:rotate(45deg);z-index:-1}
.custom-rangeslider .cpu-tooltip::after{content: " Core";}
.custom-rangeslider .ram-tooltip::after{content: " GB";}

.specifications .pricing-right{float: right;background: #e97730;height: 50px;border-top-left-radius: 20px;
border-top-right-radius: 20px;padding: 18px;margin-right: 20px;display: flex;align-items: center;justify-content: center;}
.specifications .pricing-right span{display: flex;align-items: center;justify-content: center;color: #fff;font-size: 30px;font-weight: 600;}



/*******************registration common**********************/
.register .register-main{display: flex;justify-content: center;align-items: center;width: 45%;margin: 40px auto;padding: 30px 25px;position: relative;background: #07528b;border-radius: 12px;flex-wrap: wrap;}
.register .register-main .input-field{display: flex;align-items: center;padding: 5px 15px;font-size: 14px; border: 2px solid #fff;border-radius: 30px;}
.register .register-main .input-field span{margin-top: 0;}
.register .register-main .input-field:not(:first-child){margin-top: 15px;}
.register .register-main .input-field input{width: 90%;outline: none;padding: 5px 10px;border: none;background: transparent;color: #fff;}
.register .register-main .input-field input::placeholder{color: #fff;}
.register .register-main .input-field label{color: #fff;padding: 0 10px;text-transform: capitalize;font-size: 14px;}
.register .register-main .bg-img{position: absolute;left: 0;top: 0;bottom: 0;width: 100%;}
.register .register-main .bg-img img{width: 100%;height: 100%;object-fit: contain;}
.register .register-main .input-field img{max-height: 15px;max-width: 15px;object-fit: cover;vertical-align: middle;}
.register .register-main .input-field figure{width: 47px;text-align: right;}
.register .register-main form span{font-size: 12px;color: #fff;font-weight: 500;display: block;padding: 0 10px;margin-top: 10px;}
.register .register-main form .form-btm{padding: 20px 0 0;display: flex;justify-content: center;}
.register .register-main form .form-btm .btn{position: relative;}
.register .register-main form .form-btm input{border: none;outline: none;padding: 10px 26px;border-radius: 20px;color: #07528b;font-weight: 500;position: relative;z-index: 10;background: transparent;display: flex;align-items: center;}
.register .register-main form .form-btm .bg-mg{position: absolute;top: 0;left: 0;width: 100%; height: 100%;}
/* .register .register-main form .form-btm .bg-mg img.hover-bg{display: none;}
.register .register-main form .form-btm .bg-mg:hover img.hover-bg{position: absolute;display: block;top: 0;left: 0;} */
.register .register-main form .form-btm .bg-mg img{width: 100%;height: 100%;}
.register .register-main form .form-btm .bg-mg img.hover-bg{position: absolute;left: 0;display: none;height: 100%;}
.register .register-main form .form-btm .btn:hover img.hover-bg{display: block;position: absolute;top: 0;left: 0;}
.register .register-main .or{text-align: center;text-transform: uppercase;color: #fff;padding: 10px 0 ;}
.register .register-main .btm{z-index: 10;text-align: center;display: table;margin: auto;position: relative;}
.register .register-main .btm.mob{display: none;}
.register .register-main .btm .google-act{display: flex;align-items: center;padding: 8px 15px;background: #fff;border-radius: 28px;margin-bottom: 8px;}
.register .register-main .btm .google-act a{align-items: center;display: inline-flex;}
.register .register-main .btm a span{padding: 0 0 0 10px;font-size: 14px;color: #4a4242;font-weight: 500;display: inline-block;}
.register .register-main .btm a img{vertical-align: middle;}
.register .register-main .btm span + a{display: unset;background: unset;padding: 0 0 0 3px;color: #fff;text-decoration: underline;text-transform: capitalize;font-weight: 500;}
.register .register-main .btm span {color: #fff;display: inline-block;font-size: 14px;padding: 3px 0 0;}

/*********sign-in************/
.register .register-main .check-btm{margin-top: 15px;}
.register .register-main .check-btm .click{color: #fff;display: flex;justify-content: space-between;}
.register .register-main .check-btm .click .checkbox-container{position: relative;}
.register .register-main .check-btm .click .checkbox-container input{opacity: 0;}
.register .register-main .check-btm .click .checkbox-container div.check{position: absolute;display: block;left: 0;top: 50%;transform: translateY(-50%);width: 15px; height: 15px;border: 1px solid #fff;margin-top: 0;border-radius: 2px;}
.register .register-main .check-btm .click input[type='checkbox']{margin-right: 10px;position: relative;z-index: 2;}
.register .register-main .check-btm .click input[type='checkbox']:checked ~ div.check{background: #fff;}
.register .register-main .check-btm .click input[type='checkbox']:checked ~ div.check::before{position: absolute;content: "L";color: #e97730;font-weight: bold;line-height: 100%;transform: rotateY(180deg) rotate(-31deg) translate(0px, -4px);}
.register .register-main .check-btm .click a{text-transform: capitalize;color: #e4e8eb;text-decoration: underline;}

/**********reset************/
.register .register-main .reset{padding: 15px;text-align: center;color: #fff;font-size: 20px;}
.register .register-main .btm.forgot{padding-top: 30px;}


/*******************registration common end**********************/


/************footer****************/
footer{position: absolute;bottom: 0;right: 0;}
footer .foot-main{position: relative;}
footer .foot-icon{position: fixed;right: 84px;bottom: 20px;padding: 15px;background: #07528b;border-radius: 50%;cursor: pointer;z-index: 99999999;}
.foot-click{position: fixed;bottom: 0px;left: 8%;width: 90%;z-index: 999999999;display: none;}
footer .foot-body{background: #07528b;padding: 20px;border-radius: 20px;display: flex;flex-wrap: wrap;position: relative;}
footer .foot-body span{color: #fff;font-size: 16px;font-weight: 500;text-transform: capitalize;display: block;}
footer .foot-body .foot-list-item{padding: 0 13px;color: #fff;}
footer .foot-body .foot-list-item ul, footer .foot-body span{padding-left: 50px;}
footer .foot-body .foot-list-item li{padding: 5px 0;position: relative;}
footer .foot-body .foot-list-item li::before{content: '\-';position: absolute;left: -10px;top: 2px;}
footer .foot-body .foot-list-item li a{font-size: 13px;text-transform: capitalize;display: inline-block;}
footer .foot-body .foot-list-item li a:hover, footer .foot-body .foot-list-item .list-item a:hover{text-decoration: underline;}
footer .foot-body .foot-list-item .list-item{padding: 0 15px 30px;}
footer .foot-body .foot-list-item .list-item a{font-size: 16px;font-weight: 500;text-transform: capitalize;display: inline-block;}
footer .foot-body .close{position: absolute;top: 15px;right: 15px;}
footer .foot-body .close img{width: 30px;height: 30px;object-fit: cover;}
footer .foot-btm {display: flex;justify-content: space-between;padding: 13px 0 0;background: #fff;}
footer .foot-btm span{color: gray;padding: 10px;display: inline-block;text-transform: capitalize;}
footer .foot-btm ul{display: inline-flex;align-items: center;}
footer .foot-btm ul li{padding: 8px 5px;color: #fff;border-radius: 2px;}
footer .foot-btm ul li img{width: 100%;height: 100%;object-fit: cover;}



@media (min-width: 1920px) and (max-width: 4096px){
  :root{--font-size-xs: 26px;--font-size-s: 30px;--font-size-m: 34px;--font-size-l: 36px;--font-size-xl: 40px;--font-size-heading: 65px;--border-radius-button: 100px;}
}


@media (min-width: 2560px) and (max-width: 3839px){
  .see-width{max-width: 100% !important;width: 90% !important;}
  .pagination a{width: 20px;height: 20px;}
  .common-btn a{font-size: 30px;padding: 20px 40px;}
  .main-container{margin-top: 100px;}
  .heading{font-size: 50px;}
  .header .header-top{padding:30px 0;}
  .home1 .home1-left .home1-list{margin-top: 30px;}
  .header .header-left {width: 6%;border-radius: 100px;left: 1%;}
  .header .header-left .main {padding: 30px 0;}
  .header .header-left .main .menu, .header .header-left .main .listing li .border{width: 100px;height: 100px;}
  .header .header-left .main .listing{height: calc(100vh - 180px);}
  .header .header-left .main .menu img{width: 100%;}
  .header .header-left .main .listing li .heading{font-size: 30px;}
  .banner .ban-left .heading{font-size: 90px;}
  .banner .ban-left p{font-size: 40px;}
  .common-btn .btn img{height: 100%;width: 100%;border-radius: 40px;}
  .banner .ban-right img{width: 90% !important;}
  .header .header-top .logo{width: 250px;}
  .header .header-top .login-main .log-in a{font-size: 30px;padding: 15px 50px;}
  .header .header-left .main .listing li img{padding: 15px;}
  .slick-dots li.slick-active button{height: 10px;width: 60px;}
  .slick-dots li button{height: 10px;width: 45px;}

  .home1 .home1-left .list-item .list-title, .home1 .home1-right .right-list .list-in .list-title{font-size: 40px;}
  .home1 .home1-left .list-item .in-border{padding: 10px;border: 4px solid #e97730;}
  .home1 .home1-left .list-item figure{width: 150px;height: 150px;}
  .home1 .home1-right .heading{font-size: 50px;}
  .home1 .home1-right .subtitle{font-size: 60px;}
  .home1 .home1-right .right-list{margin-top: 100px;}
  .home1 .home1-right .right-list .list-in figure{width: 110px;height: 110px;}
  .home1 .home1-right .right-list .list-in figure img{height: 100%;width: 100%;}
  .home1 .home1-right .right-list .list-in p{font-size: 35px;line-height: unset;padding: 0 0 10px;}
  .home1 .home1-right .right-list .list-in .bg-img{width: 100%;}
  .home2 .home2-main .ban-left .subtitle{font-size: 40px;}
  .home3 .home3-main .subtitle{font-size: 60px;}

  .product{padding: 4rem 0;}
  .heading-dotted{font-size: 60px;}
  .heading-dotted::before{bottom: -20px;}
  .product .product-main .listing .front figure{width: 350px;height: 350px;border: 6px solid #e97730;padding: 20px;}
  .product .product-main .listing .front .btn{border: 6px solid #e97730;border-radius: 70px;}
  .product .product-main .listing .front .btn a{padding: 20px 50px;border-radius: 70px;font-size: 40px;}
  .product .product-main .listing .back figure img{height: 150px;}
  .product .product-main .listing .back .heading{font-size: 50px;}
  .product .product-main .listing .back .cont a{padding: 15px 0;font-size: 40px;}
  .product .product-main .listing .front .bg-white{bottom: 100px;top: unset;}
  .product .product-main .listing .front figure .bg-white{display: none;}
  .product .product-main .listing .back{padding: 30px;}

  .product .product-right .right-list .list-in .btn{width: 50%;margin: 10px;}
  .product .product-right .right-list .list-in .btn a{padding:28px;font-size: 35px;line-height:100%;}
  .product .product-right .right-list .list-in .btn img{max-height: 160%;height: 100px;}

  .product1 {padding: 4rem 0;}
  .product1 .product1-left .heading{font-size: 70px;}
  .product1 .product1-left .media img{width: 170px;}
  .product1 .product1-left p{font-size: 30px;line-height: unset;}
  .product1 .product1-left p:not(:first-child){padding-top: 30px;}
  .product1 .product1-bottom .tablinks, .product1 .product1-left .tablinks{padding: 18px;font-size: 32px;}
  .product1 .product1-bottom .package-container{padding: 20px 0 0;}
  .product1 .product1-bottom .package-container .heading{font-size: 50px;}
  .product1 .product1-bottom .package-container .sub-heading{font-size: 35px;}
  .product1 .product1-bottom .packages{margin-top: 20px;}
  .product1 .product1-bottom .package-top img{height: 70px;width: 85%;}
  .product1 .product1-bottom .package:hover .package-top img.hover-img{height: 70px;}
  .product1 .product1-bottom .package-top .top-head span{font-size: 35px;top: unset;}
  .product1 .product1-bottom .package-top .top-head{margin: 45px auto;}
  .product1 .product1-bottom .package-top .top-body .price{font-size: 35px;}
  .product1 .product1-bottom .package-top .top-body span{font-size: 30px;padding: 10px;}
  .product1 .product1-bottom .package-top .top-body .or-bg{font-size: 15px;width: 50px;height: 50px;    line-height: 50px;border-radius: 40px;}
  .product1 .product1-bottom .package-top .top-body .time{font-size: 30px;padding: 10px;}
  .product1 .product1-bottom .package-bottom .package-cont .price{padding: 10px;font-size: 35px;}
  .product1 .product1-bottom .price span{font-size: 30px;padding: 4px 0px 0 10px;}
  .product1 .product1-bottom .price .btn a{height: 80px;line-height: 67px;font-size: 30px;}
  .product1 .product1-left .mob-center{justify-content: start;}

  .pricing-cont{padding: 4rem 0;}
  .specifications .specification-form .spec-header .input-button, .spec-tab-container .tabcontent .custom-container .head-buttons button{font-size: 30px;padding:10px 20px;border-radius: 15px;}
  .specifications .spec-tab-container .tab button{height: 130px;font-size: 35px;}
  .specifications .pricing-right span{font-size: 40px;}
  .specifications .spec-tab-container .tabcontent{height: auto;}
  .specifications .range-container .title-box .headings .heading{font-size: 35px;}
  .specifications .spec-tab-container .tab button.active{border-top-left-radius: 50px;border-bottom-left-radius: 50px;}
  .specifications .pricing-right{padding: 40px;font-size: 40px;}
  .custom-rangeslider .custom-rangeInput{height: 30px;}
  .specifications .range-container .title-box .headings{height: 600px;}
  .specifications .range-container .range-box .ranges{height: 600px;justify-content: space-around;}
  .custom-rangeslider .custom-rangeInput {height: 40px;border-radius: 65px;padding: 5px;}
  .custom-rangeslider .custom-rangeslider__tooltip{font-size: 35px;height: auto;}

  .specifications .spec-tab-container .tab{width: 10%;}
  .specifications .spec-tab-container .tabcontent{width: 90%;}
  .custom-rangeslider .custom-rangeInput::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;background-color:#e97730;outline:1px solid #e97730;border:5px solid #fff;width:35px;height:35px;border-radius:50%;cursor:move;cursor:grab;cursor:-webkit-grab;margin-top:-7px}
  .custom-rangeslider .custom-rangeInput::-webkit-slider-thumb:active{cursor:grabbing;cursor:-webkit-grabbing}
  .custom-rangeslider .custom-rangeInput::-moz-range-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;background-color:#e97730;outline:1px solid #e97730;border:5px solid #fff;width:35px;height:35px;border-radius:50%;cursor:move;cursor:grab;cursor:-webkit-grab;margin-top:-7px}
  .custom-rangeslider .custom-rangeInput::-moz-range-thumb:active{cursor:grabbing;cursor:-webkit-grabbing}
  .custom-rangeslider .custom-rangeInput::-ms-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;background-color:#e97730;outline:1px solid #e97730;border:5px solid #fff;width:35px;height:35px;;border-radius:50%;cursor:move;cursor:grab;cursor:-webkit-grab;margin-top:-7px}
  .custom-rangeslider .custom-rangeInput::-ms-thumb:active{cursor:grabbing;cursor:-webkit-grabbing}
  .custom-rangeslider .custom-rangeInput::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;box-sizing:border-box;height:25px;width:100%;cursor:pointer;border:none;border-radius:20px;}
  .custom-rangeslider .custom-rangeInput::-moz-range-track{-webkit-appearance:none;appearance:none;box-sizing:border-box;height:25px;width:100%;cursor:pointer;border:none;border-radius:20px;}
  .custom-rangeslider .custom-rangeInput::-ms-track{-webkit-appearance:none;appearance:none;box-sizing:border-box;height:25px;width:100%;cursor:pointer;border:none;border-radius:20px;}
  .custom-rangeslider .custom-rangeslider__tooltip{font-size: 20px;height: auto;top: -25px;padding: 5px 10px;}



  .register .register-main .input-field input{padding: 5px 20px;font-size: 35px;}
  .register .register-main .input-field{padding: 15px 30px;font-size: 30px;border-radius: 60px;}
  .register .register-main .input-field img{max-height: 60px;max-width: 60px;width: 30px;}
  .register .register-main form span{font-size: 30px;}
  .register .register-main form .form-btm input{padding: 20px 53px;font-size: 35px;}
  .register .register-main .or{font-size: 30px;}
  .register .register-main .btm a span{padding: 15px 30px;font-size: 35px;}
  .register .register-main .btm a img{width: 50px;object-fit: cover;}
  .register .register-main .btm span{font-size: 30px;padding: 10px 0 0;}
  .register .register-main .btm span + a{padding: 0 0 0 10px;font-size: 35px;}
  .register .register-main .check-btm .click a{font-size: 35px;}
  .register .register-main .check-btm .click .checkbox-container label{font-size: 35px;margin-left: 5px;}
  .register .register-main .btm .google-act{margin-bottom: 30px;}
  .register .register-main form span{margin-top: 15px;}
  .register .register-main .check-btm{margin-top: 30px;}
  .register .register-main .btm{padding: 20px 0;}
  .register .register-main .reset{font-size: 40px;}
  .register .register-main .check-btm .click .checkbox-container div.check{width: 40px;height: 40px;}
  .register .register-main .check-btm .click input[type='checkbox']:checked ~ div.check::before{    font-size: 35px;}
  .register .register-main .check-btm .click input[type='checkbox']{width: 35px;height: 35px;}
  .register .register-main .input-field span.field-icon{font-size: 35px;float: right;width: 93px;text-align: right;}


  footer .foot-icon{padding: 50px;}
  footer .foot-body span{font-size: 50px;}
  footer .foot-body .foot-list-item li a{font-size: 30px;}
 footer .foot-body .foot-list-item .list-item a{font-size: 40px;}
  footer .foot-body .foot-list-item li::before{top: 13px;font-size: 40px;left: -20px;}
  footer .foot-body .close img{width: 60px;height: 60px;}
  footer .foot-body .foot-list-item li{padding: 13px 0;}
  footer .foot-btm ul li img{width: 50px;}
  footer .foot-btm span{font-size: 35px;}
  footer .foot-btm{padding: 13px 0 20px;}
  footer .foot-icon{right: 70px;}
  footer .foot-icon img{width: 50px;}

}


    
@media (min-width: 1920px) and (max-width: 2559px){
  .see-width{max-width: 100% !important;width: 90% !important;}
  .pagination a{width: 20px;height: 20px;}
  .common-btn a{font-size: 30px;}
  .main-container{margin-top: 100px;}
  .heading{font-size: 40px; padding-top:0px;}
  .header .header-top{padding:12px 0;}
  .header .header-left {width: 6%;border-radius: 100px;left: 1%;}
  .header .header-left .main{padding: 25px 0;}
  .header .header-left .main .menu, .header .header-left .main .listing li .border{width: 85px;height: 85px;}
  .header .header-left .main .listing{height: calc(100vh - 180px);}
  .header .header-left .main .menu img{width: 100%;}
  .header .header-left .main .listing li .heading{font-size: 25px;}
  .banner .ban-left .heading{font-size: 80px;}
  .banner .ban-left p{font-size: 30px;}
  .common-btn .btn img{height: 100%;}
  .banner .ban-right img{width: 90% !important;}
  .header .header-top .logo{width: 250px;}
  .header .header-top .login-main .log-in a{font-size: 22px;padding: 15px 50px;}
  .slick-dots li.slick-active button{height: 10px;width: 60px;}
  .slick-dots li button{height: 10px;width: 45px;}

  .home1 .home1-left .list-item .list-title, .home1 .home1-right .right-list .list-in .list-title{font-size: 28px;}
  .home1 .home1-left .list-item figure{width: 100px;height: 100px;}
  .home1 .home1-right .heading, .home1 .home1-right .subtitle{font-size: 50px;}
  .home1 .home1-right .right-list{margin-top: 60px;}
  .home1 .home1-right .right-list .list-in figure{width: 85px;height: 85px;}
  .home1 .home1-right .right-list .list-in figure img{height: 100%;width: 100%;}
  .home1 .home1-right .right-list .list-in p{font-size: 18px;line-height: unset;}
  .home2 .home2-main .ban-left .subtitle{font-size: 40px;}
  .home3 .home3-main .subtitle{font-size: 50px;}

  .product{padding-top:30px;}
  .heading-dotted{font-size: 50px;}
  .heading-dotted::before{bottom: -16px;}
  .product .product-main .listing .front figure{width: 300px;height: 300px;border: 6px solid #e97730;}
  .product .product-main .listing .front .btn{border: 6px solid #e97730;border-radius: 70px;}
  .product .product-main .listing .front .btn a{padding: 20px 50px;border-radius: 70px;font-size: 32px;}
  .product .product-main .listing .back figure img{height: 150px;}
  .product .product-main .listing .back .heading{font-size: 35px;}
  .product .product-main .listing .back .cont a{padding: 15px 0;font-size: 30px;}
  .product .product-main .listing .front .bg-white{bottom: 90px;top: unset;}
  .product .product-main .listing .front figure .bg-white{display: none;}

  .product1 {padding-top:30px;}
  .product1 .product1-left .heading{font-size: 55px;}
  .product1 .product1-left .media img{width: 130px;}
  .product1 .product1-left p{font-size: 18px;line-height: unset;}
  .product1 .product1-left p:not(:first-child){padding-top: 30px;}
  .product1 .product1-bottom .tablinks, .product1 .product1-left .tablinks{padding: 14px;font-size: 25px;}
  .product1 .product1-bottom .package-container{padding: 20px 0 0;}
  .product1 .product1-bottom .package-container .heading{font-size: 40px;}
  .product1 .product1-bottom .package-container .sub-heading{font-size: 30px;}
  .product1 .product1-bottom .packages{margin-top: 20px;}
  .product1 .product1-bottom .package-top img{height: auto;}
  .product1 .product1-bottom .package:hover .package-top img.hover-img{height: auto;}
  .product1 .product1-bottom .package-top .top-head span{font-size: 22px;top: unset;}
  .product1 .product1-bottom .package-top .top-head{margin: 30px auto;}
  .product1 .product1-bottom .package-top .top-body .price{font-size: 30px;}
  .product1 .product1-bottom .package-top .top-body span{font-size: 22px;}
  .product1 .product1-bottom .package-top .top-body .or-bg{font-size: 15px;width: 40px;height: 40px;    line-height: 40px;border-radius: 30px;}
  .product1 .product1-bottom .package-top .top-body .time{font-size: 25px;}
  .product1 .product1-bottom .package-bottom .package-cont .price{padding: 5px;font-size: 22px;}
  .product1 .product1-bottom .price span{font-size: 25px;padding: 4px 0px 0 10px;}
  .product1 .product1-bottom .price .btn a{height: 60px;line-height: 45px;font-size: 25px;}
  .product .product-right .right-list .list-in .btn{width: 50%;margin: 10px;}
  .product .product-right .right-list .list-in .btn a{padding: 10px 28px;font-size: 25px;}
  .product1 .product1-left .mob-center{justify-content: start;}


  .pricing-cont{padding-top:30px;}
  .specifications .specification-form .spec-header .input-button, .spec-tab-container .tabcontent .custom-container .head-buttons button{font-size: 22px;padding:10px 20px;}
  .specifications .spec-tab-container .tab button{height: 130px;font-size: 25px;}
  .specifications .pricing-right span{font-size: 30px;}
  .specifications .spec-tab-container .tabcontent{height: auto;}
  .specifications .range-container .title-box .headings .heading{font-size: 30px;}
  .specifications .spec-tab-container .tab button.active{border-top-left-radius: 50px;border-bottom-left-radius: 50px;}
  .specifications .pricing-right{padding: 40px;font-size: 40px;}
  .custom-rangeslider .custom-rangeInput{height: 30px;}
  .specifications .range-container .title-box .headings{height: 400px;}
  .specifications .range-container .range-box .ranges{height: 400px;justify-content: space-around;}
  .custom-rangeslider .custom-rangeInput {height: 35px;border-radius: 65px;padding: 4px; width:1030px;}
  .custom-rangeslider .custom-rangeslider__tooltip{font-size: 20px;height: auto;top: -20px}

  .specifications .spec-tab-container .tab{width: 10%;}
  .specifications .spec-tab-container .tabcontent{width: 90%;}
  .custom-rangeslider .custom-rangeInput::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;background-color:#e97730;outline:1px solid #e97730;border:5px solid #fff;width:35px;height:35px;border-radius:50%;cursor:move;cursor:grab;cursor:-webkit-grab;margin-top:-7px}
  .custom-rangeslider .custom-rangeInput::-webkit-slider-thumb:active{cursor:grabbing;cursor:-webkit-grabbing}
  .custom-rangeslider .custom-rangeInput::-moz-range-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;background-color:#e97730;outline:1px solid #e97730;border:5px solid #fff;width:35px;height:35px;border-radius:50%;cursor:move;cursor:grab;cursor:-webkit-grab;margin-top:-7px}
  .custom-rangeslider .custom-rangeInput::-moz-range-thumb:active{cursor:grabbing;cursor:-webkit-grabbing}
  .custom-rangeslider .custom-rangeInput::-ms-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;background-color:#e97730;outline:1px solid #e97730;border:5px solid #fff;width:35px;height:35px;;border-radius:50%;cursor:move;cursor:grab;cursor:-webkit-grab;margin-top:-7px}
  .custom-rangeslider .custom-rangeInput::-ms-thumb:active{cursor:grabbing;cursor:-webkit-grabbing}
  .custom-rangeslider .custom-rangeInput::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;box-sizing:border-box;height:25px;width:100%;cursor:pointer;border:none;border-radius:20px;}
  .custom-rangeslider .custom-rangeInput::-moz-range-track{-webkit-appearance:none;appearance:none;box-sizing:border-box;height:25px;width:100%;cursor:pointer;border:none;border-radius:20px;}
  .custom-rangeslider .custom-rangeInput::-ms-track{-webkit-appearance:none;appearance:none;box-sizing:border-box;height:25px;width:100%;cursor:pointer;border:none;border-radius:20px;}
  .specifications
  {
	 padding-top:25px;
  }
  .register .register-main .input-field input{padding: 5px 20px;}
  .register .register-main .input-field{padding: 15px 30px;font-size: 18px;}
  .register .register-main .input-field img{max-height: 40px;max-width: 40px;}
  .register .register-main form span{font-size: 20px;}
  .register .register-main form .form-btm input{padding: 20px 53px;font-size: 20px;}
  .register .register-main .or{font-size: 20px;}
  .register .register-main .btm a span{padding: 15px 30px;font-size: 20px;}
  .register .register-main .btm a img{width: 50px;object-fit: cover;}
  .register .register-main .btm span{font-size: 20px;padding: 1px 0 0;}
  .register .register-main .btm span + a{padding: 0 0 0 10px;font-size: 20px;}
  .register .register-main .check-btm .click a{font-size: 30px;}
  .register .register-main .check-btm .click .checkbox-container label{font-size: 30px;}
  .register .register-main .btm .google-act{margin-bottom: 30px;}
  .register .register-main form span{margin-top: 15px;}
  .register .register-main .check-btm{margin-top: 30px;}
  .register .register-main .btm{padding: 0px 0;}
  .register .register-main .reset{font-size: 40px;}
  .register .register-main .check-btm .click .checkbox-container div.check{width: 30px;height: 30px;}
  .register .register-main .check-btm .click input[type='checkbox']:checked ~ div.check::before{    font-size: 30px;}
  .register .register-main .check-btm .click input[type='checkbox']{width: 30px;height: 30px;}



  footer .foot-icon{padding: 35px;}
  footer .foot-body span{font-size: 35px;}
  footer .foot-body .foot-list-item li a{font-size: 25px;}
 footer .foot-body .foot-list-item .list-item a{font-size: 30px;}
  footer .foot-body .foot-list-item li::before{top: 14px;}
  footer .foot-body .close img{width: 45px;height: 45px;}
  footer .foot-body .foot-list-item li{padding: 13px 0;}
  footer .foot-btm ul li img{width: 50px;}
  footer .foot-btm span{font-size: 35px;}
  footer .foot-btm{padding: 13px 0 20px;}

}





@media (min-width: 1300px) and (max-width: 1919px){
  .header .header-top .see-width{width:100%;}
  .header .header-left{width: 6%;left: 1%;}
  .home1 .home1-left .list-item .list-title, .home1 .home1-right .right-list .list-in .list-title{font-size: 16px;}
  .home1 .home1-right .right-list .list-in p{font-size: 14px;}
}

@media (min-width: 1200px) and (max-width: 1919px){
  .main-container{margin: 0 8%;margin-top: 70px;}
  .home2.banner .ban-right img{width: 450px;}
  .header .header-left .main{padding:10px 0;}
  .banner .ban-right img{margin-right: 16px;}

}
@media (max-width: 1299px) {
  .header .header-top .see-width{width:95%;}
}

@media (min-width: 992px) and (max-width: 1199px){
  .header .header-left{width: auto;}
  .header .header-top{ margin-right: 10%;}
  .header .header-top .see-width{width: 90% ;}
  .product1 .see-width, .home1 .see-width {width: 100%;}
  .banner .ban-right img{width: 70%;float: left;}
  .banner .slick-dots{margin-top: 0px !important;}

  /* .home1 .home1-right .right-list .list-item{width: 45% !important;} */
  .home1 .home1-right .right-list .list-item{width: 32.33% !important;}
  .home2.banner .ban-right img{width: 370px;}
  .home3 .listing .list-item{width: 28% !important;}
  /* footer .foot-icon {right: 45px;} */
  .specifications .spec-tab-container .tabcontent{width: 80%;}
  .specifications .pricing-right{margin-right: 130px; margin-top: 30px;}
  .product .product-main .listing .list-item {width: 31%;}
  .home1 .home1-right .right-list .list-item:nth-child(3), .home1 .home1-right .right-list .list-item:nth-child(4){margin-bottom:50px;}

  /* .custom-rangeslider{width: auto;} */
  
}

@media(max-width:992px){

  .header .header-top .see-width{width: 100%;}

  .header .header-left{height: auto;}
  .header .header-left .main .listing{display: none;}
  .nav-dots{right: 3%;}
  .main-container{margin: 60px 0 0;}
  header.header{left: 0;}
  
  .section-padding{padding-bottom: 50px;}
  .home1 .home1-main{padding-top: 0;}

  .header .header-left .main .listing{background: #e97730;border-radius: 32px;margin-top: -6px;}
  .header .header-left{width: 47%;right: 0;left: unset;border-radius: 26px;height: auto;margin: 0;background: transparent;}
  .header .header-top .login-main{justify-content: end;margin-right: 25px; padding: 5px;}
  .header .header-left .main .menu{width: 40px;height: 40px;float: right;background: #e97730;z-index: 1;position: relative;top: 0px;right: 5px;}
  .header .header-left .main .menu figure{display: flex;align-items: center;height: 100%;}
  .header .header-left .main .menu img{width: 40px;padding: 8px 13px;}
  .header .header-left .main .listing ul{height: auto;}
  .header .header-left .main .listing li{justify-content: flex-start;display: inline-flex;width: 80%;/*padding: 0 20px;*/border-bottom: 1px solid #fbfbfb57;margin-bottom: 10px;}
  
  .header .header-left .main .listing li .heading{left: 205%;bottom: 0;top: 0;}
  .specifications .range-container .title-box .headings .bg-image.mobile{display:block;}
  .specifications .range-container .title-box .headings .bg-image.desktop{display:none;}

  .header .header-left .main .listing li .border{margin: 0 0 8px;}
  .header .header-left .main .listing li:last-child{border: none;}

  .banner .slick-dots{margin-top: 0px !important;}

  .banner .ban-left .heading{font-size: 35px;}
  /* .product1 .product1-bottom .package-top img{width: 90%;} */
  .home2.banner .ban-right img{width: 350px;}
  .specifications .spec-tab-container .tabcontent{height: 365px;}

  .specifications .range-container .range-box .ranges{display: none;}
  .specifications .range-container .range-box .ranges-mobile{display: flex;justify-content: space-around; margin-top: 15px;}
  .ranges-mobile .range-slider input{width:25px;height:100%;}
  .ranges-mobile .range-slider {display: inline-block;width: 40px;position: relative;text-align: center;height: 250px;max-height: 100%;}
  .ranges-mobile .range-slider__thumb {position: absolute;left: 7px;width: 25px;height: 25px;line-height: 25px;background: #e97730;color: #777;font-size: 50%;box-shadow: 0 0 0 1px #e97730;border: 5px solid #fff;border-radius: 50%;pointer-events: none;transform: translateY(50%);}
  .ranges-mobile .range-slider__bar {left: 12px;bottom: 2px;position: absolute;background: #e97730;pointer-events: none;width: 15px;border-radius: 10px;}
  .ranges-mobile .range-slider input[type=range][orient=vertical] {position: relative;margin: 0;height: 100%;width: 100%;display: inline-block;position: relative;writing-mode: bt-lr;-webkit-appearance: slider-vertical;}
  .ranges-mobile .range-slider input[type=range][orient=vertical]::-webkit-slider-runnable-track, .range-slider input[type=range][orient=vertical]::-webkit-slider-thumb {-webkit-appearance: none;}
  .ranges-mobile .range-slider input[type=range][orient=vertical]::-webkit-slider-runnable-track {border: none;background: #fff;width: 22px;border-color: #aaa;border-radius: 10px;box-shadow: 0 0 0 2px #bbb;}
  .ranges-mobile .range-slider input[type=range][orient=vertical]::-moz-range-track {border: none;background: #fff;width: 22px;border-color: #aaa;border-radius: 10px;box-shadow: 0 0 0 2px #bbb;}
  .ranges-mobile .range-slider input[type=range][orient=vertical]::-ms-track {border: none;background: #fff;width: 22px;border-color: #aaa;border-radius: 10px;box-shadow: 0 0 0 2px #bbb;color: transparent;height: 100%;}
  .ranges-mobile .range-slider input[type=range][orient=vertical]::-ms-fill-lower, .range-slider input[type=range][orient=vertical]::-ms-fill-upper, .range-slider input[type=range][orient=vertical]::-ms-tooltip {display: none;}
  .ranges-mobile .range-slider input[type=range][orient=vertical]::-webkit-slider-thumb {width: 25px;height: 25px;opacity: 0;}
  .ranges-mobile .range-slider input[type=range][orient=vertical]::-moz-range-thumb {width: 25px;height: 25px;opacity: 0;}
  .ranges-mobile .range-slider input[type=range][orient=vertical]::-ms-thumb {width: 25px;height: 25px;opacity: 0;}
  .ranges-mobile .range-slider .range-slider__tooltip{position: absolute;left: 50%;transform: translateX(-50%);line-height:100%;height:18px;width: max-content;background-color:#e97730;padding:3px 5px;color:#fff;font-size:13px;font-weight:500;text-align:center;border-radius:3px;}
  .ranges-mobile .range-slider .range-slider__tooltip::before{display:block;content:" ";background:#e97730;position:absolute;width:8px;height:10px;left:calc(50% - 3px);bottom:-5px;transform:rotate(45deg);z-index:-1}
  .ranges-mobile .cpu-tooltip::after{content: " Core";}
  .ranges-mobile .ram-tooltip::after{content: " GB";}  

  .product1 .product1-left .tabs.mobile{display: block;margin-top: 20px;border: none;text-align: center;}
  .product1 .product1-bottom .tabs{display: none;}
  .common-btn.mob{display: table;margin: auto;}
  .common-btn .btn{display: inline-block;}
  .section{height: auto;}
  .nav-dots{display: none;}
  .common-btn{justify-content: center;}
  .heading-dotted{width: 95%;font-size: 16px;}
  .heading-dotted::before{content: "...";font-size: 24px;position: absolute;bottom: -8px;left: 100%;}
  .banner .banner-main .left-slider{flex-direction: column;text-align: center;}
  .banner .ban-left {display: table;margin: auto;text-align: center;}
  .banner .ban-left .heading{font-size: 28px;}
  .banner .ban-left .sub-heading img{width: auto;}
  .banner .ban-left .sub-heading{display: table;margin: auto;}
  .banner .ban-right{flex-wrap: wrap;}
  .banner .ban-right img{float: unset;display: table;margin: auto;width: 40%;}
  .banner .left-slider .common-btn.mob-btn{display: block; margin-top: 30px;}

  .banner .common-btn{display: none;}
  .slick-dots{display: table !important;margin: auto;text-align: center !important;margin-top: 0px !important;}

  .home1 .home1-main{flex-wrap: wrap;margin-top: 50px;}
  .home1 .home1-left{border: none;}
  .home1 .home1-right .right-list .list-item .in-border{position: absolute;left: -12px;top: 60%;}
  .home1 .home1-right .right-list .list-in{ border-radius: 15px;padding: 15px 15px 15px 50px;text-align: left;}
  .home1 .home1-right .right-list .list-in figure{width: 60px;height: 60px;line-height: 60px;text-align: center;}
  /* .home1 .home1-right .right-list .list-in figure img{height: 60px;} */
  .home1 .home1-right .right-list .list-in figure img{width: 50px;vertical-align: middle;height: 50px;}
  .home1 .home1-right .right-list .list-item{margin-bottom: 0;}

  .home2 .home2-main .ban-left p{margin: 0;border-bottom: none;padding: 5px 0 0;}
  .home2.banner .ban-right img{width: 350px;}
  .ban-media{margin: auto;display: table;}
  .home3 .listing .list-item .in-border{border-radius: 30px;padding: 0;margin: 0;}
  .home3 .listing .list-item figure img{height: 50px;}
  .home3 .common-btn{margin-top: 30px;}

  .product::-webkit-scrollbar-thumb {background-color: red;border-radius: 20px;border: 3px solid orange;}


  /* .tabs.mobile {position: fixed;top: 45px;left: 0;background: #fff;} */
  .product1 .product1-left{width: 100% !important;padding-bottom: 10px;justify-content: center;}
  .product1 .product1-left .heading{font-size: 0;padding: 0 0 0 10px;}
  .product1 .product1-left .heading span{font-size: 28px;}
  .product1 .product1-bottom{text-align: center;}
  .product1 .product1-bottom .tabcontent{padding: 30px 0 0;}
  .product1 .product1-bottom .package-top .top-body{border-radius: 30px;width: 100px;position: absolute;top: 19%;left: -7%;z-index: 99999999;border: 3px solid #e67225;}
  .product1 .product1-bottom .package-top .top-body .mob-bg{margin: 3px;background: #e67225;border-radius: 26px;color: #fff;padding: 5px;}
  .product1 .product1-bottom .package{margin-bottom: 10px;width: 85%;float: right;margin-left: 65px;display: inline-block;float: unset;white-space: normal;background: #fff;box-shadow: 0px 0px 20px rgb(0 0 0 / 30%);border-radius: 25px;}
  .product1 .product1-bottom .package:first-child{margin-left: 45px;}
  .product1 .product1-bottom .package:last-child{margin-right: 15px;}
  .product1 .product1-bottom .package-bottom .package-cont{width: 75%;margin-left: 23%;}
  .product1 .product1-bottom .package-bottom .package-cont .title{padding: 10px;font-size: 18px;text-transform: capitalize;color: #4d4c4c;font-weight: 500;}
  .product1 .product1-bottom .package-bottom .package-cont .price{display: inline-block;width: 49%;border-right: 2px solid #e1e1e1;text-align: left;font-size: 14px;padding: 5px 10px 5px 0;}
  .product1 .product1-bottom .price span{padding: 0 0 0px 3px;font-weight: 500;color: #444;font-size: 14px;display: unset;}
  .product1 .product1-bottom .package-top .top-body span{color: #fff;}
  .product1 .product1-bottom .package .or-bg{background: linear-gradient(180deg,#fff,#e5e5e5 50%) !important;
    color: #e97730 !important;font-weight: 600;}
  .product1 .product1-bottom .package-bottom .package-cont .price:nth-child(odd){border-right: none;padding-left: 10px;margin-left: -5px;}
  .product1 .product1-bottom .package-bottom .package-cont .price:last-child{width: 100%;border-bottom: none;text-align: center;}
  .product1 .product1-bottom .package-bottom .package-cont .price:nth-last-child(2), .product1 .product1-bottom .package-bottom .package-cont .price:nth-last-child(3){border-bottom: none;}
  .home1 .home1-right .right-list .list-item{width: 95%;float: right;text-align: center;}
  .product .product-right .right-list{margin: 10px 0;}
  .home1 .home1-right .right-list .list-in p{padding: 10px;}
  .home1 .home1-right .right-list .list-in figure img{padding: 10px;}


  .product .listing-mobile .top-machine-list{padding:  0px 10px;position: relative;}
  .product .listing-mobile .top-list-cont{width: 100%;overflow-x: scroll; padding: 20px 0px;}
  .product .listing-mobile .top-list-cont::-webkit-scrollbar{height: 5px;}
  .product .listing-mobile .top-list-cont::-webkit-scrollbar-thumb {border-radius: 20px;background-color: #e97730;}
  .product .listing-mobile .top-list{width: max-content;}
  .product .listing-mobile ul{display: flex;}
  .product .listing-mobile li{padding: 10px;}
  .product .listing-mobile li:first-child{padding-left: 0px;}
  .product .listing-mobile li:last-child{padding-right: 0px;}
  .product .listing-mobile .front{position: relative;}
  .product .listing-mobile figure{padding: 12px;border: 3px solid #e97730;display: flex;margin: auto;text-align: center;border-radius: 50%;width: 70px;height: 70px;position: relative;align-items: center;justify-content: center;}
  .product .listing-mobile figure img{max-width: 100%;}
  .product .listing-mobile .bg-white{position: absolute;bottom: 0;left: 50%;background: #fff;width: 15px;height: 10px;transform: translate(-50%,50%);}
  .product .listing-mobile .btn{border: 3px solid #e97730;display: inline-block;margin-top: -2px;padding: 5px;border-radius: 30px;}
  .product .listing-mobile .btn a{background: #e97730;padding: 5px 10px;border-radius: 30px;color: #fff;font-weight: 500;font-size: 15px; text-transform: capitalize;}

  .product .listing-mobile .back {position:relative;padding: 25px 20px;border-radius: 15px;overflow: hidden;width: 100%;text-align: center;}
  .product .listing-mobile .back .bg-img{z-index: -1;position: absolute;left: 0;top: 0;bottom: 0;height: auto;width: 100%;}
  .product .listing-mobile .back .bg-img img{position: relative;z-index: -1;height: 100%;width: 100%;overflow: hidden;}
  .product .listing-mobile .back .cont{display: block;} 
  .product .listing-mobile .back .cont a{padding: 5px 0;margin-top: 15px;text-decoration: underline;text-transform: capitalize;color: #4d4c4c;}

  .product .listing-mobile .bottom-machine-list{padding: 30px 20px;overflow: hidden;}
  .product .listing-mobile .bottom-machine-list .machine-tab-content{display: none;}  
  .product .listing-mobile .bottom-machine-list .machine-tab-content.active{display: block;}  

  .slide-buttons{position: absolute; bottom: -12px;left: -20px;right: -20px;display: flex;justify-content: space-between;width: calc(100% + 40px);}
  .slide-buttons .slide-left,.slide-buttons .slide-right{width: 30px; height: 30px;}
  .slide-buttons img{max-width: 100%;}
  .slide-buttons::before{position: absolute;content: ""; width: calc(100% - 56px);height: 4px;border-radius: 2px;background-color: #f9cccc;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: -1;}

  /* .product .product-main .listing{display: flex;margin-top: 30px;position: relative;overflow-Y: scroll;}
  .product .product-main .listing .list-item{width: 100%; margin-bottom: 30px;transform-style: unset;transition: unset;}
  .product .product-main .listing .list-item .front{backface-visibility: unset;transform: unset;margin-bottom: 40px;}
  .product .product-main .listing .back{position: relative;overflow: unset;transform: unset;backface-visibility: unset;}
  .product .product-main .listing .list-item:hover{transform: unset;}
  .product1 .product1-bottom .package-top{padding: 0;}
  .product1 .product1-bottom .package-top .top-head{display: none;}
  .product1 .product1-bottom .package-top .top-body .or-bg{width: 23px;height: 23px;line-height: 23px;}
  .product1 .product1-bottom .package:hover .or-bg{background: linear-gradient(180deg,#fff,#e5e5e5 50%) !important;
  color: #e97730 !important;font-weight: 600;}
  .product1 .product1-bottom .package-bottom .package-cont .title{display: block;}
  .product1 .product1-left p{text-align: center;} */
  

  .register .register-main{width: 90%;margin: 25px auto 30px;}
  .register .register-main .btm.mob{display: table;padding: 10px 0;}
  .register .register-main .btm.mob .or{font-weight: 500;}
  .register .register-main .btm.desk .or, .register .register-main .btm.desk .google-act{display: none;}
  .register .register-main .btm span, .register .register-main .btm span + a{padding-bottom: 10px;}
  



  /***********pricing***************/
  .specifications .range-container .title-box{width: 100%;margin-bottom: 25px;}
  .spec-tab-container .tabcontent .custom-container .range-container{flex-direction: column;padding: 20px 0;}
  .specifications .range-container .title-box .headings{height: auto;flex-direction: row;padding: 15px 0px;}
  .specifications .spec-tab-container .tab button.active{position: absolute;width: 70px;top: -68px;left: 0%;border-top-left-radius: 35px;border-bottom-left-radius: 0px;border-top-right-radius: 35px;padding: 16px 0;}
  .specifications .spec-tab-container{margin: 0 0 30px;}
  .specifications .specification-form .spec-header{margin-bottom: 25px;}
  .specifications .spec-tab-container .tab{width: auto;}
  .specifications .spec-tab-container .tabcontent{width: 100%;height: auto;}
  .specifications .pricing-right span{font-size: 20px;}
  .specifications .pricing-right{background: #035189;border-top-left-radius: 15px;border-top-right-radius: 15px;width: auto;}
  .spec-tab-container .tabcontent .custom-container .head-buttons .comm-btn{margin-bottom: 10px;}
  .specifications .range-container .title-box .headings .heading{font-size: 14px;width: 25%;text-align: center;padding-top: 0px;}
  .specifications .range-container .range-box{width: 100%;padding: 0px;}
  .specifications .custom-rangeslider {padding: 28px 0;}
  .specifications .custom-rangeslider .custom-rangeslider__tooltip{transform: rotate(90deg) !important;top: 30px;}
  /* .specifications .custom-rangeslider .custom-rangeslider__tooltip .rangeTooltip {width: 100%;height: 100%;} */


  footer .foot-click{position:unset;width: 100%;display: block;}
  footer .foot-icon, footer .foot-body .close{display: none;}
  footer .foot-body{border-radius: 0;padding: 20px 0;}
  footer .foot-body .foot-list-item ul{padding-left: 25px;display: flex;flex-wrap: wrap;}
  footer .foot-body span{padding-left: 15px;}
  footer .foot-body .foot-list-item li::before{top: -4px;}
  footer .foot-body .foot-list-item ul li{width: 50%;padding: 0px;}
  footer .foot-body .foot-list-item ul li:nth-child(even){padding-left: 50px;float: right;}
  footer .foot-body .foot-list-item ul li:nth-child(even)::before{left: 35px;}
  footer .foot-body .foot-list-item{padding: 0px 0px 0;margin-top: 10px;}
  footer .foot-body .foot-list-item li a{font-size: 11px;}
  footer .foot-body .foot-list-item .list-item{padding: 5px 0px;width: 25%;text-align: center;}
  footer .foot-body .foot-list-item .list-item a{font-size: 14px;width: 100%;border-right: 1px solid #fff;}
  footer .foot-body .foot-list-item .list-item:nth-child(4) a{border-right: none;}
  footer .foot-body .foot-list-item .list-item:last-child a{border: none;}
}

@media(max-width:992px){
  .section{display: unset !important;}

  .header .header-top .login-main .log-in{padding: 0;}
  .header .header-top{padding: 5px 0px;}
  .header .header-left .main{padding: 5px;}

  .header .header-left .main .listing li .heading{font-size: 16px;text-align: left;white-space: nowrap;}
  .header .header-left .main .listing li .border{width: 45px; height: 45px;}
  .common-btn .btn img{height: 100%;}
  .common-btn a{padding: 6px 15px; font-size: 14px;}


  .home2 .home2-main .ban-left .subtitle{padding: 15px 30px; font-size: 16px;}
  .home2 .home2-main .ban-left .subtitle span{white-space: nowrap;}
  .product .listing{display: none;}
  .product .listing-mobile{display: block;}

  .pricing-cont .scroll-cont{height: calc(100vh - 100px);overflow-y: scroll;}

  .product1 .product1-left .media img{width: 60px;}

  .product1 .product1-bottom .package-bottom figure,.product1 .product1-bottom .package-top img{display: none!important;}
  .product1 .product1-bottom .package-top,.product1 .product1-bottom .package:hover .package-top{box-shadow: none;background: none!important;}
  .product1 .product1-bottom .package-top .top-head,.product1 .product1-bottom .package:hover span.plan-typ,.product1 .product1-bottom .package-bottom .package-cont:hover .price{color: #333!important;}
  .product1 .product1-bottom .package-top .top-head span{position: static;font-size: 14px;}
  .product1 .product1-bottom .package-bottom{box-shadow: none;}
  .product1 .product1-bottom .price .btn a{height: 45px; line-height: 40px;}
  .product1 .product1-bottom .package-top .top-body .price{font-size: 14px;margin-top: 5px;}
  .product1 .product1-bottom .package-top .top-body .time{margin-top: 5px;margin-bottom: 10px;}
  .product1 .product1-bottom .package:hover .or-bg{background: #fff!important;color: #e97730!important;}
  .product1 .product1-bottom .package-container{padding: 0px 20px;}
  .product1 .package-container .slide-buttons{width: calc(100% + 20px);left: -10px;right: -10px;}

  .product .product-right .right-list .list-in .btn a{text-align: center;}

  .specifications .specification-form .spec-header .input-button, .spec-tab-container .tabcontent .custom-container .head-buttons button{font-weight: 500;}
  .specifications .specification-form .spec-header .input-button:not(:first-child), .spec-tab-container .tabcontent .custom-container .head-buttons button:not(:first-child){margin-left: 0;}
  .specifications .specification-form .spec-header .input-button:not(:last-child), .spec-tab-container .tabcontent .custom-container .head-buttons button:not(:last-child){margin-right: 15px;}
  .specifications{padding: 20px 0 0;}

  .register .register-main .btm a img{max-width: 16px;}
  .register .register-main .btm a span{margin: 0;font-size: 12px;line-height: 100%;}
  .register .register-main .input-field{padding: 2px 15px;font-size: 12px;}
  .register .register-main .btm{margin-top: 10px;}
  .register .register-main .check-btm .click .checkbox-container label{font-size: 14px;}
  .register .register-main .check-btm .click a{font-size: 14px;}
  .register .reg-cont{height: 80vh;overflow-y: scroll;display: flex;align-items: center;}

  footer.login-footer{position: fixed;bottom: 0;left: 0;right: 0!important;}
  .register .register-main .reset{font-weight: 500;padding:0;}
  .register .register-main .btm.forgot{padding-top: 15px;}

} 

@media (max-width:550px) {
  .product1 .product1-bottom .package-top .top-body{width: 83px;left: -7%;left: -15%;}
}


@media (min-width: 3840px) and (max-width: 4096px){
  .see-width{max-width: 100% !important;width: 90% !important;}
  .header .header-left{width: 230px;left: 5%;border-radius: 200px;padding: 20px 0px;}
  .header .header-left .main .menu{width: 175px;height: 175px;border-width: 4px;}
  .header .header-left .main .listing li .border{width: 175px;height: 175px;border-width: 4px;padding: 25px;}
  .header .header-left .main .listing li.active .border{border-radius: 30px;}
  .header .header-left .main .listing li .heading{width: 120%;font-size: 36px;bottom: -110px;}
  .header .header-left .main .listing{height: calc(100vh - 284px);}
  .header .header-left .main .menu img{width: 100px;}
  .header .header-top .logo{width: 500px;}
  .header .header-top .login-main .log-in a{font-size: 40px;padding: 20px 40px;}
  .header .header-top .see-width{display: flex; align-items: center;justify-content: space-between;}
  .main-container{font-size: 45px;margin-top: 250px;}

  .banner.section:first-child{position: relative;top: -300px;}
  .banner .ban-left .heading{font-size: 140px;padding: 20px 0px;}
  .heading{font-size: 60px;margin-bottom: 40px;}
  .banner .ban-left .sub-heading img{width: 85%;padding: 20px 0px;}
  .common-btn .btn img{height: 100%;}
  .banner .ban-left p{padding: 40px 0px;}
  .common-btn a{font-size: 50px;padding: 35px 110px;}
  .slick-dots li button,.slick-dots li.slick-active button{width: 100px;height: 15px;}
  .banner .ban-right .ban-media{width: 80%;}
  .banner .banner-main .left-slider{align-items: center;}

  .home1 .home1-left .list-item .in-border,.home1 .home1-right .right-list .list-in .in-border{border-width: 7px;padding: 20px;}
  .home1 .home1-right .right-list .list-in .in-border{margin: -185px auto auto;}
  .home1 .home1-left .list-item figure,.home1 .home1-right .right-list .list-in figure{width: 240px; height: 240px;}
  .home1 .home1-right .right-list .list-in figure img{width: 150px;height: 100%;}
  .home1 .home1-left .list-item figure img{padding: 50px;}
  .home1 .home1-left .list-item .list-title{font-size: 52px;}
  .subtitle{font-size: 75px;}
  .home1 .home1-right .right-list .list-in .list-title{font-size: 50px;margin-top: 20px;}
  .home1 .home1-right .right-list .list-in p{line-height: 100%;font-size: 45px;margin-top: 20px;}
  .home1 .home1-right .right-list .list-in{padding: 50px;}
  .home1 .home1-right .right-list{margin-top: 150px;}
  .home1 .home1-right .right-list .list-item{margin-bottom: 180px;}
  .pagination a{width: 25px;height: 25px;}
  .pagination li:not(:last-of-type){margin-bottom: 40px;}
  .home2 .home2-main .ban-left p{border-width: 3px;}
  .home2 .home2-main .ban-left .subtitle{font-size: 55px;}
  .home2.banner .ban-right img{width: 1300px;}

  .home3 .listing .list-item figure img{height: 150px;}
  .home3 .listing .list-item .in-border{padding: 60px 30px;border-width: 4px;border-radius: 30px;}
  .home3 .common-btn{margin: 30px;}


  .heading-dotted{font-size: 70px;}
  .heading-dotted::before{bottom: -23px;}
  .product .product-main .listing .front figure{height: 700px; width: 700px;padding: 80px;border-width: 7px;}
  .product .product-main .listing .front .btn a{padding: 30px 50px; border-radius: 100px;}
  .product .product-main .listing .front .btn{border-width: 7px;padding: 10px;border-radius: 100px;}
  .product .product-main .listing .front .bg-white{top: 690px; width: 50px;height: 15px;}

  .product .product-main .listing .back figure img{height: 350px;}
  .product .product-main .listing .back{padding: 100px;border-radius: 100px;}
  .product .product-main .listing .back .heading{font-size: 65px;}
  .product .product-main .listing{margin-top: 120px;}

  .product1 .product1-left .media img{width: 300px;}
  .product1 .product1-left .heading{font-size: 125px;}

  .product1 .product1-left p{font-size: 40px;line-height: 140%;}
  .product1 .product1-left p:not(:first-child){padding-top: 30px;}
  .product1-bottom{margin-top: 50px;}
  .product1 .product1-bottom .tabs, .product1 .product1-left .tabs{border-width: 2px;}
  .product1 .product1-bottom .tablinks, .product1 .product1-left .tablinks{font-size: 40px;padding: 30px;}
  .product1 .product1-bottom .tablinks:first-child, .product1 .product1-left .tablinks:first-child{border-top-left-radius: 30px;}
  .product1 .product1-bottom .tablinks:last-child, .product1 .product1-left .tablinks:last-child{border-top-right-radius: 30px;}
  .product1 .product1-bottom .package-container .heading{font-size: 80px;}
  .product1 .product1-bottom .package-container .sub-heading{font-size: 50px;}
  .product1 .product1-bottom .ul-main{margin-top: 30px;}
  .product1 .product1-bottom .package-top, .product1 .product1-bottom .package-bottom{padding: 25px 20px;border-radius: 20px;overflow: hidden;}
  .product1 .product1-bottom .package-top img{height: 100px;width: 85%;}
  .product1 .product1-bottom .package:hover .package-top img.hover-img{height: 70px;}
  .product1 .product1-bottom .package-top .top-head span{font-size: 35px;top: unset;}
  .product1 .product1-bottom .package-top .top-head{margin: 45px auto;}
  .product1 .product1-bottom .package-top .top-body .price{font-size: 35px;}
  .product1 .product1-bottom .package-top .top-body span{font-size: 30px;padding: 10px;}
  .product1 .product1-bottom .package-top .top-body .or-bg{font-size: 20px;width: 50px;height: 50px;    line-height: 50px;border-radius: 40px;}
  .product1 .product1-bottom .package-top .top-body .time{font-size: 30px;padding: 10px;}
  .product1 .product1-bottom .package-bottom .package-cont .price{padding: 10px;font-size: 35px;}
  .product1 .product1-bottom .price span{font-size: 30px;padding: 4px 0px 0 10px;}
  .product1 .product1-bottom .price .btn a{height: 80px;line-height: 67px;font-size: 30px;}
  .product1 .product1-left .mob-center{justify-content: start;}
  .product .product-right .right-list .list-in .btn{width: 500px;}
  .product .product-right .right-list .list-in .btn a{font-size: 40px;padding: 40px 28px;}


  .pricing-cont{padding: 4rem 0;}
  .specifications .specification-form .spec-header .input-button, .spec-tab-container .tabcontent .custom-container .head-buttons button{font-size: 40px;padding:20px 40px;border-radius: 20px;}
  .specifications .spec-tab-container .tab button{height: 180px;padding: 20px;font-size: 35px;}
  .specifications .pricing-right span{font-size: 70px;}
  .specifications .spec-tab-container .tabcontent{height: auto;}
  .specifications .range-container .title-box .headings .heading{font-size: 35px;}
  .specifications .spec-tab-container .tab button.active{border-top-left-radius: 100px;border-bottom-left-radius: 100px;}
  .specifications .pricing-right{padding: 60px;font-size: 40px;}
  .custom-rangeslider .custom-rangeInput {height: 63px;border-radius: 65px;padding: 10px;}

  .specifications .spec-tab-container .tab{width: 10%;}
  .specifications .spec-tab-container .tabcontent{width: 90%;}
  .custom-rangeslider .custom-rangeInput::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;background-color:#e97730;outline:1px solid #e97730;border:12px solid #fff;width:65px;height:65px;border-radius:50%;cursor:move;cursor:grab;cursor:-webkit-grab;margin-top:-12px}
  .custom-rangeslider .custom-rangeInput::-webkit-slider-thumb:active{cursor:grabbing;cursor:-webkit-grabbing}
  .custom-rangeslider .custom-rangeInput::-moz-range-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;background-color:#e97730;outline:1px solid #e97730;border:12px solid #fff;width:18px;height:18px;border-radius:50%;cursor:move;cursor:grab;cursor:-webkit-grab;margin-top:-12px}
  .custom-rangeslider .custom-rangeInput::-moz-range-thumb:active{cursor:grabbing;cursor:-webkit-grabbing}
  .custom-rangeslider .custom-rangeInput::-ms-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;background-color:#e97730;outline:1px solid #e97730;border:12px solid #fff;width:18px;height:18px;border-radius:50%;cursor:move;cursor:grab;cursor:-webkit-grab;margin-top:-12px}
  .custom-rangeslider .custom-rangeInput::-ms-thumb:active{cursor:grabbing;cursor:-webkit-grabbing}
  .custom-rangeslider .custom-rangeInput::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;box-sizing:border-box;height:40px;width:100%;cursor:pointer;border:none;border-radius:20px;}
  .custom-rangeslider .custom-rangeInput::-moz-range-track{-webkit-appearance:none;appearance:none;box-sizing:border-box;height:40px;width:100%;cursor:pointer;border:none;border-radius:20px;}
  .custom-rangeslider .custom-rangeInput::-ms-track{-webkit-appearance:none;appearance:none;box-sizing:border-box;height:40px;width:100%;cursor:pointer;border:none;border-radius:20px;}

  .specifications .range-container .title-box .headings{height: 800px;}
  .specifications .range-container .range-box .ranges{height: 800px;justify-content: space-around;}
  .custom-rangeslider .custom-rangeslider__tooltip{font-size: 35px;height: auto;padding: 10px 15px;border-radius: 10px;top: -55px;}


  .register .register-main {padding: 60px 70px;border-radius: 60px;}
  .register .register-main .input-field input{padding: 10px 25px;font-size: 40px;}
  .register .register-main .input-field{padding: 15px 30px;font-size: 35px;border-radius: 60px;}
  .register .register-main .input-field img{max-height: 60px;max-width: 70px;width: 40px;}
  .register .register-main form span{font-size: 35px;}
  .register .register-main form .form-btm input{padding: 20px 53px;font-size: 35px;}
  .register .register-main .or{font-size: 30px;}
  .register .register-main .btm a span{padding: 15px 30px;font-size: 35px;}
  .register .register-main .btm a img{width: 50px;object-fit: cover;}
  .register .register-main .btm span{font-size: 35px;}
  .register .register-main .btm span + a{padding: 0 0 0 10px;font-size: 35px;}
  .register .register-main .check-btm .click a{font-size: 35px;}
  .register .register-main .check-btm .click .checkbox-container label{font-size: 35px;margin-left: 5px;}
  .register .register-main .btm .google-act{margin-bottom: 30px;border-radius: 55px;padding: 13px 40px;}
  .register .register-main form span{margin-top: 15px;}
  .register .register-main .check-btm{margin-top: 30px;}
  .register .register-main .btm{padding: 20px 0;}
  .register .register-main .reset{font-size: 40px;}
  .register .register-main .check-btm .click .checkbox-container div.check{width: 40px;height: 40px;}
  .register .register-main .check-btm .click input[type='checkbox']:checked ~ div.check::before{    font-size: 35px;}
  .register .register-main .check-btm .click input[type='checkbox']{width: 35px;height: 35px;}
  .register .register-main .input-field span.field-icon{font-size: 35px;float: right;width: 93px;text-align: right;}

  footer .foot-body{padding: 50px;border-radius: 50px;}
  footer .foot-icon{padding: 50px;}
  footer .foot-body span{font-size: 50px;}
  footer .foot-body .foot-list-item li a{font-size: 45px;}
  footer .foot-body .foot-list-item .list-item a{font-size: 40px;}
  footer .foot-body .foot-list-item li::before{top: 13px;font-size: 40px;left: -20px;}
  footer .foot-body .close img{width: 60px;height: 60px;}
  footer .foot-body .foot-list-item li{padding: 13px 0;}
  footer .foot-btm ul li img{width: 50px;}
  footer .foot-btm span{font-size: 35px;}
  footer .foot-btm{padding: 13px 0 20px;}
  footer .foot-icon{right: 70px;}
  footer .foot-icon img{width: 50px;}

}



/*=========================later added=============================*/

:root{font-size: 16px;--primary_color: #e97730;--secondary_color: #154e7a;}

.solutions{display: flex!important; align-items: center;}
.solutions .solution-cont{display: flex;flex-direction: column;align-items: start;height: calc(100vh - 7.7rem);}
.solutions .solution-cont .list-outer{height: 100%;overflow: scroll;padding-right: 1rem;margin-top: 0.5rem;width: 100%;scrollbar-width: thin;scrollbar-color: #e97730;}
.solutions .solution-cont .list-outer::-webkit-scrollbar{width: 0.5rem;}
.solutions .solution-cont .list-outer::-webkit-scrollbar-thumb {background-color: #e97730;outline: 1px solid #e97730;border-radius: 20px;}

.solutions .solution-cont .right-list{text-align: center;margin: 2.7rem auto auto;text-align: center;display: grid;grid-template-columns: 32% 32% 32%;justify-content: space-between;grid-row-gap:3rem;}
.solutions .solution-cont .right-list .list-item .in-border{padding: 0.3rem;border: 0.15rem solid #e97730;border-radius: 50%;display: table;margin: -3.5rem auto auto;z-index: 99;position: relative;}
.solutions .solution-cont .right-list .list-in{margin: 0.7rem;box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 0.1rem inset;border-radius: 1rem;padding: 1rem;position: relative;transition: all 0.3s;}
.solutions .solution-cont .right-list .list-in:hover{background: #ffd1b0;}
.solutions .solution-cont .right-list .list-in .bg-img{position: absolute;top: 0;left: 0;z-index: 0;height: 100%;width: 100%;transition: all 0.3s;}
.solutions .solution-cont .right-list .list-in .solution-box{position: relative;z-index: 0;}
.solutions .solution-cont .right-list .list-in .bg-img img{height: 100%;object-fit: contain;width: 100%;}
.solutions .solution-cont .right-list .list-in:hover .bg-img{opacity: 0.3;transform: rotateX(180deg);}
.solutions .solution-cont .right-list .list-in figure{background: #e97730;border-radius: 50%;width: 4.5rem;height: 4.5rem;object-fit: cover;text-align: center;}
.solutions .solution-cont .right-list .list-in figure img{padding: 1rem;width: 4.5rem;object-fit: contain;height: 4.5rem;}
.solutions .solution-cont .right-list .list-in .list-title{padding: 0.7rem;text-transform: capitalize;font-size: 0.8rem;font-weight: 500;}
.solutions .solution-cont .right-list .list-in p{color: #4d4c4c;font-size: 0.8rem;line-height: 1rem;}

.solutions .solution-cont .right-list .list-in .btn{position: relative;display: inline-block;z-index: 99;width: 8rem;margin-top: 0.5rem;}
.solutions .solution-cont .right-list .list-in .btn a{position: relative;padding: 0px 1.8rem;text-transform: capitalize;line-height: 2rem;color: #fff;font-size: 0.8rem;}
.solutions .solution-cont .right-list .list-in .btn:hover a{color: #035189;font-weight: 500;}
.solutions .solution-cont .right-list .list-in .btn img{width: 80%;position: absolute;left: 50%; transform: translateX(-50%);max-height: 125%;}
.solutions .solution-cont .right-list .list-in .btn img.hover-bg{opacity: 0;transition: 0.3s ease-in-out;}
.solutions .solution-cont .right-list .list-in .btn:hover img.hover-bg{opacity: 1;}

@media(max-width:992px){
  .solutions .solution-cont .heading-dotted{width: auto;}
  .solutions .solution-cont{height: auto;}
  .solutions .solution-cont .list-outer{overflow: scroll;padding-right: 0;height: calc(100vh - 100px);}
  .solutions .solution-cont .right-list{grid-template-columns: 100%;}
  .solutions .solution-cont .right-list .list-in{margin-left: 3rem;padding-left: 3rem;text-align: left;position: relative;}
  .solutions .solution-cont .right-list .list-in .bg-img{z-index: -1;}
  .solutions .solution-cont .right-list .list-in .solution-box{position: static;}
  .solutions .solution-cont .right-list .list-item .in-border{position: absolute;top: 50%;left: 0;transform: translate(-50%,-50%);margin: 0;}
  .solutions .solution-cont .right-list .list-in .list-title{padding: 0.7rem 0;}
  .solutions .solution-cont .right-list .list-in .btn{text-align: center;margin-left: -1.2rem;}


}

@media (min-width: 1920px) and (max-width: 2559px){
  :root{font-size: 24px;}
  .solutions .solution-cont{margin-top: 1rem;height: calc(100vh - 8.7rem);}
}


@media (min-width: 2560px) and (max-width: 3839px){
  :root{font-size: 35px;}
  .solutions .solution-cont{margin-top: 1rem;height: calc(100vh - 8.7rem);} 
}

@media (min-width: 3840px) and (max-width: 4096px){
  :root{font-size: 42px;}
  .solutions .solution-cont{margin-top: 1rem;height: calc(100vh - 8.7rem);} 
}


/*=============================blogs==========================*/

.blogs{display: flex!important;}
.blogs .mob-post-search{width: 100%;display: none;justify-content: center;width: 100%;margin-bottom: 0.5rem;}
.blogs .input-field{border: 0.1rem solid #666;border-radius: 3rem;padding: 0 1rem;width: 100%;display: flex;}
.blogs .text-input,.blogs .post-search-btn{background: transparent;color: #666;border: none;height: 2rem;outline: 0;}
.blogs .text-input{width: 100%;}
.blogs .post-search-btn{width: 2rem;}
.blogs .text-input::placeholder{color: #666;}
.blogs .mob-categories{display: none;}
.blogs .blogs-cont{display: flex;justify-content: space-between;height: calc(100vh - 6rem);width: 94%;}
.blogs .blogs-posts{width: 70%;height: 100%;overflow: scroll;padding-right: 1.5rem;}
.blogs .blogs-posts::-webkit-scrollbar{width: 0.3rem;}
.blogs .blogs-posts::-webkit-scrollbar-thumb {background-color: #e97730;outline: 1px solid #e97730;border-radius: 20px;}
.blogs .blogs-heading{font-weight: 600;color: var(--secondary_color);}

.blogs .blogs-posts-inner{display: grid; grid-template-columns: 47.5% 47.5%;justify-content: space-between;}
.blogs .blog-post{padding: 2rem 0 1.5rem;border-top: 0.14rem solid #aaa;}
.blogs .blog-post:nth-child(1),.blogs .blog-post:nth-child(2){padding-top: 0;border-top: none;}
.blogs .blog-image-outer{overflow: hidden;border-radius: 1rem;}
.blogs .blog-image-outer .blog-image{width: 100%;height: 100%;}
.blogs .blog-post-row{display: flex;justify-content: space-between;margin-top: 1rem;align-items: center;}
.blogs .blog-author{color: var(--secondary_color);font-weight: 600;}
.blogs .blog-date{color: #777;font-size: 0.8rem;}
.blogs .blog-pen-icon{height: 0.8rem;margin-right: 0.3rem;}
.blogs .blog-title{color: #444;font-weight: 500;margin-top: 0.8rem;line-height: 130%;}
.blogs .blog-content{margin-top: 0.6rem;line-height: 130%;font-size: 0.85rem;color: #777;}
.blogs .blog-more{font-style: italic;color: #3891d9;text-decoration: underline;}
.blogs .blog-social{display: flex;align-items: center;}
.blogs .blog-social a{display: flex;align-items: center;}
.blogs .blog-social a:not(:first-child){margin-left: 0.3rem;}
.blogs .blog-social-icon{height: 1rem;}


.blogs .section-top{display: flex;justify-content: space-between;align-items: center;}
.blogs .latest-blogs .all-blogs-link{display: none;}
.blogs .latest-blogs-cont{width: 27%;display: flex;flex-direction: column;}
.blogs .latest-blogs{padding: 1rem; padding-right: 0.8rem;background: #fff;border-radius: 1rem;border: 0.1rem solid var(--secondary_color);height: calc(100% - 2.5rem);}
.blogs .latest-blogs .latest-blogs-inner{display: flex;padding-right: 0.5rem;flex-direction: column;height: 100%;overflow: scroll;scrollbar-width: thin;scrollbar-color: var(--secondary_color);}
.blogs .latest-blogs .latest-blogs-inner::-webkit-scrollbar{width: 0.3rem;}
.blogs .latest-blogs .latest-blogs-inner::-webkit-scrollbar-thumb {background-color: var(--secondary_color);outline: 1px solid var(--secondary_color);border-radius: 20px;}

.blogs .blog-categories .categories-list{margin-top: 1rem;font-size: 0.8rem;color: #777;}
.blogs .blog-categories .categories-list li:not(:first-child){margin-top: 0.8rem;}
.blogs .latest-posts-cont{margin-top: 1.5rem;}
.blogs .latest-blogs .latest-posts{margin-top: 1rem;}
.blogs .latest-blogs .latest-post{padding: 1.5rem 0;border-top: 0.1rem solid #aaa;}
.blogs .latest-blogs .latest-post:first-of-type{padding-top:0;border-top:none;}
.blogs .latest-blogs .latest-post-inner{display: flex;flex-direction: column;}
.blogs .latest-blogs .blog-image-outer{display: none;}
.blogs .latest-blogs .blog-body{display: flex;flex-direction: column;}
.blogs .latest-blogs .blog-pen-icon{display: none;}
.blogs .latest-blogs .blog-post-row{order: 3;}
.blogs .latest-blogs .blog-author{display: none;}
.blogs .latest-blogs .blog-title{color: var(--primary_color);margin-top: 0;}


@media(max-width:992px){
  .blogs{flex-direction: column;padding-top: 3rem;position: relative;}
  .blogs .mob-categories{display: block;}  
  .blogs .mob-post-search{display: flex;position: absolute;top: 0;left: 0;right: 0;width: 100%;padding: 0.5rem;background: var(--secondary_color);}
  .blogs .input-field{border-color: #fff;padding: 0 1rem;width: 80%;display: flex;}
  .blogs .text-input,.blogs .post-search-btn{color: #fff;}
  .blogs .text-input::placeholder{color: #fff;}
  .blogs .see-width{width: 100%;}

  .blogs .blogs-cont{margin-top: 1rem;}
  .blogs .mob-categories-cont{margin-top: 1rem;width: 100%;overflow: scroll;padding-bottom: 0.5rem;}
  .blogs .mob-categories-list{display: flex;}
  .blogs .mob-category:not(:first-child){margin-left: 1rem;}
  .blogs .mob-category-inner{display: block;}
  .blogs .category-image-outer{width: 4rem;height: 4rem;position: relative;}
  .blogs .category-image{width: 100%;height: 100%;overflow: hidden;border-radius: 50%;background-color: #fff;border: 0.15rem solid var(--primary_color);padding: 0.4rem;}
  .blogs .cat-image{width: 100%;height: 100%;max-height: 100%;max-width: 100%;}
  .blogs .post-count{position: absolute;top: 0;right: 0;width: 1.2rem;height: 1.2rem;font-size: 0.8rem;border-radius: 50%;color: #fff;background: var(--primary_color);display: flex;justify-content: center;align-items: center;}
  .blogs .category-title{text-align: center;margin-top: 0.3rem;}

  .blogs .blogs-heading{font-size: 1.4rem;font-weight: 400;border-bottom: 0.15rem solid var(--secondary_color);position: relative;}
  .blogs .blogs-heading span{border-bottom: 0.15rem dashed var(--secondary_color);width: 1.5rem;position: absolute;height: 100%;right: -0.2rem;bottom: -0.2rem;transform: translateX(100%);}
  
  .blogs .blogs-cont{flex-direction: column;height: auto;width: 100%;position: static;}
  .blogs .blogs-posts,.blogs .latest-blogs{width: 100%;}
  .blogs .blogs-posts{padding-right: 0;padding-bottom: 0.5rem;margin-top: 1.5rem;}
  .blogs .blogs-posts::-webkit-scrollbar{height: 0.3rem;}
  .blogs .blogs-posts-inner{display: flex;padding: 0.5rem;}
  .blogs .blog-post{padding: 0;border: 0;min-width: 12rem;background: #fff;box-shadow: 0.1rem 0.1rem 0.2rem rgba(0,0,0,0.2);}
  .blogs .blog-post .blog-body{display: flex;flex-direction: column;padding: 0.5rem;}
  .blogs .blog-post:not(:first-child){margin-left: 1rem;}
  .blogs .blog-content{display: none;}
  .blogs .blogs-posts .blog-author{display: none;}
  .blogs .blog-post-row.row-top{order: 2;}
  .blogs .blog-post-row.row-bottom{display: none;}
  .blogs .blog-categories{display: none;}
  .blogs .blog-image-outer{border-radius: 0;}

  .blogs .latest-blogs-cont{width: 100%;}
  .blogs .latest-blogs{border: none;border-radius: 0;background: transparent;padding: 0;margin: 1rem 0;}
  .blogs .latest-blogs .all-blogs-link{display: inline-block;color: #3891d9;text-decoration: underline;}
  .blogs .latest-blogs .latest-post{padding: 0;border: none;box-shadow: 0.1rem 0.1rem 0.2rem rgba(0,0,0,0.2);}
  .blogs .latest-blogs .latest-post:not(:first-child){margin-top: 1.2rem;}
  .blogs .latest-blogs .blog-image-outer{display: block;}
  .blogs .latest-blogs .latest-post-inner{flex-direction: row;background: #fff;}
  .blogs .latest-blogs .blog-body{padding: 0.5rem 1rem;position: relative;padding-bottom: 2rem;}
  .blogs .latest-blogs .latest-blogs-inner{padding-right: 0;}
  .blogs .latest-blogs .blog-author{display: block;}
  .blogs .latest-blogs .blog-date{position: absolute;bottom: 0.7rem;}
  .blogs .latest-blogs .blog-post-row{order: 1;margin-top: 0;}
  .blogs .latest-blogs .blog-title{order: 2;margin-top: 0.5rem;color: #444;font-size: 0.8rem;}
  .blogs .latest-blogs .blog-pen-icon{display: inline-block;}





}

@media (min-width: 1920px) and (max-width: 2559px){
  .blogs{margin-top: 5.5rem;}
  .blogs .blogs-cont{height: calc(100vh - 8rem);}
}

@media (min-width: 2560px) and (max-width: 3839px){
  .blogs{margin-top: 5.5rem;}
  .blogs .blogs-cont{height: calc(100vh - 8rem);}  
}

@media (min-width: 3840px) and (max-width: 4096px){
  .blogs{margin-top: 5.5rem;}
  .blogs .blogs-cont{height: calc(100vh - 8rem);}
}

/*======================single-blog==================*/

.single-blog .mob-post-search{display: flex;}

.single-blog .blogs-posts-inner{display: flex;}
.single-blog .blog-post-inner{display: flex;}
.single-blog .blogs-posts .blog-image-outer{width: 50%;}
.single-blog .blogs-posts .blog-body{padding: 0 1rem;width: 50%;}
.single-blog .blogs-posts .blog-date,.single-blog .blogs-posts .blog-social{margin-top: 1rem;}
.single-blog .blogs-posts .blog-other-content{margin-top: 1rem;color: #555;font-size: 0.9rem;}
.single-blog .blog-other-content .blog-para:not(:first-child){margin-top: 1rem;}
.single-blog .blog-other-content .blog-para2{padding-left: 2rem;}
.single-blog .blog-other-content .blog-para2:not(:first-child){margin-top: 1rem;}
.single-blog .blog-other-content .blog-para-title{font-size: 1rem;font-weight: 500;color: #111;margin-top: 1.5rem;}
.single-blog .blog-other-content .para-image1,.single-blog .blog-other-content .para-image2{display: block;}
.single-blog .blog-other-content .para-image1 img{float: left;margin-right: 1rem;margin-bottom: 0.5rem;border-radius: 1rem;max-width: 50%;width: 50%;}
.single-blog .blog-other-content .para-image2 img{float: right;margin-left: 1rem;margin-bottom: 0.5rem;border-radius: 1rem;max-width: 50%;width: 50%;}


@media(max-width:992px){
  .single-blog .blogs-posts{overflow: hidden;}
  .single-blog .blog-post-inner{flex-direction: column;padding: 0;}
  .single-blog .blogs-posts .blog-image-outer{width: 100%;}
  .single-blog .blogs-posts .blog-body{width: 100%;padding: 0; margin-top: 0.5rem;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
  .single-blog .blogs-posts .blog-author{display: block;}
  .single-blog .blogs-posts .blog-date{margin-top: 0;}
  .single-blog .blogs-posts .blog-title,.single-blog .blogs-posts .blog-social{width: 100%;}

  .single-blog .latest-blogs{display: none;}
  .single-blog .blog-post{background: none; box-shadow: none;}
  .single-blog .blog-other-content .para-image1 img{max-width: 100%;width: 100%;}
.single-blog .blog-other-content .para-image2 img{max-width: 100%;width: 100%;}
}

@media (min-width: 1920px) and (max-width: 2559px){
  .blogs{margin-top: 5.5rem;}
  .blogs .blogs-cont{height: calc(100vh - 8rem);}
}

@media (min-width: 2560px) and (max-width: 3839px){
  .blogs{margin-top: 5.5rem;}
  .blogs .blogs-cont{height: calc(100vh - 8rem);}  
}

@media (min-width: 3840px) and (max-width: 4096px){
  .blogs{margin-top: 5.5rem;}
  .blogs .blogs-cont{height: calc(100vh - 8rem);}
}


@media(max-width:1440px){
  .content-box{width: 347px!important;}
  .header .header-top .login-main .log-in a{padding: 10px 30px; font-size: 20px;}
}
@media(max-width:500px){
  .header .header-top .login-main .log-in a{padding: 8px 25px; font-size: 12px;}
}
@media(max-width:768px){
  .content-box{width: 327px!important;}
  .single-blog .latest-blogs{display: block;}
}
@media(max-width:1024px){
  .content-box{width: 407px!important;}
}

/* Solutions page */
.box-container{position: absolute;  margin-left: auto; margin-right: auto;}
.content-box{display: inline-block; width: 464px; height: 250px; background-image: linear-gradient(#FFFFFF, #EFEFEF); box-shadow: 3px 3px 7px #d1d1d1; border-radius: 25px; position: relative;margin: 0 20px;margin: 50px 20px;}
.content-box-bg{ background-image: url('../images/solution-box-bg.png'); background-repeat: no-repeat;width:100%; height: 250px;position: absolute;padding: 0 10px;}
.circle{ background-color: white; border: 3px solid #E67225; border-radius: 50%; height: 120px; width: 120px; padding: 6px; position: absolute;top: -60px;  left: 37%;}
.circle figure{background-color: #E67225; border-radius: 50%; height: 102px; width: 102px;}
.circle .code{padding-top: 23px; padding-left: 15px;}
.circle .media{padding-top: 17px; padding-left: 21px;}
.circle .domain{padding-top: 19px; padding-left: 15px;}
.circle .transfer{padding-top: 19px; padding-left: 15px;}
.circle .developer{padding-top: 19px; padding-left: 15px;}
.box-container .read-more{ background-image: url('../images/read-more-btn.png'); background-repeat: no-repeat; width: 159px; height: 53px; margin: 0 auto; display: block; margin-top: 10px; font-size: 20px; font-weight: bold; color: #07528B; background-color: transparent; border: none; cursor: pointer; text-align: center;}
.box-container .read-more:hover{background-image: url('../images/read-more-orange-btn.png'); background-repeat: no-repeat;}
.box-container h2{font-size: 20px; font-weight: 500; color: #2D394B; text-align: center;margin: 68px 0 10px;}
.box-container p{font-size: 16px; line-height: 30px; color: #444444; text-align: center;}
.mt-50{margin-top: 100px;}

/* Contact form page */
.contact-form {display: block;}
.contact-form .left-side{width: 49%; display: inline-block; vertical-align: top; margin-top: 6%;}
.contact-form .left-side .content{width: 70%; margin: 0 auto; }
.contact-form .right-side{width: 50%; display: inline-block; margin: 0 auto;}
.contact-form h2{font-size: 60px; color: #035189; font-weight: 500;}
.contact-form h3{font-size: 40px; color: #035189; font-weight: 500;}
.contact-form h4{font-size: 30px; color: white; font-weight: 500; text-align: center; margin-bottom: 20px;}
.contact-form h5{font-size: 24px; color: white; font-weight: 500; text-align: center; margin-bottom: 20px;}
.contact-form p{font-size: 25px; color: #444444; font-weight: normal;}
.contact-form .deviderline{height: 1px; background-color: #707070; margin: 15px 0; width: 100%;}
.contact-form ul {padding: 0; margin: 20px 0; color: #444444;}
.contact-form ul li{list-style: none; padding-bottom: 10px; margin: 0;font-size: 21px;}
.contact-form ul li::before{content: url(../images/tick-mark.svg); background-repeat: no-repeat; width: 20px; height: 10px; padding-right: 10px; vertical-align: -webkit-baseline-middle;}
.contact-form .form-container{width: 650px; height: 800px; background-color: #07528B; background-image: url('../images/form-bg.png'); background-repeat: no-repeat; background-size: cover; border-radius: 25px;padding: 70px 30px; margin: 0 auto;}
.contact-form .form-group textarea{height: 150px; width: 100%; background: no-repeat; border: 2px solid white; border-radius: 25px; padding: 10px 15px; outline: none;}
.contact-form .form-group input{outline: none;}
.contact-form .form-group .icons{position: absolute; padding: 11px 0 0 20px;}
.contact-form .form-group textarea:focus{background: none!important;}
.contact-form .form-group{margin-bottom: 15px; display: flow-root;}
.contact-form .form-group .small{width: 48%;}
.contact-form .form-group .small{outline: 0;}
.contact-form .form-control{color: white!important;}
.contact-form ::placeholder {color: rgb(255, 255, 255); opacity: 1;}
.contact-form :-ms-input-placeholder {color: rgb(255, 255, 255);}
.contact-form ::-ms-input-placeholder {color: rgb(255, 255, 255);}
.contact-form .form-group input{height: 50px; background: none; border: 2px solid white; border-radius: 25px;padding: 0 20px;width: 100%;}
.contact-form .form-check-label{color: white; font-size: 16px;}
.contact-form .our-specialist{background-image: url('../images/our-specialist-gray-btn.png'); background-repeat: no-repeat; width: 334px; height: 65px; margin: 0 auto; display: block;  margin-top: 20px; font-size: 20px; font-weight: bold; color: #07528B; background-color: transparent; border: none; cursor: pointer;}
.contact-form .our-specialist:hover{background-image: url('../images/our-specialist-orange-btn.png'); background-repeat: no-repeat;}
.container {
    padding-top: 2%;
    min-width: 1400px;
    margin: 0 auto;
    display: flex;
    
}
.con-center{
justify-content: center;
}

/* Call back page */
.call-back .txt{width: 49%; font-size: 30px; line-height: 60px; color: #444444; font-weight: bold; display: inline-block; vertical-align: top; margin-top: 17%;}
.call-back .image{width: 50%; display: inline-block;}
.call-back {width: 1000px;}
.call-back .image img{width: 100%;}