.mypostfix
        {
            position: fixed;
            top: 200px;
            background-color: azure;
            width: auto;
            height: auto;
            transition: 0.5s cubic-bezier(1, -0.23, 0, 1.1);
            border-top-right-radius: 30px;
            border-bottom-left-radius: 30px;
            z-index: 9999;
        }
        #slide
        {
            left: -112px;
        }
    
        .icons:before 
        {
            content: "\f35a";
            font-size: xx-large;
            left: 113px;
            position: absolute;
            top:-5px;
        }
        /*.hero-header */
        /*{*/
            /*background-image: linear-gradient(rgb(43 103 119 / 41%), rgb(23 61 71)), url(../../assets/images/header-images/mobile-header-2.png) !important;*/
        /*     background-image: linear-gradient(rgb(9 95 155 / 97%), rgb(40 75 84)) !important;*/
        /*    background-position: center center !important;*/
        /*    background-repeat: no-repeat !important;*/
        /*    background-size: contain !important;*/
        /*    height: auto;*/
        /*}*/
        /*.hero-header-for-about*/
        /*{*/
        /*    background-image: linear-gradient(to top, rgba(36, 38, 97, -0.5), rgba(21, 28, 58, 0.9)), url(../../assets/images/header-images/1-about-us-page.webp) !important;*/
        /*    background-position: center center !important;*/
        /*    background-repeat: no-repeat !important;*/
        /*    background-size: cover !important;*/
        /*    height: 70vh;*/
        /*}*/
        /* .hero-header-for-service*/
        /*{*/
        /*    background-image: linear-gradient(to top, rgba(36, 38, 97, -0.5), rgba(21, 28, 58, 0.9)), url(../../assets/images/header-images/service-page.webp) !important;*/
        /*    background-position: center center !important;*/
        /*    background-repeat: no-repeat !important;*/
        /*    background-size: cover !important;*/
        /*    height: 70vh;*/
        /*}*/
        /*.hero-header-for-hire-freelancer*/
        /*{*/
        /*    background-image: linear-gradient(to top, rgba(36, 38, 97, 0.1), rgba(21, 28, 58, 0.2)), url(../../assets/images/header-images/2hire-freelancer-page.png) !important;*/
        /*    background-position: center center !important;*/
        /*    background-repeat: no-repeat !important;*/
        /*    background-size: cover !important;*/
        /*    height: 70vh;*/
        /*}*/
        /*.hero-header-for-meet-gig-creat*/
        /*{*/
        /*    background-image: linear-gradient(to top, rgba(36, 38, 97, -0.5), rgba(21, 28, 58, 0.9)), url(../../assets/images/header-images/gig-page.webp) !important;*/
        /*    background-position: center  !important;*/
        /*    background-repeat: no-repeat !important;*/
        /*    background-size: cover !important;*/
        /*    height: 70vh;*/
        /*}*/
        /*.hero-header-for-contact*/
        /*{*/
        /*    background-image: linear-gradient(to top, rgba(36, 38, 97, -0.5), rgba(21, 28, 58, 0.9)), url(../../assets/images/header-images/contact-page.webp) !important;*/
        /*    background-position: center center !important;*/
        /*    background-repeat: no-repeat !important;*/
        /*    background-size: cover !important;*/
        /*    height: 70vh;*/
        /*}*/
        .hero-header-for-meet-network
        {
            background-image: url(../../assets/images/header-images/meetnetwork.png) !important;
            background-position: center center !important;
            background-repeat: no-repeat !important;
            background-size: cover !important;
            background-origin: border-box;
            background-attachment: scroll;
            height: 75vh;
        }
        @media (min-width:768px) and (max-width:1920px)
        {
            .hide-for-desktop-tab
            {
                display: none !important;
            }
            .hero-header 
            {
                /*background-image: linear-gradient(rgb(43 103 119 / 41%), rgb(23 61 71)), url(../../assets/images/header-images/mobile-header-2.png) !important;*/
                 background-image: linear-gradient(rgb(9 95 155 / 97%), rgb(40 75 84)) !important;
                background-position: center center !important;
                background-repeat: no-repeat !important;
                background-size: contain !important;
                height: 80vh;
            }
             .hero-header-for-about
            {
                background-image: linear-gradient(to top, rgba(36, 38, 97, -0.5), rgba(21, 28, 58, 0.9)), url(../../assets/images/header-images/1-about-us-page.webp) !important;
                background-position: center center !important;
                background-repeat: no-repeat !important;
                background-size: cover !important;
                height: 68vh;
            }
            .hero-header-for-hire-freelancer
            {
                background-image: linear-gradient(to top, rgba(36, 38, 97, 0.1), rgba(21, 28, 58, 0.2)), url(../../assets/images/header-images/2hire-freelancer-page.png) !important;
                background-position: center center !important;
                background-repeat: no-repeat !important;
                background-size: cover !important;
                height: 68vh;
            }
             .hero-header-for-service
            {
                background-image: linear-gradient(to top, rgba(36, 38, 97, -0.5), rgba(21, 28, 58, 0.9)), url(../../assets/images/header-images/service-page.webp) !important;
                background-position: center center !important;
                background-repeat: no-repeat !important;
                background-size: cover !important;
                height: 68vh;
            }
             .hero-header-for-meet-gig-creat
            {
                background-image:linear-gradient(to top, rgba(36, 38, 97, -0.5), rgba(21, 28, 58, 0.9)), url(../../assets/images/header-images/gig-page.webp) !important;
                background-position: center  !important;
                background-repeat: no-repeat !important;
                background-size: cover !important;
                height: 68vh;
            }
            .hero-header-for-contact
            {
                background-image: linear-gradient(to top, rgba(36, 38, 97, -0.5), rgba(21, 28, 58, 0.9)), url(../../assets/images/header-images/contact-page.webp) !important;
                background-position: center center !important;
                background-repeat: no-repeat !important;
                background-size: cover !important;
                height: 68vh;
            }
             .mystyleimg
                {
                    height: 180px !important;
                    width:100% !important;
                }
        }
        @media (min-width:350px) and (max-width:767px)
        {
            .hide-for-mobile 
            {
                display: none !important;
            }
            .hero-header
            {
            
                height: 50vh;
            }
            .hero-header 
                {
                    background-image: url(../../assets/images/header-images/for-home-mobile.png) !important;
                    background-position: center center !important;
                    background-repeat: no-repeat !important;
                    background-size: cover !important;
                    height: auto;
                }
            .hero-header-for-about
                {
                    background-image: url(../../assets/images/header-images/for-about-mobile.png) !important;
                    background-position: center center !important;
                    background-repeat: no-repeat !important;
                    background-size: cover !important;
                    height: 46vh;
                }
            .hero-header-for-hire-freelancer
                {
                    background-image:url(../../assets/images/header-images/for-hire-freelancer.png) !important;
                    background-position: center center !important;
                    background-repeat: no-repeat !important;
                    background-size: cover !important;
                    height: 46vh;
                }
             .hero-header-for-service
                {
                    background-image: url(../../assets/images/header-images/for-service-mobile.png) !important;
                    background-position: center center !important;
                    background-repeat: no-repeat !important;
                    background-size: cover !important;
                    height: 46vh;
                }
             .hero-header-for-meet-gig-creat
                {
                    background-image:url(../../assets/images/header-images/for-gig-mobile.png) !important;
                    background-position: center  !important;
                    background-repeat: no-repeat !important;
                    background-size: cover !important;
                    height: 46vh;
                }
            .hero-header-for-contact
                {
                    background-image: url(../../assets/images/header-images/for-contact-mobile.png) !important;
                    background-position: center center !important;
                    background-repeat: no-repeat !important;
                    background-size: cover !important;
                    height: 46vh;
                }
                .mystyleimg
                {
                    height: 230px !important;
                    width:100% !important;
                }
            /*.hero-header-for-hire*/
            /*{*/
            /*    background-size: 158% 145% !important;*/
            /*    height: 42vh!important;*/
            /*}*/
            /*.hero-header-for-service*/
            /*{*/
                /*background-size: 125% 108% !important;*/
            /*    background-size: cover !important;*/
            /*    height: 42vh!important;*/
            /*}*/
            /* .hero-header-for-meet-gig-creat*/
            /*{*/
            /*    background-size: 100% 100% !important;*/
                /*background-size: cover !important;*/
            /*    height: 42vh!important;*/
            /*}*/
            /*.hero-header-for-contact*/
            /*{*/
            /*     background-size: cover !important;*/
            /*    height: 42vh!important;*/
            /*}*/
            
        }
        
        @media (min-width:991px) and (max-width:1920px)
        {
            .hide-for-desktop-only
            {
                display: none !important;
            }
        }
        .body-background
        {
            background-color: #cbdaef6b;
        }
        
        /*--------------------------------------------------------------------------------------------------------------------------------------*/
        .bg-custome-gradient
        {
            /*background-image: linear-gradient(to right, rgb(233 239 248), rgb(43 103 119)) !important;*/
            /*background-image: linear-gradient(to right, rgb(232 240 248), rgb(15 0 45)) !important;*/
            background-image: linear-gradient(rgb(223 231 239), rgb(233 240 249)) !important;
            border-radius: 30px;
        }
        .border-shape
        {
            border:1px solid white;
            border-radius: 10px;
            display: flex !important;
            align-content: center !important;
            align-items: center !important;
            justify-content: center !important;
        }
        .background-img
        {
            background-image: url('../../assets/images/background-images/bg1.png');
            height: auto;
            background-repeat: no-repeat !important;
            background-size: contain !important;
            background-position: center !important;
        }
        
       /*--------------------------------------------------------------------------------------------------------------------------------------*/
        .shap-background
        {
            background-image: url('../../assets/images/background-images/2bg-shapes.png');
            height: auto;
            background-repeat: no-repeat !important;
            background-size: cover !important;
            background-position: bottom !important;
        }
        .shap-background-service
        {
            background-image: url('../../assets/images/background-images/2bg-shapes.png');
            height: auto;
            background-repeat: no-repeat !important;
            background-size: cover !important;
            background-position: bottom !important;
            transform: rotate(180deg);
        }
        .bg-shape-style
        {
            background-image: url('../../assets/images/background-images/3bg-shapes.png');
            height: auto;
            background-repeat: no-repeat !important;
            background-size: contain !important;
            background-position: bottom !important;
        }
        .bg-for-index
        {
            background-image: url('../../assets/images/background-images/freelancing-shape.png');
            height: auto;
            background-repeat: no-repeat !important;
            background-size: cover !important;
            background-position: top !important;
        }
        .section
        {
            width:120px;
            height: 120px;
            border-radius: 50%;
            border:1px solid var(--primary);
            transition:0.3s ease-in;
            display: block;
        }
        .icon-color
        {
            color: var(--primary);
            transition:0.3s ease-in;
        }
      
        .items-center
        {
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            align-items: center !important;
        }
        .center-section
        {
            display: flex;
            flex-direction: column;
            align-content: center;
            align-items: center;
            
        }
        
        .fixed
        {
            background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.8)), url('../../assets/images/fixed-images/fixed-1.jpg');
            height: 50vh;
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: fixed;
            background-position: center;
            display: flex;
            align-items: center;
        }
        .fixed-for-about
        {
            background-image: linear-gradient(rgb(43 103 119 / 80%), rgb(43 103 119 / 84%)), url(../../assets/images/fixed-images/fixed-for-about.jpg);
            height: 70vh;
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: scroll;
            background-position: center;
            /*display: flex;*/
            /*align-items: center;*/
        }
        
        @media (max-width:991px) and (min-width:350px)
        {
            .fixed
            {
                background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.8)), url('../../assets/images/fixed-images/fixed-2.jpg');
                height: 30vh;
                background-repeat: no-repeat;
                background-size: contain;
                background-attachment: fixed;
                background-position: center;
                display: flex;
                align-items: center;
            }
        }
        
        
        .bg-style-shape
        {
            background-image: url('../../assets/images/background-images/4bg-shapes.png');
            height: auto;
            background-repeat: no-repeat !important;
            background-size: cover !important;
            background-position: bottom !important;
        }
        
        .my-border-radius
        {
            border-radius: 20px;
        }
        .my-border-radius-left-top
        {
            border-top-left-radius: 15px;
        }
        .my-border-radius-left-bottom
        {
            border-bottom-left-radius: 15px;
        }
        .my-border-radius-right-top
        {
            border-top-right-radius: 15px;
        }
        .my-border-radius-right-bottom
        {
            border-bottom-right-radius: 15px;
        }
      .ol-li-bg-none
      {
          background:none !important;
      }
    .hr 
    {
        margin: 2rem 0;
        color: #2b6777;
        background-color: rgb(43 103 119);
        border: 0;
        opacity: 0.75;
        box-shadow: 0px 2px 2px #2b6
    }
    
    .about-background
        {
                background-image: url('../../assets/images/background-images/bg-design.png');
                height: auto;
                background-repeat: repeat-y;
                background-size: contain;
                background-position: top;
        }
        
        .about-background-2
        {
            background-image: url('../../assets/images/background-images/bg-design2.png');
                height: auto;
                background-repeat: no-repeat;
                background-size: cover;
                background-position: top;
        }
        .pricing-background-2
        {
            background-image: url('../../assets/images/background-images/bg-design2.png');
                height: auto;
                background-repeat: no-repeat;
                background-size: cover;
                background-position: top;
        }
        .register-background
        {
                background-image: url('../../assets/images/background-images/bg-design.png');
                height: auto;
                background-repeat: repeat-y;
                background-size: cover;
                background-position: top;
        }
        
        
    .owl-carousel .owl-dots 
    {
        margin-top: 24px;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    .owl-carousel .owl-dot 
    {
        position: relative;
        display: inline-block;
        margin: 0 7px;
        width: 15px;
        height: 15px;
        border: 1px solid #CCCCCC;
        border-radius: 15px;
        transition: .5s;
    }

    .owl-carousel .owl-dot.active 
    {
        background: var(--primary);
        border-color: var(--primary);
    }
    .all-photo-blk
    {
        filter: grayscale(100%);
    }
        
        
        /*============================================================================================================================================================*/
        :root{


  /* Defult links color */
  --color-links: #3279fc;
  --color-links-hover: #4797ff;

  /* Primay colors */
  --color-primary: #3279fc;
  --color-primary-light: #4797ff;
  --color-primary-dark: #1c61e2;

  --color-primary-rgb: 43, 103, 119;
  --color-primary-light-rgb: 71, 151, 255;
  --color-primary-dark-rgb: 28, 97, 226;

  /* Secondary colors */
  --color-secondary: #5670a0;
  --color-secondary-light: #6e87b6;
  --color-secondary-dark: #3b5380;

  --color-secondary-rgb: 86, 112, 160;
  --color-secondary-light-rgb: 110, 135, 182;
  --color-secondary-dark-rgb: 59, 83, 128;

  /* General colors */
  --color-blue: #0d6efd;
  --color-blue-rgb: 13, 110, 253;

  --color-indigo: #6610f2;
  --color-indigo-rgb: 102, 16, 242;

  --color-purple: #6f42c1;
  --color-purple-rgb: 111, 66, 193;

  --color-pink: #f3268c;
  --color-pink-rgb: 243, 38, 140;

  --color-red: #df1529;
  --color-red-rgb: 223, 21, 4;

  --color-orange: #fd7e14;
  --color-orange-rgb: 253, 126, 20;

  --color-yellow: #ffc107;
  --color-yellow-rgb: 255, 193, 7;

  --color-green: #059652;
  --color-green-rgb: 5, 150, 82;

  --color-teal: #20c997;
  --color-teal-rgb: 32, 201, 151;

  --color-cyan: #0dcaf0;
  --color-cyan-rgb: 13, 202, 240;

  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;

  --color-gray: #6c757d;
  --color-gray-rgb: 108, 117, 125;

  --color-black: #000000;
  --color-black-rgb: 0, 0, 0;
  
}
    .pricing {
  background: rgba(var(--color-secondary-rgb), 0.04);
}

.pricing .pricing-item {
  padding: 30px 13px !important;
  box-shadow: 0 3px 20px -2px rgba(var(--color-gray-rgb), 0.15);
  background: var(--color-white);
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 4px solid var(--color-white);
  border-radius: 10px;
  overflow: hidden;
}

.pricing .pricing-header {
  background: linear-gradient(rgba(var(--color-secondary-rgb), 0.9), rgba(var(--color-secondary-rgb), 0.9)), url("../../assets/images/pricing/pricing-bg.jpg") center center;
  background-size: cover;
  text-align: center;
  padding: 35px;
  margin: -60px -40px 0;
}

.pricing h3 {
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 36px;
  color: var(--color-white);
}

.pricing h4 {
  font-size: 48px;
  color: var(--color-white);
  font-weight: 400;
  font-family: var(--font-primary);
  margin-bottom: 0;
}

.pricing h4 sup {
  font-size: 28px;
}

.pricing h4 span {
  color: rgba(var(--color-white-rgb), 0.6);
  font-size: 24px;
}

.pricing ul {
  padding: 3px 0;
  list-style: none;
  color: var(--color-gray);
  text-align: left;
  line-height: 20px;
}

.pricing ul li {
  padding: 0px 0;
  display: flex;
  align-items: center;
}

.pricing ul i {
  color: var(--primary);
  font-size: 36px;
  padding-right: 3px;
  line-height: 0;
}

.pricing ul .na {
  color: rgba(var(--color-gray-rgb), 0.5);
}

.pricing ul .na i {
  color: rgba(var(--color-gray-rgb), 0.5);
  font-size: 24px;
  padding-left: 4px;
}

.pricing ul .na span {
  text-decoration: line-through;
}

.pricing .buy-btn {
  display: inline-block;
  padding: 6px 31px;
  border-radius: 10px;
  color: var(--primary);
  transition: none;
  font-size: 16px;
  font-weight: 700;
  transition: 0.3s;
  border: 1px solid var(--primary);
}

.pricing .buy-btn:hover {
  background: var(--primary);
  color: var(--color-white);
}

.pricing .featured {
  border-color: var(--primary);
}

.pricing .featured .pricing-header {
  background: linear-gradient(rgba(var(--color-primary-rgb), 0.9), rgba(var(--color-primary-rgb), 0.9)), url("../../assets/images/pricing/pricing-bg.jpg") center center;
}

.pricing .featured .buy-btn {
  background: var(--primary);
  color: var(--color-white);
}
        
        /*=============================================================================================================================================================*/
        
        
          .ss
        {
            background-color: cadetblue;
            margin: auto;
            padding: 18px;
            border-radius: 15px;
        }
        .sp 
        {
            background-color: white;
            padding: 15px;
            border-radius: 15px;
        }
        @media only screen and (max-width: 767px) and (min-width: 350px)
        {
            .ss 
            {
                max-width:100%;
                padding: 8px;
                font-size: 15px;
            }
            .sp 
            {
                padding: 6px;
                font-size: 15px;
            }
        }
         @media only screen and (max-width: 1200px) and (min-width: 768px)
        {
            .ss 
            {
                max-width:50%;
            }
        }
         @media only screen and (max-width: 1920px) and (min-width: 1201px)
        {
            .ss 
            {
                max-width:25%;
            }
        }
        
        
         tr > th, td 
         {
             height: 60px !important;
         }
        
        
        .registration-background-image
        {
            background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.8)), url('../../assets/images/fixed-images/fixed-2.jpg');
            height: 100%;
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: scroll;
            background-position: center;
        }
        
        
        
        /*============================================================================================================================================================================================*/
        
        
        
           @media (min-width:350px) and (max-width:767px)
            {
                .hide-for-mobile-only,
                .hide-for-mobile-section-only-service-one,
                .hide-for-mobile-service-three,
                .hide-for-mobile-only-service-four,
                .hide-for-mobile-service-six
                {
                    display: none !important;
                }
                .change-size-for-mobile-only-section-two
                {
                    font-size:16px !important;
                }
                 .fixed
                {
                    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.8)), url('../../assets/images/fixed-images/fixed-1.jpg');
                    height: auto !important;
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-attachment: scroll !important;
                    background-position: center;
                    display: flex;
                    align-items: center;
                }
                .add-service-for-mobile-only-five
                {
                    margin-top: 70px !important;
                }
                .myheight-for-mobile
                {
                    margin-bottom:10px !important; 
                }
                .myimage-section-for-mobile-only
                {
                    height: 270px !important;
                    width:100% !important;
                    object-fit: cover !important;
                    position: relative !important;
                    top:7px;
                }
                
                
            }
            @media (min-width:768px) and (max-width:1920px)
            {
                .useonly-mobile-footer
                {
                    display: none !important;
                }
            }